{"id":14990545,"url":"https://github.com/juntossomosmais/venice","last_synced_at":"2025-05-08T20:58:21.070Z","repository":{"id":37850529,"uuid":"243869354","full_name":"juntossomosmais/venice","owner":"juntossomosmais","description":"[outdated] Design System of @juntossomosmais","archived":false,"fork":false,"pushed_at":"2023-07-11T19:22:59.000Z","size":27268,"stargazers_count":148,"open_issues_count":30,"forks_count":21,"subscribers_count":59,"default_branch":"master","last_synced_at":"2025-05-08T20:58:14.354Z","etag":null,"topics":["css-modules","design-system","hacktoberfest","lerna","monorepo","react","typescript","vue"],"latest_commit_sha":null,"homepage":"","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/juntossomosmais.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-28T22:59:55.000Z","updated_at":"2025-04-15T18:50:58.000Z","dependencies_parsed_at":"2024-09-15T18:22:37.376Z","dependency_job_id":null,"html_url":"https://github.com/juntossomosmais/venice","commit_stats":{"total_commits":1114,"total_committers":39,"mean_commits":"28.564102564102566","dds":0.5224416517055656,"last_synced_commit":"ad4357c45104ee0f299de5525c21c8db27421359"},"previous_names":[],"tags_count":310,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juntossomosmais%2Fvenice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juntossomosmais%2Fvenice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juntossomosmais%2Fvenice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juntossomosmais%2Fvenice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/juntossomosmais","download_url":"https://codeload.github.com/juntossomosmais/venice/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253149569,"owners_count":21861720,"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":["css-modules","design-system","hacktoberfest","lerna","monorepo","react","typescript","vue"],"created_at":"2024-09-24T14:20:20.205Z","updated_at":"2025-05-08T20:58:21.044Z","avatar_url":"https://github.com/juntossomosmais.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/3603793/82264068-9bd80580-993a-11ea-9715-41de3c11a8e8.png\" alt=\"Venice Design System\" width=\"665\" /\u003e\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca\n    href=\"https://img.shields.io/github/workflow/status/juntossomosmais/venice/ghpages\"\n    target=\"_blank\"\n  \u003e\n    \u003cimg\n      alt=\"Build\"\n      src=\"https://img.shields.io/github/actions/workflow/status/juntossomosmais/venice/build-and-tests.yml\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca\n    href=\"https://juntossomosmais.github.io/venice\"\n    target=\"_blank\"\n  \u003e\n    \u003cimg\n      alt=\"Documentation\"\n      src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca\n    href=\"https://lerna.js.org/\"\n    target=\"_blank\"\n  \u003e\n    \u003cimg\n      src=\"https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg\"\n      alt=\"Maintained with Lerna\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca\n    href=\"https://github.com/juntossomosmais/venice/blob/master/LICENSE\"\n    target=\"_blank\"\n  \u003e\n    \u003cimg\n      src=\"https://img.shields.io/badge/license-Apache--2.0-blue.svg\"\n      alt=\"Venice is released under the Apache-2.0 license\"\n    /\u003e\n  \u003c/a\u003e\n  \u003ca\n    href=\"https://github.com/juntossomosmais/venice/graphs/contributors\"\n    target=\"_blank\"\n  \u003e\n    \u003cimg\n      alt=\"Contributors\"\n      src=\"https://img.shields.io/github/contributors/juntossomosmais/venice.svg\"\n    /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003e\n  \u003ca href=\"https://juntossomosmais.github.io/venice/react/\"\u003eReact Version\u003c/a\u003e | \u003ca href=\"https://juntossomosmais.github.io/venice/vue/\" target=\"_blank\"\u003eVue Version\u003c/a\u003e\n\u003c/h3\u003e\n\n\u003e Design System of @juntossomosmais\n\nVenice is a Design System built with React and Vue.\n\nIt's using a CSS Variables to make easy to share variables across the projects, regardless of whether project are using Sass, Styled Components, Stylus, Emotion or whatever.\n\n!important, as it's an internal design system, we don't accept suggestions to change or add new components.\n\n## Stack\n\nThis project uses Lerna, Yarn Workspaces, TypeScript, Storybook, Sass, CSS Modules, React and Vue.\n\nMaybe you want to read about them:\n\n- [Lerna](https://lerna.js.org/)\n- [Yarn Workspaces](https://classic.yarnpkg.com/en/docs/workspaces/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Storybook](https://storybook.js.org/)\n- [Sass](https://sass-lang.com/)\n- [CSS Modules](https://github.com/css-modules/css-modules)\n- [React](https://reactjs.org/)\n- [Vue](https://vuejs.org/)\n\nThis project also uses [Husky](https://github.com/typicode/husky) to prevent commit and push messy and wrong code.\n\nYou also can check our [frontend-guideline](https://github.com/juntossomosmais/frontend-guideline) with some Front-end patterns that we use on our projects 😁\n\n## Usage\n\n### React\n\n```jsx\nimport styles from '@venice/styles/components/Button.module.scss';\n\n\u003cbutton className={styles.button}\u003e\n  Hello\n\u003c/button\u003e\n```\n\n### Vue\n\n```vue\n\u003cscript lang=\"ts\"\u003e\n  import { IButton } from '@juntossomosmais/venice-types'\n\u003c/script\u003e\n\n\u003cstyle lang=\"scss\" scoped\u003e\n  @import '~@venice/styles/components/Button.module.scss';\n\u003c/style\u003e\n\n\u003ctemplate\u003e\n  \u003cbutton :class=\"button\"\u003e\n  Hello\n  \u003c/button\u003e\n\u003c/template\u003e\n```\n\n## Commands\n\n#### Install\n\n```sh\nyarn install\n```\n\n#### Usage\n\n```sh\nyarn start\n```\n\n#### Build library\n\n```sh\nyarn build\n```\n\n#### Publish library\n\n```sh\nyarn publish\n```\n\n#### Deploy Storybook on GH Pages\n\n```sh\nyarn deploy:storybook\n```\n\n#### Run tests\n\n```sh\nyarn test\n```\n\n## Overview\n\nThis project has the following folders:\n\n#### `packages/core`\n\nIt contains internal configs of Venice. If you need to share something between project, it needs to stay here.\n\n#### `packages/venice-icons`\n\nIt contains all the icons used in Venice. Venice uses [fontello](http://fontello.com/) to generate the `config.json` file with icons.\n\n#### `packages/venice-types`\n\nIt contains types and interfaces used across Venice. Types related to an specific property of Vue/React should go to their package.\n\n#### `packages/styles`\n\nThat contains shareable styles of components. The CSS of components always need to stay here, using Sass. So, you can import the file inside your component in each DS.\n\n#### `packages/react-ds`\n\nThe UI Components using React.\n\nAll logical of React components, Storybook's presentation and build configs need to stay here.\n\n#### `packages/vue-ds`\n\nThe UI Components using Vue.\n\nAll logical of Vue components, Storybook's presentation and build configs need to stay here.\n\n## Author\n\n👤 **@juntossomosmais**\n\n- Website: https://www.juntossomosmais.com.br\n- Github: [@juntossomosmais](https://github.com/juntossomosmais)\n- LinkedIn: [@juntos-somos-mais](https://linkedin.com/company/juntos-somos-mais/)\n- Medium: https://medium.com/juntos-somos-mais\n\n## 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\u003cbr /\u003eFeel free to check [issues page](https://github.com/juntossomosmais/venice/issues).\n\n## 📝 License\n\nCopyright © 2020 [@juntossomosmais](https://github.com/juntossomosmais)\n\n---\n\n\u003csmall\u003e_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_\u003c/small\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuntossomosmais%2Fvenice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuntossomosmais%2Fvenice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuntossomosmais%2Fvenice/lists"}