{"id":21320578,"url":"https://github.com/eclass/ui-kit","last_synced_at":"2025-07-12T04:33:04.174Z","repository":{"id":37797683,"uuid":"402536261","full_name":"eclass/ui-kit","owner":"eclass","description":"Elementos gráficos transversales para proyectos eClass","archived":false,"fork":false,"pushed_at":"2024-10-29T14:12:51.000Z","size":37970,"stargazers_count":4,"open_issues_count":15,"forks_count":0,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-10-29T15:55:47.245Z","etag":null,"topics":["hacktoberfest","react","storybook","typescript"],"latest_commit_sha":null,"homepage":"http://ui-kit.eclass.com/","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/eclass.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2021-09-02T19:15:24.000Z","updated_at":"2024-10-29T14:10:12.000Z","dependencies_parsed_at":"2024-02-16T23:29:32.799Z","dependency_job_id":"e2ed595d-bc05-4161-9b69-639352bf5b54","html_url":"https://github.com/eclass/ui-kit","commit_stats":{"total_commits":544,"total_committers":12,"mean_commits":"45.333333333333336","dds":0.3180147058823529,"last_synced_commit":"9907433ee5ec5b7ec385f9c84f7700c95039318d"},"previous_names":[],"tags_count":115,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclass%2Fui-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclass%2Fui-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclass%2Fui-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eclass%2Fui-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eclass","download_url":"https://codeload.github.com/eclass/ui-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225795392,"owners_count":17525316,"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":["hacktoberfest","react","storybook","typescript"],"created_at":"2024-11-21T19:48:23.412Z","updated_at":"2024-11-21T19:48:24.615Z","avatar_url":"https://github.com/eclass.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[[_TOC_]]\n\n## Información\n\nEste repositorio es una librería de componentes que se pensó para unificar estilos en los desarrollos de Eclass\n\nLa fuente de donde se basan los componentes se encuentran en este [**Sistema de diseño**](https://zeroheight.com/15698077d/p/48fae4-eclass-sistema-de-diseo)\n\n## Scripts\n\nLos componentes están al 100% en escritas en archivos `typescript`.\n\nAdemás deben ser testeadas en donde el enfoque del `testing` es asegurarse de que se muestre todo lo que se promete\n\nPor otra parte cada componente debe llevar su `storie` donde muestre todos los estados que puede tomar el componente\n\n```\n  npm run dev\n```\n\nPara trabajar de manera local\n\n```\n  npm run storybook\n```\nLevanta el entorno de `storybook`\n\n```\n  npm run test\n```\n\nEjecuta los test con `jest`\n\n## Instalación\n\nSe debe instalar este repositorio más unas dependencias\n\n### npm\n\n```shell\nnpm install @eclass/ui-kit @chakra-ui/react @emotion/react @emotion/styled framer-motion\n```\n\n### Implementación\n\nEjemplo de implementación en código.\n\n```js\nimport { ChakraProvider } from '@chakra-ui/react'\nimport { theme } from '@eclass/ui-kit'\n\nconst AppWrapper = () =\u003e (\n  \u003cChakraProvider theme={theme} resetCSS={false}\u003e\n    \u003cApp /\u003e\n  \u003c/ChakraProvider\u003e\n)\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feclass%2Fui-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feclass%2Fui-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feclass%2Fui-kit/lists"}