@nayhoo/ui 0.9.0 → 0.9.2
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-2H7ZFP5Y.mjs +8 -0
- package/dist/chunk-2H7ZFP5Y.mjs.map +1 -0
- package/dist/{chunk-RD6HAWH5.mjs → chunk-3HV65JYW.mjs} +1 -1
- package/dist/{chunk-RD6HAWH5.mjs.map → chunk-3HV65JYW.mjs.map} +1 -1
- package/dist/{chunk-GI2XNLAW.mjs → chunk-5RLHLI27.mjs} +3 -3
- package/dist/{chunk-52RVZRC4.mjs → chunk-64TEKDKL.mjs} +2 -2
- package/dist/{chunk-IRWT2CO3.mjs → chunk-6N652IDI.mjs} +1 -1
- package/dist/{chunk-IRWT2CO3.mjs.map → chunk-6N652IDI.mjs.map} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs → chunk-6UOQ737G.mjs} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs.map → chunk-6UOQ737G.mjs.map} +1 -1
- package/dist/chunk-AXOHCT5Q.mjs +14 -0
- package/dist/chunk-AXOHCT5Q.mjs.map +1 -0
- package/dist/{chunk-A2I7UNX6.mjs → chunk-DC6VQ7BG.mjs} +2 -2
- package/dist/chunk-DERDJR33.mjs +13 -0
- package/dist/chunk-DERDJR33.mjs.map +1 -0
- package/dist/chunk-DPZRGHY5.mjs +7 -0
- package/dist/chunk-DPZRGHY5.mjs.map +1 -0
- package/dist/{chunk-IPBDMBQP.mjs → chunk-G4YCF3A2.mjs} +1 -1
- package/dist/{chunk-IPBDMBQP.mjs.map → chunk-G4YCF3A2.mjs.map} +1 -1
- package/dist/{chunk-NU7XYEVP.mjs → chunk-GGJKRS5V.mjs} +2 -2
- package/dist/{chunk-YQH4Y34B.mjs → chunk-HRXZ3ELS.mjs} +6 -4
- package/dist/chunk-HRXZ3ELS.mjs.map +1 -0
- package/dist/{chunk-M6OYH5UA.mjs → chunk-IEZTYE5I.mjs} +1 -1
- package/dist/{chunk-M6OYH5UA.mjs.map → chunk-IEZTYE5I.mjs.map} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs → chunk-IQLI5J2V.mjs} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs.map → chunk-IQLI5J2V.mjs.map} +1 -1
- package/dist/chunk-IUXU5IPB.mjs +1 -0
- package/dist/{chunk-X6UXW66P.mjs → chunk-JI6FRWSC.mjs} +3 -3
- package/dist/{chunk-RAS2GZOT.mjs → chunk-MXFGBAZU.mjs} +1 -1
- package/dist/chunk-MXFGBAZU.mjs.map +1 -0
- package/dist/{chunk-OETJQIMJ.mjs → chunk-N535ABFC.mjs} +2 -2
- package/dist/{chunk-OETJQIMJ.mjs.map → chunk-N535ABFC.mjs.map} +1 -1
- 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-65GTB4DD.mjs → chunk-PGCB7RGD.mjs} +1 -1
- package/dist/{chunk-65GTB4DD.mjs.map → chunk-PGCB7RGD.mjs.map} +1 -1
- package/dist/{chunk-S3GY7GCD.mjs → chunk-QEBSZEY2.mjs} +1 -1
- package/dist/{chunk-S3GY7GCD.mjs.map → chunk-QEBSZEY2.mjs.map} +1 -1
- package/dist/{chunk-3Z2HB2J6.mjs → chunk-RYAY35UB.mjs} +2 -2
- package/dist/{chunk-FG2ZBTVM.mjs → chunk-SOIEM2O2.mjs} +1 -1
- package/dist/chunk-SOIEM2O2.mjs.map +1 -0
- package/dist/{chunk-ICX6SDOZ.mjs → chunk-T3GW2EMR.mjs} +1 -1
- package/dist/chunk-T3GW2EMR.mjs.map +1 -0
- package/dist/{chunk-XALDYHCC.mjs → chunk-WPNBONR3.mjs} +3 -8
- package/dist/chunk-WPNBONR3.mjs.map +1 -0
- package/dist/{chunk-K625HY3P.mjs → chunk-Y6BNWBLR.mjs} +1 -1
- package/dist/{chunk-K625HY3P.mjs.map → chunk-Y6BNWBLR.mjs.map} +1 -1
- package/dist/{chunk-SI36SYJ2.mjs → chunk-YO4LZRGU.mjs} +1 -1
- package/dist/{chunk-SI36SYJ2.mjs.map → chunk-YO4LZRGU.mjs.map} +1 -1
- package/dist/{chunk-7MD4JYZV.mjs → chunk-ZNKUE6YY.mjs} +2 -4
- package/dist/chunk-ZNKUE6YY.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 +34 -32
- 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 +20 -23
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +7 -7
- package/dist/components/avatar.mjs.map +1 -1
- package/dist/components/badge.css +4 -4
- package/dist/components/badge.css.map +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/badge.mjs +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.css +33 -33
- package/dist/components/button.css.map +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +4 -4
- package/dist/components/card.css +5 -4
- 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 +10 -8
- 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 +19 -18
- 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 +21 -38
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +14 -28
- package/dist/components/dropdown-menu.mjs.map +1 -1
- package/dist/components/flex.css +1 -1
- package/dist/components/flex.css.map +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/flex.js.map +1 -1
- package/dist/components/flex.mjs +2 -2
- package/dist/components/form.css +14 -12
- 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.css +1 -1
- package/dist/components/grid.css.map +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/grid.js.map +1 -1
- package/dist/components/grid.mjs +1 -1
- package/dist/components/heading.css +6 -6
- package/dist/components/heading.css.map +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/heading.js.map +1 -1
- package/dist/components/heading.mjs +2 -2
- package/dist/components/icon-button.css +33 -33
- package/dist/components/icon-button.css.map +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon-button.mjs +4 -4
- package/dist/components/label.css +13 -13
- 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 +3 -8
- package/dist/components/label.mjs.map +1 -1
- package/dist/components/link.css +1 -1
- package/dist/components/link.css.map +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/link.js.map +1 -1
- package/dist/components/link.mjs +1 -1
- package/dist/components/menu.css +19 -18
- 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 +21 -40
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +14 -30
- package/dist/components/menu.mjs.map +1 -1
- package/dist/components/panel.css +5 -4
- 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.css +6 -6
- package/dist/components/paragraph.css.map +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/paragraph.js.map +1 -1
- package/dist/components/paragraph.mjs +25 -4
- package/dist/components/paragraph.mjs.map +1 -1
- package/dist/components/select.css +29 -28
- 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 +9 -17
- 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.css +25 -25
- package/dist/components/skeleton.css.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/skeleton.mjs +1 -1
- package/dist/components/spinner.css +20 -20
- package/dist/components/spinner.css.map +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/spinner.mjs +2 -2
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/switch.css +9 -9
- package/dist/components/switch.css.map +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/switch.mjs +1 -1
- package/dist/components/text-field.css +10 -10
- package/dist/components/text-field.css.map +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text-field.mjs +1 -1
- package/dist/components/text.css +6 -6
- package/dist/components/text.css.map +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/text.js.map +1 -1
- package/dist/components/text.mjs +2 -2
- package/dist/components/tooltip.css +10 -10
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.js +22 -34
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +9 -9
- package/dist/components/tooltip.mjs.map +1 -1
- package/dist/form.css-QulER1wj.d.mts +13 -0
- package/dist/form.css-QulER1wj.d.ts +13 -0
- package/dist/providers/index.css +166 -164
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.js +24 -17
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +33 -26
- package/dist/providers/index.mjs.map +1 -1
- package/dist/theme/index.css +477 -353
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +24 -13
- package/dist/theme/index.d.ts +24 -13
- package/dist/theme/index.js +80 -84
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +46 -48
- 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-FG2ZBTVM.mjs.map +0 -1
- package/dist/chunk-ICX6SDOZ.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-RAS2GZOT.mjs.map +0 -1
- package/dist/chunk-SRMXCTGE.mjs +0 -8
- package/dist/chunk-SRMXCTGE.mjs.map +0 -1
- package/dist/chunk-WG4IO5EQ.mjs +0 -31
- package/dist/chunk-WG4IO5EQ.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-GI2XNLAW.mjs.map → chunk-5RLHLI27.mjs.map} +0 -0
- /package/dist/{chunk-52RVZRC4.mjs.map → chunk-64TEKDKL.mjs.map} +0 -0
- /package/dist/{chunk-A2I7UNX6.mjs.map → chunk-DC6VQ7BG.mjs.map} +0 -0
- /package/dist/{chunk-NU7XYEVP.mjs.map → chunk-GGJKRS5V.mjs.map} +0 -0
- /package/dist/{chunk-JWHPBA5J.mjs.map → chunk-IUXU5IPB.mjs.map} +0 -0
- /package/dist/{chunk-X6UXW66P.mjs.map → chunk-JI6FRWSC.mjs.map} +0 -0
- /package/dist/{chunk-3Z2HB2J6.mjs.map → chunk-RYAY35UB.mjs.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/heading.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\ntype HeadingLevelVariants = \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\";\n\nexport type HeadingProps = ComponentProps<\n \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\",\n Omit<TextVariants, \"size\">\n> & {\n level?: HeadingLevelVariants;\n};\n\nconst textAs: Record<HeadingLevelVariants, React.ElementType> = {\n 1: \"h1\",\n 2: \"h2\",\n 3: \"h3\",\n 4: \"h4\",\n 5: \"h5\",\n 6: \"h6\",\n};\n\nconst textSize: Record<HeadingLevelVariants, TextVariants[\"size\"]> = {\n 1: \"8\",\n 2: \"7\",\n 3: \"6\",\n 4: \"5\",\n 5: \"4\",\n 6: \"3\",\n};\n\nexport const Heading = ({\n asChild,\n color,\n level = \"1\",\n weight = \"medium\", // overrides defaultVariant\n ...props\n}: HeadingProps) => {\n const text = textRecipe({ color, size: textSize[level], weight });\n const Comp = asChild ? Slot : textAs[level];\n\n return (\n <Comp {...props} className={mergeClasses(text, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/heading.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\ntype HeadingLevelVariants = \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\";\n\nexport type HeadingProps = ComponentProps<\n \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\",\n Omit<TextVariants, \"size\">\n> & {\n level?: HeadingLevelVariants;\n};\n\nconst textAs: Record<HeadingLevelVariants, React.ElementType> = {\n 1: \"h1\",\n 2: \"h2\",\n 3: \"h3\",\n 4: \"h4\",\n 5: \"h5\",\n 6: \"h6\",\n};\n\nconst textSize: Record<HeadingLevelVariants, TextVariants[\"size\"]> = {\n 1: \"8\",\n 2: \"7\",\n 3: \"6\",\n 4: \"5\",\n 5: \"4\",\n 6: \"3\",\n};\n\nexport const Heading = ({\n asChild,\n color,\n level = \"1\",\n weight = \"medium\", // overrides defaultVariant\n ...props\n}: HeadingProps) => {\n const text = textRecipe({ color, size: textSize[level], weight });\n const Comp = asChild ? Slot : textAs[level];\n\n return (\n <Comp {...props} className={mergeClasses(text, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[]});","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;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFv1B,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAyCjB;AA7BJ,IAAM,SAA0D;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,IAAM,WAA+D;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EACT,GAAG;AACL,MAAoB;AAClB,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,KAAK,GAAG,OAAO,CAAC;AAChE,QAAM,OAAO,UAAU,yBAAO,OAAO,KAAK;AAE1C,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -5,51 +5,51 @@
|
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
8
|
+
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA */
|
|
9
9
|
.spinner_spinnerRecipe__15xzcy90 {
|
|
10
10
|
animation: spin_spin__91g2950 .8s linear infinite;
|
|
11
11
|
border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
|
|
12
|
-
border-radius: var(--radii-
|
|
12
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
13
13
|
border-top: 1px solid currentColor;
|
|
14
14
|
}
|
|
15
15
|
.spinner_spinnerRecipe_size_1__15xzcy91 {
|
|
16
|
-
height: var(--sizes-
|
|
17
|
-
width: var(--sizes-
|
|
16
|
+
height: var(--sizes-1__19nbe8d2g8);
|
|
17
|
+
width: var(--sizes-1__19nbe8d2g8);
|
|
18
18
|
}
|
|
19
19
|
.spinner_spinnerRecipe_size_2__15xzcy92 {
|
|
20
|
-
height: var(--sizes-
|
|
21
|
-
width: var(--sizes-
|
|
20
|
+
height: var(--sizes-2__19nbe8d2g9);
|
|
21
|
+
width: var(--sizes-2__19nbe8d2g9);
|
|
22
22
|
}
|
|
23
23
|
.spinner_spinnerRecipe_size_3__15xzcy93 {
|
|
24
|
-
height: var(--sizes-
|
|
25
|
-
width: var(--sizes-
|
|
24
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
25
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
26
26
|
}
|
|
27
27
|
.spinner_spinnerRecipe_size_4__15xzcy94 {
|
|
28
|
-
height: var(--sizes-
|
|
29
|
-
width: var(--sizes-
|
|
28
|
+
height: var(--sizes-4__19nbe8d2gb);
|
|
29
|
+
width: var(--sizes-4__19nbe8d2gb);
|
|
30
30
|
}
|
|
31
31
|
.spinner_spinnerRecipe_size_5__15xzcy95 {
|
|
32
|
-
height: var(--sizes-
|
|
33
|
-
width: var(--sizes-
|
|
32
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
33
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
34
34
|
}
|
|
35
35
|
.spinner_spinnerRecipe_size_6__15xzcy96 {
|
|
36
|
-
height: var(--sizes-
|
|
37
|
-
width: var(--sizes-
|
|
36
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
37
|
+
width: var(--sizes-6__19nbe8d2gd);
|
|
38
38
|
}
|
|
39
39
|
.spinner_spinnerRecipe_size_7__15xzcy97 {
|
|
40
|
-
height: var(--sizes-
|
|
41
|
-
width: var(--sizes-
|
|
40
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
41
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
42
42
|
}
|
|
43
43
|
.spinner_spinnerRecipe_size_8__15xzcy98 {
|
|
44
|
-
height: var(--sizes-
|
|
45
|
-
width: var(--sizes-
|
|
44
|
+
height: var(--sizes-8__19nbe8d2gf);
|
|
45
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
46
46
|
}
|
|
47
47
|
.spinner_spinnerRecipe_size_9__15xzcy99 {
|
|
48
|
-
height: var(--sizes-
|
|
49
|
-
width: var(--sizes-
|
|
48
|
+
height: var(--sizes-9__19nbe8d2gg);
|
|
49
|
+
width: var(--sizes-9__19nbe8d2gg);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#
|
|
52
|
+
/* vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisorb7D/VrkBwD57fDlQyqrpec040iXTeky4ukc4H7nGU9G6gUmOkp6JJpIuedPk1pPcDFYyRnoomkS570ttLpIuB++dR0tVAVYyRnooukW6EQ2EoKyvrqQe+G+kOJ338zf/uc8FSIQk38MkG+RQXDzpk+YFdd7/AHuX+2O/PdrYTmtbFAWBKgYwBTMnFe311OWiTuxD/Hwb4LcfiCAAA */
|
|
53
53
|
.icon-button_iconButtonRecipe__v93z8s0 {
|
|
54
54
|
align-items: center;
|
|
55
55
|
appearance: none;
|
|
@@ -90,24 +90,24 @@
|
|
|
90
90
|
color: transparent !important;
|
|
91
91
|
}
|
|
92
92
|
.icon-button_iconButtonRecipe_size_1__v93z8s2 {
|
|
93
|
-
border-radius: var(--radii-
|
|
94
|
-
height: var(--sizes-
|
|
95
|
-
width: var(--sizes-
|
|
93
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
94
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
95
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
96
96
|
}
|
|
97
97
|
.icon-button_iconButtonRecipe_size_2__v93z8s3 {
|
|
98
|
-
border-radius: var(--radii-
|
|
99
|
-
height: var(--sizes-
|
|
100
|
-
width: var(--sizes-
|
|
98
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
99
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
100
|
+
width: var(--sizes-6__19nbe8d2gd);
|
|
101
101
|
}
|
|
102
102
|
.icon-button_iconButtonRecipe_size_3__v93z8s4 {
|
|
103
|
-
border-radius: var(--radii-
|
|
104
|
-
height: var(--sizes-
|
|
105
|
-
width: var(--sizes-
|
|
103
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
104
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
105
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
106
106
|
}
|
|
107
107
|
.icon-button_iconButtonRecipe_size_4__v93z8s5 {
|
|
108
|
-
border-radius: var(--radii-
|
|
109
|
-
height: var(--sizes-
|
|
110
|
-
width: var(--sizes-
|
|
108
|
+
border-radius: var(--radii-3__19nbe8d2gj);
|
|
109
|
+
height: var(--sizes-8__19nbe8d2gf);
|
|
110
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
111
111
|
}
|
|
112
112
|
.icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {
|
|
113
113
|
background-color: transparent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA","vanilla-extract-css-ns:src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisorb7D/VrkBwD57fDlQyqrpec040iXTeky4ukc4H7nGU9G6gUmOkp6JJpIuedPk1pPcDFYyRnoomkS570ttLpIuB++dR0tVAVYyRnooukW6EQ2EoKyvrqQe+G+kOJ338zf/uc8FSIQk38MkG+RQXDzpk+YFdd7/AHuX+2O/PdrYTmtbFAWBKgYwBTMnFe311OWiTuxD/Hwb4LcfiCAAA"],"sourcesContent":["@keyframes spin_spin__91g2950 {\n to {\n transform: rotate(360deg);\n }\n}",".spinner_spinnerRecipe__15xzcy90 {\n animation: spin_spin__91g2950 .8s linear infinite;\n border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);\n border-radius: var(--radii-round__19nbe8d2gn);\n border-top: 1px solid currentColor;\n}\n.spinner_spinnerRecipe_size_1__15xzcy91 {\n height: var(--sizes-1__19nbe8d2g8);\n width: var(--sizes-1__19nbe8d2g8);\n}\n.spinner_spinnerRecipe_size_2__15xzcy92 {\n height: var(--sizes-2__19nbe8d2g9);\n width: var(--sizes-2__19nbe8d2g9);\n}\n.spinner_spinnerRecipe_size_3__15xzcy93 {\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.spinner_spinnerRecipe_size_4__15xzcy94 {\n height: var(--sizes-4__19nbe8d2gb);\n width: var(--sizes-4__19nbe8d2gb);\n}\n.spinner_spinnerRecipe_size_5__15xzcy95 {\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.spinner_spinnerRecipe_size_6__15xzcy96 {\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.spinner_spinnerRecipe_size_7__15xzcy97 {\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.spinner_spinnerRecipe_size_8__15xzcy98 {\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.spinner_spinnerRecipe_size_9__15xzcy99 {\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}",".icon-button_iconButtonRecipe__v93z8s0 {\n align-items: center;\n appearance: none;\n border-width: 0;\n box-sizing: border-box;\n display: inline-flex;\n flex-shrink: 0;\n font-family: inherit;\n font-size: 14px;\n justify-content: center;\n line-height: 1;\n outline: none;\n padding: 0;\n text-decoration: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n transition: all 100ms;\n color: currentColor;\n}\n.icon-button_iconButtonRecipe__v93z8s0::after {\n box-sizing: border-box;\n}\n.icon-button_iconButtonRecipe__v93z8s0::before {\n box-sizing: border-box;\n}\n.icon-button_iconButtonRecipe__v93z8s0:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n cursor: pointer;\n}\n.icon-button_iconButtonRecipe__v93z8s0:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.icon-button_iconButtonRecipe_loading_true__v93z8s1 {\n color: transparent !important;\n}\n.icon-button_iconButtonRecipe_size_1__v93z8s2 {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.icon-button_iconButtonRecipe_size_2__v93z8s3 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.icon-button_iconButtonRecipe_size_3__v93z8s4 {\n border-radius: var(--radii-2__19nbe8d2gi);\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.icon-button_iconButtonRecipe_size_4__v93z8s5 {\n border-radius: var(--radii-3__19nbe8d2gj);\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {\n background-color: transparent;\n border-width: 0;\n}\n.icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.icon-button_iconButtonRecipe_variant_outline__v93z8s7 {\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {\n background-color: var(--colors-slateA-slateA4__19nbe8d1yx);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACF;;;ACJA,CAAC;AACC,aAAW,mBAAmB,IAAI,OAAO;AACzC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,MAAM;AACxB;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;;;ACzCA,CAAC;AACC,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,WAAS;AACT,eAAa;AACb,eAAa;AACb,aAAW;AACX,mBAAiB;AACjB,eAAa;AACb,WAAS;AACT,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,+BAA6B;AAC7B,cAAY,IAAI;AAChB,SAAO;AACT;AACA,CAnBC,qCAmBqC;AACpC,cAAY;AACd;AACA,CAtBC,qCAsBqC;AACpC,cAAY;AACd;AACA,CAzBC,qCAyBqC;AACpC,oBAAkB,IAAI;AACtB,UAAQ;AACV;AACA,CA7BC,qCA6BqC;AACpC,oBAAkB,IAAI;AACtB,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,SAAO,IAAI;AACX,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,oBAAkB;AAClB,gBAAc;AAChB;AACA,CAJC,mDAImD;AAClD,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAClC;AACA,CAHC,qDAGqD;AACpD,oBAAkB,IAAI;AACxB;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { I as IconButtonVariants } from '../icon-button.css-DxZdHUEt.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 { I as IconButtonVariants } from '../icon-button.css-DxZdHUEt.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";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n IconButtonVariants,\n iconButtonRecipe,\n} from \"@/theme/recipes/icon-button.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 = \"button\";\n\ntype IconButtonProps = ComponentProps<\n typeof defaultElement,\n IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n const variants = pick(props, ...iconButtonRecipe.variants());\n const iconButton = iconButtonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp\n {...props}\n className={mergeClasses(iconButton, props.className)}\n disabled={props.disabled || Boolean(variants.loading)}\n >\n {props.children}\n {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n </Comp>\n );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n IconButtonVariants,\n iconButtonRecipe,\n} from \"@/theme/recipes/icon-button.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 = \"button\";\n\ntype IconButtonProps = ComponentProps<\n typeof defaultElement,\n IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n const variants = pick(props, ...iconButtonRecipe.variants());\n const iconButton = iconButtonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp\n {...props}\n className={mergeClasses(iconButton, props.className)}\n disabled={props.disabled || Boolean(variants.loading)}\n >\n {props.children}\n {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n </Comp>\n );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinnerRecipe = _7a468({defaultClassName:'spinner_spinnerRecipe__15xzcy90',variantClassNames:{size:{'1':'spinner_spinnerRecipe_size_1__15xzcy91','2':'spinner_spinnerRecipe_size_2__15xzcy92','3':'spinner_spinnerRecipe_size_3__15xzcy93','4':'spinner_spinnerRecipe_size_4__15xzcy94','5':'spinner_spinnerRecipe_size_5__15xzcy95','6':'spinner_spinnerRecipe_size_6__15xzcy96','7':'spinner_spinnerRecipe_size_7__15xzcy97','8':'spinner_spinnerRecipe_size_8__15xzcy98','9':'spinner_spinnerRecipe_size_9__15xzcy99'}},defaultVariants:{size:'3'},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","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.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 SpinnerProps = ComponentProps<typeof defaultElement, SpinnerVariants>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n const variants = pick(props, ...spinnerRecipe.variants());\n const spinner = spinnerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(spinner, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisorb7D/VrkBwD57fDlQyqrpec040iXTeky4ukc4H7nGU9G6gUmOkp6JJpIuedPk1pPcDFYyRnoomkS570ttLpIuB++dR0tVAVYyRnooukW6EQ2EoKyvrqQe+G+kOJ338zf/uc8FSIQk38MkG+RQXDzpk+YFdd7/AHuX+2O/PdrYTmtbFAWBKgYwBTMnFe311OWiTuxD/Hwb4LcfiCAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconButtonRecipe = _7a468({defaultClassName:'icon-button_iconButtonRecipe__v93z8s0',variantClassNames:{loading:{true:'icon-button_iconButtonRecipe_loading_true__v93z8s1'},size:{'1':'icon-button_iconButtonRecipe_size_1__v93z8s2','2':'icon-button_iconButtonRecipe_size_2__v93z8s3','3':'icon-button_iconButtonRecipe_size_3__v93z8s4','4':'icon-button_iconButtonRecipe_size_4__v93z8s5'},variant:{ghost:'icon-button_iconButtonRecipe_variant_ghost__v93z8s6',outline:'icon-button_iconButtonRecipe_variant_outline__v93z8s7'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[]});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,MAAK,EAAC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH9iB,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;;;ACPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,WAAW,KAAK,OAAO,GAAG,cAAc,SAAS,CAAC;AACxD,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,SAAS,MAAM,SAAS,GAC9D,gBAAM,UACT;AAEJ;;;ACnBA,IAAAC,0BAA0C;AACnC,IAAI,uBAAmB,wBAAAC,iBAAO,EAAC,kBAAiB,yCAAwC,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qDAAoD,GAAE,MAAK,EAAC,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,+CAA8C,GAAE,SAAQ,EAAC,OAAM,uDAAsD,SAAQ,wDAAuD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,QAAO,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ALM/kB,IAAAC,qBAAqB;AAejB,IAAAC,sBAAA;AAbJ,IAAMC,kBAAiB;AAOhB,IAAM,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,MAAuB;AACpE,QAAM,WAAW,KAAK,OAAO,GAAG,iBAAiB,SAAS,CAAC;AAC3D,QAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAM,OAAO,UAAU,0BAAOA;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,YAAY,MAAM,SAAS;AAAA,MACnD,UAAU,MAAM,YAAY,QAAQ,SAAS,OAAO;AAAA,MAEnD;AAAA,cAAM;AAAA,QACN,SAAS,WAAW,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468","import_react_slot","import_jsx_runtime","defaultElement"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
IconButton
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
3
|
+
} from "../chunk-5RLHLI27.mjs";
|
|
4
|
+
import "../chunk-6N652IDI.mjs";
|
|
5
|
+
import "../chunk-DC6VQ7BG.mjs";
|
|
6
|
+
import "../chunk-QEBSZEY2.mjs";
|
|
7
7
|
import "../chunk-4N6P3Y54.mjs";
|
|
8
8
|
import "../chunk-7EGQM3ZL.mjs";
|
|
9
9
|
import "../chunk-LZOMFHX3.mjs";
|
|
@@ -1,18 +1,11 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/
|
|
2
|
-
.label_labelRecipe__1ati2ow0 {
|
|
3
|
-
display: inline-block;
|
|
4
|
-
vertical-align: middle;
|
|
5
|
-
cursor: default;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA== */
|
|
9
2
|
.text_textRecipe__1y7s4vx0 {
|
|
10
3
|
line-height: 1;
|
|
11
4
|
margin: 0;
|
|
12
|
-
font-weight: var(--fontWeights-
|
|
5
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
13
6
|
font-variant-numeric: tabular-nums;
|
|
14
7
|
display: block;
|
|
15
|
-
font-family: var(--fonts-
|
|
8
|
+
font-family: var(--fonts-text__19nbe8d2fi);
|
|
16
9
|
}
|
|
17
10
|
.text_textRecipe_color_primary__1y7s4vx1 {
|
|
18
11
|
color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
@@ -54,12 +47,19 @@
|
|
|
54
47
|
font-size: var(--fontSizes-9__19nbe8dh);
|
|
55
48
|
}
|
|
56
49
|
.text_textRecipe_weight_regular__1y7s4vxe {
|
|
57
|
-
font-weight: var(--fontWeights-
|
|
50
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
58
51
|
}
|
|
59
52
|
.text_textRecipe_weight_medium__1y7s4vxf {
|
|
60
|
-
font-weight: var(--fontWeights-
|
|
53
|
+
font-weight: var(--fontWeights-medium__19nbe8d2fo);
|
|
61
54
|
}
|
|
62
55
|
.text_textRecipe_weight_bold__1y7s4vxg {
|
|
63
|
-
font-weight: var(--fontWeights-
|
|
56
|
+
font-weight: var(--fontWeights-bold__19nbe8d2fp);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* vanilla-extract-css-ns:src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0= */
|
|
60
|
+
.label_label__r1nkgq0 {
|
|
61
|
+
display: inline-block;
|
|
62
|
+
vertical-align: middle;
|
|
63
|
+
cursor: default;
|
|
64
64
|
}
|
|
65
65
|
/*# sourceMappingURL=label.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA==","vanilla-extract-css-ns:src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0="],"sourcesContent":[".text_textRecipe__1y7s4vx0 {\n line-height: 1;\n margin: 0;\n font-weight: var(--fontWeights-regular__19nbe8d2fn);\n font-variant-numeric: tabular-nums;\n display: block;\n font-family: var(--fonts-text__19nbe8d2fi);\n}\n.text_textRecipe_color_primary__1y7s4vx1 {\n color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.text_textRecipe_color_secondary__1y7s4vx2 {\n color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.text_textRecipe_color_error__1y7s4vx3 {\n color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text_textRecipe_color_subtle__1y7s4vx4 {\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.text_textRecipe_size_1__1y7s4vx5 {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text_textRecipe_size_2__1y7s4vx6 {\n font-size: var(--fontSizes-2__19nbe8da);\n}\n.text_textRecipe_size_3__1y7s4vx7 {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text_textRecipe_size_4__1y7s4vx8 {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text_textRecipe_size_5__1y7s4vx9 {\n font-size: var(--fontSizes-5__19nbe8dd);\n}\n.text_textRecipe_size_6__1y7s4vxa {\n font-size: var(--fontSizes-6__19nbe8de);\n}\n.text_textRecipe_size_7__1y7s4vxb {\n font-size: var(--fontSizes-7__19nbe8df);\n}\n.text_textRecipe_size_8__1y7s4vxc {\n font-size: var(--fontSizes-8__19nbe8dg);\n}\n.text_textRecipe_size_9__1y7s4vxd {\n font-size: var(--fontSizes-9__19nbe8dh);\n}\n.text_textRecipe_weight_regular__1y7s4vxe {\n font-weight: var(--fontWeights-regular__19nbe8d2fn);\n}\n.text_textRecipe_weight_medium__1y7s4vxf {\n font-weight: var(--fontWeights-medium__19nbe8d2fo);\n}\n.text_textRecipe_weight_bold__1y7s4vxg {\n font-weight: var(--fontWeights-bold__19nbe8d2fp);\n}",".label_label__r1nkgq0 {\n display: inline-block;\n vertical-align: middle;\n cursor: default;\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,UAAQ;AACR,eAAa,IAAI;AACjB,wBAAsB;AACtB,WAAS;AACT,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;;;ACvDA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACV;","names":[]}
|
package/dist/components/label.js
CHANGED
|
@@ -34,28 +34,18 @@ __export(label_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(label_exports);
|
|
36
36
|
|
|
37
|
-
// src/theme/recipes/
|
|
37
|
+
// src/theme/recipes/text.css.ts
|
|
38
38
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
39
|
-
var
|
|
39
|
+
var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "text_textRecipe__1y7s4vx0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1y7s4vx1", secondary: "text_textRecipe_color_secondary__1y7s4vx2", error: "text_textRecipe_color_error__1y7s4vx3", subtle: "text_textRecipe_color_subtle__1y7s4vx4" }, size: { "1": "text_textRecipe_size_1__1y7s4vx5", "2": "text_textRecipe_size_2__1y7s4vx6", "3": "text_textRecipe_size_3__1y7s4vx7", "4": "text_textRecipe_size_4__1y7s4vx8", "5": "text_textRecipe_size_5__1y7s4vx9", "6": "text_textRecipe_size_6__1y7s4vxa", "7": "text_textRecipe_size_7__1y7s4vxb", "8": "text_textRecipe_size_8__1y7s4vxc", "9": "text_textRecipe_size_9__1y7s4vxd" }, weight: { regular: "text_textRecipe_weight_regular__1y7s4vxe", medium: "text_textRecipe_weight_medium__1y7s4vxf", bold: "text_textRecipe_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
|
|
40
40
|
|
|
41
|
-
// src/theme/
|
|
42
|
-
var
|
|
43
|
-
var textRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "text_textRecipe__1y7s4vx0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1y7s4vx1", secondary: "text_textRecipe_color_secondary__1y7s4vx2", error: "text_textRecipe_color_error__1y7s4vx3", subtle: "text_textRecipe_color_subtle__1y7s4vx4" }, size: { "1": "text_textRecipe_size_1__1y7s4vx5", "2": "text_textRecipe_size_2__1y7s4vx6", "3": "text_textRecipe_size_3__1y7s4vx7", "4": "text_textRecipe_size_4__1y7s4vx8", "5": "text_textRecipe_size_5__1y7s4vx9", "6": "text_textRecipe_size_6__1y7s4vxa", "7": "text_textRecipe_size_7__1y7s4vxb", "8": "text_textRecipe_size_8__1y7s4vxc", "9": "text_textRecipe_size_9__1y7s4vxd" }, weight: { regular: "text_textRecipe_weight_regular__1y7s4vxe", medium: "text_textRecipe_weight_medium__1y7s4vxf", bold: "text_textRecipe_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
|
|
41
|
+
// src/theme/styles/label.css.ts
|
|
42
|
+
var label = "label_label__r1nkgq0";
|
|
44
43
|
|
|
45
44
|
// src/utils/merge-classes.ts
|
|
46
45
|
function mergeClasses(...classes) {
|
|
47
46
|
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
// src/utils/pick.ts
|
|
51
|
-
function pick(obj, ...keys) {
|
|
52
|
-
const ret = {};
|
|
53
|
-
keys.forEach((key) => {
|
|
54
|
-
ret[key] = obj[key];
|
|
55
|
-
});
|
|
56
|
-
return ret;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
49
|
// src/components/label.tsx
|
|
60
50
|
var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
|
|
61
51
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -64,9 +54,7 @@ var textSize = {
|
|
|
64
54
|
2: "4"
|
|
65
55
|
};
|
|
66
56
|
var Label = ({ color, size = "1", weight, ...props }) => {
|
|
67
|
-
console.log(textSize, textSize[size], size);
|
|
68
57
|
const text = textRecipe({ color, size: textSize[size], weight });
|
|
69
|
-
const label = labelRecipe(pick(props, ...labelRecipe.variants()));
|
|
70
58
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
71
59
|
LabelPrimitive.Root,
|
|
72
60
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/
|
|
1
|
+
{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/text.css.ts","../../src/theme/styles/label.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n Omit<TextVariants, \"size\"> & {\n size?: LabelSizeVariants;\n };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n\n return (\n <LabelPrimitive.Root\n {...props}\n className={mergeClasses(text, label, props.className)}\n >\n {props.children}\n </LabelPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[]});","import 'src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0=';\nexport var label = 'label_label__r1nkgq0';","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;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDv1B,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AHCA,qBAAgC;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["_7a468"]}
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
2
|
+
label
|
|
3
|
+
} from "../chunk-NOIOHUNH.mjs";
|
|
4
4
|
import {
|
|
5
5
|
textRecipe
|
|
6
|
-
} from "../chunk-
|
|
7
|
-
import {
|
|
8
|
-
pick
|
|
9
|
-
} from "../chunk-4N6P3Y54.mjs";
|
|
6
|
+
} from "../chunk-G4YCF3A2.mjs";
|
|
10
7
|
import {
|
|
11
8
|
mergeClasses
|
|
12
9
|
} from "../chunk-7EGQM3ZL.mjs";
|
|
@@ -20,9 +17,7 @@ var textSize = {
|
|
|
20
17
|
2: "4"
|
|
21
18
|
};
|
|
22
19
|
var Label = ({ color, size = "1", weight, ...props }) => {
|
|
23
|
-
console.log(textSize, textSize[size], size);
|
|
24
20
|
const text = textRecipe({ color, size: textSize[size], weight });
|
|
25
|
-
const label = labelRecipe(pick(props, ...labelRecipe.variants()));
|
|
26
21
|
return /* @__PURE__ */ jsx(
|
|
27
22
|
LabelPrimitive.Root,
|
|
28
23
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n Omit<TextVariants, \"size\"> & {\n size?: LabelSizeVariants;\n };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n\n return (\n <LabelPrimitive.Root\n {...props}\n className={mergeClasses(text, label, props.className)}\n >\n {props.children}\n </LabelPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAGA,YAAY,oBAAoB;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}
|
package/dist/components/link.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAE52STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA= */
|
|
2
2
|
.link_linkRecipe__q6sfqz0 {
|
|
3
3
|
align-items: center;
|
|
4
4
|
gap: var(--space-1__19nbe8d0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAE52STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA="],"sourcesContent":[".link_linkRecipe__q6sfqz0 {\n align-items: center;\n gap: var(--space-1__19nbe8d0);\n flex-shrink: 0;\n outline: none;\n text-decoration-line: none;\n text-underline-offset: 3px;\n text-decoration-color: inherit;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n line-height: inherit;\n color: inherit;\n cursor: pointer;\n}\n.link_linkRecipe__q6sfqz0:focus {\n outline-offset: 2px;\n outline-style: solid;\n outline-width: 2px;\n text-decoration-line: none;\n}\n.link_linkRecipe__q6sfqz0:hover {\n text-decoration-line: underline;\n}\n.link_linkRecipe_color_primary__q6sfqz1 {\n color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n text-decoration-color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.link_linkRecipe_color_secondary__q6sfqz2 {\n color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n text-decoration-color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.link_linkRecipe_color_error__q6sfqz3 {\n color: var(--semanticColors-error-error9__19nbe8d2e2);\n text-decoration-color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.link_linkRecipe_color_subtle__q6sfqz4 {\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n text-decoration-color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,OAAK,IAAI;AACT,eAAa;AACb,WAAS;AACT,wBAAsB;AACtB,yBAAuB;AACvB,yBAAuB;AACvB,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,eAAa;AACb,SAAO;AACP,UAAQ;AACV;AACA,CAbC,wBAawB;AACvB,kBAAgB;AAChB,iBAAe;AACf,iBAAe;AACf,wBAAsB;AACxB;AACA,CAnBC,wBAmBwB;AACvB,wBAAsB;AACxB;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { L as LinkVariants } from '../link.css-J250gDi8.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 = "a";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { L as LinkVariants } from '../link.css-J250gDi8.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 = "a";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\ntype LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n const variants = pick(props, ...linkRecipe.variants());\n const link = linkRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(link, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\ntype LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n const variants = pick(props, ...linkRecipe.variants());\n const link = linkRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(link, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAE52STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var linkRecipe = _7a468({defaultClassName:'link_linkRecipe__q6sfqz0',variantClassNames:{color:{primary:'link_linkRecipe_color_primary__q6sfqz1',secondary:'link_linkRecipe_color_secondary__q6sfqz2',error:'link_linkRecipe_color_error__q6sfqz3',subtle:'link_linkRecipe_color_subtle__q6sfqz4'}},defaultVariants:{},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;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,4BAA2B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,0CAAyC,WAAU,4CAA2C,OAAM,wCAAuC,QAAO,wCAAuC,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF1U,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/link.mjs
CHANGED
package/dist/components/menu.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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
|
|
|
6
|
-
/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#
|
|
6
|
+
/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAAE43UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA== */
|
|
7
7
|
.flex_flexRecipe__183by2k0 {
|
|
8
8
|
box-sizing: border-box;
|
|
9
9
|
display: flex;
|
|
@@ -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=#H4sIAAAAAAAAE5VUwW7bMAy95yt0XA4qmqwbWvc07LIB2ynHYQhoibbZyZQhUYnTYf8+yJkTJy287RLAxNPj4+NjblrktC0h4lfk9Fmw3W77/j3Xh1v1c6GUpdg5OBSqctg/LpQCRzVrEmxjoQyyYMjlpxSFqoM2ngVZChU7MKhLlD0iZ0TlWXSkZyzUDsIbrXNhQ88Y9Wq7XT1wiff2YXmC7iAQsGhOLQYyhRIok4OQCzGjHDHqBqlupFCrXDEpRB8KZbGC5CSXUsSgIzo0Uij2jLm4b0hQDwpzcR+gy+WR6ygvDtLenaStazOI68Ba4lo7rM7YYdgz9u4CGS5oX4WWPlgMOoClFEdo/qKJOeu6WT4ufi1uhp21V/taDfvqfCQhz4UK6EBoNwxcgvlRB5/YauNdtkgCcOwgIMsMZdH4HYaB+CXFn3mwBRYyH3Mx6gnvp/z2LL6q5sR/syCgG6obl91C+33o6pPkNZ9X9/8yPpjswkRH/XcdliKUbhRx0cgcG0QHOUL59/7EvTp0yzmRL9+uJ2+fltMMsxcNzvk92iFLnvKpadwhSxz9mI7xBUp04xzrmTDM+oa9bFIpbmqYuTJsbPL2GAzf51shrosxxqUf/ipaYr0nK02hVuvbrp/cxOU1nCN+e9Vqgx0EEB/GnndDz9PVH0lbCDWxFt/N8Z5wpRfx7Tz0H3OWwzlxCrP838T/kgVTBQAA */
|
|
88
|
+
.menu_baseMenuItem__xx6ngy0 {
|
|
89
89
|
display: flex;
|
|
90
90
|
align-items: center;
|
|
91
91
|
justify-content: space-between;
|
|
@@ -95,48 +95,49 @@
|
|
|
95
95
|
cursor: default;
|
|
96
96
|
user-select: none;
|
|
97
97
|
white-space: nowrap;
|
|
98
|
-
height: var(--sizes-
|
|
98
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
99
99
|
padding-left: var(--space-5__19nbe8d4);
|
|
100
100
|
padding-right: var(--space-5__19nbe8d4);
|
|
101
|
-
border-radius: var(--radii-
|
|
101
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
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=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogdmFyKC0tc2VtYW50aWNDb2xvcnMtc2hhZG93X18xOW5iZThkMmZoKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zaGFkb3dfXzE5bmJlOGQyZmgpIDBweCAxMHB4IDIwcHggLTE1cHg7Cn0= */
|
|
137
|
+
.panel_panel__gh9suz0 {
|
|
138
|
+
color: var(--semanticColors-surfaceTextContrast__19nbe8d2f9);
|
|
138
139
|
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
139
|
-
border-radius: var(--radii-
|
|
140
|
-
box-shadow: var(--
|
|
140
|
+
border-radius: var(--radii-3__19nbe8d2gj);
|
|
141
|
+
box-shadow: var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 38px -10px, var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 20px -15px;
|
|
141
142
|
}
|
|
142
143
|
/*# sourceMappingURL=menu.css.map */
|