@crystallize/design-system 0.2.0 → 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 (104) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/index.css +1319 -827
  3. package/dist/index.d.ts +98 -43
  4. package/dist/index.js +982 -578
  5. package/dist/index.mjs +973 -573
  6. package/package.json +40 -23
  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 +1 -9
  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.tsx +6 -14
  29. package/src/colors/Colors.stories.tsx +127 -0
  30. package/src/colors/color-defaults.json +15 -0
  31. package/src/colors/color-pairing.json +12 -0
  32. package/src/colors/colors.json +158 -0
  33. package/src/colors/index.ts +1 -0
  34. package/src/colors/old-to-new.txt +19 -0
  35. package/src/colors/types.ts +29 -0
  36. package/src/dialog/Dialog.stories.tsx +9 -6
  37. package/src/dialog/confirm-dialog.tsx +5 -2
  38. package/src/dialog/dialog.css +27 -0
  39. package/src/dialog/dialog.tsx +18 -20
  40. package/src/dialog/types.ts +4 -1
  41. package/src/dropdown-menu/DropdownMenu.stories.tsx +6 -14
  42. package/src/dropdown-menu/dropdown-menu-item.tsx +1 -10
  43. package/src/dropdown-menu/dropdown-menu-label.tsx +1 -8
  44. package/src/dropdown-menu/dropdown-menu-root.tsx +9 -5
  45. package/src/dropdown-menu/dropdown-menu.css +20 -0
  46. package/src/dropdown-menu/index.ts +2 -0
  47. package/src/icon-button/IconButton.stories.tsx +9 -6
  48. package/src/icon-button/icon-button.css +40 -0
  49. package/src/icon-button/icon-button.tsx +14 -22
  50. package/src/iconography/Icon.stories.tsx +47 -0
  51. package/src/{icons → iconography}/arrow.tsx +0 -0
  52. package/src/iconography/atom.tsx +59 -0
  53. package/src/{icons → iconography}/cancel.tsx +0 -0
  54. package/src/iconography/copy.tsx +24 -0
  55. package/src/iconography/crystal.tsx +93 -0
  56. package/src/iconography/edit.tsx +30 -0
  57. package/src/iconography/error.tsx +40 -0
  58. package/src/{icons → iconography}/glasses.tsx +0 -0
  59. package/src/{icons → iconography}/graphQL.tsx +0 -0
  60. package/src/{icons → iconography}/index.ts +10 -2
  61. package/src/iconography/info.tsx +41 -0
  62. package/src/{icons → iconography}/nail-polish.tsx +0 -0
  63. package/src/iconography/particle.tsx +88 -0
  64. package/src/iconography/triangle.tsx +27 -0
  65. package/src/iconography/warning.tsx +51 -0
  66. package/src/index.css +11 -0
  67. package/src/index.ts +12 -2
  68. package/src/inline-radio/inline-radio.css +20 -0
  69. package/src/inline-radio/inline-radio.stories.tsx +1 -1
  70. package/src/inline-radio/inline-radio.tsx +4 -14
  71. package/src/input/Input.stories.tsx +8 -1
  72. package/src/input/input.css +7 -0
  73. package/src/input/input.tsx +8 -21
  74. package/src/input-with-label/InputWithLabel.stories.tsx +98 -0
  75. package/src/input-with-label/index.ts +3 -0
  76. package/src/input-with-label/input-with-label.css +35 -0
  77. package/src/input-with-label/input-with-label.tsx +59 -0
  78. package/src/label/label.css +3 -0
  79. package/src/label/label.tsx +3 -1
  80. package/src/progress/progress.css +7 -0
  81. package/src/progress/progress.tsx +8 -7
  82. package/src/radio/radio.css +20 -0
  83. package/src/radio/radio.tsx +4 -11
  84. package/src/select/select-item.tsx +1 -10
  85. package/src/select/select-root.tsx +5 -12
  86. package/src/select/select.css +28 -0
  87. package/src/select/select.stories.tsx +12 -0
  88. package/src/select/select.ts +2 -0
  89. package/src/spinner/Spinner.stories.tsx +19 -0
  90. package/src/spinner/index.tsx +48 -0
  91. package/src/spinner/spinner.css +11 -0
  92. package/tailwind.config.cjs +51 -0
  93. package/src/button copy/ButtonCopy.stories.tsx +0 -86
  94. package/src/button copy/button.tsx +0 -61
  95. package/src/button copy/index.ts +0 -3
  96. package/src/colors/Colors.stories.mdx +0 -33
  97. package/src/icons/Iconography.stories.mdx +0 -45
  98. package/src/icons/dots.tsx +0 -24
  99. package/src/icons/error.tsx +0 -43
  100. package/src/icons/info.tsx +0 -46
  101. package/src/icons/warning.tsx +0 -55
  102. package/src/text-field/TextField.stories.tsx +0 -20
  103. package/src/text-field/index.ts +0 -1
  104. package/src/text-field/text-field.tsx +0 -60
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
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
+
3
13
  ## 0.2.0
4
14
 
5
15
  ### Minor Changes