{"id":16184880,"url":"https://github.com/stormwarning/poc-icon-components","last_synced_at":"2025-04-07T13:11:05.816Z","repository":{"id":66302748,"uuid":"494500860","full_name":"stormwarning/poc-icon-components","owner":"stormwarning","description":null,"archived":false,"fork":false,"pushed_at":"2022-05-20T16:28:54.000Z","size":329,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-13T15:40:36.608Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stormwarning.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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":"2022-05-20T14:42:08.000Z","updated_at":"2022-05-20T15:01:31.000Z","dependencies_parsed_at":"2023-02-20T21:00:51.684Z","dependency_job_id":null,"html_url":"https://github.com/stormwarning/poc-icon-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stormwarning%2Fpoc-icon-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stormwarning%2Fpoc-icon-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stormwarning%2Fpoc-icon-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stormwarning%2Fpoc-icon-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stormwarning","download_url":"https://codeload.github.com/stormwarning/poc-icon-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247657282,"owners_count":20974345,"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":[],"created_at":"2024-10-10T07:12:20.461Z","updated_at":"2025-04-07T13:11:05.794Z","avatar_url":"https://github.com/stormwarning.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# icon-components\n\n## Icon build setup\n\nAny SVG files inside the root `icons` directory will be added to the icon sprite sheet. (This could be replaced with a Figma API response) The artwork should be as \"flattened\" as possible, on a 32px square artboard, and filled (or stroked) in black.\n\nSVGs should be use camelCase if the name is made up of more than one word. Names with a hyphen — `visibility-hidden.svg` for example — *will* be added to the sprite, but will not have a separate component generated. The \"base\" `visibility` icon component should be manually edited to toggle between the two icons based on props.\n\nRunning the build script will generate a new icon sprite SVG, and a React component for any icons that don't already exist. The components can be edited in order to add custom options where necessary. The components wrap the base `Icon` component. Passing a `label` and `labelId` to the component will apply the appropriate accessibility attributes. There are four different `size` options: by default the icons are displayed at 32px, and can be scaled down to 24px, 20px, or 16px.\n\n## General package setup\n\nPackage uses modern npm (avoiding additional tools where possible). The intention is that other design system components could be included in the `components` dir, but could also be converted to a monorepo if needed.\n\nIt uses [Vitest](https://vitest.dev) as a drop-in replacement for Jest for fast TypeScript transpilation during testing. Since it requires installing Vite as well, Vite is also leveraged for building Storybook examples.\n\nWould need to add other convention tools like ESLint, Prettier, Husky, etc. as well as GitHub actions and Changesets for CI/CD.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstormwarning%2Fpoc-icon-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstormwarning%2Fpoc-icon-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstormwarning%2Fpoc-icon-components/lists"}