{"id":23125135,"url":"https://github.com/statisticsnorway/design-system","last_synced_at":"2025-08-17T03:32:46.095Z","repository":{"id":35544360,"uuid":"205808562","full_name":"statisticsnorway/design-system","owner":"statisticsnorway","description":"Statistics Norway's digital design system","archived":false,"fork":false,"pushed_at":"2025-07-03T04:56:47.000Z","size":434738,"stargazers_count":3,"open_issues_count":10,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-07-03T05:34:25.491Z","etag":null,"topics":["backstage"],"latest_commit_sha":null,"homepage":"https://statisticsnorway.github.io/design-system/","language":"JavaScript","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/statisticsnorway.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-09-02T08:13:37.000Z","updated_at":"2025-07-03T04:55:28.000Z","dependencies_parsed_at":"2025-07-03T05:38:27.193Z","dependency_job_id":null,"html_url":"https://github.com/statisticsnorway/design-system","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/statisticsnorway/design-system","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statisticsnorway%2Fdesign-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statisticsnorway%2Fdesign-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statisticsnorway%2Fdesign-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statisticsnorway%2Fdesign-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/statisticsnorway","download_url":"https://codeload.github.com/statisticsnorway/design-system/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/statisticsnorway%2Fdesign-system/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270803016,"owners_count":24648682,"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","status":"online","status_checked_at":"2025-08-17T02:00:09.016Z","response_time":129,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["backstage"],"created_at":"2024-12-17T08:12:39.567Z","updated_at":"2025-08-17T03:32:44.146Z","avatar_url":"https://github.com/statisticsnorway.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SSB Design System\n\nThis is the repository for the website used to document the [SSB component library](https://github.com/statisticsnorway/ssb-component-library).\n\n\n- [Run project locally](#run-project-locally)\n- [How to start working on a feature](#how-to-start-working-on-a-feature)\n- [Deploy to site](#deploy-to-site)\n- [Developing a component](#developing-a-component)\n    - [Components](#components)\n    - [Storybook](#storybook)\n    - [Testing](#testing)\n    - [Styling](#styling)\n----\n\n### Run project locally\n```\n... clone repository ...\n$ npm install\n$ npm start\n```\n\n### How to start working on a feature\n```\n$ git checkout master\n$ git pull\n$ git checkout -b add-feature-x\n... do changes ...\n$ git commit -a -m \"detailed commit message\"\n$ git status\n... verify that correct files are included ...\n$ git push -u origin add-feature-x\n... create pull-request to master ...\n```\n\n### Deploy to site\nThe project is published with [Github Pages](https://pages.github.com/).\nTo publish a new build, navigate to master branch and make sure you have the latest updates. \nMake sure that the latest version of the component library is installed. Also make sure the version number in the header is correct.\nBuild the latest version with `npm run build` and makes sure the build doesn't fail.\nWhen build is done, publish by running `npm run deploy`. The branch named `gh-pages` should\nupdate and start the build process. \n\n#### Styling\nStyling is done with with the [Sass](https://sass-lang.com/) language, using the \n[SCSS](https://sass-lang.com/documentation/syntax) syntax. Each component should have its own stylesheet, and there are \na couple of global stylesheets as well. Please refrain from using custom colors, use the variables from the component library.\nUsing variables makes it much easier if it's updated at any point. \n\nThe site uses bootstrap for simplicity's sake. If you detect any issues with bootstrap affecting the original design of a component,\nplease submit at [bug report](https://github.com/statisticsnorway/ssb-component-library/issues/new/choose) at the component library repository.\n\nThere are media queries for responsive design. They look like this: \n```scss\n$mobile: 'screen and (max-width: 767px)';\n$tablet: 'screen and (min-width: 768px) and (max-width: 991px)';\n$desktop: 'screen and (min-width: 992px)';\n```\n\nUse them like this in your components: \n```scss\n@media #{$mobile} {\n  // mobile style\n}\n```\nGo from smallest to largest to ensure that styles are being overwritten in the correct order. \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstatisticsnorway%2Fdesign-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstatisticsnorway%2Fdesign-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstatisticsnorway%2Fdesign-system/lists"}