@crystallize/design-system 0.0.2 → 1.0.0

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 (112) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/index.css +1362 -633
  3. package/dist/index.d.ts +171 -25
  4. package/dist/index.js +1124 -390
  5. package/dist/index.mjs +1108 -389
  6. package/package.json +47 -27
  7. package/readme.md +9 -0
  8. package/src/Tokens.stories.tsx +18 -0
  9. package/src/action-menu/ActionMenu.stories.tsx +3 -1
  10. package/src/action-menu/action-item.tsx +2 -10
  11. package/src/action-menu/action-menu.css +38 -0
  12. package/src/action-menu/action-menu.tsx +4 -13
  13. package/src/action-menu/index.tsx +2 -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 +64 -22
  20. package/src/button/button.css +116 -0
  21. package/src/button/button.tsx +119 -33
  22. package/src/button/index.ts +1 -1
  23. package/src/card/card.css +7 -0
  24. package/src/card/card.stories.tsx +2 -2
  25. package/src/card/card.tsx +6 -4
  26. package/src/card/index.ts +2 -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 +9 -6
  39. package/src/dialog/confirm-dialog.tsx +5 -2
  40. package/src/dialog/dialog.css +27 -0
  41. package/src/dialog/dialog.tsx +23 -25
  42. package/src/dialog/types.ts +4 -1
  43. package/src/dropdown-menu/DropdownMenu.stories.tsx +6 -15
  44. package/src/dropdown-menu/dropdown-menu-item.tsx +3 -12
  45. package/src/dropdown-menu/dropdown-menu-label.tsx +2 -9
  46. package/src/dropdown-menu/dropdown-menu-root.tsx +9 -5
  47. package/src/dropdown-menu/dropdown-menu.css +20 -0
  48. package/src/dropdown-menu/index.ts +2 -0
  49. package/src/icon-button/IconButton.stories.tsx +9 -6
  50. package/src/icon-button/icon-button.css +40 -0
  51. package/src/icon-button/icon-button.tsx +14 -22
  52. package/src/iconography/Icon.stories.tsx +47 -0
  53. package/src/{icons → iconography}/arrow.tsx +0 -0
  54. package/src/iconography/atom.tsx +59 -0
  55. package/src/{icons → iconography}/cancel.tsx +0 -0
  56. package/src/iconography/copy.tsx +24 -0
  57. package/src/iconography/crystal.tsx +93 -0
  58. package/src/iconography/edit.tsx +30 -0
  59. package/src/iconography/error.tsx +40 -0
  60. package/src/{icons → iconography}/glasses.tsx +0 -0
  61. package/src/{icons → iconography}/graphQL.tsx +0 -0
  62. package/src/{icons → iconography}/index.ts +10 -2
  63. package/src/iconography/info.tsx +41 -0
  64. package/src/{icons → iconography}/nail-polish.tsx +0 -0
  65. package/src/iconography/particle.tsx +88 -0
  66. package/src/iconography/triangle.tsx +27 -0
  67. package/src/iconography/warning.tsx +51 -0
  68. package/src/index.css +11 -0
  69. package/src/index.ts +23 -1
  70. package/src/inline-radio/index.ts +1 -0
  71. package/src/inline-radio/inline-radio.css +20 -0
  72. package/src/inline-radio/inline-radio.stories.tsx +62 -0
  73. package/src/inline-radio/inline-radio.tsx +26 -0
  74. package/src/input/Input.stories.tsx +26 -0
  75. package/src/input/index.ts +1 -0
  76. package/src/input/input.css +7 -0
  77. package/src/input/input.tsx +20 -0
  78. package/src/input-with-label/InputWithLabel.stories.tsx +98 -0
  79. package/src/input-with-label/index.ts +3 -0
  80. package/src/input-with-label/input-with-label.css +35 -0
  81. package/src/input-with-label/input-with-label.tsx +59 -0
  82. package/src/label/index.ts +1 -0
  83. package/src/label/label.css +3 -0
  84. package/src/label/label.stories.tsx +19 -0
  85. package/src/label/label.tsx +13 -0
  86. package/src/progress/Progress.stories.tsx +26 -0
  87. package/src/progress/index.ts +1 -0
  88. package/src/progress/progress.css +7 -0
  89. package/src/progress/progress.tsx +17 -0
  90. package/src/radio/index.ts +1 -0
  91. package/src/radio/radio.css +20 -0
  92. package/src/radio/radio.stories.tsx +142 -0
  93. package/src/radio/radio.tsx +19 -0
  94. package/src/select/index.ts +1 -0
  95. package/src/select/select-item.tsx +18 -0
  96. package/src/select/select-root.tsx +34 -0
  97. package/src/select/select.css +28 -0
  98. package/src/select/select.stories.tsx +74 -0
  99. package/src/select/select.ts +9 -0
  100. package/src/spinner/Spinner.stories.tsx +19 -0
  101. package/src/spinner/index.tsx +48 -0
  102. package/src/spinner/spinner.css +11 -0
  103. package/tailwind.config.cjs +51 -0
  104. package/src/button copy/ButtonCopy.stories.tsx +0 -86
  105. package/src/button copy/button.tsx +0 -61
  106. package/src/button copy/index.ts +0 -3
  107. package/src/colors/Colors.stories.mdx +0 -33
  108. package/src/icons/Iconography.stories.mdx +0 -45
  109. package/src/icons/dots.tsx +0 -24
  110. package/src/icons/error.tsx +0 -50
  111. package/src/icons/info.tsx +0 -53
  112. package/src/icons/warning.tsx +0 -62
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @crystallize/design-system
2
2
 
3
+ ## 1.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - 261b3149: initial version of the design system with proper color definitions
8
+
9
+ ### Patch Changes
10
+
11
+ - 261b3149: Adjust colors and components to use the new base colors
12
+
13
+ ## 0.2.0
14
+
15
+ ### Minor Changes
16
+
17
+ - c633209: Add new components
18
+ - c633209: Add progress component
19
+
20
+ ### Patch Changes
21
+
22
+ - 150c5724: Remove unneeded clipPath elements from icons
23
+
24
+ ## 0.1.0
25
+
26
+ ### Minor Changes
27
+
28
+ - 2160666d: Replace clsx with cx from class-variance-authority
29
+
30
+ ## 0.0.3
31
+
32
+ ### Patch Changes
33
+
34
+ - d1c03a4: Update paragraph, image and video components to use the media component. Add container prop to the Dialog component.
35
+
3
36
  ## 0.0.2
4
37
 
5
38
  ### Patch Changes