reshaped 2.7.4 → 2.8.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 (107) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/bin/cli.js +2 -4
  3. package/bundle.css +1 -1
  4. package/bundle.js +15 -15
  5. package/cli/theming/index.d.ts +3 -3
  6. package/cli/theming/index.js +4 -8
  7. package/components/Actionable/Actionable.module.css +1 -1
  8. package/components/Alert/Alert.types.d.ts +1 -1
  9. package/components/Alert/tests/Alert.stories.js +10 -0
  10. package/components/Avatar/Avatar.module.css +1 -1
  11. package/components/Avatar/Avatar.types.d.ts +1 -1
  12. package/components/Avatar/tests/Avatar.stories.js +6 -0
  13. package/components/Badge/Badge.module.css +1 -1
  14. package/components/Badge/Badge.types.d.ts +1 -1
  15. package/components/Badge/tests/Badge.stories.js +12 -0
  16. package/components/Button/Button.module.css +1 -1
  17. package/components/Button/tests/Button.stories.d.ts +1 -0
  18. package/components/Button/tests/Button.stories.js +11 -0
  19. package/components/Calendar/useCalendarKeyboardNavigation.js +0 -1
  20. package/components/Card/Card.d.ts +1 -1
  21. package/components/Carousel/Carousel.module.css +1 -1
  22. package/components/Checkbox/Checkbox.module.css +1 -1
  23. package/components/Divider/Divider.module.css +1 -1
  24. package/components/FormControl/FormControl.context.d.ts +0 -1
  25. package/components/Hidden/Hidden.module.css +1 -1
  26. package/components/HiddenVisually/HiddenVisually.module.css +1 -1
  27. package/components/Icon/Icon.module.css +1 -1
  28. package/components/Icon/Icon.types.d.ts +1 -1
  29. package/components/Image/Image.module.css +1 -1
  30. package/components/Loader/Loader.module.css +1 -1
  31. package/components/MenuItem/MenuItem.module.css +1 -1
  32. package/components/Modal/Modal.module.css +1 -1
  33. package/components/Overlay/Overlay.module.css +1 -1
  34. package/components/Popover/Popover.module.css +1 -1
  35. package/components/Progress/Progress.module.css +1 -1
  36. package/components/Progress/Progress.types.d.ts +1 -1
  37. package/components/Progress/tests/Progress.stories.js +3 -0
  38. package/components/Radio/Radio.module.css +1 -1
  39. package/components/Reshaped/Reshaped.css +1 -1
  40. package/components/Select/Select.module.css +1 -1
  41. package/components/Slider/Slider.module.css +1 -1
  42. package/components/Slider/SliderThumb.js +2 -2
  43. package/components/Switch/Switch.module.css +1 -1
  44. package/components/Table/Table.module.css +1 -1
  45. package/components/Tabs/Tabs.module.css +1 -1
  46. package/components/Text/Text.module.css +1 -1
  47. package/components/Text/Text.types.d.ts +1 -1
  48. package/components/Text/tests/Text.stories.js +3 -0
  49. package/components/TextArea/TextArea.module.css +1 -1
  50. package/components/TextField/TextField.module.css +1 -1
  51. package/components/Theme/Theme.module.css +1 -1
  52. package/components/Toast/Toast.module.css +1 -1
  53. package/components/View/View.js +7 -3
  54. package/components/View/View.module.css +1 -1
  55. package/components/View/View.types.d.ts +5 -3
  56. package/components/View/tests/View.stories.d.ts +1 -0
  57. package/components/View/tests/View.stories.js +37 -0
  58. package/config/postcss.d.ts +18 -3
  59. package/config/postcss.js +18 -4
  60. package/config/tailwind.d.ts +2 -2
  61. package/config/tailwind.js +1 -2
  62. package/package.json +36 -40
  63. package/styles/aspectRatio/aspectRatio.module.css +1 -1
  64. package/styles/bleed/bleed.module.css +1 -1
  65. package/styles/height/height.module.css +1 -1
  66. package/styles/inset/inset.module.css +1 -1
  67. package/styles/maxHeight/maxHeight.module.css +1 -1
  68. package/styles/maxWidth/maxWidth.module.css +1 -1
  69. package/styles/minHeight/index.d.ts +3 -0
  70. package/styles/minHeight/index.js +10 -0
  71. package/styles/minHeight/minHeight.module.css +1 -0
  72. package/styles/minWidth/minWidth.module.css +1 -1
  73. package/styles/padding/padding.module.css +1 -1
  74. package/styles/position/position.module.css +1 -1
  75. package/styles/radius/radius.module.css +1 -1
  76. package/styles/width/width.module.css +1 -1
  77. package/themes/_generator/constants.js +2 -0
  78. package/themes/_generator/definitions/figma.d.ts +2 -2
  79. package/themes/_generator/definitions/figma.js +6 -0
  80. package/themes/_generator/definitions/reshaped.d.ts +2 -2
  81. package/themes/_generator/definitions/reshaped.js +5 -0
  82. package/themes/_generator/definitions/slate.d.ts +2 -2
  83. package/themes/_generator/tests/themes.stories.js +48 -1
  84. package/themes/_generator/tokens/color/color.types.d.ts +3 -3
  85. package/themes/_generator/tokens/transforms.d.ts +1 -1
  86. package/themes/_generator/tokens/types.d.ts +13 -14
  87. package/themes/_generator/tokens/viewport/viewport.transforms.d.ts +1 -1
  88. package/themes/_generator/tokens/viewport/viewport.types.d.ts +6 -2
  89. package/themes/_generator/transform.js +7 -2
  90. package/themes/_generator/types.d.ts +0 -1
  91. package/themes/_generator/utilities/color.d.ts +5 -1
  92. package/themes/_generator/utilities/color.js +18 -13
  93. package/themes/_generator/utilities/generateColors.d.ts +2 -0
  94. package/themes/_generator/utilities/generateColors.js +15 -10
  95. package/themes/figma/media.css +1 -0
  96. package/themes/figma/theme.css +1 -1
  97. package/themes/index.d.ts +1 -1
  98. package/themes/index.js +2 -4
  99. package/themes/reshaped/media.css +1 -0
  100. package/themes/reshaped/theme.css +1 -1
  101. package/themes/slate/media.css +1 -0
  102. package/themes/slate/theme.css +1 -1
  103. package/types/config.d.ts +3 -3
  104. package/utilities/storybook/Example.js +1 -2
  105. package/themes/_generator/definitions/base.d.ts +0 -3
  106. package/themes/_generator/definitions/base.js +0 -11
  107. package/themes/media.css +0 -5
package/CHANGELOG.md CHANGED
@@ -1,4 +1,21 @@
1
1
  2.8.0
2
2
 
3
+ - Theming: Warning colors
4
+ - Theming: Brand color
5
+ - Postcss: Added getConfig() + with custom-media option
6
+
3
7
  - Overlay: Fixed tailwind default cursor
4
8
  - Icon: Fixed svg rendering defined in components with prop types
9
+ - Icon: Added linear logo to the Figma icons
10
+
11
+ - Badge, Figma: Exposed icon properties
12
+ - Button, Figma: Split into Button and .button-content to improve the library
13
+ - Button, Figma: Added slot support
14
+ - Button: Added flex layout for the button children
15
+ - Button: Reduced the vertical padding to work with larger slots without stretching the button
16
+ - MenuItem: Fixed Tailwind CSS reset overriding button styles
17
+
18
+ - Timeline, Figma: Fixed slot auto layout in Figma
19
+ - Slot, Figma: Fixed slot overriding styles of the swapped components
20
+ - View: minWidth, minHeight support
21
+ - View: overflow auto support
package/bin/cli.js CHANGED
@@ -20,9 +20,8 @@ program
20
20
  .command("theming")
21
21
  .requiredOption("-o, --output <path>", "Path to output generated themes")
22
22
  .option("-c, --config <path>", "Path to the config file")
23
- .option("--private", "Package private theme generation that also builds mixins and media queries")
24
23
  .action(async (opts) => {
25
- const { output: outputPath, config: passedConfigPath, private } = opts;
24
+ const { output: outputPath, config: passedConfigPath } = opts;
26
25
  const originPath = process.cwd();
27
26
  let configPath;
28
27
 
@@ -50,7 +49,7 @@ program
50
49
 
51
50
  if (themes) {
52
51
  Object.keys(themes).forEach((themeName) => {
53
- addTheme(themeName, themes[themeName], { outputPath, isPrivate: private, themeOptions });
52
+ addTheme(themeName, themes[themeName], { outputPath, themeOptions });
54
53
  });
55
54
  }
56
55
 
@@ -58,7 +57,6 @@ program
58
57
  Object.keys(themeFragments).forEach((fragmentName) => {
59
58
  addThemeFragment(fragmentName, themeFragments[fragmentName], {
60
59
  outputPath,
61
- isPrivate: private,
62
60
  themeOptions,
63
61
  });
64
62
  });