@kroo-web/design-system 1.0.42 → 1.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.MD +20 -0
- package/dist/cjs/index.js +8 -9
- package/dist/esm/index.js +8 -9
- package/dist/styles/components/toast-base.css +38 -0
- package/dist/styles/dev.global.css +1 -1
- package/dist/styles/global.css +1 -1
- package/package.json +3 -1
- package/dist/cjs/icons/Icon.stories.d.ts +0 -14
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/product/components/Button/button.stories.d.ts +0 -16
- package/dist/cjs/product/components/Button/button.test.d.ts +0 -1
- package/dist/cjs/product/components/Callout/Callout.stories.d.ts +0 -10
- package/dist/cjs/product/components/Callout/Callout.test.d.ts +0 -1
- package/dist/cjs/product/components/Columns/Columns.stories.d.ts +0 -6
- package/dist/cjs/product/components/Columns/columns.test.d.ts +0 -1
- package/dist/cjs/product/components/DatePicker/DatePicker.stories.d.ts +0 -8
- package/dist/cjs/product/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/dist/cjs/product/components/Disclosure/Disclosure.stories.d.ts +0 -6
- package/dist/cjs/product/components/Form/Form.stories.d.ts +0 -12
- package/dist/cjs/product/components/Loading/Loading.stories.d.ts +0 -7
- package/dist/cjs/product/components/Loading/Loading.test.d.ts +0 -1
- package/dist/cjs/product/components/Modal/Modal.stories.d.ts +0 -7
- package/dist/cjs/product/components/Modal/Modal.test.d.ts +0 -1
- package/dist/cjs/product/components/NumberField/numberField.stories.d.ts +0 -13
- package/dist/cjs/product/components/NumberField/numberField.test.d.ts +0 -1
- package/dist/cjs/product/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
- package/dist/cjs/product/components/ProgressIndicator/ProgressIndicator.test.d.ts +0 -1
- package/dist/cjs/product/components/RadioGroup/radioGroup.stories.d.ts +0 -11
- package/dist/cjs/product/components/Range/Range.test.d.ts +0 -1
- package/dist/cjs/product/components/Range/range.stories.d.ts +0 -8
- package/dist/cjs/product/components/Select/select.stories.d.ts +0 -7
- package/dist/cjs/product/components/Select/select.test.d.ts +0 -1
- package/dist/cjs/product/components/Skeleton/Skeleton.stories.d.ts +0 -7
- package/dist/cjs/product/components/TextField/textField.stories.d.ts +0 -12
- package/dist/cjs/product/components/TextField/textField.test.d.ts +0 -1
- package/dist/cjs/product/components/Toast/Toast.stories.d.ts +0 -7
- package/dist/cjs/product/components/Tooltip/Tooltip.stories.d.ts +0 -7
- package/dist/cjs/product/components/Tooltip/Tooltip.test.d.ts +0 -1
- package/dist/cjs/product/components/Typography/typography.stories.d.ts +0 -14
- package/dist/cjs/product/components/Typography/typography.test.d.ts +0 -1
- package/dist/cjs/product/components/shared/FormField/FormField.stories.d.ts +0 -6
- package/dist/esm/icons/Icon.stories.d.ts +0 -14
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/product/components/Button/button.stories.d.ts +0 -16
- package/dist/esm/product/components/Button/button.test.d.ts +0 -1
- package/dist/esm/product/components/Callout/Callout.stories.d.ts +0 -10
- package/dist/esm/product/components/Callout/Callout.test.d.ts +0 -1
- package/dist/esm/product/components/Columns/Columns.stories.d.ts +0 -6
- package/dist/esm/product/components/Columns/columns.test.d.ts +0 -1
- package/dist/esm/product/components/DatePicker/DatePicker.stories.d.ts +0 -8
- package/dist/esm/product/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/dist/esm/product/components/Disclosure/Disclosure.stories.d.ts +0 -6
- package/dist/esm/product/components/Form/Form.stories.d.ts +0 -12
- package/dist/esm/product/components/Loading/Loading.stories.d.ts +0 -7
- package/dist/esm/product/components/Loading/Loading.test.d.ts +0 -1
- package/dist/esm/product/components/Modal/Modal.stories.d.ts +0 -7
- package/dist/esm/product/components/Modal/Modal.test.d.ts +0 -1
- package/dist/esm/product/components/NumberField/numberField.stories.d.ts +0 -13
- package/dist/esm/product/components/NumberField/numberField.test.d.ts +0 -1
- package/dist/esm/product/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
- package/dist/esm/product/components/ProgressIndicator/ProgressIndicator.test.d.ts +0 -1
- package/dist/esm/product/components/RadioGroup/radioGroup.stories.d.ts +0 -11
- package/dist/esm/product/components/Range/Range.test.d.ts +0 -1
- package/dist/esm/product/components/Range/range.stories.d.ts +0 -8
- package/dist/esm/product/components/Select/select.stories.d.ts +0 -7
- package/dist/esm/product/components/Select/select.test.d.ts +0 -1
- package/dist/esm/product/components/Skeleton/Skeleton.stories.d.ts +0 -7
- package/dist/esm/product/components/TextField/textField.stories.d.ts +0 -12
- package/dist/esm/product/components/TextField/textField.test.d.ts +0 -1
- package/dist/esm/product/components/Toast/Toast.stories.d.ts +0 -7
- package/dist/esm/product/components/Tooltip/Tooltip.stories.d.ts +0 -7
- package/dist/esm/product/components/Tooltip/Tooltip.test.d.ts +0 -1
- package/dist/esm/product/components/Typography/typography.stories.d.ts +0 -14
- package/dist/esm/product/components/Typography/typography.test.d.ts +0 -1
- package/dist/esm/product/components/shared/FormField/FormField.stories.d.ts +0 -6
package/README.MD
CHANGED
|
@@ -44,6 +44,26 @@ Our toasts have been styled via the design system however how the toast is displ
|
|
|
44
44
|
|
|
45
45
|
for setup you will need to add the `ToastContainer` component from `react-toastify` to the root of your project.
|
|
46
46
|
|
|
47
|
+
## Testing without deploying the package
|
|
48
|
+
|
|
49
|
+
If you would like to test the design system without deploying the package you can run the following command in the root of the project.
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
npm link
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
then in a project where the design system is being used run the following command.
|
|
56
|
+
|
|
57
|
+
This will overwrite the package with the local version of the package.
|
|
58
|
+
|
|
59
|
+
<i>**Note**: Does not show up in the package.json it just replaces the node_modules package. this is so an unreleased version of the package cannot be deployed to prod (so after development make sure you npm install again to overwrite the local version of the package).</i>
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
npm link @kroo-web/design-system
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
47
67
|
## Next Steps
|
|
48
68
|
|
|
49
69
|
This sways more on the side of component library rather than a design system due to the lack of tokens and living documentation. However, next steps would be to create a seperate package called @kroo-web/tokens allowing us to version the tokens and use them in the design system.
|