reshaped 3.0.9 → 3.0.11-rc.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 (90) hide show
  1. package/CHANGELOG.md +7 -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/tokens/font/font.transforms.js +6 -0
  7. package/dist/cjs/themes/_generator/tokens/font/font.types.d.ts +1 -0
  8. package/dist/cjs/themes/_generator/tokens/types.d.ts +1 -1
  9. package/dist/cjs/themes/_generator/utilities/color.d.ts +16 -0
  10. package/dist/cjs/themes/_generator/utilities/color.js +57 -7
  11. package/dist/cjs/themes/_generator/utilities/generateBackgroundColors.js +4 -0
  12. package/dist/cjs/themes/_generator/utilities/tests/color.test.js +73 -42
  13. package/dist/cjs/themes/figma/theme.css +1 -1
  14. package/dist/cjs/themes/index.d.ts +17 -0
  15. package/dist/cjs/themes/index.js +3 -0
  16. package/dist/cjs/themes/reshaped/theme.css +1 -1
  17. package/dist/cjs/themes/slate/theme.css +1 -1
  18. package/dist/cjs/types/config.d.ts +1 -0
  19. package/dist/components/Button/Button.module.css +1 -1
  20. package/dist/components/Button/tests/Button.stories.js +3 -1
  21. package/dist/components/DropdownMenu/DropdownMenu.module.css +1 -1
  22. package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +1 -1
  23. package/dist/components/MenuItem/MenuItem.module.css +1 -1
  24. package/dist/components/Modal/Modal.js +4 -3
  25. package/dist/components/Modal/tests/Modal.stories.d.ts +0 -1
  26. package/dist/components/Modal/tests/Modal.stories.js +0 -16
  27. package/dist/components/Overlay/Overlay.js +7 -7
  28. package/dist/components/Overlay/tests/Overlay.stories.js +3 -1
  29. package/dist/components/Popover/Popover.js +2 -2
  30. package/dist/components/Popover/Popover.types.d.ts +1 -1
  31. package/dist/components/Reshaped/Reshaped.css +1 -1
  32. package/dist/components/Resizable/Resizable.d.ts +8 -0
  33. package/dist/components/Resizable/Resizable.js +149 -0
  34. package/dist/components/Resizable/Resizable.module.css +1 -0
  35. package/dist/components/Resizable/Resizable.types.d.ts +29 -0
  36. package/dist/components/Resizable/Resizable.types.js +1 -0
  37. package/dist/components/Resizable/index.d.ts +2 -0
  38. package/dist/components/Resizable/index.js +1 -0
  39. package/dist/components/Resizable/tests/Resizable.stories.d.ts +15 -0
  40. package/dist/components/Resizable/tests/Resizable.stories.js +58 -0
  41. package/dist/components/ScrollArea/ScrollArea.js +4 -4
  42. package/dist/components/Select/Select.module.css +1 -1
  43. package/dist/components/Slider/Slider.types.d.ts +2 -2
  44. package/dist/components/Slider/Slider.utilities.js +4 -4
  45. package/dist/components/Slider/SliderControlled.js +11 -9
  46. package/dist/components/Slider/SliderThumb.js +1 -1
  47. package/dist/components/Slider/tests/Slider.stories.js +4 -0
  48. package/dist/components/Text/Text.module.css +1 -1
  49. package/dist/components/TextArea/TextArea.module.css +1 -1
  50. package/dist/components/TextField/TextField.module.css +1 -1
  51. package/dist/components/Toast/Toast.types.d.ts +7 -6
  52. package/dist/components/Toast/index.d.ts +1 -1
  53. package/dist/components/Toast/useToast.d.ts +1 -1
  54. package/dist/components/Tooltip/tests/Tooltip.stories.js +31 -0
  55. package/dist/components/_private/Flyout/Flyout.context.d.ts +3 -1
  56. package/dist/components/_private/Flyout/Flyout.context.js +4 -1
  57. package/dist/components/_private/Flyout/Flyout.types.d.ts +1 -0
  58. package/dist/components/_private/Flyout/FlyoutContent.js +5 -7
  59. package/dist/components/_private/Flyout/FlyoutControlled.js +18 -12
  60. package/dist/components/_private/Flyout/FlyoutTrigger.js +3 -2
  61. package/dist/components/_private/Flyout/tests/Flyout.stories.d.ts +2 -8
  62. package/dist/components/_private/Flyout/tests/Flyout.stories.js +87 -62
  63. package/dist/components/_private/Flyout/useFlyout.js +11 -2
  64. package/dist/components/_private/Portal/Portal.module.css +1 -1
  65. package/dist/hooks/_private/useOnClickOutside.js +5 -3
  66. package/dist/hooks/tests/useDrag.stories.d.ts +6 -0
  67. package/dist/hooks/tests/useDrag.stories.js +29 -0
  68. package/dist/hooks/useDrag.d.ts +17 -0
  69. package/dist/hooks/useDrag.js +116 -0
  70. package/dist/hooks/useHandlerRef.d.ts +8 -0
  71. package/dist/hooks/useHandlerRef.js +16 -0
  72. package/dist/hooks/useScrollLock.js +4 -3
  73. package/dist/hooks/useToggle.js +1 -1
  74. package/dist/index.d.ts +3 -1
  75. package/dist/index.js +1 -0
  76. package/dist/themes/_generator/tests/themes.stories.js +23 -0
  77. package/dist/themes/_generator/tokens/font/font.transforms.js +6 -0
  78. package/dist/themes/_generator/tokens/font/font.types.d.ts +1 -0
  79. package/dist/themes/_generator/tokens/types.d.ts +1 -1
  80. package/dist/themes/_generator/utilities/color.d.ts +16 -0
  81. package/dist/themes/_generator/utilities/color.js +54 -6
  82. package/dist/themes/_generator/utilities/generateBackgroundColors.js +4 -0
  83. package/dist/themes/figma/theme.css +1 -1
  84. package/dist/themes/index.d.ts +17 -0
  85. package/dist/themes/index.js +3 -0
  86. package/dist/themes/reshaped/theme.css +1 -1
  87. package/dist/themes/slate/theme.css +1 -1
  88. package/dist/types/config.d.ts +1 -0
  89. package/dist/types/global.d.ts +1 -1
  90. package/package.json +1 -1
package/dist/themes/slate/theme.css CHANGED
@@ -1 +1 @@
1
- [data-rs-theme=slate]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:6.857142857142857rem;--rs-line-height-title-1:7.142857142857143rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-extrabold);--rs-font-size-title-2:5.714285714285714rem;--rs-line-height-title-2:6rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-extrabold);--rs-font-size-title-3:4.571428571428571rem;--rs-line-height-title-3:4.857142857142857rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-extrabold);--rs-font-size-title-4:4rem;--rs-line-height-title-4:4.285714285714286rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-bold);--rs-font-size-title-5:3.4285714285714284rem;--rs-line-height-title-5:3.7142857142857144rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-bold);--rs-font-size-title-6:2.5714285714285716rem;--rs-line-height-title-6:2.857142857142857rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-bold);--rs-font-size-featured-1:2.2857142857142856rem;--rs-line-height-featured-1:2.857142857142857rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-font-size-featured-2:1.7142857142857142rem;--rs-line-height-featured-2:2.2857142857142856rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-font-size-featured-3:1.4285714285714286rem;--rs-line-height-featured-3:2rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-font-size-body-1:1.2857142857142858rem;--rs-line-height-body-1:2rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-font-size-body-2:1.1428571428571428rem;--rs-line-height-body-2:1.7142857142857142rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-font-size-body-3:1rem;--rs-line-height-body-3:1.4285714285714286rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-font-size-caption-1:0.8571428571428571rem;--rs-line-height-caption-1:1.1428571428571428rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-font-size-caption-2:0.7142857142857143rem;--rs-line-height-caption-2:0.8571428571428571rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-unit-base:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#2563eb;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#fff;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#fff;--rs-color-on-brand:#fff;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 5px -4px rgba(0,0,0,.5),0px 4px 8px 0px rgba(0,0,0,.05);--rs-shadow-overlay:0px 5px 10px 0px rgba(0,0,0,.05),0px 15px 25px 0px rgba(0,0,0,.07)}[data-rs-theme=slate][data-rs-color-mode=light]{--rs-color-background-primary:#2563eb;--rs-color-background-primary-faded:#e8f0ff;--rs-color-border-primary:#1e5ce5;--rs-color-border-primary-faded:#d7e2f6;--rs-color-foreground-primary:#1e5ce5;--rs-color-background-critical:#e22c2c;--rs-color-background-critical-faded:#fff1ef;--rs-color-border-critical:#c22022;--rs-color-border-critical-faded:#f6e1de;--rs-color-foreground-critical:#c22022;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fff6dd;--rs-color-border-warning:#816802;--rs-color-border-warning-faded:#f0e8d0;--rs-color-foreground-warning:#816802;--rs-color-background-positive:#118850;--rs-color-background-positive-faded:#ebfff1;--rs-color-border-positive:#0f7f4a;--rs-color-border-positive-faded:#dcf1e2;--rs-color-foreground-positive:#0f7f4a;--rs-color-background-neutral:#e3e4e8;--rs-color-background-neutral-faded:#eff0f2;--rs-color-border-neutral:#0000001f;--rs-color-border-neutral-faded:#0000000f;--rs-color-foreground-neutral:#2c2e34;--rs-color-foreground-neutral-faded:#676a75;--rs-color-background-disabled:#edeeef;--rs-color-background-disabled-faded:#f6f6f7;--rs-color-border-disabled:#e2e2e4;--rs-color-foreground-disabled:#cbcccf;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafbfb;--rs-color-rgb-background-primary:37,99,235;--rs-color-rgb-background-primary-faded:232,240,255;--rs-color-rgb-background-critical:226,44,44;--rs-color-rgb-background-critical-faded:255,241,239;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,246,221;--rs-color-rgb-background-positive:17,136,80;--rs-color-rgb-background-positive-faded:235,255,241;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:227,228,232;--rs-color-rgb-background-neutral-faded:239,240,242;--rs-color-rgb-background-disabled:237,238,239;--rs-color-rgb-background-disabled-faded:246,246,247;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,251,251}[data-rs-theme=slate][data-rs-color-mode=dark]{--rs-color-background-primary:#2563eb;--rs-color-background-primary-faded:#17243d;--rs-color-border-primary:#7199e5;--rs-color-border-primary-faded:#253759;--rs-color-foreground-primary:#7199e5;--rs-color-background-critical:#d72828;--rs-color-background-critical-faded:#391b18;--rs-color-border-critical:#e68075;--rs-color-border-critical-faded:#532a26;--rs-color-foreground-critical:#e68075;--rs-color-background-warning:#d7ae06;--rs-color-background-warning-faded:#2b2410;--rs-color-border-warning:#eed58a;--rs-color-border-warning-faded:#40371b;--rs-color-foreground-warning:#eed58a;--rs-color-background-positive:#118850;--rs-color-background-positive-faded:#152a1d;--rs-color-border-positive:#57b17c;--rs-color-border-positive-faded:#223f2d;--rs-color-foreground-positive:#57b17c;--rs-color-background-neutral:#393a42;--rs-color-background-neutral-faded:#242527;--rs-color-border-neutral:#ffffff24;--rs-color-border-neutral-faded:#ffffff17;--rs-color-foreground-neutral:#f3f3f5;--rs-color-foreground-neutral-faded:#c7c9d1;--rs-color-background-disabled:#242527;--rs-color-background-disabled-faded:#1b1b1d;--rs-color-border-disabled:#262729;--rs-color-foreground-disabled:#494a4e;--rs-color-background-elevation-base:#161617;--rs-color-background-elevation-raised:#18191a;--rs-color-background-elevation-overlay:#1d1d1f;--rs-color-background-page:#0e0e0f;--rs-color-background-page-faded:#131414;--rs-color-rgb-background-primary:37,99,235;--rs-color-rgb-background-primary-faded:23,36,61;--rs-color-rgb-background-critical:215,40,40;--rs-color-rgb-background-critical-faded:57,27,24;--rs-color-rgb-background-warning:215,174,6;--rs-color-rgb-background-warning-faded:43,36,16;--rs-color-rgb-background-positive:17,136,80;--rs-color-rgb-background-positive-faded:21,42,29;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:57,58,66;--rs-color-rgb-background-neutral-faded:36,37,39;--rs-color-rgb-background-disabled:36,37,39;--rs-color-rgb-background-disabled-faded:27,27,29;--rs-color-rgb-background-elevation-base:22,22,23;--rs-color-rgb-background-elevation-raised:24,25,26;--rs-color-rgb-background-elevation-overlay:29,29,31;--rs-color-rgb-background-page:14,14,15;--rs-color-rgb-background-page-faded:19,20,20}
1
+ [data-rs-theme=slate]{--rs-font-family-title:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-family-body:Inter,BlinkMacSystemFont,-apple-system,Roboto,Helvetica,Arial,sans-serif;--rs-font-weight-regular:400;--rs-font-weight-medium:500;--rs-font-weight-semibold:600;--rs-font-weight-bold:700;--rs-font-weight-extrabold:800;--rs-font-weight-black:900;--rs-font-size-title-1:6.857142857142857rem;--rs-line-height-title-1:7.142857142857143rem;--rs-font-family-title-1:var(--rs-font-family-title);--rs-font-weight-title-1:var(--rs-font-weight-extrabold);--rs-letter-spacing-title-1:normal;--rs-font-size-title-2:5.714285714285714rem;--rs-line-height-title-2:6rem;--rs-font-family-title-2:var(--rs-font-family-title);--rs-font-weight-title-2:var(--rs-font-weight-extrabold);--rs-letter-spacing-title-2:normal;--rs-font-size-title-3:4.571428571428571rem;--rs-line-height-title-3:4.857142857142857rem;--rs-font-family-title-3:var(--rs-font-family-title);--rs-font-weight-title-3:var(--rs-font-weight-extrabold);--rs-letter-spacing-title-3:normal;--rs-font-size-title-4:4rem;--rs-line-height-title-4:4.285714285714286rem;--rs-font-family-title-4:var(--rs-font-family-title);--rs-font-weight-title-4:var(--rs-font-weight-bold);--rs-letter-spacing-title-4:normal;--rs-font-size-title-5:3.4285714285714284rem;--rs-line-height-title-5:3.7142857142857144rem;--rs-font-family-title-5:var(--rs-font-family-title);--rs-font-weight-title-5:var(--rs-font-weight-bold);--rs-letter-spacing-title-5:normal;--rs-font-size-title-6:2.5714285714285716rem;--rs-line-height-title-6:2.857142857142857rem;--rs-font-family-title-6:var(--rs-font-family-title);--rs-font-weight-title-6:var(--rs-font-weight-bold);--rs-letter-spacing-title-6:normal;--rs-font-size-featured-1:2.2857142857142856rem;--rs-line-height-featured-1:2.857142857142857rem;--rs-font-family-featured-1:var(--rs-font-family-body);--rs-letter-spacing-featured-1:normal;--rs-font-size-featured-2:1.7142857142857142rem;--rs-line-height-featured-2:2.2857142857142856rem;--rs-font-family-featured-2:var(--rs-font-family-body);--rs-letter-spacing-featured-2:normal;--rs-font-size-featured-3:1.4285714285714286rem;--rs-line-height-featured-3:2rem;--rs-font-family-featured-3:var(--rs-font-family-body);--rs-letter-spacing-featured-3:normal;--rs-font-size-body-1:1.2857142857142858rem;--rs-line-height-body-1:2rem;--rs-font-family-body-1:var(--rs-font-family-body);--rs-letter-spacing-body-1:normal;--rs-font-size-body-2:1.1428571428571428rem;--rs-line-height-body-2:1.7142857142857142rem;--rs-font-family-body-2:var(--rs-font-family-body);--rs-letter-spacing-body-2:normal;--rs-font-size-body-3:1rem;--rs-line-height-body-3:1.4285714285714286rem;--rs-font-family-body-3:var(--rs-font-family-body);--rs-letter-spacing-body-3:normal;--rs-font-size-caption-1:0.8571428571428571rem;--rs-line-height-caption-1:1.1428571428571428rem;--rs-font-family-caption-1:var(--rs-font-family-body);--rs-letter-spacing-caption-1:normal;--rs-font-size-caption-2:0.7142857142857143rem;--rs-line-height-caption-2:0.8571428571428571rem;--rs-font-family-caption-2:var(--rs-font-family-body);--rs-letter-spacing-caption-2:normal;--rs-unit-base:4px;--rs-unit-x1:4px;--rs-unit-x2:8px;--rs-unit-x3:12px;--rs-unit-x4:16px;--rs-unit-x5:20px;--rs-unit-x6:24px;--rs-unit-x7:28px;--rs-unit-x8:32px;--rs-unit-x9:36px;--rs-unit-x10:40px;--rs-radius-small:4px;--rs-radius-medium:8px;--rs-radius-large:12px;--rs-color-brand:#2563eb;--rs-color-white:#fff;--rs-color-black:#000;--rs-color-on-background-primary:#fff;--rs-color-on-background-critical:#fff;--rs-color-on-background-warning:#000;--rs-color-on-background-positive:#fff;--rs-color-on-brand:#fff;--rs-color-rgb-white:255,255,255;--rs-color-rgb-black:0,0,0;--rs-duration-fast:200ms;--rs-duration-medium:300ms;--rs-duration-slow:400ms;--rs-easing-standard:cubic-bezier(0.4,0,0.2,1);--rs-easing-accelerate:cubic-bezier(0.4,0,1,1);--rs-easing-decelerate:cubic-bezier(0,0,0.2,1);--rs-shadow-raised:0px 1px 5px -4px rgba(0,0,0,.5),0px 4px 8px 0px rgba(0,0,0,.05);--rs-shadow-overlay:0px 5px 10px 0px rgba(0,0,0,.05),0px 15px 25px 0px rgba(0,0,0,.07)}[data-rs-theme=slate][data-rs-color-mode=light]{--rs-color-background-primary:#2563eb;--rs-color-background-primary-faded:#e8f0ff;--rs-color-border-primary:#1e5ce5;--rs-color-border-primary-faded:#d7e2f6;--rs-color-foreground-primary:#1e5ce5;--rs-color-background-critical:#e22c2c;--rs-color-background-critical-faded:#fff1ef;--rs-color-border-critical:#c22022;--rs-color-border-critical-faded:#f6e1de;--rs-color-foreground-critical:#c22022;--rs-color-background-warning:#facc15;--rs-color-background-warning-faded:#fff6dd;--rs-color-border-warning:#816802;--rs-color-border-warning-faded:#f0e8d0;--rs-color-foreground-warning:#816802;--rs-color-background-positive:#118850;--rs-color-background-positive-faded:#ebfff1;--rs-color-border-positive:#0f7f4a;--rs-color-border-positive-faded:#dcf1e2;--rs-color-foreground-positive:#0f7f4a;--rs-color-background-neutral:#e3e4e8;--rs-color-background-neutral-faded:#eff0f2;--rs-color-border-neutral:#0000001f;--rs-color-border-neutral-faded:#0000000f;--rs-color-foreground-neutral:#2c2e34;--rs-color-foreground-neutral-faded:#676a75;--rs-color-background-disabled:#edeeef;--rs-color-background-disabled-faded:#f6f6f7;--rs-color-border-disabled:#e2e2e4;--rs-color-foreground-disabled:#cbcccf;--rs-color-background-elevation-base:#fff;--rs-color-background-elevation-raised:#fff;--rs-color-background-elevation-overlay:#fff;--rs-color-background-page:#fff;--rs-color-background-page-faded:#fafbfb;--rs-color-rgb-background-primary:37,99,235;--rs-color-rgb-background-primary-faded:232,240,255;--rs-color-rgb-background-critical:226,44,44;--rs-color-rgb-background-critical-faded:255,241,239;--rs-color-rgb-background-warning:250,204,21;--rs-color-rgb-background-warning-faded:255,246,221;--rs-color-rgb-background-positive:17,136,80;--rs-color-rgb-background-positive-faded:235,255,241;--rs-color-on-background-neutral:#000;--rs-color-rgb-background-neutral:227,228,232;--rs-color-rgb-background-neutral-faded:239,240,242;--rs-color-rgb-background-disabled:237,238,239;--rs-color-rgb-background-disabled-faded:246,246,247;--rs-color-rgb-background-elevation-base:255,255,255;--rs-color-rgb-background-elevation-raised:255,255,255;--rs-color-rgb-background-elevation-overlay:255,255,255;--rs-color-rgb-background-page:255,255,255;--rs-color-rgb-background-page-faded:250,251,251}[data-rs-theme=slate][data-rs-color-mode=dark]{--rs-color-background-primary:#2563eb;--rs-color-background-primary-faded:#17243d;--rs-color-border-primary:#7199e5;--rs-color-border-primary-faded:#253759;--rs-color-foreground-primary:#7199e5;--rs-color-background-critical:#d72828;--rs-color-background-critical-faded:#391b18;--rs-color-border-critical:#e68075;--rs-color-border-critical-faded:#532a26;--rs-color-foreground-critical:#e68075;--rs-color-background-warning:#d7ae06;--rs-color-background-warning-faded:#2b2410;--rs-color-border-warning:#eed58a;--rs-color-border-warning-faded:#40371b;--rs-color-foreground-warning:#eed58a;--rs-color-background-positive:#118850;--rs-color-background-positive-faded:#152a1d;--rs-color-border-positive:#57b17c;--rs-color-border-positive-faded:#223f2d;--rs-color-foreground-positive:#57b17c;--rs-color-background-neutral:#393a42;--rs-color-background-neutral-faded:#242527;--rs-color-border-neutral:#ffffff24;--rs-color-border-neutral-faded:#ffffff17;--rs-color-foreground-neutral:#f3f3f5;--rs-color-foreground-neutral-faded:#c7c9d1;--rs-color-background-disabled:#242527;--rs-color-background-disabled-faded:#1b1b1d;--rs-color-border-disabled:#262729;--rs-color-foreground-disabled:#494a4e;--rs-color-background-elevation-base:#161617;--rs-color-background-elevation-raised:#18191a;--rs-color-background-elevation-overlay:#1d1d1f;--rs-color-background-page:#0e0e0f;--rs-color-background-page-faded:#131414;--rs-color-rgb-background-primary:37,99,235;--rs-color-rgb-background-primary-faded:23,36,61;--rs-color-rgb-background-critical:215,40,40;--rs-color-rgb-background-critical-faded:57,27,24;--rs-color-rgb-background-warning:215,174,6;--rs-color-rgb-background-warning-faded:43,36,16;--rs-color-rgb-background-positive:17,136,80;--rs-color-rgb-background-positive-faded:21,42,29;--rs-color-on-background-neutral:#fff;--rs-color-rgb-background-neutral:57,58,66;--rs-color-rgb-background-neutral-faded:36,37,39;--rs-color-rgb-background-disabled:36,37,39;--rs-color-rgb-background-disabled-faded:27,27,29;--rs-color-rgb-background-elevation-base:22,22,23;--rs-color-rgb-background-elevation-raised:24,25,26;--rs-color-rgb-background-elevation-overlay:29,29,31;--rs-color-rgb-background-page:14,14,15;--rs-color-rgb-background-page-faded:19,20,20}
package/dist/types/config.d.ts CHANGED
@@ -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;
package/dist/types/global.d.ts CHANGED
@@ -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.11-rc.0",
5
5
  "license": "MIT",
6
6
  "email": "hello@reshaped.so",
7
7
  "homepage": "https://reshaped.so",