@crystallize/design-system 1.1.0 → 1.2.1

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