{"id":21496530,"url":"https://github.com/mlibrary/design-system-old","last_synced_at":"2025-07-15T19:32:41.490Z","repository":{"id":45633604,"uuid":"223243473","full_name":"mlibrary/design-system-old","owner":"mlibrary","description":"We aim to build trust in our digital services by creating components and standards that are reusable, equitable, informed by research, and available to the public.","archived":false,"fork":false,"pushed_at":"2024-07-22T13:36:31.000Z","size":8704,"stargazers_count":6,"open_issues_count":1,"forks_count":4,"subscribers_count":7,"default_branch":"main","last_synced_at":"2024-07-22T15:46:36.508Z","etag":null,"topics":["css","design-systems","design-tokens","html","stenciljs","web-components"],"latest_commit_sha":null,"homepage":"https://design-system.lib.umich.edu/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mlibrary.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-11-21T18:59:22.000Z","updated_at":"2024-07-22T15:46:49.305Z","dependencies_parsed_at":"2024-07-22T15:46:47.254Z","dependency_job_id":"7cd00424-a50a-41dd-ba65-52c4fe55a1cd","html_url":"https://github.com/mlibrary/design-system-old","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlibrary%2Fdesign-system-old","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlibrary%2Fdesign-system-old/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlibrary%2Fdesign-system-old/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mlibrary%2Fdesign-system-old/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mlibrary","download_url":"https://codeload.github.com/mlibrary/design-system-old/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226064471,"owners_count":17568036,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","design-systems","design-tokens","html","stenciljs","web-components"],"created_at":"2024-11-23T16:16:56.034Z","updated_at":"2024-11-23T16:16:56.718Z","avatar_url":"https://github.com/mlibrary.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# University of Michigan Library Design System\n\nThe design system exists to build trust in our digital services and create components and standards that are reusable, equitable, informed by research, and available to the public.\n\nAre you trying to find [design system documentation](https://design-system.lib.umich.edu)?\n\n### How do I get started developing?\n\nWe expect that you have basic working understanding of [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML), [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS), [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript), [Node.js and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm), and [Github](https://docs.github.com/en/github).\n\n```\ngit clone https://github.com/mlibrary/design-system.git\ncd design-system\n```\n\nCopy `.env-example` to `.env`\n\n```\ncp .env-example .env\n```\n\nBuild the images\n\n```\ndocker-compose build\n```\n\nInstall the npm packages on your host machine\n\n```\ndocker-compose run --rm web npm install\n```\n\nBuild everything locally\n\n```\ndocker-compose run --rm web npm run build\n```\n\nStart everything\n\n```\ndocker-compose up\n```\n\nThe Developer Workshop will then be available at [http://localhost:8080/](http://localhost:8080/). This web page serves as a design system workshop to develop web components and styles and learn how to use the system.\n\n## Reference, A to Z\n\n[**Eleventy**](https://www.11ty.dev/) is a static site generator that is fairly simple, but powerful enough to use for our [design system website](design-system.lib.umich.edu).\n\n[**Gulp**](https://gulpjs.com/) for automating our development workflows and build pipelines.\n\n[**PostCSS**](https://postcss.org/) for improving the developer experience when writing styles with plugins like [postcss-nesting](https://recordit.co/71o05ZKvNf) and optimizing and transforming CSS for distribution.\n\n[**Stencil**](https://stenciljs.com/docs/introduction) is a compiler that generates Web Components (more specifically, Custom Elements). We use this to create ready-to-go solutions like with our [Universal Header Web Component](https://design-system.lib.umich.edu/universal-header/).\n\n[**Theo**](https://github.com/salesforce-ux/theo) is an abstraction for transforming and formatting Design Tokens. Used to manage our single source of truth for design values, such as colors and spacings.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlibrary%2Fdesign-system-old","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmlibrary%2Fdesign-system-old","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmlibrary%2Fdesign-system-old/lists"}