@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.
- package/dist/cjs/colorMode.d.ts +1 -0
- package/dist/cjs/colorMode.js +10 -0
- package/dist/cjs/colorMode.js.map +1 -1
- package/dist/cjs/components/box/Box.js +3 -3
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.js +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +8 -11
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/typography/typography.js +4 -4
- package/dist/cjs/components/typography/typography.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useOverrideTheme.d.ts +2 -0
- package/dist/cjs/hooks/useOverrideTheme.js +17 -0
- package/dist/cjs/hooks/useOverrideTheme.js.map +1 -0
- package/dist/cjs/themes.stories.d.ts +2 -0
- package/dist/cjs/themes.stories.js +17 -3
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno.preset.js +187 -140
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +674 -129
- package/dist/esm/colorMode.d.ts +1 -0
- package/dist/esm/colorMode.js +9 -0
- package/dist/esm/colorMode.js.map +1 -1
- package/dist/esm/components/box/Box.js +3 -3
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +8 -11
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/typography/typography.js +4 -4
- package/dist/esm/components/typography/typography.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useOverrideTheme.d.ts +2 -0
- package/dist/esm/hooks/useOverrideTheme.js +14 -0
- package/dist/esm/hooks/useOverrideTheme.js.map +1 -0
- package/dist/esm/themes.stories.d.ts +2 -0
- package/dist/esm/themes.stories.js +17 -3
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno.preset.js +187 -140
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/colorMode.ts +10 -0
- package/src/components/box/Box.tsx +3 -3
- package/src/components/navBar/NavBar.tsx +1 -1
- package/src/components/scrollArea/ScrollArea.tsx +8 -19
- package/src/components/typography/typography.tsx +4 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useOverrideTheme.ts +14 -0
- package/src/themes.stories.tsx +108 -32
- package/src/uno.preset.ts +227 -140
package/dist/cjs/colorMode.d.ts
CHANGED
|
@@ -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;
|
package/dist/cjs/colorMode.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.setColorMode = setColorMode;
|
|
5
5
|
exports.getColorMode = getColorMode;
|
|
6
|
+
exports.getResolvedColorMode = getResolvedColorMode;
|
|
6
7
|
exports.subscribeToColorModeChange = subscribeToColorModeChange;
|
|
7
8
|
function setColorMode(mode) {
|
|
8
9
|
if (typeof window === 'undefined')
|
|
@@ -54,6 +55,15 @@ function getColorMode() {
|
|
|
54
55
|
return 'system';
|
|
55
56
|
return window.localStorage.getItem('colorMode') || 'system';
|
|
56
57
|
}
|
|
58
|
+
function getResolvedColorMode() {
|
|
59
|
+
const mode = getColorMode();
|
|
60
|
+
if (mode === 'system') {
|
|
61
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
62
|
+
? 'dark'
|
|
63
|
+
: 'light';
|
|
64
|
+
}
|
|
65
|
+
return mode;
|
|
66
|
+
}
|
|
57
67
|
function subscribeToColorModeChange(callback) {
|
|
58
68
|
if (typeof window === 'undefined')
|
|
59
69
|
return () => { };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorMode.js","sourceRoot":"","sources":["../../src/colorMode.ts"],"names":[],"mappings":";;AAAA,oCAQC;AA8CD,oCAGC;AAED,gEASC;
|
|
1
|
+
{"version":3,"file":"colorMode.js","sourceRoot":"","sources":["../../src/colorMode.ts"],"names":[],"mappings":"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"}
|
|
@@ -94,9 +94,9 @@ function Box(_a) {
|
|
|
94
94
|
'layer-components:rounded-lg': !!surface,
|
|
95
95
|
'layer-components:bg-white layer-components:border-black': surface === true || surface === 'default',
|
|
96
96
|
'layer-components:bg-wash layer-components:border-black': surface === 'wash',
|
|
97
|
-
'layer-components:bg-primary-wash layer-components:border-primary-dark layer-components:color-primary-
|
|
98
|
-
'layer-components:bg-accent-wash layer-components:border-accent-dark layer-components:color-accent-
|
|
99
|
-
'layer-components:bg-attention-wash layer-components:border-attention-dark layer-components:color-attention-
|
|
97
|
+
'layer-components:bg-primary-wash layer-components:border-primary-dark layer-components:color-primary-ink': surface === 'primary',
|
|
98
|
+
'layer-components:bg-accent-wash layer-components:border-accent-dark layer-components:color-accent-ink': surface === 'accent',
|
|
99
|
+
'layer-components:bg-attention-wash layer-components:border-attention-dark layer-components:color-attention-ink': surface === 'attention',
|
|
100
100
|
'layer-components:border layer-components:border-solid layer-components:rounded-lg': border,
|
|
101
101
|
'layer-components:w-full': full === true || full === 'width',
|
|
102
102
|
'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 |
|
|
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.js").JSX.Element;
|
|
31
31
|
export declare const Card: import("react").FunctionComponent<import("../box/Box.js").BoxProps> & {
|
|
@@ -51,7 +51,7 @@ const react_slot_1 = require("@radix-ui/react-slot");
|
|
|
51
51
|
const clsx_1 = __importStar(require("clsx"));
|
|
52
52
|
const hooks_js_1 = require("../../hooks.js");
|
|
53
53
|
const index_js_1 = require("../icon/index.js");
|
|
54
|
-
exports.navBarItemClass = (0, clsx_1.default)('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-
|
|
54
|
+
exports.navBarItemClass = (0, clsx_1.default)('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');
|
|
55
55
|
const NavBarItem = function NavBarItem(_a) {
|
|
56
56
|
var { ref, asChild, className, active, color } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
|
|
57
57
|
const Comp = asChild ? react_slot_1.Slot : 'div';
|
|
@@ -48,21 +48,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
48
48
|
exports.ScrollArea = exports.ScrollAreaScrollbar = exports.ScrollAreaThumb = exports.ScrollAreaScrollbarRoot = exports.ScrollAreaViewport = exports.ScrollAreaRoot = void 0;
|
|
49
49
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
50
|
const Primitive = __importStar(require("@radix-ui/react-scroll-area"));
|
|
51
|
-
const react_1 = require("react");
|
|
52
51
|
const hooks_js_1 = require("../../hooks.js");
|
|
53
|
-
const ScrollAreaRootImpl = (0, hooks_js_1.withClassName)(Primitive.Root, 'overflow-hidden
|
|
52
|
+
const ScrollAreaRootImpl = (0, hooks_js_1.withClassName)(Primitive.Root, 'overflow-hidden');
|
|
54
53
|
const ScrollAreaRoot = function ScrollAreaRoot(_a) {
|
|
55
|
-
var { ref, background
|
|
56
|
-
|
|
57
|
-
'--scroll-bg': `var(--color-${background})`,
|
|
58
|
-
'--scroll-shadow': `var(--color-${shadowMap[background]})`,
|
|
59
|
-
}), [background]);
|
|
60
|
-
return (0, jsx_runtime_1.jsx)(ScrollAreaRootImpl, Object.assign({ ref: ref, style: bgStyle }, props));
|
|
54
|
+
var { ref, background } = _a, props = __rest(_a, ["ref", "background"]);
|
|
55
|
+
return (0, jsx_runtime_1.jsx)(ScrollAreaRootImpl, Object.assign({ ref: ref }, props));
|
|
61
56
|
};
|
|
62
57
|
exports.ScrollAreaRoot = ScrollAreaRoot;
|
|
63
|
-
exports.ScrollAreaViewport = (0, hooks_js_1.withClassName)(Primitive.Viewport, 'h-full w-full', '[background:linear-gradient(var(--
|
|
64
|
-
exports.ScrollAreaScrollbarRoot = (0, hooks_js_1.withClassName)(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-
|
|
65
|
-
|
|
58
|
+
exports.ScrollAreaViewport = (0, hooks_js_1.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]');
|
|
59
|
+
exports.ScrollAreaScrollbarRoot = (0, hooks_js_1.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',
|
|
60
|
+
// 'layer-components:hover:bg-lighten-4',
|
|
61
|
+
'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
|
|
62
|
+
exports.ScrollAreaThumb = (0, hooks_js_1.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');
|
|
66
63
|
const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
|
|
67
64
|
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
68
65
|
return ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(exports.ScrollAreaThumb, {}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAyD;AAEzD,6CAA+C;AAE/C,MAAM,kBAAkB,GAAG,IAAA,wBAAa,EAAC,SAAS,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAOrE,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAIhC;QAJgC,EACrD,GAAG,EACH,UAAU,OAEW,EADlB,KAAK,cAH6C,qBAIrD,CADQ;IAER,OAAO,uBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AACpD,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB;AAEW,QAAA,kBAAkB,GAAG,IAAA,wBAAa,EAC9C,SAAS,CAAC,QAAQ,EAClB,eAAe,EACf,qWAAqW,EACrW,2FAA2F,EAC3F,oDAAoD,CACpD,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,wBAAa,EACnD,SAAS,CAAC,SAAS,EACnB,wHAAwH;AACxH,yCAAyC;AACzC,uDAAuD,EACvD,oEAAoE,CACpE,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,SAAS,CAAC,KAAK,EACf,sEAAsE,EACtE,gHAAgH,CAChH,CAAC;AAEK,MAAM,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,EAK/D;QAL+D,EAC/D,GAAG,OAIH,EAHG,KAAK,cAFuD,OAG/D,CADQ;IAIR,OAAO,CACN,uBAAC,+BAAuB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC3C,uBAAC,uBAAe,KAAG,IACM,CAC1B,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AAQW,QAAA,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,wBAAC,sBAAc,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAClC,uBAAC,0BAAkB,cAAE,QAAQ,GAAsB,EACnD,uBAAC,2BAAmB,KAAG,EACtB,WAAW,KAAK,MAAM,IAAI,CAC1B,uBAAC,2BAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,KACe,CACjB,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,sBAAc;IACpB,QAAQ,EAAE,0BAAkB;IAC5B,SAAS,EAAE,2BAAmB;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"}
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.P = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
|
|
5
5
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
6
6
|
const baseHeadingClass = 'layer-components:my-0';
|
|
7
|
-
exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold');
|
|
8
|
-
exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-
|
|
9
|
-
exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-
|
|
10
|
-
exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-
|
|
7
|
+
exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold layer-components:color-inherit layer-components:color-darken-1');
|
|
8
|
+
exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-inherit layer-components:color-lighten-2');
|
|
9
|
+
exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-inherit layer-components:color-lighten-4');
|
|
10
|
+
exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-inherit layer-components:color-lighten-6');
|
|
11
11
|
exports.H5 = (0, withClassName_js_1.withClassName)('h5', baseHeadingClass);
|
|
12
12
|
exports.P = (0, withClassName_js_1.withClassName)('p', 'layer-components:my-0 layer-components:leading-normal');
|
|
13
13
|
//# sourceMappingURL=typography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":";;;AAAA,mEAA6D;AAE7D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACpC,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":";;;AAAA,mEAA6D;AAE7D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACpC,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,mFAAmF,CACnF,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,+EAA+E,CAC/E,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,8EAA8E,CAC9E,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,oEAAoE,CACpE,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAE3C,QAAA,CAAC,GAAG,IAAA,gCAAa,EAAC,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';
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -19,6 +19,7 @@ __exportStar(require("./useAnimationFrame.js"), exports);
|
|
|
19
19
|
__exportStar(require("./useLongPress.js"), exports);
|
|
20
20
|
__exportStar(require("./useMergedRef.js"), exports);
|
|
21
21
|
__exportStar(require("./useOnUnmount.js"), exports);
|
|
22
|
+
__exportStar(require("./useOverrideTheme.js"), exports);
|
|
22
23
|
__exportStar(require("./useSize.js"), exports);
|
|
23
24
|
__exportStar(require("./useStableCallback.js"), exports);
|
|
24
25
|
__exportStar(require("./useTitleBarColor.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,oDAAkC;AAClC,oDAAkC;AAClC,oDAAkC;AAClC,+CAA6B;AAC7B,yDAAuC;AACvC,wDAAsC;AACtC,iDAA+B;AAC/B,+DAA6C;AAC7C,qDAAmC;AACnC,iDAA+B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,oDAAkC;AAClC,oDAAkC;AAClC,oDAAkC;AAClC,wDAAsC;AACtC,+CAA6B;AAC7B,yDAAuC;AACvC,wDAAsC;AACtC,iDAA+B;AAC/B,+DAA6C;AAC7C,qDAAmC;AACnC,iDAA+B"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useOverrideTheme = useOverrideTheme;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
function useOverrideTheme(theme) {
|
|
7
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
8
|
+
if (!theme) {
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
document.body.classList.add(`theme-override-${theme}`);
|
|
12
|
+
return () => {
|
|
13
|
+
document.body.classList.remove(`theme-override-${theme}`);
|
|
14
|
+
};
|
|
15
|
+
}, [theme]);
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=useOverrideTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverrideTheme.js","sourceRoot":"","sources":["../../../src/hooks/useOverrideTheme.ts"],"names":[],"mappings":";;AAGA,4CAUC;AAbD,iCAAwC;AAGxC,SAAgB,gBAAgB,CAAC,KAAmC;IACnE,IAAA,uBAAe,EAAC,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"}
|
|
@@ -4,9 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Default = void 0;
|
|
7
|
+
exports.Override = exports.Nesting = exports.Default = void 0;
|
|
8
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
9
|
const clsx_1 = __importDefault(require("clsx"));
|
|
10
|
+
const react_1 = require("react");
|
|
10
11
|
const index_js_1 = require("./components/actions/index.js");
|
|
11
12
|
const index_js_2 = require("./components/button/index.js");
|
|
12
13
|
const index_js_3 = require("./components/card/index.js");
|
|
@@ -15,6 +16,7 @@ const index_js_5 = require("./components/index.js");
|
|
|
15
16
|
const index_js_6 = require("./components/input/index.js");
|
|
16
17
|
const tabs_js_1 = require("./components/tabs/tabs.js");
|
|
17
18
|
const index_js_7 = require("./components/textArea/index.js");
|
|
19
|
+
const useOverrideTheme_js_1 = require("./hooks/useOverrideTheme.js");
|
|
18
20
|
const meta = {
|
|
19
21
|
title: 'themes',
|
|
20
22
|
argTypes: {},
|
|
@@ -27,14 +29,26 @@ exports.default = meta;
|
|
|
27
29
|
function DemoUI({ className }) {
|
|
28
30
|
const nextWeek = new Date();
|
|
29
31
|
nextWeek.setDate(nextWeek.getDate() + 7);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid gap-2 grid-cols-2'
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { className: (0, clsx_1.default)('flex-1', className), children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid gap-2 grid-cols-2'), children: [(0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", children: "Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "contrast", children: "Contrast" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "destructive", children: "Destructive" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "ghostAccent", children: "Ghost Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "destructive", children: "Destructive Small" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "ghostDestructive", children: "Ghost Destructive Small" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, items: "start", children: [(0, jsx_runtime_1.jsx)(index_js_6.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(index_js_7.TextArea, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "row", gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Checkbox, { defaultChecked: true }), (0, jsx_runtime_1.jsx)("span", { children: "Checkbox" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ToggleGroup, { type: "single", children: [(0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "1", children: "Toggle 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { layout: "start center", d: "col", gap: true, p: true, className: "max-h-200px", children: (0, jsx_runtime_1.jsxs)(index_js_5.ScrollArea, { children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Heading 1" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Heading 2" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Heading 3" }), (0, jsx_runtime_1.jsx)(index_js_5.H4, { children: "Heading 4" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 })] }) }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", gap: true, children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "icon-small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { compact: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "icon-small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] })] }), (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, { defaultValue: "tab1", children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionBar, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "Hello"] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "World"] }), (0, jsx_runtime_1.jsx)(index_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)(index_js_5.AvatarList, { count: 3, children: [(0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 0, name: "John Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 1, name: "Jane Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 2, name: "John Smith" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_5.Tooltip, { content: "Hello World", children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Hover or right click" }) }) }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Arrow, {}), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 3" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Click" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Title, { children: "Hello there" }), (0, jsx_runtime_1.jsx)(index_js_5.Dialog.Description, { children: "Im a dialog" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Close, { children: "Close" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Action" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.DateRangePicker, { className: "grid-col-span-2", value: {
|
|
31
33
|
start: new Date(),
|
|
32
34
|
end: nextWeek,
|
|
33
|
-
}, onChange: () => { } }), (0, jsx_runtime_1.jsx)(index_js_5.Progress, { value: 50, className: "m-auto" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: "primary", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)("div", { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: "accent", p: true, children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: "default", p: true, children: "Default surface" }), (0, jsx_runtime_1.
|
|
35
|
+
}, onChange: () => { } }), (0, jsx_runtime_1.jsx)(index_js_5.Progress, { value: 50, className: "m-auto" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: "primary", p: true, gap: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)("div", { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: "accent", p: true, d: "col", className: "max-h-200px", children: (0, jsx_runtime_1.jsxs)(index_js_5.ScrollArea, { children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 }), "Accent surface"] }) }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: "default", p: true, d: "col", children: "Default surface" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: "attention", p: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Attention surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Attention surface" }), "Attention surface"] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { children: (0, jsx_runtime_1.jsx)(index_js_5.Note, { children: "Note note" }) }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { justify: "start", items: "start", children: (0, jsx_runtime_1.jsxs)(index_js_5.HorizontalList, { openDirection: "down", children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "One" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Two" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Three" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Four" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Five" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Six" })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.ImageUploader, { className: "h-200px", value: null, onChange: () => { } }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Trigger, { asChild: true, className: "m-auto", children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Dropdown" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 3" })] })] })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_5.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "neutral", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] })] }) })] }));
|
|
34
36
|
}
|
|
35
37
|
exports.Default = {
|
|
36
38
|
render() {
|
|
37
39
|
return (0, jsx_runtime_1.jsx)(DemoUI, {});
|
|
38
40
|
},
|
|
39
41
|
};
|
|
42
|
+
exports.Nesting = {
|
|
43
|
+
render() {
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.Box, { d: "row", gap: true, surface: "primary", children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Root theme" }) }), (0, jsx_runtime_1.jsx)(DemoUI, { className: "theme-eggplant override-dark flex-1" })] }));
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
exports.Override = {
|
|
48
|
+
render() {
|
|
49
|
+
const [theme, setTheme] = (0, react_1.useState)(null);
|
|
50
|
+
(0, useOverrideTheme_js_1.useOverrideTheme)(theme);
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(index_js_5.Provider, { children: (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.ColorPicker, { value: theme, onChange: setTheme }), (0, jsx_runtime_1.jsx)(DemoUI, {})] }) }));
|
|
52
|
+
},
|
|
53
|
+
};
|
|
40
54
|
//# sourceMappingURL=themes.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,gDAAwB;AACxB,4DAAwE;AACxE,2DAAsD;AACtD,yDAAkD;AAClD,yDAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":"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"}
|