n8n/packages/design-system
Michael Kret 6d6f3acd97
Add parameter hints for node parameters N8N-2841 (#2704)
* 🔨 base functionality done

* :fix: changes accordingly to review

* :fix: replaced div with n8n-text

* :fix: return wrong deleted color variable

* add mock examples for testing

* add slack node test param

* 🔨 changed font size of hint, added top margin

* 🔨 updated comments and function name

* 🔨 updated parameterHint to hint

* 🔨 updated text color, set compact to true, changed inputLabelHint to hint

* 🔨 updated components styles

* 🔨 replaced mini with xsmall

* :fix: fixed line height

* :fix: changed line height to 1.25

* :hummer: removed mock data

* 🔨 changed xsmall line-height

*  update to merge hint

Co-authored-by: Mutasem <mutdmour@gmail.com>
2022-01-28 07:55:25 +01:00
..
.storybook Implement design system (#2050) 2021-08-29 13:36:17 +02:00
src Add parameter hints for node parameters N8N-2841 (#2704) 2022-01-28 07:55:25 +01:00
theme Add parameter hints for node parameters N8N-2841 (#2704) 2022-01-28 07:55:25 +01:00
.browserslistrc Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.editorconfig Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.eslintrc.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.npmignore Implement design system (#2050) 2021-08-29 13:36:17 +02:00
babel.config.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
gulpfile.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
jest.config.js Implement design system (#2050) 2021-08-29 13:36:17 +02:00
LICENSE.md Implement design system (#2050) 2021-08-29 13:36:17 +02:00
package.json 🔖 Release n8n-design-system@0.9.0 2021-12-11 18:44:00 +00:00
README.md Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tsconfig.json Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tslint.json Implement design system (#2050) 2021-08-29 13:36:17 +02:00

n8n-design-system

A component system for n8n using Storybook to preview.

Project setup

npm install

Compiles and hot-reloads for development

npm run storybook

Build static pages

npm run build:storybook

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Build css files

npm run build:theme

Monitor theme files and build any changes

npm run watch:theme