{"id":14037284,"url":"https://github.com/bcgov/design-system","last_synced_at":"2026-04-09T20:17:02.596Z","repository":{"id":34118255,"uuid":"152475404","full_name":"bcgov/design-system","owner":"bcgov","description":"The B.C. Design System helps public sector design and development teams build consistent, accessible products","archived":false,"fork":false,"pushed_at":"2024-11-27T18:21:02.000Z","size":19981,"stargazers_count":59,"open_issues_count":17,"forks_count":38,"subscribers_count":19,"default_branch":"main","last_synced_at":"2024-11-27T19:26:52.727Z","etag":null,"topics":["citz","component-library","design-system","design-tokens","react"],"latest_commit_sha":null,"homepage":"https://gov.bc.ca/designsystem","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bcgov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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":"2018-10-10T19:06:06.000Z","updated_at":"2024-11-27T09:30:46.000Z","dependencies_parsed_at":"2024-01-19T10:15:14.476Z","dependency_job_id":"33095fde-6603-426b-abd6-8830fd6ec969","html_url":"https://github.com/bcgov/design-system","commit_stats":null,"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bcgov%2Fdesign-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bcgov%2Fdesign-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bcgov%2Fdesign-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bcgov%2Fdesign-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bcgov","download_url":"https://codeload.github.com/bcgov/design-system/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227762659,"owners_count":17816058,"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":["citz","component-library","design-system","design-tokens","react"],"created_at":"2024-08-12T03:02:39.156Z","updated_at":"2026-04-09T20:17:02.588Z","avatar_url":"https://github.com/bcgov.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# B.C. Design System\n\nThe B.C. Design System gives design and software development teams the building blocks to deliver intuitive, accessible digital services.\n\nThe B.C. Design System comprises 4 core elements:\n\n- [Design tokens](#bc-design-tokens)\n- [Figma and React component libraries](#component-library)\n- [Documentation hub](https://gov.bc.ca/designsystem)\n\nThe new design system replaces [the legacy design system](/legacy), which has now been archived.\n\n## Design tokens\n\nThe [@bcgov/design-tokens package](https://github.com/bcgov/design-system/tree/docs/packages/design-tokens) provides a method to quickly and consistently implement the province's look and feel for digital services. They offer a set of standardized options to help developers style user interfaces in a consistent and future-proof way.\n\n- [Installable package on npm](https://www.npmjs.com/package/@bcgov/design-tokens)\n- [Source code](https://github.com/bcgov/design-system/tree/main/packages/design-tokens)\n- [Figma library](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43#designers)\n- [Design tokens docs](https://www2.gov.bc.ca/gov/content?id=5993A3D597F1454CB0E5DFA02DBB2EB7)\n\n## Component library\n\nThe [@bcgov/design-system-react-components package](https://www.npmjs.com/package/@bcgov/design-system-react-components) provides a library of reusable UI components, implemented in Figma and React. Support for other languages and frameworks is currently out-of-scope.\n\nThe component library is currently in active development. New components are added when both Figma and React implementations are complete and fully documented.\n\n- [Install via npm](https://www.npmjs.com/package/@bcgov/design-system-react-components)\n- [Source code](https://github.com/bcgov/design-system/tree/main/packages/react-components)\n- [Storybook UI workshop](https://designsystem.gov.bc.ca/react-components/)\n- [Figma library](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43#designers)\n- [Component docs](https://www2.gov.bc.ca/gov/content?id=8E36BE1D10E04A17B0CD4D913FA7AC43)\n\n## Contact\n\nThe B.C. Design System is maintained by the Everyday Life Events Application Management branch at Connected Services BC, part of the Ministry of Citizens' Services. You can contact the design system team by email at [designsystem@gov.bc.ca](mailto:designsystem@gov.bc.ca), or [open an issue](https://github.com/bcgov/design-system/issues/new/choose).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbcgov%2Fdesign-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbcgov%2Fdesign-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbcgov%2Fdesign-system/lists"}