@nayhoo/ui 0.9.1 → 0.9.3
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/README.md +1 -1
- package/dist/{chunk-3HAUMRRS.mjs → chunk-2H7ZFP5Y.mjs} +1 -1
- package/dist/chunk-2H7ZFP5Y.mjs.map +1 -0
- package/dist/{chunk-ICX6SDOZ.mjs → chunk-2TMFRLMM.mjs} +1 -1
- package/dist/chunk-2TMFRLMM.mjs.map +1 -0
- package/dist/{chunk-JZLACTAO.mjs → chunk-3STUDMUG.mjs} +1 -1
- package/dist/chunk-3STUDMUG.mjs.map +1 -0
- package/dist/{chunk-RAS2GZOT.mjs → chunk-54ZBX4ZK.mjs} +1 -1
- package/dist/chunk-54ZBX4ZK.mjs.map +1 -0
- package/dist/{chunk-IPBDMBQP.mjs → chunk-AIOSEM6O.mjs} +1 -1
- package/dist/{chunk-IPBDMBQP.mjs.map → chunk-AIOSEM6O.mjs.map} +1 -1
- package/dist/{chunk-LKYTRD4P.mjs → chunk-AXOHCT5Q.mjs} +1 -1
- package/dist/{chunk-LKYTRD4P.mjs.map → chunk-AXOHCT5Q.mjs.map} +1 -1
- package/dist/{chunk-67K3UKEB.mjs → chunk-DPZRGHY5.mjs} +1 -1
- package/dist/chunk-DPZRGHY5.mjs.map +1 -0
- package/dist/{chunk-S3GY7GCD.mjs → chunk-HFMY3EF3.mjs} +1 -1
- package/dist/{chunk-S3GY7GCD.mjs.map → chunk-HFMY3EF3.mjs.map} +1 -1
- package/dist/chunk-IUXU5IPB.mjs +1 -0
- package/dist/{chunk-FG2ZBTVM.mjs → chunk-L3WLGNH2.mjs} +1 -1
- package/dist/chunk-L3WLGNH2.mjs.map +1 -0
- package/dist/{chunk-A2I7UNX6.mjs → chunk-LF6VSYRD.mjs} +2 -2
- package/dist/{chunk-GI2XNLAW.mjs → chunk-MT2IF4CB.mjs} +3 -3
- 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-NU7XYEVP.mjs → chunk-PIOIL3MF.mjs} +2 -2
- package/dist/{chunk-RW2UU73S.mjs → chunk-SC6WBBXG.mjs} +1 -1
- package/dist/{chunk-RW2UU73S.mjs.map → chunk-SC6WBBXG.mjs.map} +1 -1
- package/dist/{chunk-X6UXW66P.mjs → chunk-TF5DXR26.mjs} +3 -3
- package/dist/{chunk-65GTB4DD.mjs → chunk-TPPKQCXG.mjs} +1 -1
- package/dist/{chunk-65GTB4DD.mjs.map → chunk-TPPKQCXG.mjs.map} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs → chunk-UVLWN6WJ.mjs} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs.map → chunk-UVLWN6WJ.mjs.map} +1 -1
- package/dist/{chunk-3Z2HB2J6.mjs → chunk-WUIQQ7C2.mjs} +2 -2
- 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-KL3725C5.mjs → chunk-YCHYGF5R.mjs} +1 -1
- package/dist/chunk-YCHYGF5R.mjs.map +1 -0
- package/dist/{chunk-IRWT2CO3.mjs → chunk-YFXFSV23.mjs} +1 -1
- package/dist/{chunk-IRWT2CO3.mjs.map → chunk-YFXFSV23.mjs.map} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs → chunk-YZNF3EIN.mjs} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs.map → chunk-YZNF3EIN.mjs.map} +1 -1
- package/dist/components/avatar.css +15 -15
- package/dist/components/avatar.css.map +1 -1
- package/dist/components/avatar.js +1 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +2 -2
- package/dist/components/badge.css +4 -4
- package/dist/components/badge.css.map +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/badge.mjs +1 -1
- package/dist/components/button.css +33 -33
- package/dist/components/button.css.map +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +4 -4
- package/dist/components/card.css +4 -3
- package/dist/components/card.css.map +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.mjs +2 -2
- package/dist/components/checkbox.css +7 -7
- package/dist/components/checkbox.css.map +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/checkbox.mjs +1 -1
- package/dist/components/dropdown-menu.css +7 -6
- package/dist/components/dropdown-menu.css.map +1 -1
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +4 -4
- package/dist/components/form.css +3 -3
- package/dist/components/form.css.map +1 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.mjs +1 -1
- package/dist/components/heading.css +6 -6
- package/dist/components/heading.css.map +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.js.map +1 -1
- package/dist/components/icon-button.mjs +4 -4
- package/dist/components/label.css +6 -6
- package/dist/components/label.css.map +1 -1
- package/dist/components/label.js.map +1 -1
- package/dist/components/label.mjs +1 -1
- package/dist/components/menu.css +7 -6
- package/dist/components/menu.css.map +1 -1
- package/dist/components/menu.js +1 -1
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +4 -4
- package/dist/components/panel.css +4 -3
- package/dist/components/panel.css.map +1 -1
- package/dist/components/panel.js.map +1 -1
- package/dist/components/panel.mjs +2 -2
- package/dist/components/paragraph.css +6 -6
- package/dist/components/paragraph.css.map +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 +20 -19
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +4 -4
- package/dist/components/skeleton.css +25 -25
- package/dist/components/skeleton.css.map +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.js.map +1 -1
- package/dist/components/spinner.mjs +2 -2
- 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.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.js.map +1 -1
- package/dist/components/text.mjs +2 -2
- package/dist/components/tooltip.css +8 -8
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.js +16 -25
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +7 -7
- package/dist/components/tooltip.mjs.map +1 -1
- package/dist/providers/index.css +164 -162
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.d.mts +13 -11
- package/dist/providers/index.d.ts +13 -11
- package/dist/providers/index.js +73 -30
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +87 -44
- package/dist/providers/index.mjs.map +1 -1
- package/dist/theme/index.css +371 -243
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +1 -0
- package/dist/theme/index.d.ts +1 -0
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +18 -18
- package/package.json +1 -1
- package/dist/chunk-3HAUMRRS.mjs.map +0 -1
- package/dist/chunk-67K3UKEB.mjs.map +0 -1
- package/dist/chunk-FG2ZBTVM.mjs.map +0 -1
- package/dist/chunk-ICX6SDOZ.mjs.map +0 -1
- package/dist/chunk-JZLACTAO.mjs.map +0 -1
- package/dist/chunk-KL3725C5.mjs.map +0 -1
- package/dist/chunk-R6MZB2ED.mjs +0 -1
- package/dist/chunk-RAS2GZOT.mjs.map +0 -1
- package/dist/chunk-WG4IO5EQ.mjs +0 -31
- package/dist/chunk-WG4IO5EQ.mjs.map +0 -1
- /package/dist/{chunk-R6MZB2ED.mjs.map → chunk-IUXU5IPB.mjs.map} +0 -0
- /package/dist/{chunk-A2I7UNX6.mjs.map → chunk-LF6VSYRD.mjs.map} +0 -0
- /package/dist/{chunk-GI2XNLAW.mjs.map → chunk-MT2IF4CB.mjs.map} +0 -0
- /package/dist/{chunk-NU7XYEVP.mjs.map → chunk-PIOIL3MF.mjs.map} +0 -0
- /package/dist/{chunk-X6UXW66P.mjs.map → chunk-TF5DXR26.mjs.map} +0 -0
- /package/dist/{chunk-3Z2HB2J6.mjs.map → chunk-WUIQQ7C2.mjs.map} +0 -0
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
buttonRecipe
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-L3WLGNH2.mjs";
|
|
4
4
|
import {
|
|
5
5
|
menu,
|
|
6
6
|
menuItem,
|
|
7
7
|
menuLabel,
|
|
8
8
|
menuSeparator
|
|
9
|
-
} from "../chunk-
|
|
9
|
+
} from "../chunk-YCHYGF5R.mjs";
|
|
10
10
|
import {
|
|
11
11
|
panel
|
|
12
|
-
} from "../chunk-
|
|
13
|
-
import "../chunk-
|
|
12
|
+
} from "../chunk-DPZRGHY5.mjs";
|
|
13
|
+
import "../chunk-IUXU5IPB.mjs";
|
|
14
14
|
import {
|
|
15
15
|
pick
|
|
16
16
|
} from "../chunk-4N6P3Y54.mjs";
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
/* vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
11
|
+
/* vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA== */
|
|
12
12
|
.skeleton_skeletonRecipe__w6jrqu0 {
|
|
13
13
|
background-color: var(--colors-slate-slate4__19nbe8d1yl);
|
|
14
14
|
position: relative;
|
|
@@ -30,47 +30,47 @@
|
|
|
30
30
|
top: 0;
|
|
31
31
|
}
|
|
32
32
|
.skeleton_skeletonRecipe_variant_avatar1__w6jrqu1 {
|
|
33
|
-
border-radius: var(--radii-
|
|
34
|
-
height: var(--sizes-
|
|
35
|
-
width: var(--sizes-
|
|
33
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
34
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
35
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
36
36
|
}
|
|
37
37
|
.skeleton_skeletonRecipe_variant_avatar2__w6jrqu2 {
|
|
38
|
-
border-radius: var(--radii-
|
|
39
|
-
height: var(--sizes-
|
|
40
|
-
width: var(--sizes-
|
|
38
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
39
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
40
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
41
41
|
}
|
|
42
42
|
.skeleton_skeletonRecipe_variant_avatar3__w6jrqu3 {
|
|
43
|
-
border-radius: var(--radii-
|
|
44
|
-
height: var(--sizes-
|
|
45
|
-
width: var(--sizes-
|
|
43
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
44
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
45
|
+
width: var(--sizes-6__19nbe8d2gd);
|
|
46
46
|
}
|
|
47
47
|
.skeleton_skeletonRecipe_variant_avatar4__w6jrqu4 {
|
|
48
|
-
border-radius: var(--radii-
|
|
49
|
-
height: var(--sizes-
|
|
50
|
-
width: var(--sizes-
|
|
48
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
49
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
50
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
51
51
|
}
|
|
52
52
|
.skeleton_skeletonRecipe_variant_avatar5__w6jrqu5 {
|
|
53
|
-
border-radius: var(--radii-
|
|
54
|
-
height: var(--sizes-
|
|
55
|
-
width: var(--sizes-
|
|
53
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
54
|
+
height: var(--sizes-8__19nbe8d2gf);
|
|
55
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
56
56
|
}
|
|
57
57
|
.skeleton_skeletonRecipe_variant_avatar6__w6jrqu6 {
|
|
58
|
-
border-radius: var(--radii-
|
|
59
|
-
height: var(--sizes-
|
|
60
|
-
width: var(--sizes-
|
|
58
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
59
|
+
height: var(--sizes-9__19nbe8d2gg);
|
|
60
|
+
width: var(--sizes-9__19nbe8d2gg);
|
|
61
61
|
}
|
|
62
62
|
.skeleton_skeletonRecipe_variant_text__w6jrqu7 {
|
|
63
|
-
height: var(--sizes-
|
|
63
|
+
height: var(--sizes-1__19nbe8d2g8);
|
|
64
64
|
}
|
|
65
65
|
.skeleton_skeletonRecipe_variant_title__w6jrqu8 {
|
|
66
|
-
height: var(--sizes-
|
|
66
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
67
67
|
}
|
|
68
68
|
.skeleton_skeletonRecipe_variant_heading__w6jrqu9 {
|
|
69
|
-
height: var(--sizes-
|
|
69
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
70
70
|
}
|
|
71
71
|
.skeleton_skeletonRecipe_variant_button__w6jrqua {
|
|
72
|
-
border-radius: var(--radii-
|
|
73
|
-
height: var(--sizes-
|
|
74
|
-
width: var(--sizes-
|
|
72
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
73
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
74
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
75
75
|
}
|
|
76
76
|
/*# sourceMappingURL=skeleton.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==","vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==","vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA=="],"sourcesContent":["@keyframes pulse_pulse__zj3plt0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 100%;\n }\n}",".skeleton_skeletonRecipe__w6jrqu0 {\n background-color: var(--colors-slate-slate4__19nbe8d1yl);\n position: relative;\n overflow: hidden;\n}\n.skeleton_skeletonRecipe__w6jrqu0::after {\n content: \"\";\n animation-name: pulse_pulse__zj3plt0;\n animation-duration: 500ms;\n animation-direction: alternate;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n background-color: var(--colors-slate-slate6__19nbe8d1yn);\n border-radius: inherit;\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n.skeleton_skeletonRecipe_variant_avatar1__w6jrqu1 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.skeleton_skeletonRecipe_variant_avatar2__w6jrqu2 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.skeleton_skeletonRecipe_variant_avatar3__w6jrqu3 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.skeleton_skeletonRecipe_variant_avatar4__w6jrqu4 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.skeleton_skeletonRecipe_variant_avatar5__w6jrqu5 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.skeleton_skeletonRecipe_variant_avatar6__w6jrqu6 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}\n.skeleton_skeletonRecipe_variant_text__w6jrqu7 {\n height: var(--sizes-1__19nbe8d2g8);\n}\n.skeleton_skeletonRecipe_variant_title__w6jrqu8 {\n height: var(--sizes-5__19nbe8d2gc);\n}\n.skeleton_skeletonRecipe_variant_heading__w6jrqu9 {\n height: var(--sizes-3__19nbe8d2ga);\n}\n.skeleton_skeletonRecipe_variant_button__w6jrqua {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-8__19nbe8d2gf);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;;;ACPA,CAAC;AACC,oBAAkB,IAAI;AACtB,YAAU;AACV,YAAU;AACZ;AACA,CALC,gCAKgC;AAC/B,WAAS;AACT,kBAAgB;AAChB,sBAAoB;AACpB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,oBAAkB,IAAI;AACtB,iBAAe;AACf,UAAQ;AACR,QAAM;AACN,YAAU;AACV,SAAO;AACP,OAAK;AACP;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,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/skeleton.tsx","../../src/theme/recipes/skeleton.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<typeof defaultElement, SkeletonVariants>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n const variants = pick(props, ...skeletonRecipe.variants());\n const skeleton = skeletonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(skeleton, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==';\nimport 'src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/skeleton.tsx","../../src/theme/recipes/skeleton.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<typeof defaultElement, SkeletonVariants>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n const variants = pick(props, ...skeletonRecipe.variants());\n const skeleton = skeletonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(skeleton, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==';\nimport 'src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonRecipe = _7a468({defaultClassName:'skeleton_skeletonRecipe__w6jrqu0',variantClassNames:{variant:{avatar1:'skeleton_skeletonRecipe_variant_avatar1__w6jrqu1',avatar2:'skeleton_skeletonRecipe_variant_avatar2__w6jrqu2',avatar3:'skeleton_skeletonRecipe_variant_avatar3__w6jrqu3',avatar4:'skeleton_skeletonRecipe_variant_avatar4__w6jrqu4',avatar5:'skeleton_skeletonRecipe_variant_avatar5__w6jrqu5',avatar6:'skeleton_skeletonRecipe_variant_avatar6__w6jrqu6',text:'skeleton_skeletonRecipe_variant_text__w6jrqu7',title:'skeleton_skeletonRecipe_variant_title__w6jrqu8',heading:'skeleton_skeletonRecipe_variant_heading__w6jrqu9',button:'skeleton_skeletonRecipe_variant_button__w6jrqua'}},defaultVariants:{variant:'text'},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,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,MAAK,iDAAgD,OAAM,kDAAiD,SAAQ,oDAAmD,QAAO,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHtuB,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,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,UAAU,MAAM,SAAS,GAC/D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -5,47 +5,47 @@
|
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+
|
|
8
|
+
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+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
|
/*# sourceMappingURL=spinner.css.map */
|
|
@@ -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=#H4sIAAAAAAAACn3P327CIBTH8fs+
|
|
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=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA"],"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}"],"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;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["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/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+
|
|
1
|
+
{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["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/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+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"],"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;;;AHPA,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;","names":["_7a468"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA= */
|
|
2
2
|
.switch_switchRecipe__1dl6sj10 {
|
|
3
3
|
all: unset;
|
|
4
4
|
background-color: var(--colors-slate-slate5__19nbe8d1ym);
|
|
5
|
-
border-radius: var(--radii-
|
|
5
|
+
border-radius: var(--radii-full__19nbe8d2go);
|
|
6
6
|
position: relative;
|
|
7
7
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
8
8
|
}
|
|
@@ -13,18 +13,18 @@
|
|
|
13
13
|
background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
14
14
|
}
|
|
15
15
|
.switch_switchRecipe_size_1__1dl6sj11 {
|
|
16
|
-
width: var(--sizes-
|
|
17
|
-
height: var(--sizes-
|
|
16
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
17
|
+
height: var(--sizes-4__19nbe8d2gb);
|
|
18
18
|
}
|
|
19
19
|
.switch_switchRecipe_size_2__1dl6sj12 {
|
|
20
|
-
width: var(--sizes-
|
|
21
|
-
height: var(--sizes-
|
|
20
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
21
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
22
22
|
}
|
|
23
23
|
.switch_switchThumbRecipe__1dl6sj13 {
|
|
24
24
|
all: unset;
|
|
25
25
|
display: block;
|
|
26
26
|
background-color: white;
|
|
27
|
-
border-radius: var(--radii-
|
|
27
|
+
border-radius: var(--radii-full__19nbe8d2go);
|
|
28
28
|
transition: transform 100ms;
|
|
29
29
|
transform: translateX(2px);
|
|
30
30
|
will-change: transform;
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
top: 2px;
|
|
34
34
|
}
|
|
35
35
|
.switch_switchThumbRecipe_size_1__1dl6sj14 {
|
|
36
|
-
width: var(--sizes-
|
|
37
|
-
height: var(--sizes-
|
|
36
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
37
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
38
38
|
}
|
|
39
39
|
.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=checked] {
|
|
40
40
|
transform: translateX(10px);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA="],"sourcesContent":[".switch_switchRecipe__1dl6sj10 {\n all: unset;\n background-color: var(--colors-slate-slate5__19nbe8d1ym);\n border-radius: var(--radii-full__19nbe8d2go);\n position: relative;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.switch_switchRecipe__1dl6sj10:focus {\n box-shadow: 0 0 0 2px var(--colors-slate-slate8__19nbe8d1yp);\n}\n.switch_switchRecipe__1dl6sj10[data-state=\"checked\"] {\n background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.switch_switchRecipe_size_1__1dl6sj11 {\n width: var(--sizes-5__19nbe8d2gc);\n height: var(--sizes-4__19nbe8d2gb);\n}\n.switch_switchRecipe_size_2__1dl6sj12 {\n width: var(--sizes-7__19nbe8d2ge);\n height: var(--sizes-5__19nbe8d2gc);\n}\n.switch_switchThumbRecipe__1dl6sj13 {\n all: unset;\n display: block;\n background-color: white;\n border-radius: var(--radii-full__19nbe8d2go);\n transition: transform 100ms;\n transform: translateX(2px);\n will-change: transform;\n position: absolute;\n left: 0;\n top: 2px;\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14 {\n width: var(--sizes-3__19nbe8d2ga);\n height: var(--sizes-3__19nbe8d2ga);\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=\"checked\"] {\n transform: translateX(10px);\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15 {\n width: 20px;\n height: 20px;\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15[data-state=\"checked\"] {\n transform: translateX(18px);\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,YAAU;AACV,+BAA6B,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7C;AACA,CAPC,6BAO6B;AAC5B,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AACA,CAVC,6BAU6B,CAAC;AAC7B,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,OAAK;AACL,WAAS;AACT,oBAAkB;AAClB,iBAAe,IAAI;AACnB,cAAY,UAAU;AACtB,aAAW,WAAW;AACtB,eAAa;AACb,YAAU;AACV,QAAM;AACN,OAAK;AACP;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAACp1T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchRecipe = _7a468({defaultClassName:'switch_switchRecipe__1dl6sj10',variantClassNames:{size:{'1':'switch_switchRecipe_size_1__1dl6sj11','2':'switch_switchRecipe_size_2__1dl6sj12'}},defaultVariants:{size:'1'},compoundVariants:[]});\nexport var switchThumbRecipe = _7a468({defaultClassName:'switch_switchThumbRecipe__1dl6sj13',variantClassNames:{size:{'1':'switch_switchThumbRecipe_size_1__1dl6sj14','2':'switch_switchThumbRecipe_size_2__1dl6sj15'}},defaultVariants:{size:'1'},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;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5O,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHhQ,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;;;AHHA,sBAAiC;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,sDAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":["_7a468"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA= */
|
|
2
2
|
.text-field_textFieldRecipe__i0hdwa0 {
|
|
3
3
|
appearance: none;
|
|
4
4
|
border-width: 0;
|
|
@@ -42,21 +42,21 @@
|
|
|
42
42
|
color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
|
|
43
43
|
}
|
|
44
44
|
.text-field_textFieldRecipe_size_1__i0hdwa1 {
|
|
45
|
-
border-radius: var(--radii-
|
|
46
|
-
height: var(--sizes-
|
|
45
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
46
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
47
47
|
font-size: var(--fontSizes-1__19nbe8d9);
|
|
48
48
|
padding-left: var(--space-2__19nbe8d1);
|
|
49
49
|
padding-right: var(--space-2__19nbe8d1);
|
|
50
|
-
line-height: var(--sizes-
|
|
50
|
+
line-height: var(--sizes-5__19nbe8d2gc);
|
|
51
51
|
}
|
|
52
52
|
.text-field_textFieldRecipe_size_1__i0hdwa1:-webkit-autofill::first-line {
|
|
53
53
|
font-size: var(--fontSizes-1__19nbe8d9);
|
|
54
54
|
}
|
|
55
55
|
.text-field_textFieldRecipe_size_2__i0hdwa2 {
|
|
56
|
-
border-radius: var(--radii-
|
|
56
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
57
57
|
font-size: var(--fontSizes-3__19nbe8db);
|
|
58
|
-
line-height: var(--lineHeights-
|
|
59
|
-
height: var(--sizes-
|
|
58
|
+
line-height: var(--lineHeights-6__19nbe8d2fv);
|
|
59
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
60
60
|
padding-left: var(--space-3__19nbe8d2);
|
|
61
61
|
padding-right: var(--space-3__19nbe8d2);
|
|
62
62
|
}
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
font-size: var(--fontSizes-3__19nbe8db);
|
|
65
65
|
}
|
|
66
66
|
.text-field_textFieldRecipe_size_3__i0hdwa3 {
|
|
67
|
-
border-radius: var(--radii-
|
|
67
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
68
68
|
font-size: var(--fontSizes-4__19nbe8dc);
|
|
69
|
-
line-height: var(--sizes-
|
|
70
|
-
height: var(--sizes-
|
|
69
|
+
line-height: var(--sizes-7__19nbe8d2ge);
|
|
70
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
71
71
|
padding-left: var(--space-4__19nbe8d3);
|
|
72
72
|
padding-right: var(--space-4__19nbe8d3);
|
|
73
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA="],"sourcesContent":[".text-field_textFieldRecipe__i0hdwa0 {\n appearance: none;\n border-width: 0;\n box-sizing: border-box;\n font-family: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n width: 100%;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n background-color: transparent;\n color: inherit;\n font-variant-numeric: tabular-nums;\n}\n.text-field_textFieldRecipe__i0hdwa0:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.text-field_textFieldRecipe__i0hdwa0::after {\n box-sizing: border-box;\n}\n.text-field_textFieldRecipe__i0hdwa0::before {\n box-sizing: border-box;\n}\n.text-field_textFieldRecipe__i0hdwa0: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.text-field_textFieldRecipe__i0hdwa0:focus {\n outline: 1px solid #000000;\n}\n.text-field_textFieldRecipe__i0hdwa0:read-only {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n}\n.text-field_textFieldRecipe__i0hdwa0[data-invalid] {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text-field_textFieldRecipe__i0hdwa0[data-placeholder] {\n color: var(--semanticColors-textPlaceholder__19nbe8d2fd);\n}\n.text-field_textFieldRecipe_size_1__i0hdwa1 {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n font-size: var(--fontSizes-1__19nbe8d9);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n line-height: var(--sizes-5__19nbe8d2gc);\n}\n.text-field_textFieldRecipe_size_1__i0hdwa1:-webkit-autofill::first-line {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text-field_textFieldRecipe_size_2__i0hdwa2 {\n border-radius: var(--radii-2__19nbe8d2gi);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fv);\n height: var(--sizes-6__19nbe8d2gd);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n}\n.text-field_textFieldRecipe_size_2__i0hdwa2:-webkit-autofill::first-line {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text-field_textFieldRecipe_size_3__i0hdwa3 {\n border-radius: var(--radii-2__19nbe8d2gi);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2ge);\n height: var(--sizes-7__19nbe8d2ge);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n}\n.text-field_textFieldRecipe_size_3__i0hdwa3:-webkit-autofill::first-line {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text-field_textFieldRecipe_error_true__i0hdwa4 {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;\n}\n.text-field_textFieldRecipe_cursor_default__i0hdwa5 {\n cursor: default;\n}\n.text-field_textFieldRecipe_cursor_default__i0hdwa5:focus {\n cursor: text;\n}\n.text-field_textFieldRecipe_cursor_text__i0hdwa6 {\n cursor: text;\n}\n.text-field_textFieldRecipe_variant_outline__i0hdwa7 {\n box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.text-field_textFieldRecipe_variant_ghost__i0hdwa8 {\n box-shadow: none;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,SAAO;AACP,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,oBAAkB;AAClB,SAAO;AACP,wBAAsB;AACxB;AACA,CAdC,mCAcmC;AAClC,oBAAkB,IAAI;AACxB;AACA,CAjBC,mCAiBmC;AAClC,cAAY;AACd;AACA,CApBC,mCAoBmC;AAClC,cAAY;AACd;AACA,CAvBC,mCAuBmC;AAClC,oBAAkB,IAAI;AACtB,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,SAAO,IAAI;AACX,UAAQ;AACR,kBAAgB;AAClB;AACA,CA9BC,mCA8BmC;AAClC,WAAS,IAAI,MAAM;AACrB;AACA,CAjCC,mCAiCmC;AAClC,oBAAkB,IAAI;AACxB;AACA,CApCC,mCAoCmC,CAAC;AACnC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAvCC,mCAuCmC,CAAC;AACnC,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,aAAW,IAAI;AACf,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,eAAa,IAAI;AACnB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,0CAQ0C,iBAAiB;AAC1D,aAAW,IAAI;AACjB;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,kDAGkD;AACjD,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,cAAY;AACd;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/text-field.tsx","../../src/theme/recipes/text-field.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n TextFieldVariants,\n textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n const variants = pick(props, ...textFieldRecipe.variants());\n const textField = textFieldRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(textField, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/
|
|
1
|
+
{"version":3,"sources":["../../src/components/text-field.tsx","../../src/theme/recipes/text-field.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n TextFieldVariants,\n textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n const variants = pick(props, ...textFieldRecipe.variants());\n const textField = textFieldRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(textField, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAACrVW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textFieldRecipe = _7a468({defaultClassName:'text-field_textFieldRecipe__i0hdwa0',variantClassNames:{size:{'1':'text-field_textFieldRecipe_size_1__i0hdwa1','2':'text-field_textFieldRecipe_size_2__i0hdwa2','3':'text-field_textFieldRecipe_size_3__i0hdwa3'},error:{true:'text-field_textFieldRecipe_error_true__i0hdwa4'},cursor:{'default':'text-field_textFieldRecipe_cursor_default__i0hdwa5',text:'text-field_textFieldRecipe_cursor_text__i0hdwa6'},variant:{outline:'text-field_textFieldRecipe_variant_outline__i0hdwa7',ghost:'text-field_textFieldRecipe_variant_ghost__i0hdwa8'}},defaultVariants:{size:'2',variant:'outline'},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,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,uCAAsC,mBAAkB,EAAC,MAAK,EAAC,KAAI,8CAA6C,KAAI,8CAA6C,KAAI,6CAA4C,GAAE,OAAM,EAAC,MAAK,iDAAgD,GAAE,QAAO,EAAC,WAAU,sDAAqD,MAAK,kDAAiD,GAAE,SAAQ,EAAC,SAAQ,uDAAsD,OAAM,oDAAmD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFnoB,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;;;AHJA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
package/dist/components/text.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA== */
|
|
2
2
|
.text_textRecipe__1y7s4vx0 {
|
|
3
3
|
line-height: 1;
|
|
4
4
|
margin: 0;
|
|
5
|
-
font-weight: var(--fontWeights-
|
|
5
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
6
6
|
font-variant-numeric: tabular-nums;
|
|
7
7
|
display: block;
|
|
8
|
-
font-family: var(--fonts-
|
|
8
|
+
font-family: var(--fonts-text__19nbe8d2fi);
|
|
9
9
|
}
|
|
10
10
|
.text_textRecipe_color_primary__1y7s4vx1 {
|
|
11
11
|
color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
font-size: var(--fontSizes-9__19nbe8dh);
|
|
48
48
|
}
|
|
49
49
|
.text_textRecipe_weight_regular__1y7s4vxe {
|
|
50
|
-
font-weight: var(--fontWeights-
|
|
50
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fn);
|
|
51
51
|
}
|
|
52
52
|
.text_textRecipe_weight_medium__1y7s4vxf {
|
|
53
|
-
font-weight: var(--fontWeights-
|
|
53
|
+
font-weight: var(--fontWeights-medium__19nbe8d2fo);
|
|
54
54
|
}
|
|
55
55
|
.text_textRecipe_weight_bold__1y7s4vxg {
|
|
56
|
-
font-weight: var(--fontWeights-
|
|
56
|
+
font-weight: var(--fontWeights-bold__19nbe8d2fp);
|
|
57
57
|
}
|
|
58
58
|
/*# sourceMappingURL=text.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA=="],"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}"],"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;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/text.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.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 = \"span\";\n\ntype TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n const variants = pick(props, ...textRecipe.variants());\n const text = textRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\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/text.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.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 = \"span\";\n\ntype TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n const variants = pick(props, ...textRecipe.variants());\n const text = textRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\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=#H4sIAAAAAAAACpXUzXKCMBAH8DtPkWM9xBHED/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","/**\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,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;;;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/text.mjs
CHANGED