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