@nayhoo/ui 0.9.0 → 0.9.1
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/{avatar.css-BKo21sUI.d.mts → avatar.css-Lh26jRUS.d.mts} +1 -3
- package/dist/{avatar.css-BKo21sUI.d.ts → avatar.css-Lh26jRUS.d.ts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.mts → checkbox.css-C3L6B1cb.d.mts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.ts → checkbox.css-C3L6B1cb.d.ts} +1 -3
- package/dist/chunk-3HAUMRRS.mjs +8 -0
- package/dist/chunk-3HAUMRRS.mjs.map +1 -0
- package/dist/chunk-67K3UKEB.mjs +7 -0
- package/dist/chunk-67K3UKEB.mjs.map +1 -0
- package/dist/{chunk-7MD4JYZV.mjs → chunk-JZLACTAO.mjs} +2 -4
- package/dist/chunk-JZLACTAO.mjs.map +1 -0
- package/dist/chunk-KL3725C5.mjs +13 -0
- package/dist/chunk-KL3725C5.mjs.map +1 -0
- package/dist/chunk-LKYTRD4P.mjs +14 -0
- package/dist/chunk-LKYTRD4P.mjs.map +1 -0
- package/dist/chunk-NOIOHUNH.mjs +7 -0
- package/dist/chunk-NOIOHUNH.mjs.map +1 -0
- package/dist/chunk-OI24WXH6.mjs +7 -0
- package/dist/chunk-OI24WXH6.mjs.map +1 -0
- package/dist/chunk-P3OUEGR4.mjs +7 -0
- package/dist/chunk-P3OUEGR4.mjs.map +1 -0
- package/dist/chunk-R6MZB2ED.mjs +1 -0
- package/dist/{chunk-YQH4Y34B.mjs → chunk-RW2UU73S.mjs} +6 -4
- package/dist/chunk-RW2UU73S.mjs.map +1 -0
- package/dist/{chunk-XALDYHCC.mjs → chunk-WPNBONR3.mjs} +3 -8
- package/dist/chunk-WPNBONR3.mjs.map +1 -0
- package/dist/component-props-BHzinuRX.d.mts +5 -0
- package/dist/component-props-BHzinuRX.d.ts +5 -0
- package/dist/components/avatar.css +20 -18
- package/dist/components/avatar.css.map +1 -1
- package/dist/components/avatar.d.mts +1 -1
- package/dist/components/avatar.d.ts +1 -1
- package/dist/components/avatar.js +19 -22
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +6 -6
- package/dist/components/avatar.mjs.map +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/box.css +2 -2
- package/dist/components/box.css.map +1 -1
- package/dist/components/box.d.mts +2 -4
- package/dist/components/box.d.ts +2 -4
- package/dist/components/box.js +2 -14
- package/dist/components/box.js.map +1 -1
- package/dist/components/box.mjs +2 -3
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/card.css +2 -2
- package/dist/components/card.css.map +1 -1
- package/dist/components/card.d.mts +1 -1
- package/dist/components/card.d.ts +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.mjs +2 -2
- package/dist/components/checkbox.css +4 -2
- package/dist/components/checkbox.css.map +1 -1
- package/dist/components/checkbox.d.mts +2 -2
- package/dist/components/checkbox.d.ts +2 -2
- package/dist/components/checkbox.js +3 -4
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/checkbox.mjs +2 -5
- package/dist/components/checkbox.mjs.map +1 -1
- package/dist/components/container.d.mts +1 -1
- package/dist/components/container.d.ts +1 -1
- package/dist/components/dropdown-menu.css +13 -13
- package/dist/components/dropdown-menu.css.map +1 -1
- package/dist/components/dropdown-menu.d.mts +6 -9
- package/dist/components/dropdown-menu.d.ts +6 -9
- package/dist/components/dropdown-menu.js +20 -37
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +11 -25
- package/dist/components/dropdown-menu.mjs.map +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/form.css +12 -10
- package/dist/components/form.css.map +1 -1
- package/dist/components/form.d.mts +3 -3
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +5 -7
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.mjs +3 -7
- package/dist/components/form.mjs.map +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/label.css +7 -7
- package/dist/components/label.css.map +1 -1
- package/dist/components/label.js +4 -16
- package/dist/components/label.js.map +1 -1
- package/dist/components/label.mjs +2 -7
- package/dist/components/label.mjs.map +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/menu.css +13 -13
- package/dist/components/menu.css.map +1 -1
- package/dist/components/menu.d.mts +7 -10
- package/dist/components/menu.d.ts +7 -10
- package/dist/components/menu.js +20 -39
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +11 -27
- package/dist/components/menu.mjs.map +1 -1
- package/dist/components/panel.css +2 -2
- package/dist/components/panel.css.map +1 -1
- package/dist/components/panel.d.mts +2 -4
- package/dist/components/panel.d.ts +2 -4
- package/dist/components/panel.js +2 -14
- package/dist/components/panel.js.map +1 -1
- package/dist/components/panel.mjs +3 -8
- package/dist/components/panel.mjs.map +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/select.css +11 -11
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.d.mts +4 -6
- package/dist/components/select.d.ts +4 -6
- package/dist/components/select.js +7 -17
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +8 -16
- package/dist/components/select.mjs.map +1 -1
- package/dist/components/separator.css +4 -4
- package/dist/components/separator.css.map +1 -1
- package/dist/components/separator.d.mts +1 -3
- package/dist/components/separator.d.ts +1 -3
- package/dist/components/separator.js +2 -14
- package/dist/components/separator.js.map +1 -1
- package/dist/components/separator.mjs +2 -7
- package/dist/components/separator.mjs.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/tooltip.css +2 -2
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.js +15 -18
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +2 -2
- package/dist/form.css-QulER1wj.d.mts +13 -0
- package/dist/form.css-QulER1wj.d.ts +13 -0
- package/dist/theme/index.css +109 -113
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +23 -13
- package/dist/theme/index.d.ts +23 -13
- package/dist/theme/index.js +79 -83
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +32 -34
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/box.css-ic5Toaj1.d.mts +0 -7
- package/dist/box.css-ic5Toaj1.d.ts +0 -7
- package/dist/chunk-3RLW7QB4.mjs +0 -14
- package/dist/chunk-3RLW7QB4.mjs.map +0 -1
- package/dist/chunk-7MD4JYZV.mjs.map +0 -1
- package/dist/chunk-JWHPBA5J.mjs +0 -1
- package/dist/chunk-KQPNQST6.mjs +0 -8
- package/dist/chunk-KQPNQST6.mjs.map +0 -1
- package/dist/chunk-LWL4262W.mjs +0 -8
- package/dist/chunk-LWL4262W.mjs.map +0 -1
- package/dist/chunk-PHULHA6N.mjs +0 -12
- package/dist/chunk-PHULHA6N.mjs.map +0 -1
- package/dist/chunk-SRMXCTGE.mjs +0 -8
- package/dist/chunk-SRMXCTGE.mjs.map +0 -1
- package/dist/chunk-X2Q6GLO5.mjs +0 -8
- package/dist/chunk-X2Q6GLO5.mjs.map +0 -1
- package/dist/chunk-XALDYHCC.mjs.map +0 -1
- package/dist/chunk-YQH4Y34B.mjs.map +0 -1
- package/dist/chunk-ZJDUO7Y6.mjs +0 -8
- package/dist/chunk-ZJDUO7Y6.mjs.map +0 -1
- package/dist/component-props-CuOrXFyX.d.mts +0 -5
- package/dist/component-props-CuOrXFyX.d.ts +0 -5
- package/dist/form.css-DJxDoc1T.d.mts +0 -17
- package/dist/form.css-DJxDoc1T.d.ts +0 -17
- package/dist/menu.css-5kJKHBR_.d.mts +0 -13
- package/dist/menu.css-5kJKHBR_.d.ts +0 -13
- package/dist/panel.css-DUVSZSQ6.d.mts +0 -7
- package/dist/panel.css-DUVSZSQ6.d.ts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.mts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.ts +0 -7
- /package/dist/{chunk-JWHPBA5J.mjs.map → chunk-R6MZB2ED.mjs.map} +0 -0
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
avatarFallbackRecipe,
|
|
3
|
-
avatarImageRecipe,
|
|
4
3
|
avatarRecipe
|
|
5
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-JZLACTAO.mjs";
|
|
6
5
|
import {
|
|
7
6
|
Status
|
|
8
7
|
} from "../chunk-OCXG5SMA.mjs";
|
|
@@ -12,8 +11,8 @@ import {
|
|
|
12
11
|
} from "../chunk-OETJQIMJ.mjs";
|
|
13
12
|
import {
|
|
14
13
|
Box
|
|
15
|
-
} from "../chunk-
|
|
16
|
-
import "../chunk-
|
|
14
|
+
} from "../chunk-WPNBONR3.mjs";
|
|
15
|
+
import "../chunk-OI24WXH6.mjs";
|
|
17
16
|
import {
|
|
18
17
|
pick
|
|
19
18
|
} from "../chunk-4N6P3Y54.mjs";
|
|
@@ -22,12 +21,13 @@ import {
|
|
|
22
21
|
} from "../chunk-7EGQM3ZL.mjs";
|
|
23
22
|
import "../chunk-LZOMFHX3.mjs";
|
|
24
23
|
|
|
24
|
+
// src/theme/styles/avatar.css.ts
|
|
25
|
+
var avatarImage = "avatar_avatarImage__n9csuc0";
|
|
26
|
+
|
|
25
27
|
// src/components/avatar.tsx
|
|
26
28
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
27
29
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
28
30
|
var AvatarImage = ({ ...props }) => {
|
|
29
|
-
const variants = pick(props, ...avatarImageRecipe.variants());
|
|
30
|
-
const avatarImage = avatarImageRecipe(variants);
|
|
31
31
|
return /* @__PURE__ */ jsx(
|
|
32
32
|
AvatarPrimitive.Image,
|
|
33
33
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport {\n AvatarFallbackVariants,\n
|
|
1
|
+
{"version":3,"sources":["../../src/theme/styles/avatar.css.ts","../../src/components/avatar.tsx"],"sourcesContent":["import 'src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9';\nexport var avatarImage = 'avatar_avatarImage__n9csuc0';","import { Box } from \"@/components/box\";\nimport {\n AvatarFallbackVariants,\n AvatarVariants,\n avatarFallbackRecipe,\n avatarRecipe,\n} from \"@/theme/recipes/avatar.css\";\nimport { StatusVariants } from \"@/theme/recipes/status.css\";\nimport { avatarImage } from \"@/theme/styles/avatar.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport React from \"react\";\nimport { Status } from \"./status\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps;\n\nconst AvatarImage = ({ ...props }: AvatarImageProps) => {\n return (\n <AvatarPrimitive.Image\n {...props}\n className={mergeClasses(avatarImage, props.className)}\n >\n {props.children}\n </AvatarPrimitive.Image>\n );\n};\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps &\n AvatarFallbackVariants;\n\nconst AvatarFallback = ({ ...props }: AvatarFallbackProps) => {\n const variants = pick(props, ...avatarFallbackRecipe.variants());\n const avatarFallback = avatarFallbackRecipe(variants);\n\n return (\n <AvatarPrimitive.Fallback\n {...props}\n className={mergeClasses(avatarFallback, props.className)}\n >\n {props.children}\n </AvatarPrimitive.Fallback>\n );\n};\n\ntype AvatarProps = AvatarPrimitive.AvatarProps &\n AvatarVariants & {\n alt?: string;\n fallback?: React.ReactNode;\n src?: string;\n status?: StatusVariants[\"variant\"];\n };\n\nexport const Avatar = ({\n alt,\n fallback,\n src,\n status,\n style,\n ...props\n}: AvatarProps) => {\n const variants = pick(props, ...avatarRecipe.variants());\n const avatar = avatarRecipe(variants);\n\n return (\n <Box\n style={{\n height: \"fit-content\",\n position: \"relative\",\n width: \"fit-content\",\n ...style,\n }}\n >\n <AvatarPrimitive.Avatar\n {...props}\n className={mergeClasses(avatar, props.className)}\n >\n <AvatarImage alt={alt} src={src} />\n\n {/* TODO: fallback wont render - https://github.com/radix-ui/primitives/issues/1767 */}\n <AvatarFallback size={variants.size} delayMs={600}>\n {fallback}\n </AvatarFallback>\n </AvatarPrimitive.Avatar>\n\n {status && (\n <Box\n style={{\n position: \"absolute\",\n bottom: \"0\",\n right: \"0\",\n boxShadow: \"0 0 0 3px rgba(0, 0, 0, 0.12)\",\n borderRadius: theme.radii.round,\n marginRight: \"-3px\",\n marginBottom: \"-3px\",\n }}\n >\n <Status\n size={variants.size && Number(variants.size) > 2 ? \"2\" : \"1\"}\n variant={status}\n />\n </Box>\n )}\n </Box>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACO,IAAI,cAAc;;;ACWzB,YAAY,qBAAqB;AAQ7B,cAsDE,YAtDF;AAFJ,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AACtD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKA,IAAM,iBAAiB,CAAC,EAAE,GAAG,MAAM,MAA2B;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,qBAAqB,SAAS,CAAC;AAC/D,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,gBAAgB,MAAM,SAAS;AAAA,MAEtD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAUO,IAAMA,UAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,MAEA;AAAA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACE,GAAG;AAAA,YACJ,WAAW,aAAa,QAAQ,MAAM,SAAS;AAAA,YAE/C;AAAA,kCAAC,eAAY,KAAU,KAAU;AAAA,cAGjC,oBAAC,kBAAe,MAAM,SAAS,MAAM,SAAS,KAC3C,oBACH;AAAA;AAAA;AAAA,QACF;AAAA,QAEC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,WAAW;AAAA,cACX,cAAc,MAAM,MAAM;AAAA,cAC1B,aAAa;AAAA,cACb,cAAc;AAAA,YAChB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,SAAS,QAAQ,OAAO,SAAS,IAAI,IAAI,IAAI,MAAM;AAAA,gBACzD,SAAS;AAAA;AAAA,YACX;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["Avatar"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { B as BadgeVariants } from '../badge.css-ToNvOJof.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "span";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { B as BadgeVariants } from '../badge.css-ToNvOJof.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "span";
|
package/dist/components/box.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
|
|
2
|
+
.box_box__1j12a700 {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
}
|
|
5
5
|
/*# sourceMappingURL=box.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9"],"sourcesContent":[".box_box__1j12a700 {\n box-sizing: border-box;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACd;","names":[]}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
5
3
|
|
|
6
4
|
declare const defaultElement = "div";
|
|
7
|
-
type BoxProps = ComponentProps<typeof defaultElement
|
|
5
|
+
type BoxProps = ComponentProps<typeof defaultElement>;
|
|
8
6
|
declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
9
7
|
|
|
10
8
|
export { Box };
|
package/dist/components/box.d.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
5
3
|
|
|
6
4
|
declare const defaultElement = "div";
|
|
7
|
-
type BoxProps = ComponentProps<typeof defaultElement
|
|
5
|
+
type BoxProps = ComponentProps<typeof defaultElement>;
|
|
8
6
|
declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
|
9
7
|
|
|
10
8
|
export { Box };
|
package/dist/components/box.js
CHANGED
|
@@ -24,31 +24,19 @@ __export(box_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(box_exports);
|
|
26
26
|
|
|
27
|
-
// src/theme/
|
|
28
|
-
var
|
|
29
|
-
var boxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "box_boxRecipe__1e543430", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
27
|
+
// src/theme/styles/box.css.ts
|
|
28
|
+
var box = "box_box__1j12a700";
|
|
30
29
|
|
|
31
30
|
// src/utils/merge-classes.ts
|
|
32
31
|
function mergeClasses(...classes) {
|
|
33
32
|
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
// src/utils/pick.ts
|
|
37
|
-
function pick(obj, ...keys) {
|
|
38
|
-
const ret = {};
|
|
39
|
-
keys.forEach((key) => {
|
|
40
|
-
ret[key] = obj[key];
|
|
41
|
-
});
|
|
42
|
-
return ret;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
35
|
// src/components/box.tsx
|
|
46
36
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
47
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
38
|
var defaultElement = "div";
|
|
49
39
|
var Box = ({ asChild, ...props }) => {
|
|
50
|
-
const variants = pick(props, ...boxRecipe.variants());
|
|
51
|
-
const box = boxRecipe(variants);
|
|
52
40
|
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
41
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(box, props.className), children: props.children });
|
|
54
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/box.tsx","../../src/theme/
|
|
1
|
+
{"version":3,"sources":["../../src/components/box.tsx","../../src/theme/styles/box.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { box } from \"@/theme/styles/box.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype BoxProps = ComponentProps<typeof defaultElement>;\n\nexport const Box = ({ asChild, ...props }: BoxProps) => {\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(box, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9';\nexport var box = 'box_box__1j12a700';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,MAAM;;;ACDV,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,MAAgB;AACtD,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,KAAK,MAAM,SAAS,GAC1D,gBAAM,UACT;AAEJ;","names":[]}
|
package/dist/components/box.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Box
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-4N6P3Y54.mjs";
|
|
3
|
+
} from "../chunk-WPNBONR3.mjs";
|
|
4
|
+
import "../chunk-OI24WXH6.mjs";
|
|
6
5
|
import "../chunk-7EGQM3ZL.mjs";
|
|
7
6
|
import "../chunk-LZOMFHX3.mjs";
|
|
8
7
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { B as ButtonVariants } from '../button.css-CU-ScpcU.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "button";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { B as ButtonVariants } from '../button.css-CU-ScpcU.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "button";
|
package/dist/components/card.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9 */
|
|
2
|
+
.panel_panel__gh9suz0 {
|
|
3
3
|
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
4
4
|
border-radius: var(--radii-3__19nbe8d2gi);
|
|
5
5
|
box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9","vanilla-extract-css-ns:src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0="],"sourcesContent":[".panel_panel__gh9suz0 {\n background-color: var(--semanticColors-surface__19nbe8d2f8);\n border-radius: var(--radii-3__19nbe8d2gi);\n box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;\n}",".card_cardRecipe__1an2t1c0 {\n padding: var(--space-5__19nbe8d4) var(--space-5__19nbe8d4) var(--space-6__19nbe8d5) var(--space-5__19nbe8d4);\n}\n.card_cardRecipe_variant_outline__1an2t1c1 {\n outline: 1px solid var(--semanticColors-line__19nbe8d2fe);\n}\n.card_cardRecipe_disableElevation_true__1an2t1c3 {\n box-shadow: none;\n}"],"mappings":";AAAA,CAAC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,mCAAmC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,mCAAmC,IAAI,KAAK,KAAK;AAC/H;;;ACJA,CAAC;AACC,WAAS,IAAI,qBAAqB,IAAI,qBAAqB,IAAI,qBAAqB,IAAI;AAC1F;AACA,CAAC;AACC,WAAS,IAAI,MAAM,IAAI;AACzB;AACA,CAAC;AACC,cAAY;AACd;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { C as CardVariants } from '../card.css-r1QAh--W.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { C as CardVariants } from '../card.css-r1QAh--W.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
package/dist/components/card.js
CHANGED
|
@@ -26,7 +26,7 @@ module.exports = __toCommonJS(card_exports);
|
|
|
26
26
|
|
|
27
27
|
// src/theme/recipes/card.css.ts
|
|
28
28
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
-
var cardRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "card_cardRecipe__1an2t1c0
|
|
29
|
+
var cardRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "card_cardRecipe__1an2t1c0 panel_panel__gh9suz0", variantClassNames: { variant: { outline: "card_cardRecipe_variant_outline__1an2t1c1", ghost: "card_cardRecipe_variant_ghost__1an2t1c2" }, disableElevation: { true: "card_cardRecipe_disableElevation_true__1an2t1c3" } }, defaultVariants: { variant: "ghost", disableElevation: false }, compoundVariants: [] });
|
|
30
30
|
|
|
31
31
|
// src/utils/merge-classes.ts
|
|
32
32
|
function mergeClasses(...classes) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/recipes/card.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n const variants = pick(props, ...cardRecipe.variants());\n const card = cardRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(card, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/
|
|
1
|
+
{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/recipes/card.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n const variants = pick(props, ...cardRecipe.variants());\n const card = cardRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(card, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9';\nimport 'src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cardRecipe = _7a468({defaultClassName:'card_cardRecipe__1an2t1c0 panel_panel__gh9suz0',variantClassNames:{variant:{outline:'card_cardRecipe_variant_outline__1an2t1c1',ghost:'card_cardRecipe_variant_ghost__1an2t1c2'},disableElevation:{true:'card_cardRecipe_disableElevation_true__1an2t1c3'}},defaultVariants:{variant:'ghost',disableElevation:false},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,kDAAiD,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,6CAA4C,OAAM,0CAAyC,GAAE,kBAAiB,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,SAAQ,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHpX,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
package/dist/components/card.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWSTY8bIQyG7/kVHHelssqkqtQlx1567h8Y8eEBN8SMwLP5WO1/r6Cdzaht0lRcwLx+/WDzZAPYnUnHft58A4sj9L0/hXPIa/G6EkLHqMREBXi7EsKkoyx4RvJKmJQdZGnSsd5MBbIsEMGyEpQIti0ZPUlk2BclLBBDbuFxBJ01WbhIHZYx6pMSSBEJ5BCh+X6fCuNwkjYRA/HSpukCoA+sRFcje509khLrekgTV8WlxKida+TtWh7A7JAl61EG9CFWH2lTTFmJ7I1+WH9o6/H94UG7dKiEBVis2+rGo3jR+UHKAntNjPZLdSiylu777pkMfHabAZpLeoE8xOoR0Dmg7ept9fSvMahQ09owjLY7n9NEbgb9a23OmsqoMxB/rbkLjuHxvppDslNpNX9r4z3JysCQMvxEvvJj7vLRA88v/3+bgmfou9mtazYHdBzeu4ZnKPLjpTv+uU1p/lK3Vb8osnY4lVlcTyi7hdjfbniD3MyQm2uQnxaO5irkn6obkJuFOFTIH5Mkh7oQBAAA */
|
|
2
2
|
.checkbox_checkboxRecipe__gyhzhr0 {
|
|
3
3
|
all: unset;
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -37,7 +37,9 @@
|
|
|
37
37
|
height: var(--sizes-5__19nbe8d2gb);
|
|
38
38
|
border-radius: var(--radii-2__19nbe8d2gh);
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
|
|
41
|
+
/* vanilla-extract-css-ns:src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9 */
|
|
42
|
+
.checkbox_checkboxIndicator__z3c6170 {
|
|
41
43
|
align-items: center;
|
|
42
44
|
display: flex;
|
|
43
45
|
height: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWSTY8bIQyG7/kVHHelssqkqtQlx1567h8Y8eEBN8SMwLP5WO1/r6Cdzaht0lRcwLx+/WDzZAPYnUnHft58A4sj9L0/hXPIa/G6EkLHqMREBXi7EsKkoyx4RvJKmJQdZGnSsd5MBbIsEMGyEpQIti0ZPUlk2BclLBBDbuFxBJ01WbhIHZYx6pMSSBEJ5BCh+X6fCuNwkjYRA/HSpukCoA+sRFcje509khLrekgTV8WlxKida+TtWh7A7JAl61EG9CFWH2lTTFmJ7I1+WH9o6/H94UG7dKiEBVis2+rGo3jR+UHKAntNjPZLdSiylu777pkMfHabAZpLeoE8xOoR0Dmg7ept9fSvMahQ09owjLY7n9NEbgb9a23OmsqoMxB/rbkLjuHxvppDslNpNX9r4z3JysCQMvxEvvJj7vLRA88v/3+bgmfou9mtazYHdBzeu4ZnKPLjpTv+uU1p/lK3Vb8osnY4lVlcTyi7hdjfbniD3MyQm2uQnxaO5irkn6obkJuFOFTIH5Mkh7oQBAAA","vanilla-extract-css-ns:src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9"],"sourcesContent":[".checkbox_checkboxRecipe__gyhzhr0 {\n all: unset;\n box-sizing: border-box;\n user-select: none;\n align-items: center;\n appearance: none;\n display: inline-flex;\n justify-content: center;\n line-height: 1;\n margin: 0;\n outline: none;\n padding: 0;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n overflow: hidden;\n}\n.checkbox_checkboxRecipe__gyhzhr0:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.checkbox_checkboxRecipe__gyhzhr0:focus {\n outline: none;\n}\n.checkbox_checkboxRecipe__gyhzhr0::before {\n box-sizing: border-box;\n}\n.checkbox_checkboxRecipe__gyhzhr0::after {\n box-sizing: border-box;\n}\n.checkbox_checkboxRecipe_size_1__gyhzhr1 {\n width: var(--sizes-3__19nbe8d2g9);\n height: var(--sizes-3__19nbe8d2g9);\n border-radius: var(--radii-1__19nbe8d2gg);\n}\n.checkbox_checkboxRecipe_size_2__gyhzhr2 {\n width: var(--sizes-5__19nbe8d2gb);\n height: var(--sizes-5__19nbe8d2gb);\n border-radius: var(--radii-2__19nbe8d2gh);\n}",".checkbox_checkboxIndicator__z3c6170 {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,cAAY;AACZ,eAAa;AACb,eAAa;AACb,cAAY;AACZ,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,YAAU;AACZ;AACA,CAhBC,gCAgBgC;AAC/B,oBAAkB,IAAI;AACxB;AACA,CAnBC,gCAmBgC;AAC/B,WAAS;AACX;AACA,CAtBC,gCAsBgC;AAC/B,cAAY;AACd;AACA,CAzBC,gCAyBgC;AAC/B,cAAY;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;;;ACrCA,CAAC;AACC,eAAa;AACb,WAAS;AACT,UAAQ;AACR,mBAAiB;AACjB,SAAO;AACT;","names":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as CheckboxVariants
|
|
2
|
+
import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.mjs';
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
|
-
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants
|
|
6
|
+
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
|
|
7
7
|
declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
8
8
|
|
|
9
9
|
export { Checkbox };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { C as CheckboxVariants
|
|
2
|
+
import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.js';
|
|
3
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
|
-
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants
|
|
6
|
+
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
|
|
7
7
|
declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
8
8
|
|
|
9
9
|
export { Checkbox };
|
|
@@ -36,9 +36,11 @@ module.exports = __toCommonJS(checkbox_exports);
|
|
|
36
36
|
|
|
37
37
|
// src/theme/recipes/checkbox.css.ts
|
|
38
38
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
39
|
-
var checkboxIndicatorRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxIndicatorRecipe__gyhzhr3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
40
39
|
var checkboxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxRecipe__gyhzhr0", variantClassNames: { size: { "1": "checkbox_checkboxRecipe_size_1__gyhzhr1", "2": "checkbox_checkboxRecipe_size_2__gyhzhr2" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
41
40
|
|
|
41
|
+
// src/theme/styles/checkbox.css.ts
|
|
42
|
+
var checkboxIndicator = "checkbox_checkboxIndicator__z3c6170";
|
|
43
|
+
|
|
42
44
|
// src/utils/merge-classes.ts
|
|
43
45
|
function mergeClasses(...classes) {
|
|
44
46
|
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
@@ -59,9 +61,6 @@ var import_react_icons = require("@radix-ui/react-icons");
|
|
|
59
61
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
60
62
|
var Checkbox = ({ ...props }) => {
|
|
61
63
|
const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
|
|
62
|
-
const checkboxIndicator = checkboxIndicatorRecipe(
|
|
63
|
-
pick(props, ...checkboxIndicatorRecipe.variants())
|
|
64
|
-
);
|
|
65
64
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
65
|
CheckboxPrimitive.Root,
|
|
67
66
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n return (\n <CheckboxPrimitive.Root\n {...props}\n className={mergeClasses(checkbox, props.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWSTY8bIQyG7/kVHHelssqkqtQlx1567h8Y8eEBN8SMwLP5WO1/r6Cdzaht0lRcwLx+/WDzZAPYnUnHft58A4sj9L0/hXPIa/G6EkLHqMREBXi7EsKkoyx4RvJKmJQdZGnSsd5MBbIsEMGyEpQIti0ZPUlk2BclLBBDbuFxBJ01WbhIHZYx6pMSSBEJ5BCh+X6fCuNwkjYRA/HSpukCoA+sRFcje509khLrekgTV8WlxKida+TtWh7A7JAl61EG9CFWH2lTTFmJ7I1+WH9o6/H94UG7dKiEBVis2+rGo3jR+UHKAntNjPZLdSiylu777pkMfHabAZpLeoE8xOoR0Dmg7ept9fSvMahQ09owjLY7n9NEbgb9a23OmsqoMxB/rbkLjuHxvppDslNpNX9r4z3JysCQMvxEvvJj7vLRA88v/3+bgmfou9mtazYHdBzeu4ZnKPLjpTv+uU1p/lK3Vb8osnY4lVlcTyi7hdjfbniD3MyQm2uQnxaO5irkn6obkJuFOFTIH5Mkh7oQBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","import 'src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9';\nexport var checkboxIndicator = 'checkbox_checkboxIndicator__z3c6170';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDvP,IAAI,oBAAoB;;;ACDxB,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AJPA,wBAAmC;AACnC,yBAA0B;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
2
|
+
checkboxIndicator,
|
|
3
3
|
checkboxRecipe
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-RW2UU73S.mjs";
|
|
5
5
|
import {
|
|
6
6
|
pick
|
|
7
7
|
} from "../chunk-4N6P3Y54.mjs";
|
|
@@ -16,9 +16,6 @@ import { CheckIcon } from "@radix-ui/react-icons";
|
|
|
16
16
|
import { jsx } from "react/jsx-runtime";
|
|
17
17
|
var Checkbox = ({ ...props }) => {
|
|
18
18
|
const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
|
|
19
|
-
const checkboxIndicator = checkboxIndicatorRecipe(
|
|
20
|
-
pick(props, ...checkboxIndicatorRecipe.variants())
|
|
21
|
-
);
|
|
22
19
|
return /* @__PURE__ */ jsx(
|
|
23
20
|
CheckboxPrimitive.Root,
|
|
24
21
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n return (\n <CheckboxPrimitive.Root\n {...props}\n className={mergeClasses(checkbox, props.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAIA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { C as ContainerVariants } from '../container.css-DEKRVrvD.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { C as ContainerVariants } from '../container.css-DEKRVrvD.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
|
|
2
|
+
.box_box__1j12a700 {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
}
|
|
5
5
|
|
|
@@ -84,8 +84,8 @@
|
|
|
84
84
|
flex-wrap: wrap-reverse;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
88
|
-
.
|
|
87
|
+
/* vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTY/TMBC991f4SA9eNWVBu9kT4gISnHpEqJrYk2QWZxzZk34s4r8ju6RNuyiCS6WMnt+8efOmdx3ysK0g4lfk4bNgt90eDu+5Oa7Uz4VSlmLv4Fiq2uHhaaEUOGpYk2AXS2WQBUMqPw9RqD5q41mQpVSxB4O6QtkjckLUnkVHesFS7SC80ToVNvSCURfbbfHIFT7Yx+UZuoNAwKJ56DCQKZVANTgIqRATyhGjbpGaVkpVpIoZQvShVBZrGJyk0hAx6IgOjZSKPWMq7lsS1FlhKu4D9Kk8cp3kxSzt3VnauqmyuB6sJW60w/qCzcNesPdXyHBF+1do5YPFoANYGuIITV80MWfdNMunxa/FXd5Zd7OvIu+r95GEPJcqoAOhXR64AvOjCX5gq413ySIJwLGHgCwzlGXrdxgy8WuKP/NgByxkPqZi1BPeT+ntRXxdz4n/ZkFAt9S0LrmF9nvu6gdJa76s7v9lfDDJhYmOWRNPOixFqNwo4qqROTWIDlKE0u/Dmbs49ss5ka/fridvn5fTDLMXDc75PdqcJU/p1DTukCWOfkzH+AIVunGO9UwYZn3Dg2yGStzUMHNj2Njk7SkY/pBuhbgpxxhXPv9VdMR6T1baUhXrVX+Y3MT1NVwivrpptcEeAogPY8/73PN89SfSDkJDrMX3c7xnXOVFfDcP/cecpXBOnMIk/zck/gGmUwUAAA== */
|
|
88
|
+
.menu_baseMenuItem__xx6ngy0 {
|
|
89
89
|
display: flex;
|
|
90
90
|
align-items: center;
|
|
91
91
|
justify-content: space-between;
|
|
@@ -100,41 +100,41 @@
|
|
|
100
100
|
padding-right: var(--space-5__19nbe8d4);
|
|
101
101
|
border-radius: var(--radii-1__19nbe8d2gg);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
.menu_menuItem__xx6ngy1 {
|
|
104
104
|
position: relative;
|
|
105
105
|
background-color: transparent;
|
|
106
106
|
}
|
|
107
|
-
.
|
|
107
|
+
.menu_menuItem__xx6ngy1:hover {
|
|
108
108
|
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
109
109
|
}
|
|
110
|
-
.
|
|
110
|
+
.menu_menuItem__xx6ngy1[data-highlighted] {
|
|
111
111
|
outline: none;
|
|
112
112
|
background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
|
|
113
113
|
}
|
|
114
|
-
.
|
|
114
|
+
.menu_menuItem__xx6ngy1[data-disabled] {
|
|
115
115
|
color: var(--colors-slate-slate8__19nbe8d1yp);
|
|
116
116
|
background-color: var(--colors-slate-slate2__19nbe8d1yj);
|
|
117
117
|
cursor: not-allowed;
|
|
118
118
|
pointer-events: none;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
.menu_menuLabel__xx6ngy2 {
|
|
121
121
|
position: relative;
|
|
122
122
|
color: var(--semanticColors-textSubtle__19nbe8d2fc);
|
|
123
123
|
}
|
|
124
|
-
.
|
|
124
|
+
.menu_menu__xx6ngy3 {
|
|
125
125
|
box-sizing: border-box;
|
|
126
126
|
min-width: 120px;
|
|
127
127
|
padding: var(--space-1__19nbe8d0);
|
|
128
128
|
}
|
|
129
|
-
.
|
|
129
|
+
.menu_menuSeparator__xx6ngy4 {
|
|
130
130
|
height: 1px;
|
|
131
131
|
margin-top: var(--space-1__19nbe8d0);
|
|
132
132
|
margin-bottom: var(--space-1__19nbe8d0);
|
|
133
133
|
background-color: var(--semanticColors-line__19nbe8d2fe);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
137
|
-
.
|
|
136
|
+
/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9 */
|
|
137
|
+
.panel_panel__gh9suz0 {
|
|
138
138
|
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
139
139
|
border-radius: var(--radii-3__19nbe8d2gi);
|
|
140
140
|
box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9","vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA==","vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTY/TMBC991f4SA9eNWVBu9kT4gISnHpEqJrYk2QWZxzZk34s4r8ju6RNuyiCS6WMnt+8efOmdx3ysK0g4lfk4bNgt90eDu+5Oa7Uz4VSlmLv4Fiq2uHhaaEUOGpYk2AXS2WQBUMqPw9RqD5q41mQpVSxB4O6QtkjckLUnkVHesFS7SC80ToVNvSCURfbbfHIFT7Yx+UZuoNAwKJ56DCQKZVANTgIqRATyhGjbpGaVkpVpIoZQvShVBZrGJyk0hAx6IgOjZSKPWMq7lsS1FlhKu4D9Kk8cp3kxSzt3VnauqmyuB6sJW60w/qCzcNesPdXyHBF+1do5YPFoANYGuIITV80MWfdNMunxa/FXd5Zd7OvIu+r95GEPJcqoAOhXR64AvOjCX5gq413ySIJwLGHgCwzlGXrdxgy8WuKP/NgByxkPqZi1BPeT+ntRXxdz4n/ZkFAt9S0LrmF9nvu6gdJa76s7v9lfDDJhYmOWRNPOixFqNwo4qqROTWIDlKE0u/Dmbs49ss5ka/fridvn5fTDLMXDc75PdqcJU/p1DTukCWOfkzH+AIVunGO9UwYZn3Dg2yGStzUMHNj2Njk7SkY/pBuhbgpxxhXPv9VdMR6T1baUhXrVX+Y3MT1NVwivrpptcEeAogPY8/73PN89SfSDkJDrMX3c7xnXOVFfDcP/cecpXBOnMIk/zck/gGmUwUAAA==","vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9"],"sourcesContent":[".box_box__1j12a700 {\n box-sizing: border-box;\n}",".flex_flexRecipe__183by2k0 {\n box-sizing: border-box;\n display: flex;\n}\n.flex_flexRecipe_align_start__183by2k1 {\n align-items: flex-start;\n}\n.flex_flexRecipe_align_center__183by2k2 {\n align-items: center;\n}\n.flex_flexRecipe_align_end__183by2k3 {\n align-items: flex-end;\n}\n.flex_flexRecipe_align_stretch__183by2k4 {\n align-items: stretch;\n}\n.flex_flexRecipe_align_baseline__183by2k5 {\n align-items: baseline;\n}\n.flex_flexRecipe_direction_row__183by2k6 {\n flex-direction: row;\n}\n.flex_flexRecipe_direction_column__183by2k7 {\n flex-direction: column;\n}\n.flex_flexRecipe_direction_rowReverse__183by2k8 {\n flex-direction: row-reverse;\n}\n.flex_flexRecipe_direction_columnReverse__183by2k9 {\n flex-direction: column-reverse;\n}\n.flex_flexRecipe_gap_1__183by2ka {\n gap: var(--space-1__19nbe8d0);\n}\n.flex_flexRecipe_gap_2__183by2kb {\n gap: var(--space-2__19nbe8d1);\n}\n.flex_flexRecipe_gap_3__183by2kc {\n gap: var(--space-3__19nbe8d2);\n}\n.flex_flexRecipe_gap_4__183by2kd {\n gap: var(--space-4__19nbe8d3);\n}\n.flex_flexRecipe_gap_5__183by2ke {\n gap: var(--space-5__19nbe8d4);\n}\n.flex_flexRecipe_gap_6__183by2kf {\n gap: var(--space-6__19nbe8d5);\n}\n.flex_flexRecipe_gap_7__183by2kg {\n gap: var(--space-7__19nbe8d6);\n}\n.flex_flexRecipe_gap_8__183by2kh {\n gap: var(--space-8__19nbe8d7);\n}\n.flex_flexRecipe_gap_9__183by2ki {\n gap: var(--space-9__19nbe8d8);\n}\n.flex_flexRecipe_justify_start__183by2kj {\n justify-content: flex-start;\n}\n.flex_flexRecipe_justify_center__183by2kk {\n justify-content: center;\n}\n.flex_flexRecipe_justify_end__183by2kl {\n justify-content: flex-end;\n}\n.flex_flexRecipe_justify_between__183by2km {\n justify-content: space-between;\n}\n.flex_flexRecipe_wrap_noWrap__183by2kn {\n flex-wrap: nowrap;\n}\n.flex_flexRecipe_wrap_wrap__183by2ko {\n flex-wrap: wrap;\n}\n.flex_flexRecipe_wrap_wrapReverse__183by2kp {\n flex-wrap: wrap-reverse;\n}",".menu_baseMenuItem__xx6ngy0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: var(--fontSizes-1__19nbe8d9);\n font-variant-numeric: tabular-nums;\n line-height: 1;\n cursor: default;\n user-select: none;\n white-space: nowrap;\n height: var(--sizes-5__19nbe8d2gb);\n padding-left: var(--space-5__19nbe8d4);\n padding-right: var(--space-5__19nbe8d4);\n border-radius: var(--radii-1__19nbe8d2gg);\n}\n.menu_menuItem__xx6ngy1 {\n position: relative;\n background-color: transparent;\n}\n.menu_menuItem__xx6ngy1:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.menu_menuItem__xx6ngy1[data-highlighted] {\n outline: none;\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.menu_menuItem__xx6ngy1[data-disabled] {\n color: var(--colors-slate-slate8__19nbe8d1yp);\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n cursor: not-allowed;\n pointer-events: none;\n}\n.menu_menuLabel__xx6ngy2 {\n position: relative;\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.menu_menu__xx6ngy3 {\n box-sizing: border-box;\n min-width: 120px;\n padding: var(--space-1__19nbe8d0);\n}\n.menu_menuSeparator__xx6ngy4 {\n height: 1px;\n margin-top: var(--space-1__19nbe8d0);\n margin-bottom: var(--space-1__19nbe8d0);\n background-color: var(--semanticColors-line__19nbe8d2fe);\n}",".panel_panel__gh9suz0 {\n background-color: var(--semanticColors-surface__19nbe8d2f8);\n border-radius: var(--radii-3__19nbe8d2gi);\n box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACd;;;ACFA,CAAC;AACC,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;;;AC9EA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,aAAW,IAAI;AACf,wBAAsB;AACtB,eAAa;AACb,UAAQ;AACR,eAAa;AACb,eAAa;AACb,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,oBAAkB;AACpB;AACA,CAJC,sBAIsB;AACrB,oBAAkB,IAAI;AACxB;AACA,CAPC,sBAOsB,CAAC;AACtB,WAAS;AACT,oBAAkB,IAAI;AACxB;AACA,CAXC,sBAWsB,CAAC;AACtB,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY;AACZ,aAAW;AACX,WAAS,IAAI;AACf;AACA,CAAC;AACC,UAAQ;AACR,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;;;AC9CA,CAAC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,mCAAmC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,mCAAmC,IAAI,KAAK,KAAK;AAC/H;","names":[]}
|
|
@@ -1,25 +1,22 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { M as MenuVariants, a as MenuItemVariants, b as MenuLabelVariants, c as MenuSeparatorVariants } from '../menu.css-5kJKHBR_.mjs';
|
|
4
|
-
import { P as PanelVariants } from '../panel.css-DUVSZSQ6.mjs';
|
|
5
3
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
6
|
-
import '@vanilla-extract/recipes';
|
|
7
4
|
|
|
8
5
|
declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
9
6
|
declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps
|
|
7
|
+
type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
|
|
11
8
|
declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
-
type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps
|
|
9
|
+
type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;
|
|
13
10
|
declare const DropdownMenuItem: ({ ...props }: DropdownMenuItemProps) => react_jsx_runtime.JSX.Element;
|
|
14
11
|
declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps
|
|
12
|
+
type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;
|
|
16
13
|
declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
|
|
17
|
-
type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps
|
|
14
|
+
type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps;
|
|
18
15
|
declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
19
|
-
type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps
|
|
16
|
+
type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
|
|
20
17
|
declare const DropdownMenuCheckboxItem: ({ ...props }: DropdownMenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
|
|
21
18
|
declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps
|
|
19
|
+
type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps;
|
|
23
20
|
declare const DropdownMenuRadioItem: ({ children, ...props }: DropdownMenuRadioItemProps) => react_jsx_runtime.JSX.Element;
|
|
24
21
|
|
|
25
22
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };
|