@crystallize/design-system 1.2.0 → 1.2.2

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.
Files changed (144) hide show
  1. package/CHANGELOG.md +77 -0
  2. package/dist/index.css +1764 -0
  3. package/dist/index.d.ts +298 -2
  4. package/dist/index.js +2510 -5
  5. package/dist/index.mjs +2454 -0
  6. package/package.json +90 -78
  7. package/readme.md +9 -0
  8. package/src/Tokens.stories.tsx +18 -0
  9. package/src/action-menu/ActionMenu.stories.tsx +25 -0
  10. package/src/action-menu/action-item.tsx +16 -0
  11. package/src/action-menu/action-menu.css +38 -0
  12. package/src/action-menu/action-menu.tsx +25 -0
  13. package/src/action-menu/index.tsx +3 -0
  14. package/src/avatar/Avatar.stories.tsx +20 -0
  15. package/src/avatar/avatar.css +23 -0
  16. package/src/avatar/avatar.tsx +34 -0
  17. package/src/avatar/get-initials.ts +5 -0
  18. package/src/avatar/index.ts +1 -0
  19. package/src/button/Button.stories.tsx +105 -0
  20. package/src/button/button.css +116 -0
  21. package/src/button/button.tsx +136 -0
  22. package/src/button/index.ts +3 -0
  23. package/src/card/card.css +7 -0
  24. package/src/card/card.stories.tsx +24 -0
  25. package/src/card/card.tsx +27 -0
  26. package/src/card/index.ts +3 -0
  27. package/src/checkbox/checkbox.css +30 -0
  28. package/src/checkbox/checkbox.stories.tsx +62 -0
  29. package/src/checkbox/checkbox.test.tsx +16 -0
  30. package/src/checkbox/checkbox.tsx +28 -0
  31. package/src/checkbox/index.ts +1 -0
  32. package/src/colors/Colors.stories.tsx +127 -0
  33. package/src/colors/color-defaults.json +15 -0
  34. package/src/colors/color-pairing.json +12 -0
  35. package/src/colors/colors.json +158 -0
  36. package/src/colors/index.ts +1 -0
  37. package/src/colors/old-to-new.txt +19 -0
  38. package/src/colors/types.ts +29 -0
  39. package/src/dialog/Dialog.stories.tsx +168 -0
  40. package/src/dialog/Dialog.test.tsx +25 -0
  41. package/src/dialog/config.tsx +134 -0
  42. package/src/dialog/confirm-dialog.tsx +62 -0
  43. package/src/dialog/destroyFns.ts +1 -0
  44. package/src/dialog/dialog.css +27 -0
  45. package/src/dialog/dialog.tsx +94 -0
  46. package/src/dialog/index.tsx +40 -0
  47. package/src/dialog/types.ts +41 -0
  48. package/src/dropdown-menu/DropdownMenu.stories.tsx +38 -0
  49. package/src/dropdown-menu/dropdown-menu-item.tsx +15 -0
  50. package/src/dropdown-menu/dropdown-menu-label.tsx +10 -0
  51. package/src/dropdown-menu/dropdown-menu-root.tsx +33 -0
  52. package/src/dropdown-menu/dropdown-menu.css +20 -0
  53. package/src/dropdown-menu/index.ts +11 -0
  54. package/src/icon-button/IconButton.stories.tsx +38 -0
  55. package/src/icon-button/icon-button.css +40 -0
  56. package/src/icon-button/icon-button.tsx +34 -0
  57. package/src/icon-button/index.ts +3 -0
  58. package/src/iconography/Icon.stories.tsx +47 -0
  59. package/src/iconography/arrow.tsx +15 -0
  60. package/src/iconography/atom.tsx +59 -0
  61. package/src/iconography/cancel.tsx +26 -0
  62. package/src/iconography/catalogue.tsx +26 -0
  63. package/src/iconography/copy.tsx +24 -0
  64. package/src/iconography/crystal.tsx +93 -0
  65. package/src/iconography/customers.tsx +38 -0
  66. package/src/iconography/edit.tsx +30 -0
  67. package/src/iconography/error.tsx +40 -0
  68. package/src/iconography/fulfilment.tsx +58 -0
  69. package/src/iconography/glasses.tsx +62 -0
  70. package/src/iconography/graphQL.tsx +90 -0
  71. package/src/iconography/grid.tsx +84 -0
  72. package/src/iconography/hooks.tsx +26 -0
  73. package/src/iconography/index.ts +59 -0
  74. package/src/iconography/info.tsx +41 -0
  75. package/src/iconography/key.tsx +19 -0
  76. package/src/iconography/language.tsx +38 -0
  77. package/src/iconography/nail-polish.tsx +84 -0
  78. package/src/iconography/order.tsx +38 -0
  79. package/src/iconography/particle.tsx +88 -0
  80. package/src/iconography/percentage.tsx +44 -0
  81. package/src/iconography/price-tag.tsx +40 -0
  82. package/src/iconography/shapes.tsx +48 -0
  83. package/src/iconography/subscription.tsx +34 -0
  84. package/src/iconography/topics.tsx +58 -0
  85. package/src/iconography/triangle.tsx +27 -0
  86. package/src/iconography/usage.tsx +34 -0
  87. package/src/iconography/users.tsx +44 -0
  88. package/src/iconography/warning.tsx +51 -0
  89. package/src/index.css +14 -0
  90. package/src/index.ts +32 -0
  91. package/src/inline-radio/index.ts +1 -0
  92. package/src/inline-radio/inline-radio.css +20 -0
  93. package/src/inline-radio/inline-radio.stories.tsx +62 -0
  94. package/src/inline-radio/inline-radio.tsx +26 -0
  95. package/src/input/Input.stories.tsx +26 -0
  96. package/src/input/index.ts +1 -0
  97. package/src/input/input.css +7 -0
  98. package/src/input/input.tsx +20 -0
  99. package/src/input-with-label/InputWithLabel.stories.tsx +98 -0
  100. package/src/input-with-label/index.ts +3 -0
  101. package/src/input-with-label/input-with-label.css +35 -0
  102. package/src/input-with-label/input-with-label.tsx +59 -0
  103. package/src/label/index.ts +1 -0
  104. package/src/label/label.css +3 -0
  105. package/src/label/label.stories.tsx +19 -0
  106. package/src/label/label.tsx +13 -0
  107. package/src/progress/Progress.stories.tsx +26 -0
  108. package/src/progress/index.ts +1 -0
  109. package/src/progress/progress.css +7 -0
  110. package/src/progress/progress.tsx +17 -0
  111. package/src/radio/index.ts +1 -0
  112. package/src/radio/radio.css +20 -0
  113. package/src/radio/radio.stories.tsx +142 -0
  114. package/src/radio/radio.tsx +19 -0
  115. package/src/select/index.ts +1 -0
  116. package/src/select/select-item.tsx +18 -0
  117. package/src/select/select-root.tsx +34 -0
  118. package/src/select/select.css +28 -0
  119. package/src/select/select.stories.tsx +74 -0
  120. package/src/select/select.ts +9 -0
  121. package/src/slider/Slider.stories.tsx +54 -0
  122. package/src/slider/index.ts +1 -0
  123. package/src/slider/slider.css +27 -0
  124. package/src/slider/slider.tsx +19 -0
  125. package/src/spinner/Spinner.stories.tsx +19 -0
  126. package/src/spinner/index.tsx +48 -0
  127. package/src/spinner/spinner.css +11 -0
  128. package/src/tag/Tag.stories.tsx +32 -0
  129. package/src/tag/index.ts +1 -0
  130. package/src/tag/tag.css +7 -0
  131. package/src/tag/tag.tsx +27 -0
  132. package/src/vite-env.d.ts +1 -0
  133. package/tailwind.config.cjs +51 -0
  134. package/LICENSE +0 -21
  135. package/README.md +0 -35
  136. package/dist/components/Button.d.ts +0 -11
  137. package/dist/components/Typography.d.ts +0 -14
  138. package/dist/design-system.cjs.development.js +0 -164
  139. package/dist/design-system.cjs.development.js.map +0 -1
  140. package/dist/design-system.cjs.production.min.js +0 -2
  141. package/dist/design-system.cjs.production.min.js.map +0 -1
  142. package/dist/design-system.esm.js +0 -156
  143. package/dist/design-system.esm.js.map +0 -1
  144. package/dist/styles/theme.d.ts +0 -2
package/CHANGELOG.md ADDED
@@ -0,0 +1,77 @@
1
+ # @crystallize/design-system
2
+
3
+ ## 1.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 117b6ec: Add several icons, like catalogue, topics, grids and others to the design system.
8
+ - 117b6ec: Add bunch of icons to the design system. The icons are mainly around the resources we have in the app, like catalogue, topics, grids, languages, etc.
9
+
10
+ ## 1.2.1
11
+
12
+ ### Patch Changes
13
+
14
+ - 37a0d64: Export tag and slider components
15
+
16
+ ## 1.2.0
17
+
18
+ ### Minor Changes
19
+
20
+ - 6e27d3fe: Add slider component
21
+
22
+ ## 1.1.0
23
+
24
+ ### Minor Changes
25
+
26
+ - d30d86d: Add tag component
27
+
28
+ ## 1.0.1
29
+
30
+ ### Patch Changes
31
+
32
+ - 5f455aa: Display crystallize branding
33
+
34
+ ## 1.0.0
35
+
36
+ ### Major Changes
37
+
38
+ - 261b3149: initial version of the design system with proper color definitions
39
+
40
+ ### Patch Changes
41
+
42
+ - 261b3149: Adjust colors and components to use the new base colors
43
+
44
+ ## 0.2.0
45
+
46
+ ### Minor Changes
47
+
48
+ - c633209: Add new components
49
+ - c633209: Add progress component
50
+
51
+ ### Patch Changes
52
+
53
+ - 150c5724: Remove unneeded clipPath elements from icons
54
+
55
+ ## 0.1.0
56
+
57
+ ### Minor Changes
58
+
59
+ - 2160666d: Replace clsx with cx from class-variance-authority
60
+
61
+ ## 0.0.3
62
+
63
+ ### Patch Changes
64
+
65
+ - d1c03a4: Update paragraph, image and video components to use the media component. Add container prop to the Dialog component.
66
+
67
+ ## 0.0.2
68
+
69
+ ### Patch Changes
70
+
71
+ - 742b7b00: Add collapse all chunks button and remove unused prop from ActionMenu
72
+
73
+ ## 0.0.1
74
+
75
+ ### Patch Changes
76
+
77
+ - 012f7c4: Add video on product variants and reuse images with lightbox for the app. Propagate dialog props to original component in the design system.