{"id":24775644,"url":"https://github.com/inseefr/wilco","last_synced_at":"2025-06-17T06:04:27.177Z","repository":{"id":38985841,"uuid":"239958688","full_name":"InseeFr/Wilco","owner":"InseeFr","description":"Visual components","archived":false,"fork":false,"pushed_at":"2023-03-03T12:42:49.000Z","size":13775,"stargazers_count":1,"open_issues_count":14,"forks_count":2,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-17T06:02:42.325Z","etag":null,"topics":["transverse-component"],"latest_commit_sha":null,"homepage":null,"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/InseeFr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-02-12T08:12:45.000Z","updated_at":"2022-04-26T11:56:16.000Z","dependencies_parsed_at":"2024-09-26T07:43:52.690Z","dependency_job_id":null,"html_url":"https://github.com/InseeFr/Wilco","commit_stats":{"total_commits":149,"total_committers":4,"mean_commits":37.25,"dds":0.4563758389261745,"last_synced_commit":"b0da57380e5aae6a0a94c718814bfea5feeeb53c"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/InseeFr/Wilco","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InseeFr%2FWilco","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InseeFr%2FWilco/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InseeFr%2FWilco/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InseeFr%2FWilco/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/InseeFr","download_url":"https://codeload.github.com/InseeFr/Wilco/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InseeFr%2FWilco/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260301984,"owners_count":22988717,"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":["transverse-component"],"created_at":"2025-01-29T06:55:06.087Z","updated_at":"2025-06-17T06:04:27.135Z","avatar_url":"https://github.com/InseeFr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Wilco\n\nVisual components\n\n[![Wilco CI](https://github.com/InseeFr/Wilco/actions/workflows/ci.yml/badge.svg)](https://github.com/InseeFr/Wilco/actions/workflows/ci.yml)\n[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=InseeFr_Wilco\u0026metric=coverage)](https://sonarcloud.io/dashboard?id=InseeFr_Wilco)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=InseeFr_Wilco\u0026metric=alert_status)](https://sonarcloud.io/dashboard?id=InseeFr_Wilco)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\n[Storybook](https://inseefr.github.io/Wilco/storybook) is available online.\n\n## Using Wilco into your project\n\nIf you want to add the module into your own project, you should first install it via NPM or yarn\n\n```shell\nnpm i @inseefr/wilco bootstrap@4.5.0\n```\n\nThen, you need to include the CSS stylesheet of `bootstrap` and the CSS stylesheet of this module.\n\n```javascript\nimport 'bootstrap/dist/css/bootstrap.css';\nimport '@inseefr/wilco/dist/index.css';\n```\n\n## How to improve Wilco\n\nIf you want to improve Wilco, the best way if to launch Storybook, and have a look to the component you want to improve.\n\n```\nnpm run start-storybook\n```\n\nWhen your changes are finished, but do not want to / cannot publish the library to NPM, the easiest way to include your own version of Wilco into your project (just for testing!) is to copy and paste the generated `dist` folder into the `node_modules` folder of your project.\n\n```\ncp -R ../Wilco/dist ./node_modules/@inseefr/wilco\n```\n\nInside Wilco, we have a dedicated NPM script to build automatically each time a change is detected.\n\n```\nnpm run build:dev\n```\n\n## Naming conventions\n\n- All CSS classes defined in Wilco should be prefixed by `wilco-`\n\n## Theme\n\nWilco define some colors you can override at any time. All components available in this library will used these colors.\n\nSor for example, if you want to override the default colors, you should define these following CSS properties in your stylesheet.\n\n```css\nbody {\n\t--color-1: red;\n\t--color-2: green;\n\t--color-3: blue;\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finseefr%2Fwilco","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finseefr%2Fwilco","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finseefr%2Fwilco/lists"}