reshaped 3.0.9 → 3.0.10

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 (71) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/bin/cli.js +0 -1
  3. package/dist/bundle.css +1 -1
  4. package/dist/bundle.d.ts +3 -1
  5. package/dist/bundle.js +10 -10
  6. package/dist/cjs/themes/_generator/utilities/color.d.ts +16 -0
  7. package/dist/cjs/themes/_generator/utilities/color.js +57 -7
  8. package/dist/cjs/themes/_generator/utilities/generateBackgroundColors.js +4 -0
  9. package/dist/cjs/themes/_generator/utilities/tests/color.test.js +73 -42
  10. package/dist/cjs/themes/index.d.ts +17 -0
  11. package/dist/cjs/themes/index.js +3 -0
  12. package/dist/cjs/types/config.d.ts +1 -0
  13. package/dist/components/Button/Button.module.css +1 -1
  14. package/dist/components/Button/tests/Button.stories.js +3 -1
  15. package/dist/components/DropdownMenu/DropdownMenu.module.css +1 -1
  16. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  17. package/dist/components/Modal/Modal.js +4 -3
  18. package/dist/components/Modal/tests/Modal.stories.d.ts +0 -1
  19. package/dist/components/Modal/tests/Modal.stories.js +0 -16
  20. package/dist/components/Overlay/Overlay.js +7 -7
  21. package/dist/components/Overlay/tests/Overlay.stories.js +3 -1
  22. package/dist/components/Popover/Popover.js +2 -2
  23. package/dist/components/Popover/Popover.types.d.ts +1 -1
  24. package/dist/components/Resizable/Resizable.d.ts +8 -0
  25. package/dist/components/Resizable/Resizable.js +149 -0
  26. package/dist/components/Resizable/Resizable.module.css +1 -0
  27. package/dist/components/Resizable/Resizable.types.d.ts +29 -0
  28. package/dist/components/Resizable/Resizable.types.js +1 -0
  29. package/dist/components/Resizable/index.d.ts +2 -0
  30. package/dist/components/Resizable/index.js +1 -0
  31. package/dist/components/Resizable/tests/Resizable.stories.d.ts +15 -0
  32. package/dist/components/Resizable/tests/Resizable.stories.js +58 -0
  33. package/dist/components/ScrollArea/ScrollArea.js +4 -4
  34. package/dist/components/Slider/Slider.types.d.ts +2 -2
  35. package/dist/components/Slider/Slider.utilities.js +4 -4
  36. package/dist/components/Slider/SliderControlled.js +11 -9
  37. package/dist/components/Slider/SliderThumb.js +1 -1
  38. package/dist/components/Slider/tests/Slider.stories.js +4 -0
  39. package/dist/components/Toast/Toast.types.d.ts +7 -6
  40. package/dist/components/Toast/index.d.ts +1 -1
  41. package/dist/components/Toast/useToast.d.ts +1 -1
  42. package/dist/components/Tooltip/tests/Tooltip.stories.js +31 -0
  43. package/dist/components/_private/Flyout/Flyout.context.d.ts +3 -1
  44. package/dist/components/_private/Flyout/Flyout.context.js +4 -1
  45. package/dist/components/_private/Flyout/Flyout.types.d.ts +1 -0
  46. package/dist/components/_private/Flyout/FlyoutContent.js +5 -7
  47. package/dist/components/_private/Flyout/FlyoutControlled.js +18 -12
  48. package/dist/components/_private/Flyout/FlyoutTrigger.js +3 -2
  49. package/dist/components/_private/Flyout/tests/Flyout.stories.d.ts +2 -7
  50. package/dist/components/_private/Flyout/tests/Flyout.stories.js +87 -38
  51. package/dist/components/_private/Portal/Portal.module.css +1 -1
  52. package/dist/hooks/_private/useOnClickOutside.js +5 -3
  53. package/dist/hooks/tests/useDrag.stories.d.ts +6 -0
  54. package/dist/hooks/tests/useDrag.stories.js +29 -0
  55. package/dist/hooks/useDrag.d.ts +17 -0
  56. package/dist/hooks/useDrag.js +116 -0
  57. package/dist/hooks/useHandlerRef.d.ts +8 -0
  58. package/dist/hooks/useHandlerRef.js +16 -0
  59. package/dist/hooks/useScrollLock.js +4 -3
  60. package/dist/hooks/useToggle.js +1 -1
  61. package/dist/index.d.ts +3 -1
  62. package/dist/index.js +1 -0
  63. package/dist/themes/_generator/tests/themes.stories.js +23 -0
  64. package/dist/themes/_generator/utilities/color.d.ts +16 -0
  65. package/dist/themes/_generator/utilities/color.js +54 -6
  66. package/dist/themes/_generator/utilities/generateBackgroundColors.js +4 -0
  67. package/dist/themes/index.d.ts +17 -0
  68. package/dist/themes/index.js +3 -0
  69. package/dist/types/config.d.ts +1 -0
  70. package/dist/types/global.d.ts +1 -1
  71. package/package.json +1 -1
@@ -1,5 +1,22 @@
1
1
  import type * as T from "./_generator/types";
2
2
  import type { FullThemeDefinition } from "./_generator/tokens/types";
3
+ /**
4
+ * Exported types
5
+ */
6
+ export type { FullThemeDefinition } from "./_generator/tokens/types";
7
+ export type { Name as ColorTokenName } from "./_generator/tokens/color/color.types";
8
+ export type { Name as DurationTokenName } from "./_generator/tokens/duration/duration.types";
9
+ export type { Name as EasingTokenName } from "./_generator/tokens/easing/easing.types";
10
+ export type { Name as FontTokenName } from "./_generator/tokens/font/font.types";
11
+ export type { Name as FontFamilyTokenName } from "./_generator/tokens/fontFamily/fontFamily.types";
12
+ export type { Name as FontWeightTokenName } from "./_generator/tokens/fontWeight/fontWeight.types";
13
+ export type { Name as RadiusTokenName } from "./_generator/tokens/radius/radius.types";
14
+ export type { Name as ShadowTokenName } from "./_generator/tokens/shadow/shadow.types";
15
+ export type { GeneratedName as UnitTokenName } from "./_generator/tokens/unit/unit.types";
16
+ export type { Name as ViewportTokenName } from "./_generator/tokens/viewport/viewport.types";
17
+ /**
18
+ * Exported runtime code
19
+ */
3
20
  export { default as baseThemeDefinition } from "./_generator/definitions/reshaped";
4
21
  export declare const generateThemeColors: (options: {
5
22
  primary: T.Color;
@@ -1,5 +1,8 @@
1
1
  import transform from "./_generator/transform.js";
2
2
  import generateColors from "./_generator/utilities/generateColors.js";
3
+ /**
4
+ * Exported runtime code
5
+ */
3
6
  export { default as baseThemeDefinition } from "./_generator/definitions/reshaped.js";
4
7
  export const generateThemeColors = (options) => {
5
8
  return generateColors(options);
@@ -4,6 +4,7 @@ export type ReshapedConfig = {
4
4
  themeFragments?: Record<string, PartialThemeDefinition>;
5
5
  themeOptions?: {
6
6
  generateOnColorsFor?: string[];
7
+ colorContrastAlgorithm?: "wcag" | "apca";
7
8
  onColorValues?: {
8
9
  [key in ColorHue]?: {
9
10
  hexDark: string;
@@ -2,7 +2,7 @@ import React from "react";
2
2
  type ClassNameValue = string | null | undefined | false;
3
3
  export type ClassName = ClassNameValue | ClassNameValue[] | ClassName[];
4
4
  export type CSSVariable = `--${string}`;
5
- export type StyleAttribute = React.CSSProperties | (React.CSSProperties & Record<CSSVariable, string | number>);
5
+ export type StyleAttribute = React.CSSProperties | (React.CSSProperties & Record<CSSVariable, string | number | undefined>);
6
6
  type DataAttributes = {} | Record<`data-${string}`, string | boolean>;
7
7
  export type Attributes<TagName extends keyof JSX.IntrinsicElements = "div"> = JSX.IntrinsicElements[TagName] & DataAttributes & {
8
8
  style?: StyleAttribute;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "reshaped",
3
3
  "description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
4
- "version": "3.0.9",
4
+ "version": "3.0.10",
5
5
  "license": "MIT",
6
6
  "email": "hello@reshaped.so",
7
7
  "homepage": "https://reshaped.so",