@a-type/ui 1.8.9 → 1.8.11

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 (55) hide show
  1. package/dist/cjs/colorMode.d.ts +1 -0
  2. package/dist/cjs/colorMode.js +10 -0
  3. package/dist/cjs/colorMode.js.map +1 -1
  4. package/dist/cjs/components/box/Box.js +3 -3
  5. package/dist/cjs/components/box/Box.js.map +1 -1
  6. package/dist/cjs/components/card/Card.d.ts +1 -1
  7. package/dist/cjs/components/navBar/NavBar.js +1 -1
  8. package/dist/cjs/components/scrollArea/ScrollArea.js +8 -11
  9. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  10. package/dist/cjs/components/typography/typography.js +4 -4
  11. package/dist/cjs/components/typography/typography.js.map +1 -1
  12. package/dist/cjs/hooks/index.d.ts +1 -0
  13. package/dist/cjs/hooks/index.js +1 -0
  14. package/dist/cjs/hooks/index.js.map +1 -1
  15. package/dist/cjs/hooks/useOverrideTheme.d.ts +2 -0
  16. package/dist/cjs/hooks/useOverrideTheme.js +17 -0
  17. package/dist/cjs/hooks/useOverrideTheme.js.map +1 -0
  18. package/dist/cjs/themes.stories.d.ts +2 -0
  19. package/dist/cjs/themes.stories.js +17 -3
  20. package/dist/cjs/themes.stories.js.map +1 -1
  21. package/dist/cjs/uno.preset.js +187 -140
  22. package/dist/cjs/uno.preset.js.map +1 -1
  23. package/dist/css/main.css +674 -129
  24. package/dist/esm/colorMode.d.ts +1 -0
  25. package/dist/esm/colorMode.js +9 -0
  26. package/dist/esm/colorMode.js.map +1 -1
  27. package/dist/esm/components/box/Box.js +3 -3
  28. package/dist/esm/components/box/Box.js.map +1 -1
  29. package/dist/esm/components/card/Card.d.ts +1 -1
  30. package/dist/esm/components/navBar/NavBar.js +1 -1
  31. package/dist/esm/components/scrollArea/ScrollArea.js +8 -11
  32. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  33. package/dist/esm/components/typography/typography.js +4 -4
  34. package/dist/esm/components/typography/typography.js.map +1 -1
  35. package/dist/esm/hooks/index.d.ts +1 -0
  36. package/dist/esm/hooks/index.js +1 -0
  37. package/dist/esm/hooks/index.js.map +1 -1
  38. package/dist/esm/hooks/useOverrideTheme.d.ts +2 -0
  39. package/dist/esm/hooks/useOverrideTheme.js +14 -0
  40. package/dist/esm/hooks/useOverrideTheme.js.map +1 -0
  41. package/dist/esm/themes.stories.d.ts +2 -0
  42. package/dist/esm/themes.stories.js +17 -3
  43. package/dist/esm/themes.stories.js.map +1 -1
  44. package/dist/esm/uno.preset.js +187 -140
  45. package/dist/esm/uno.preset.js.map +1 -1
  46. package/package.json +1 -1
  47. package/src/colorMode.ts +10 -0
  48. package/src/components/box/Box.tsx +3 -3
  49. package/src/components/navBar/NavBar.tsx +1 -1
  50. package/src/components/scrollArea/ScrollArea.tsx +8 -19
  51. package/src/components/typography/typography.tsx +4 -4
  52. package/src/hooks/index.ts +1 -0
  53. package/src/hooks/useOverrideTheme.ts +14 -0
  54. package/src/themes.stories.tsx +108 -32
  55. package/src/uno.preset.ts +227 -140
@@ -1,3 +1,4 @@
1
1
  export declare function setColorMode(mode: 'system' | 'light' | 'dark'): void;
2
2
  export declare function getColorMode(): 'system' | 'light' | 'dark';
3
+ export declare function getResolvedColorMode(): 'light' | 'dark';
3
4
  export declare function subscribeToColorModeChange(callback: (mode: 'system' | 'light' | 'dark') => void): () => void;
@@ -49,6 +49,15 @@ export function getColorMode() {
49
49
  return 'system';
50
50
  return window.localStorage.getItem('colorMode') || 'system';
51
51
  }
52
+ export function getResolvedColorMode() {
53
+ const mode = getColorMode();
54
+ if (mode === 'system') {
55
+ return window.matchMedia('(prefers-color-scheme: dark)').matches
56
+ ? 'dark'
57
+ : 'light';
58
+ }
59
+ return mode;
60
+ }
52
61
  export function subscribeToColorModeChange(callback) {
53
62
  if (typeof window === 'undefined')
54
63
  return () => { };
@@ -1 +1 @@
1
- {"version":3,"file":"colorMode.js","sourceRoot":"","sources":["../../src/colorMode.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colorMode.js","sourceRoot":"","sources":["../../src/colorMode.ts"],"names":[],"mappings":"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"}
@@ -87,9 +87,9 @@ export function Box(_a) {
87
87
  'layer-components:rounded-lg': !!surface,
88
88
  'layer-components:bg-white layer-components:border-black': surface === true || surface === 'default',
89
89
  'layer-components:bg-wash layer-components:border-black': surface === 'wash',
90
- 'layer-components:bg-primary-wash layer-components:border-primary-dark layer-components:color-primary-dark': surface === 'primary',
91
- 'layer-components:bg-accent-wash layer-components:border-accent-dark layer-components:color-accent-dark': surface === 'accent',
92
- 'layer-components:bg-attention-wash layer-components:border-attention-dark layer-components:color-attention-dark': surface === 'attention',
90
+ 'layer-components:bg-primary-wash layer-components:border-primary-dark layer-components:color-primary-ink': surface === 'primary',
91
+ 'layer-components:bg-accent-wash layer-components:border-accent-dark layer-components:color-accent-ink': surface === 'accent',
92
+ 'layer-components:bg-attention-wash layer-components:border-attention-dark layer-components:color-attention-ink': surface === 'attention',
93
93
  'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
94
94
  'layer-components:w-full': full === true || full === 'width',
95
95
  'layer-components:h-full': full === true || full === 'height',
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
@@ -25,7 +25,7 @@ export declare const CardActions: import("react").FunctionComponent<import("reac
25
25
  export declare const CardMenu: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
26
26
  export declare const cardGridColumns: {
27
27
  default: (size: number) => 2 | 1 | 3;
28
- small: (size: number) => 2 | 1 | 4 | 3;
28
+ small: (size: number) => 2 | 1 | 3 | 4;
29
29
  };
30
30
  export declare const CardGrid: ({ children, className, columns, gap, }: MasonryProps) => import("react/jsx-runtime").JSX.Element;
31
31
  export declare const Card: import("react").FunctionComponent<import("../box/Box.js").BoxProps> & {
@@ -15,7 +15,7 @@ import { Slot } from '@radix-ui/react-slot';
15
15
  import classNames, { clsx } from 'clsx';
16
16
  import { withClassName } from '../../hooks.js';
17
17
  import { Icon } from '../icon/index.js';
18
- export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:color-black layer-components:select-none', 'layer-components:active:bg-darken-2', 'layer-components:hover:bg-darken-1', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-darken-3', 'layer-components:[&[data-active=true]]:bg-[var(--bg)] layer-components:[&[data-active=true]]:bg-darken-2 layer-components:[&[data-active=true]]:text-black', 'layer-components:[--bg:var(--color-primary-wash)] layer-components:[--fill:var(--color-primary)]', 'layer-responsive:md:flex-row-reverse layer-responsive:md:h-auto layer-responsive:md:justify-start layer-responsive:md:gap-2 layer-responsive:md:overflow-visible layer-responsive:md:active:bg-darken-2');
18
+ export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-sm layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:color-black layer-components:select-none', 'layer-components:active:bg-darken-2', 'layer-components:hover:bg-darken-1', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-darken-3', 'layer-components:[&[data-active=true]]:bg-[var(--bg)] layer-components:[&[data-active=true]]:bg-darken-2 layer-components:[&[data-active=true]]:text-black', 'layer-components:[--bg:var(--color-primary-wash)] layer-components:[--fill:var(--color-primary)]', 'layer-responsive:md:flex-row-reverse layer-responsive:md:h-auto layer-responsive:md:justify-start layer-responsive:md:gap-2 layer-responsive:md:overflow-visible layer-responsive:md:active:bg-darken-2');
19
19
  export const NavBarItem = function NavBarItem(_a) {
20
20
  var { ref, asChild, className, active, color } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
21
21
  const Comp = asChild ? Slot : 'div';
@@ -12,20 +12,17 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  };
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
14
  import * as Primitive from '@radix-ui/react-scroll-area';
15
- import { useMemo } from 'react';
16
15
  import { withClassName } from '../../hooks.js';
17
- const ScrollAreaRootImpl = withClassName(Primitive.Root, 'overflow-hidden bg-[var(--scroll-bg)] rounded-lg', 'layer-components:[--scroll-bg:var(--color-wash)] layer-components:[--scroll-shadow:var(--color-shadow-1))]');
16
+ const ScrollAreaRootImpl = withClassName(Primitive.Root, 'overflow-hidden');
18
17
  export const ScrollAreaRoot = function ScrollAreaRoot(_a) {
19
- var { ref, background = 'wash' } = _a, props = __rest(_a, ["ref", "background"]);
20
- const bgStyle = useMemo(() => ({
21
- '--scroll-bg': `var(--color-${background})`,
22
- '--scroll-shadow': `var(--color-${shadowMap[background]})`,
23
- }), [background]);
24
- return _jsx(ScrollAreaRootImpl, Object.assign({ ref: ref, style: bgStyle }, props));
18
+ var { ref, background } = _a, props = __rest(_a, ["ref", "background"]);
19
+ return _jsx(ScrollAreaRootImpl, Object.assign({ ref: ref }, props));
25
20
  };
26
- export const ScrollAreaViewport = withClassName(Primitive.Viewport, 'h-full w-full', '[background:linear-gradient(var(--scroll-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--scroll-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,var(--scroll-shadow),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,var(--scroll-shadow),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
27
- export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-gray-wash layer-components:transition-colors layer-components:duration-160ms layer-components:ease-out', 'layer-components:hover:bg-lighten-1', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
28
- export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:flex-1 layer-components:rounded-lg layer-components:relative layer-components:bg-gray', 'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:min-w-44px before:min-h-44px');
21
+ export const ScrollAreaViewport = withClassName(Primitive.Viewport, 'h-full w-full', '[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,hsl(from_var(--v-bg)_h_s_calc(l*0.9)),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,hsl(from_var(--v-bg)_h_s_calc(l*0.9)),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
22
+ export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-inherit layer-components:bg-lighten-4 layer-components:transition-colors layer-components:duration-160ms layer-components:ease-out',
23
+ // 'layer-components:hover:bg-lighten-4',
24
+ 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
25
+ export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:flex-1 layer-components:rounded-lg layer-components:relative layer-components:bg-inherit layer-components:bg-darken-8', 'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:min-w-44px before:min-h-44px');
29
26
  export const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
30
27
  var { ref } = _a, props = __rest(_a, ["ref"]);
31
28
  return (_jsx(ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: _jsx(ScrollAreaThumb, {}) })));
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAO,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,kBAAkB,GAAG,aAAa,CACvC,SAAS,CAAC,IAAI,EACd,kDAAkD,EAClD,6FAA6F,CAC7F,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,GAAG,MAAM,OAEE,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,MAAM,OAAO,GAAQ,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACN,aAAa,EAAE,eAAe,UAAU,GAAG;QAC3C,iBAAiB,EAAE,eAAe,SAAS,CAAC,UAAU,CAAC,GAAG;KAC1D,CAAC,EACF,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,OAAO,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,6UAA6U,EAC7U,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,6GAA6G,EAC7G,qCAAqC,EACrC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,uDAAuD,EACvD,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,SAAS,UAAU,CAAC,EAKF;QALE,EACnB,GAAG,EACH,QAAQ,EACR,WAAW,OAEM,EADd,KAAK,cAJW,kCAKnB,CADQ;IAER,OAAO,CACN,MAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,EACnD,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;CAC9B,CACD,CAAC;AAEF,MAAM,SAAS,GAAG;IACjB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,SAAS;CAChB,CAAC"}
1
+ {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,kBAAkB,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAO5E,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,OAEW,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,OAAO,KAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,qWAAqW,EACrW,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,SAAS,CAAC,SAAS,EACnB,wHAAwH;AACxH,yCAAyC;AACzC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,SAAS,CAAC,KAAK,EACf,sEAAsE,EACtE,gHAAgH,CAChH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,KAAC,uBAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,KAAC,eAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACtC,SAAS,UAAU,CAAC,EAKF;QALE,EACnB,GAAG,EACH,QAAQ,EACR,WAAW,OAEM,EADd,KAAK,cAJW,kCAKnB,CADQ;IAER,OAAO,CACN,MAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,KAAC,kBAAkB,cAAE,QAAQ,GAAsB,EACnD,KAAC,mBAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;CAC9B,CACD,CAAC;AAEF,MAAM,SAAS,GAAG;IACjB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,SAAS;CAChB,CAAC"}
@@ -1,10 +1,10 @@
1
1
  // @unocss-include
2
2
  import { withClassName } from '../../hooks/withClassName.js';
3
3
  const baseHeadingClass = 'layer-components:my-0';
4
- export const H1 = withClassName('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold');
5
- export const H2 = withClassName('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-gray-dark layer-components:color-darken-7');
6
- export const H3 = withClassName('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-gray-dark layer-components:color-darken-5');
7
- export const H4 = withClassName('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-gray-dark layer-components:color-darken-3');
4
+ export const H1 = withClassName('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold layer-components:color-inherit layer-components:color-darken-1');
5
+ export const H2 = withClassName('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-inherit layer-components:color-lighten-2');
6
+ export const H3 = withClassName('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-inherit layer-components:color-lighten-4');
7
+ export const H4 = withClassName('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-inherit layer-components:color-lighten-6');
8
8
  export const H5 = withClassName('h5', baseHeadingClass);
9
9
  export const P = withClassName('p', 'layer-components:my-0 layer-components:leading-normal');
10
10
  //# sourceMappingURL=typography.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACjD,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,sDAAsD,CACtD,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,gFAAgF,CAChF,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,+EAA+E,CAC/E,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,qEAAqE,CACrE,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,GAAG,EAAE,wCAAwC,CAAC,CAAC"}
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACjD,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,mFAAmF,CACnF,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,+EAA+E,CAC/E,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,8EAA8E,CAC9E,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAC9B,IAAI,EACJ,gBAAgB,EAChB,oEAAoE,CACpE,CAAC;AACF,MAAM,CAAC,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,GAAG,EAAE,wCAAwC,CAAC,CAAC"}
@@ -2,6 +2,7 @@ export * from './useAnimationFrame.js';
2
2
  export * from './useLongPress.js';
3
3
  export * from './useMergedRef.js';
4
4
  export * from './useOnUnmount.js';
5
+ export * from './useOverrideTheme.js';
5
6
  export * from './useSize.js';
6
7
  export * from './useStableCallback.js';
7
8
  export * from './useTitleBarColor.js';
@@ -3,6 +3,7 @@ export * from './useAnimationFrame.js';
3
3
  export * from './useLongPress.js';
4
4
  export * from './useMergedRef.js';
5
5
  export * from './useOnUnmount.js';
6
+ export * from './useOverrideTheme.js';
6
7
  export * from './useSize.js';
7
8
  export * from './useStableCallback.js';
8
9
  export * from './useTitleBarColor.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { ThemeName } from '../components/index.js';
2
+ export declare function useOverrideTheme(theme: ThemeName | null | undefined): void;
@@ -0,0 +1,14 @@
1
+ // @unocss-include
2
+ import { useLayoutEffect } from 'react';
3
+ export function useOverrideTheme(theme) {
4
+ useLayoutEffect(() => {
5
+ if (!theme) {
6
+ return;
7
+ }
8
+ document.body.classList.add(`theme-override-${theme}`);
9
+ return () => {
10
+ document.body.classList.remove(`theme-override-${theme}`);
11
+ };
12
+ }, [theme]);
13
+ }
14
+ //# sourceMappingURL=useOverrideTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useOverrideTheme.js","sourceRoot":"","sources":["../../../src/hooks/useOverrideTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,UAAU,gBAAgB,CAAC,KAAmC;IACnE,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,OAAO;QACR,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,KAAK,EAAE,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACb,CAAC"}
@@ -12,3 +12,5 @@ declare const meta: {
12
12
  export default meta;
13
13
  type Story = StoryObj;
14
14
  export declare const Default: Story;
15
+ export declare const Nesting: Story;
16
+ export declare const Override: Story;
@@ -1,14 +1,16 @@
1
1
  // @unocss-include
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import clsx from 'clsx';
4
+ import { useState } from 'react';
4
5
  import { ActionBar, ActionButton } from './components/actions/index.js';
5
6
  import { Button } from './components/button/index.js';
6
7
  import { Card } from './components/card/index.js';
7
8
  import { Icon } from './components/icon/index.js';
8
- import { AvatarList, Box, Checkbox, ContextMenu, DateRangePicker, Dialog, DropdownMenu, H1, H2, H3, H4, HorizontalList, ImageUploader, NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, Note, P, PageContent, PageNav, PageRoot, Progress, TextSkeleton, ToggleGroup, Tooltip, } from './components/index.js';
9
+ import { AvatarList, Box, Checkbox, ColorPicker, ContextMenu, DateRangePicker, Dialog, DropdownMenu, H1, H2, H3, H4, HorizontalList, ImageUploader, NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, Note, P, PageContent, PageNav, PageRoot, Progress, Provider, ScrollArea, TextSkeleton, ToggleGroup, Tooltip, } from './components/index.js';
9
10
  import { Input } from './components/input/index.js';
10
11
  import { Tabs } from './components/tabs/tabs.js';
11
12
  import { TextArea } from './components/textArea/index.js';
13
+ import { useOverrideTheme } from './hooks/useOverrideTheme.js';
12
14
  const meta = {
13
15
  title: 'themes',
14
16
  argTypes: {},
@@ -21,14 +23,26 @@ export default meta;
21
23
  function DemoUI({ className }) {
22
24
  const nextWeek = new Date();
23
25
  nextWeek.setDate(nextWeek.getDate() + 7);
24
- return (_jsxs(PageRoot, { children: [_jsx(PageContent, { children: _jsxs("div", { className: clsx('grid gap-2 grid-cols-2', className), children: [_jsxs(Box, { gap: true, wrap: true, p: true, children: [_jsx(Button, { color: "primary", children: "Primary" }), _jsx(Button, { color: "accent", children: "Accent" }), _jsx(Button, { children: "Default" }), _jsx(Button, { color: "contrast", children: "Contrast" }), _jsx(Button, { color: "destructive", children: "Destructive" }), _jsx(Button, { color: "ghost", children: "Ghost" }), _jsx(Button, { color: "ghostAccent", children: "Ghost Accent" }), _jsx(Button, { size: "small", color: "destructive", children: "Destructive Small" }), _jsx(Button, { size: "small", color: "ghostDestructive", children: "Ghost Destructive Small" })] }), _jsxs(Box, { gap: true, wrap: true, p: true, items: "start", children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" }), _jsxs(Box, { d: "row", gap: true, items: "center", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "Checkbox" })] }), _jsxs(ToggleGroup, { type: "single", children: [_jsx(ToggleGroup.Item, { value: "1", children: "Toggle 1" }), _jsx(ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), _jsxs(Box, { layout: "start center", d: "col", gap: true, p: true, children: [_jsx(H1, { children: "Heading 1" }), _jsx(H2, { children: "Heading 2" }), _jsx(H3, { children: "Heading 3" }), _jsx(H4, { children: "Heading 4" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 })] }), _jsxs(Card, { children: [_jsxs(Card.Main, { onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "icon-small", color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(Tabs, { defaultValue: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), _jsx(Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), _jsxs(ActionBar, { children: [_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Hello"] }), _jsxs(ActionButton, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), "World"] }), _jsx(ActionButton, { children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs(AvatarList, { count: 3, children: [_jsx(AvatarList.Item, { index: 0, name: "John Doe" }), _jsx(AvatarList.Item, { index: 1, name: "Jane Doe" }), _jsx(AvatarList.Item, { index: 2, name: "John Smith" })] }), _jsxs(ContextMenu, { children: [_jsx(ContextMenu.Trigger, { asChild: true, children: _jsx(Tooltip, { content: "Hello World", children: _jsx(Button, { children: "Hover or right click" }) }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Arrow, {}), _jsx(ContextMenu.Item, { children: "Item 1" }), _jsx(ContextMenu.Item, { children: "Item 2" }), _jsx(ContextMenu.Item, { children: "Item 3" })] })] }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { asChild: true, children: _jsx(Button, { children: "Click" }) }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Hello there" }), _jsx(Dialog.Description, { children: "Im a dialog" }), _jsx(Dialog.Actions, { children: _jsx(Dialog.Close, { children: "Close" }) })] })] }), _jsx(DateRangePicker, { className: "grid-col-span-2", value: {
26
+ return (_jsxs(PageRoot, { className: clsx('flex-1', className), children: [_jsx(PageContent, { children: _jsxs("div", { className: clsx('grid gap-2 grid-cols-2'), children: [_jsxs(Box, { gap: true, wrap: true, p: true, children: [_jsx(Button, { color: "primary", children: "Primary" }), _jsx(Button, { color: "accent", children: "Accent" }), _jsx(Button, { children: "Default" }), _jsx(Button, { color: "contrast", children: "Contrast" }), _jsx(Button, { color: "destructive", children: "Destructive" }), _jsx(Button, { color: "ghost", children: "Ghost" }), _jsx(Button, { color: "ghostAccent", children: "Ghost Accent" }), _jsx(Button, { size: "small", color: "destructive", children: "Destructive Small" }), _jsx(Button, { size: "small", color: "ghostDestructive", children: "Ghost Destructive Small" })] }), _jsxs(Box, { gap: true, wrap: true, p: true, items: "start", children: [_jsx(Input, { placeholder: "Placeholder" }), _jsx(TextArea, { placeholder: "Placeholder" }), _jsxs(Box, { d: "row", gap: true, items: "center", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "Checkbox" })] }), _jsxs(ToggleGroup, { type: "single", children: [_jsx(ToggleGroup.Item, { value: "1", children: "Toggle 1" }), _jsx(ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), _jsx(Box, { layout: "start center", d: "col", gap: true, p: true, className: "max-h-200px", children: _jsxs(ScrollArea, { children: [_jsx(H1, { children: "Heading 1" }), _jsx(H2, { children: "Heading 2" }), _jsx(H3, { children: "Heading 3" }), _jsx(H4, { children: "Heading 4" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 })] }) }), _jsxs(Box, { d: "col", gap: true, children: [_jsxs(Card, { children: [_jsxs(Card.Main, { onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "icon-small", color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(Card, { children: [_jsxs(Card.Main, { compact: true, onClick: () => { }, children: [_jsx(Card.Title, { children: "Card Title" }), _jsx(Card.Content, { children: "Card Content" })] }), _jsx(Card.Footer, { children: _jsxs(Card.Actions, { children: [_jsx(Button, { size: "small", children: "Action 1" }), _jsx(Button, { size: "icon-small", color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }), _jsxs(Tabs, { defaultValue: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), _jsx(Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), _jsxs(ActionBar, { children: [_jsxs(ActionButton, { children: [_jsx(Icon, { name: "placeholder" }), "Hello"] }), _jsxs(ActionButton, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), "World"] }), _jsx(ActionButton, { children: _jsx(Icon, { name: "placeholder" }) })] }), _jsxs(AvatarList, { count: 3, children: [_jsx(AvatarList.Item, { index: 0, name: "John Doe" }), _jsx(AvatarList.Item, { index: 1, name: "Jane Doe" }), _jsx(AvatarList.Item, { index: 2, name: "John Smith" })] }), _jsxs(ContextMenu, { children: [_jsx(ContextMenu.Trigger, { asChild: true, children: _jsx(Tooltip, { content: "Hello World", children: _jsx(Button, { children: "Hover or right click" }) }) }), _jsxs(ContextMenu.Content, { children: [_jsx(ContextMenu.Arrow, {}), _jsx(ContextMenu.Item, { children: "Item 1" }), _jsx(ContextMenu.Item, { children: "Item 2" }), _jsx(ContextMenu.Item, { children: "Item 3" })] })] }), _jsxs(Dialog, { children: [_jsx(Dialog.Trigger, { asChild: true, children: _jsx(Button, { children: "Click" }) }), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: "Hello there" }), _jsx(Dialog.Description, { children: "Im a dialog" }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { children: "Close" }), _jsx(Button, { color: "primary", children: "Action" })] })] })] }), _jsx(DateRangePicker, { className: "grid-col-span-2", value: {
25
27
  start: new Date(),
26
28
  end: nextWeek,
27
- }, onChange: () => { } }), _jsx(Progress, { value: 50, className: "m-auto" }), _jsxs(Box, { surface: "primary", p: true, gap: true, children: [_jsx("div", { children: "Primary surface" }), _jsx(Button, { color: "ghost", children: "Ghost" })] }), _jsx(Box, { surface: "accent", p: true, children: "Accent surface" }), _jsx(Box, { surface: "default", p: true, children: "Default surface" }), _jsx(Box, { surface: "attention", p: true, children: "Attention surface" }), _jsx(Box, { children: _jsx(Note, { children: "Note note" }) }), _jsx(Box, { justify: "start", items: "start", children: _jsxs(HorizontalList, { openDirection: "down", children: [_jsx(Button, { size: "small", children: "One" }), _jsx(Button, { size: "small", children: "Two" }), _jsx(Button, { size: "small", children: "Three" }), _jsx(Button, { size: "small", children: "Four" }), _jsx(Button, { size: "small", children: "Five" }), _jsx(Button, { size: "small", children: "Six" })] }) }), _jsx(ImageUploader, { className: "h-200px", value: null, onChange: () => { } }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, className: "m-auto", children: _jsx(Button, { children: "Dropdown" }) }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { children: "Item 1" }), _jsx(DropdownMenu.Item, { children: "Item 2" }), _jsx(DropdownMenu.Item, { children: "Item 3" })] })] })] }) }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
29
+ }, onChange: () => { } }), _jsx(Progress, { value: 50, className: "m-auto" }), _jsxs(Box, { surface: "primary", p: true, gap: true, d: "col", children: [_jsx(H1, { children: "Primary surface" }), _jsx(H2, { children: "Primary surface" }), _jsx(H3, { children: "Primary surface" }), _jsx("div", { children: "Primary surface" }), _jsx(Button, { color: "ghost", children: "Ghost" })] }), _jsx(Box, { surface: "accent", p: true, d: "col", className: "max-h-200px", children: _jsxs(ScrollArea, { children: [_jsx(H2, { children: "Accent surface" }), _jsx(H3, { children: "Accent surface" }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), _jsx(TextSkeleton, { maxLength: 30 }), _jsx(TextSkeleton, { maxLength: 10 }), "Accent surface"] }) }), _jsx(Box, { surface: "default", p: true, d: "col", children: "Default surface" }), _jsxs(Box, { surface: "attention", p: true, d: "col", children: [_jsx(H2, { children: "Attention surface" }), _jsx(H3, { children: "Attention surface" }), "Attention surface"] }), _jsx(Box, { children: _jsx(Note, { children: "Note note" }) }), _jsx(Box, { justify: "start", items: "start", children: _jsxs(HorizontalList, { openDirection: "down", children: [_jsx(Button, { size: "small", children: "One" }), _jsx(Button, { size: "small", children: "Two" }), _jsx(Button, { size: "small", children: "Three" }), _jsx(Button, { size: "small", children: "Four" }), _jsx(Button, { size: "small", children: "Five" }), _jsx(Button, { size: "small", children: "Six" })] }) }), _jsx(ImageUploader, { className: "h-200px", value: null, onChange: () => { } }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, className: "m-auto", children: _jsx(Button, { children: "Dropdown" }) }), _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Item, { children: "Item 1" }), _jsx(DropdownMenu.Item, { children: "Item 2" }), _jsx(DropdownMenu.Item, { children: "Item 3" })] })] })] }) }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
28
30
  }
29
31
  export const Default = {
30
32
  render() {
31
33
  return _jsx(DemoUI, {});
32
34
  },
33
35
  };
36
+ export const Nesting = {
37
+ render() {
38
+ return (_jsxs(Box, { d: "col", p: true, gap: true, children: [_jsx(Box, { d: "row", gap: true, surface: "primary", children: _jsx(Button, { color: "primary", children: "Root theme" }) }), _jsx(DemoUI, { className: "theme-eggplant override-dark flex-1" })] }));
39
+ },
40
+ };
41
+ export const Override = {
42
+ render() {
43
+ const [theme, setTheme] = useState(null);
44
+ useOverrideTheme(theme);
45
+ return (_jsx(Provider, { children: _jsxs(Box, { d: "col", p: true, gap: true, children: [_jsx(ColorPicker, { value: theme, onChange: setTheme }), _jsx(DemoUI, {})] }) }));
46
+ },
47
+ };
34
48
  //# sourceMappingURL=themes.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}