Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@aidexa/open-ds

Package Overview
Dependencies
1
Maintainers
2
Versions
22
Issues
File Explorer

Advanced tools

@aidexa/open-ds

Banca Aidexa Open Design System Foundation

    1.0.22latest

Version published
Maintainers
2
Yearly downloads
5,459

Weekly downloads

Readme

Source

Banca Aidexa OpenDS: Basi

A React component library that provides:

  • basic component to be used in other projects
  • shared styling via SCSS and CSS Custom properties
  • Design Tokens syncronization with Invision DSM

This component library is published to NPM Registry with the name @aidexa/open-ds.

Setup

  • Install NodeJs v14.x, preferably via nvm
  • Register your account on Aidexa Azure portal.azure.com
  • Access the Azure DevOps repository: https://dev.azure.com/aidexa/Public%20Site/_git/aidexa-open-design-system
  • Clone the project with git
  • Run npm install in project folder to install all npm dependencies

Developing

To develop the components, it's reccomended to use Storybook; start by running the command: npm run storybook

See Component Driven for the best practices.

Commands

npm run build: run the production build; the output is written in the dist folder. npm run prepare: run the build command. This command is called automatically before any npm publish. npm run format: format all code files using Prettier configuration. npm run lint: run the ESLint with the Next.js configuration. npm run type-check: compile using TypeScript, use this script to check that the code is properly typed. npm run storybook: build and run storybook, opening a new browser window/tab. npm run build-storybook: create the static build of storybook, the output is put in the storybook-static folder. npm run build-design-tokens: syncronize the design tokens with Invision DSM, and overwrite the file /styles/_tokens.scss.

NPM Publish

To publish an updated version of this library:

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc