@rarui/styles 2.6.2 → 2.6.3-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/packages/exhibition/avatar/index.d.ts +6 -6
- package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +6 -6
- package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
- package/dist/packages/exhibition/badge/index.d.ts +32 -32
- package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +32 -32
- package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -1
- package/dist/packages/exhibition/divider/index.d.ts +21 -21
- package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -1
- package/dist/packages/exhibition/icon/index.d.ts +36 -36
- package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -1
- package/dist/packages/exhibition/label/rarui-label.css.js +1 -1
- package/dist/packages/exhibition/stepper/index.d.ts +8 -8
- package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +8 -8
- package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
- package/dist/packages/exhibition/text/index.d.ts +52 -52
- package/dist/packages/exhibition/text/rarui-text.css.d.ts +12 -12
- package/dist/packages/exhibition/text/rarui-text.css.js +1 -1
- package/dist/packages/exhibition/title/index.d.ts +70 -70
- package/dist/packages/exhibition/title/rarui-title.css.d.ts +12 -12
- package/dist/packages/exhibition/title/rarui-title.css.js +1 -1
- package/dist/packages/exhibition/tooltip/index.d.ts +6 -6
- package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +6 -6
- package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
- package/dist/packages/feedback/progress/index.d.ts +6 -6
- package/dist/packages/feedback/progress/rarui-progress.css.d.ts +3 -3
- package/dist/packages/feedback/progress/rarui-progress.css.js +1 -1
- package/dist/packages/feedback/skeleton/index.d.ts +11 -11
- package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -1
- package/dist/packages/feedback/status/index.d.ts +14 -14
- package/dist/packages/feedback/status/rarui-status.css.d.ts +18 -17
- package/dist/packages/feedback/status/rarui-status.css.js +1 -1
- package/dist/packages/feedback/toast/index.d.ts +20 -20
- package/dist/packages/feedback/toast/rarui-toast.css.d.ts +20 -20
- package/dist/packages/feedback/toast/rarui-toast.css.js +1 -1
- package/dist/packages/input/button/index.d.ts +30 -30
- package/dist/packages/input/button/rarui-button.css.d.ts +30 -30
- package/dist/packages/input/button/rarui-button.css.js +1 -1
- package/dist/packages/input/checkbox/index.d.ts +3 -3
- package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +4 -3
- package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -1
- package/dist/packages/input/chip/index.d.ts +9 -9
- package/dist/packages/input/chip/rarui-chip.css.d.ts +9 -9
- package/dist/packages/input/chip/rarui-chip.css.js +1 -1
- package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -1
- package/dist/packages/input/dropdown/index.d.ts +12 -12
- package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +3 -3
- package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -1
- package/dist/packages/input/iconButton/index.d.ts +26 -26
- package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +26 -26
- package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
- package/dist/packages/input/input/index.d.ts +26 -26
- package/dist/packages/input/input/rarui-input.css.d.ts +26 -26
- package/dist/packages/input/input/rarui-input.css.js +1 -1
- package/dist/packages/input/radioButton/index.d.ts +8 -8
- package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +8 -8
- package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -1
- package/dist/packages/input/select/index.d.ts +9 -9
- package/dist/packages/input/select/rarui-select.css.d.ts +9 -9
- package/dist/packages/input/select/rarui-select.css.js +1 -1
- package/dist/packages/input/textarea/index.d.ts +8 -8
- package/dist/packages/input/textarea/rarui-textarea.css.d.ts +8 -8
- package/dist/packages/input/textarea/rarui-textarea.css.js +1 -1
- package/dist/packages/input/toggle/index.d.ts +6 -6
- package/dist/packages/input/toggle/rarui-toggle.css.d.ts +6 -6
- package/dist/packages/input/toggle/rarui-toggle.css.js +1 -1
- package/dist/packages/layout/box/index.d.ts +731 -731
- package/dist/packages/layout/box/rarui-box.css.d.ts +32 -32
- package/dist/packages/layout/box/rarui-box.css.js +1 -1
- package/dist/packages/layout/sidebar/index.d.ts +13 -13
- package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +2 -2
- package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -1
- package/dist/packages/navigation/breadcrumb/index.d.ts +1 -1
- package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +1 -1
- package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -1
- package/dist/packages/navigation/link/index.d.ts +3 -3
- package/dist/packages/navigation/link/rarui-link.css.d.ts +5 -3
- package/dist/packages/navigation/link/rarui-link.css.js +1 -1
- package/dist/packages/navigation/pagination/index.d.ts +9 -9
- package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +9 -9
- package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -1
- package/dist/packages/navigation/sideNavigation/index.d.ts +12 -12
- package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +12 -12
- package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -1
- package/dist/packages/navigation/tabs/index.d.ts +5 -5
- package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +5 -5
- package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
- package/dist/packages/surface/accordion/index.d.ts +9 -9
- package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +9 -9
- package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -1
- package/dist/packages/surface/banner/index.d.ts +13 -13
- package/dist/packages/surface/banner/rarui-banner.css.d.ts +13 -13
- package/dist/packages/surface/banner/rarui-banner.css.js +1 -1
- package/dist/packages/surface/banner/rarui-banner.types.d.ts +1 -1
- package/dist/packages/surface/card/index.d.ts +66 -66
- package/dist/packages/surface/card/rarui-card.css.d.ts +4 -4
- package/dist/packages/surface/card/rarui-card.css.js +1 -1
- package/dist/packages/surface/modal/index.d.ts +10 -10
- package/dist/packages/surface/modal/rarui-modal.css.d.ts +1 -1
- package/dist/packages/surface/modal/rarui-modal.css.js +1 -1
- package/dist/properties/css.d.ts +172 -172
- package/dist/themes/globals.css.d.ts +163 -163
- package/dist/themes/globals.css.js +1 -1
- package/dist/themes/rarui-theme-dark.css.js +1 -1
- package/package.json +6 -5
- package/dist/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.d.ts +0 -168
- package/dist/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +0 -1
- package/dist/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +0 -1
- package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +0 -1
- package/dist/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.d.ts +0 -28
- package/dist/node_modules/csstype/index.d.d.ts +0 -11245
- package/dist/node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js +0 -1
- package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.d.ts +0 -7
- package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/css.d.d.ts +0 -6075
- package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/types.d.d.ts +0 -137
- package/dist/node_modules/tslib/tslib.es6.js +0 -1
|
@@ -8,7 +8,7 @@ declare const chipStyles: {
|
|
|
8
8
|
*/
|
|
9
9
|
pill: {
|
|
10
10
|
true: {
|
|
11
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
@@ -17,11 +17,11 @@ declare const chipStyles: {
|
|
|
17
17
|
*/
|
|
18
18
|
selected: {
|
|
19
19
|
true: {
|
|
20
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
":hover": {
|
|
24
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
};
|
|
@@ -31,13 +31,13 @@ declare const chipStyles: {
|
|
|
31
31
|
*/
|
|
32
32
|
size: {
|
|
33
33
|
medium: {
|
|
34
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
35
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
36
|
height: "2rem";
|
|
37
37
|
};
|
|
38
38
|
small: {
|
|
39
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
39
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
height: "1.5rem";
|
|
42
42
|
};
|
|
43
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i=r({config:{textTransform:{dynamic:{default:"rarui-chip_textTransform-xs__1rk47ppe",conditions:{xs:"rarui-chip_textTransform-xs__1rk47ppe",md:"rarui-chip_textTransform-md__1rk47ppf",lg:"rarui-chip_textTransform-lg__1rk47ppg",xl:"rarui-chip_textTransform-xl__1rk47pph"}},name:"textTransform",vars:{conditions:{xs:"var(--textTransform-xs__1rk47ppa)",md:"var(--textTransform-md__1rk47ppb)",lg:"var(--textTransform-lg__1rk47ppc)",xl:"var(--textTransform-xl__1rk47ppd)"},default:"var(--textTransform-xs__1rk47ppa)"},dynamicScale:!0},padding:{values:{medium:{conditions:{xs:"rarui-chip_padding-medium-xs__1rk47ppi",md:"rarui-chip_padding-medium-md__1rk47ppj",lg:"rarui-chip_padding-medium-lg__1rk47ppk",xl:"rarui-chip_padding-medium-xl__1rk47ppl"},default:"rarui-chip_padding-medium-xs__1rk47ppi"},small:{conditions:{xs:"rarui-chip_padding-small-xs__1rk47ppm",md:"rarui-chip_padding-small-md__1rk47ppn",lg:"rarui-chip_padding-small-lg__1rk47ppo",xl:"rarui-chip_padding-small-xl__1rk47ppp"},default:"rarui-chip_padding-small-xs__1rk47ppm"}},name:"padding",staticScale:e}}}),p={chip:a({defaultClassName:"rarui-chip__1rk47pp0",variantClassNames:{pill:{true:"rarui-chip_pill_true__1rk47pp1"},selected:{true:"rarui-chip_selected_true__1rk47pp2"},size:{medium:"rarui-chip_size_medium__1rk47pp3",small:"rarui-chip_size_small__1rk47pp4"},textOverflow:{true:"rarui-chip_textOverflow_true__1rk47pp5"}},defaultVariants:{size:"medium"},compoundVariants:[]}),content:a({defaultClassName:"rarui-chip_content__1rk47pp6",variantClassNames:{textOverflow:{true:"rarui-chip_content_textOverflow_true__1rk47pp7"}},defaultVariants:{},compoundVariants:[]}),close:"rarui-chip_close__1rk47pp8",overlay:"rarui-chip_overlay__1rk47pp9"},e={medium:"0 var(--rarui-spacing-xs)",small:"0 var(--rarui-spacing-4xs)"};export{i as chipSprinkle,p as chipStyles,e as paddingProperties};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
var e={datepicker:"rarui-datepicker__1172dxe0",day:"rarui-datepicker_day__1172dxe2",weekday:"rarui-datepicker_weekday__1172dxe1",time:"rarui-datepicker_time__1172dxe3"};export{e as datepickerStyles};
|
|
@@ -6,7 +6,7 @@ declare const dropdown: {
|
|
|
6
6
|
dropdown: RuntimeFn<{
|
|
7
7
|
padding: {
|
|
8
8
|
base: {
|
|
9
|
-
padding: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
+
padding: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
10
|
};
|
|
11
11
|
none: {
|
|
12
12
|
padding: number;
|
|
@@ -16,9 +16,9 @@ declare const dropdown: {
|
|
|
16
16
|
item: RuntimeFn<{
|
|
17
17
|
selected: {
|
|
18
18
|
true: {
|
|
19
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
":hover": {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
};
|
|
@@ -66,15 +66,15 @@ declare const dropdown: {
|
|
|
66
66
|
};
|
|
67
67
|
};
|
|
68
68
|
staticScale: {
|
|
69
|
-
"100": `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
-
"200": `var(--${string})` | `var(--${string}, ${string})
|
|
71
|
-
"300": `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
-
"400": `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
-
"500": `var(--${string})` | `var(--${string}, ${string})
|
|
74
|
-
"600": `var(--${string})` | `var(--${string}, ${string})
|
|
75
|
-
"700": `var(--${string})` | `var(--${string}, ${string})
|
|
76
|
-
"800": `var(--${string})` | `var(--${string}, ${string})
|
|
77
|
-
"900": `var(--${string})` | `var(--${string}, ${string})
|
|
69
|
+
"100": `var(--${string})` | `var(--${string}, ${string})`;
|
|
70
|
+
"200": `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
|
+
"300": `var(--${string})` | `var(--${string}, ${string})`;
|
|
72
|
+
"400": `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
|
+
"500": `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
|
+
"600": `var(--${string})` | `var(--${string}, ${string})`;
|
|
75
|
+
"700": `var(--${string})` | `var(--${string}, ${string})`;
|
|
76
|
+
"800": `var(--${string})` | `var(--${string}, ${string})`;
|
|
77
|
+
"900": `var(--${string})` | `var(--${string}, ${string})`;
|
|
78
78
|
};
|
|
79
79
|
name: "zIndex";
|
|
80
80
|
};
|
|
@@ -8,7 +8,7 @@ declare const dropdownStyles: {
|
|
|
8
8
|
*/
|
|
9
9
|
padding: {
|
|
10
10
|
base: {
|
|
11
|
-
padding: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
padding: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
none: {
|
|
14
14
|
padding: number;
|
|
@@ -18,9 +18,9 @@ declare const dropdownStyles: {
|
|
|
18
18
|
item: RuntimeFn<{
|
|
19
19
|
selected: {
|
|
20
20
|
true: {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
22
|
":hover": {
|
|
23
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as d}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var _=d({config:{width:{dynamic:{default:"rarui-dropdown_width-xs__1b7gjg59",conditions:{xs:"rarui-dropdown_width-xs__1b7gjg59",md:"rarui-dropdown_width-md__1b7gjg5a",lg:"rarui-dropdown_width-lg__1b7gjg5b",xl:"rarui-dropdown_width-xl__1b7gjg5c"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1b7gjg55)",md:"var(--width-md__1b7gjg56)",lg:"var(--width-lg__1b7gjg57)",xl:"var(--width-xl__1b7gjg58)"},default:"var(--width-xs__1b7gjg55)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-dropdown_maxWidth-xs__1b7gjg5h",conditions:{xs:"rarui-dropdown_maxWidth-xs__1b7gjg5h",md:"rarui-dropdown_maxWidth-md__1b7gjg5i",lg:"rarui-dropdown_maxWidth-lg__1b7gjg5j",xl:"rarui-dropdown_maxWidth-xl__1b7gjg5k"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1b7gjg5d)",md:"var(--maxWidth-md__1b7gjg5e)",lg:"var(--maxWidth-lg__1b7gjg5f)",xl:"var(--maxWidth-xl__1b7gjg5g)"},default:"var(--maxWidth-xs__1b7gjg5d)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-dropdown_zIndex-100-xs__1b7gjg5l",md:"rarui-dropdown_zIndex-100-md__1b7gjg5m",lg:"rarui-dropdown_zIndex-100-lg__1b7gjg5n",xl:"rarui-dropdown_zIndex-100-xl__1b7gjg5o"},default:"rarui-dropdown_zIndex-100-xs__1b7gjg5l"},200:{conditions:{xs:"rarui-dropdown_zIndex-200-xs__1b7gjg5p",md:"rarui-dropdown_zIndex-200-md__1b7gjg5q",lg:"rarui-dropdown_zIndex-200-lg__1b7gjg5r",xl:"rarui-dropdown_zIndex-200-xl__1b7gjg5s"},default:"rarui-dropdown_zIndex-200-xs__1b7gjg5p"},300:{conditions:{xs:"rarui-dropdown_zIndex-300-xs__1b7gjg5t",md:"rarui-dropdown_zIndex-300-md__1b7gjg5u",lg:"rarui-dropdown_zIndex-300-lg__1b7gjg5v",xl:"rarui-dropdown_zIndex-300-xl__1b7gjg5w"},default:"rarui-dropdown_zIndex-300-xs__1b7gjg5t"},400:{conditions:{xs:"rarui-dropdown_zIndex-400-xs__1b7gjg5x",md:"rarui-dropdown_zIndex-400-md__1b7gjg5y",lg:"rarui-dropdown_zIndex-400-lg__1b7gjg5z",xl:"rarui-dropdown_zIndex-400-xl__1b7gjg510"},default:"rarui-dropdown_zIndex-400-xs__1b7gjg5x"},500:{conditions:{xs:"rarui-dropdown_zIndex-500-xs__1b7gjg511",md:"rarui-dropdown_zIndex-500-md__1b7gjg512",lg:"rarui-dropdown_zIndex-500-lg__1b7gjg513",xl:"rarui-dropdown_zIndex-500-xl__1b7gjg514"},default:"rarui-dropdown_zIndex-500-xs__1b7gjg511"},600:{conditions:{xs:"rarui-dropdown_zIndex-600-xs__1b7gjg515",md:"rarui-dropdown_zIndex-600-md__1b7gjg516",lg:"rarui-dropdown_zIndex-600-lg__1b7gjg517",xl:"rarui-dropdown_zIndex-600-xl__1b7gjg518"},default:"rarui-dropdown_zIndex-600-xs__1b7gjg515"},700:{conditions:{xs:"rarui-dropdown_zIndex-700-xs__1b7gjg519",md:"rarui-dropdown_zIndex-700-md__1b7gjg51a",lg:"rarui-dropdown_zIndex-700-lg__1b7gjg51b",xl:"rarui-dropdown_zIndex-700-xl__1b7gjg51c"},default:"rarui-dropdown_zIndex-700-xs__1b7gjg519"},800:{conditions:{xs:"rarui-dropdown_zIndex-800-xs__1b7gjg51d",md:"rarui-dropdown_zIndex-800-md__1b7gjg51e",lg:"rarui-dropdown_zIndex-800-lg__1b7gjg51f",xl:"rarui-dropdown_zIndex-800-xl__1b7gjg51g"},default:"rarui-dropdown_zIndex-800-xs__1b7gjg51d"},900:{conditions:{xs:"rarui-dropdown_zIndex-900-xs__1b7gjg51h",md:"rarui-dropdown_zIndex-900-md__1b7gjg51i",lg:"rarui-dropdown_zIndex-900-lg__1b7gjg51j",xl:"rarui-dropdown_zIndex-900-xl__1b7gjg51k"},default:"rarui-dropdown_zIndex-900-xs__1b7gjg51h"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),n={dropdown:r({defaultClassName:"rarui-dropdown__1b7gjg50",variantClassNames:{padding:{base:"rarui-dropdown_padding_base__1b7gjg51",none:"rarui-dropdown_padding_none__1b7gjg52"}},defaultVariants:{},compoundVariants:[]}),item:r({defaultClassName:"rarui-dropdown_item__1b7gjg53",variantClassNames:{selected:{true:"rarui-dropdown_item_selected_true__1b7gjg54"}},defaultVariants:{},compoundVariants:[]})};export{_ as dropdownSprinkle,n as dropdownStyles};
|
|
@@ -5,62 +5,62 @@ declare const iconButton: {
|
|
|
5
5
|
iconButton: RuntimeFn<{
|
|
6
6
|
appearance: {
|
|
7
7
|
brand: {
|
|
8
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
11
|
};
|
|
12
12
|
danger: {
|
|
13
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
16
|
};
|
|
17
17
|
success: {
|
|
18
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
21
|
};
|
|
22
22
|
warning: {
|
|
23
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
26
|
};
|
|
27
27
|
neutral: {
|
|
28
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
31
|
};
|
|
32
32
|
inverted: {
|
|
33
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
35
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
38
|
size: {
|
|
39
39
|
large: {
|
|
40
40
|
height: "3rem";
|
|
41
41
|
width: "3rem";
|
|
42
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
43
|
};
|
|
44
44
|
medium: {
|
|
45
45
|
height: "2.5rem";
|
|
46
46
|
width: "2.5rem";
|
|
47
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
47
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
48
|
};
|
|
49
49
|
small: {
|
|
50
50
|
height: "2rem";
|
|
51
51
|
width: "2rem";
|
|
52
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
55
|
variant: {
|
|
56
56
|
solid: {
|
|
57
57
|
selectors: {
|
|
58
58
|
"&:hover:after": {
|
|
59
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
60
|
};
|
|
61
61
|
"&:active:after": {
|
|
62
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
63
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
62
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
63
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
64
64
|
};
|
|
65
65
|
};
|
|
66
66
|
};
|
|
@@ -77,9 +77,9 @@ declare const iconButton: {
|
|
|
77
77
|
};
|
|
78
78
|
rounded: {
|
|
79
79
|
true: {
|
|
80
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
80
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
81
81
|
":after": {
|
|
82
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
82
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
83
83
|
};
|
|
84
84
|
};
|
|
85
85
|
};
|
|
@@ -8,34 +8,34 @@ declare const iconButtonStyles: {
|
|
|
8
8
|
*/
|
|
9
9
|
appearance: {
|
|
10
10
|
brand: {
|
|
11
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
14
|
};
|
|
15
15
|
danger: {
|
|
16
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
19
|
};
|
|
20
20
|
success: {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
24
|
};
|
|
25
25
|
warning: {
|
|
26
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
26
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
29
|
};
|
|
30
30
|
neutral: {
|
|
31
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
32
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
31
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
34
|
};
|
|
35
35
|
inverted: {
|
|
36
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
38
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
36
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
/**
|
|
@@ -46,17 +46,17 @@ declare const iconButtonStyles: {
|
|
|
46
46
|
large: {
|
|
47
47
|
height: "3rem";
|
|
48
48
|
width: "3rem";
|
|
49
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
medium: {
|
|
52
52
|
height: "2.5rem";
|
|
53
53
|
width: "2.5rem";
|
|
54
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
55
|
};
|
|
56
56
|
small: {
|
|
57
57
|
height: "2rem";
|
|
58
58
|
width: "2rem";
|
|
59
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
variant: {
|
|
@@ -67,11 +67,11 @@ declare const iconButtonStyles: {
|
|
|
67
67
|
solid: {
|
|
68
68
|
selectors: {
|
|
69
69
|
"&:hover:after": {
|
|
70
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
71
|
};
|
|
72
72
|
"&:active:after": {
|
|
73
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
74
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
75
75
|
};
|
|
76
76
|
};
|
|
77
77
|
};
|
|
@@ -95,9 +95,9 @@ declare const iconButtonStyles: {
|
|
|
95
95
|
*/
|
|
96
96
|
rounded: {
|
|
97
97
|
true: {
|
|
98
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
99
|
":after": {
|
|
100
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
100
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
103
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var n={iconButton:a({defaultClassName:"rarui-iconButton__k9hrpu0",variantClassNames:{appearance:{brand:"rarui-iconButton_appearance_brand__k9hrpu1",danger:"rarui-iconButton_appearance_danger__k9hrpu2",success:"rarui-iconButton_appearance_success__k9hrpu3",warning:"rarui-iconButton_appearance_warning__k9hrpu4",neutral:"rarui-iconButton_appearance_neutral__k9hrpu5",inverted:"rarui-iconButton_appearance_inverted__k9hrpu6"},size:{large:"rarui-iconButton_size_large__k9hrpu7",medium:"rarui-iconButton_size_medium__k9hrpu8",small:"rarui-iconButton_size_small__k9hrpu9"},variant:{solid:"rarui-iconButton_variant_solid__k9hrpua",outlined:"rarui-iconButton_variant_outlined__k9hrpub",ghost:"rarui-iconButton_variant_ghost__k9hrpuc",tonal:"rarui-iconButton_variant_tonal__k9hrpud"},rounded:{true:"rarui-iconButton_rounded_true__k9hrpue"}},defaultVariants:{appearance:"brand",size:"medium",variant:"solid"},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-iconButton__compound_0__k9hrpuf"],[{appearance:"danger",variant:"outlined"},"rarui-iconButton__compound_1__k9hrpug"],[{appearance:"success",variant:"outlined"},"rarui-iconButton__compound_2__k9hrpuh"],[{appearance:"warning",variant:"outlined"},"rarui-iconButton__compound_3__k9hrpui"],[{appearance:"neutral",variant:"outlined"},"rarui-iconButton__compound_4__k9hrpuj"],[{appearance:"inverted",variant:"outlined"},"rarui-iconButton__compound_5__k9hrpuk"],[{appearance:"brand",variant:"ghost"},"rarui-iconButton__compound_6__k9hrpul"],[{appearance:"danger",variant:"ghost"},"rarui-iconButton__compound_7__k9hrpum"],[{appearance:"success",variant:"ghost"},"rarui-iconButton__compound_8__k9hrpun"],[{appearance:"warning",variant:"ghost"},"rarui-iconButton__compound_9__k9hrpuo"],[{appearance:"neutral",variant:"ghost"},"rarui-iconButton__compound_10__k9hrpup"],[{appearance:"inverted",variant:"ghost"},"rarui-iconButton__compound_11__k9hrpuq"],[{appearance:"brand",variant:"tonal"},"rarui-iconButton__compound_12__k9hrpur"],[{appearance:"danger",variant:"tonal"},"rarui-iconButton__compound_13__k9hrpus"],[{appearance:"success",variant:"tonal"},"rarui-iconButton__compound_14__k9hrput"],[{appearance:"warning",variant:"tonal"},"rarui-iconButton__compound_15__k9hrpuu"],[{appearance:"neutral",variant:"tonal"},"rarui-iconButton__compound_16__k9hrpuv"],[{appearance:"inverted",variant:"tonal"},"rarui-iconButton__compound_17__k9hrpuw"]]})};export{n as iconButtonStyles};
|
|
@@ -5,27 +5,27 @@ declare const input: {
|
|
|
5
5
|
container: RuntimeFn<{
|
|
6
6
|
appearance: {
|
|
7
7
|
success: {
|
|
8
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
":hover": {
|
|
10
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
11
|
};
|
|
12
12
|
":focus": {
|
|
13
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
error: {
|
|
17
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
18
|
":hover": {
|
|
19
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
":focus": {
|
|
22
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
26
|
border: {
|
|
27
27
|
true: {
|
|
28
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
29
|
};
|
|
30
30
|
false: {
|
|
31
31
|
borderWidth: number;
|
|
@@ -49,33 +49,33 @@ declare const input: {
|
|
|
49
49
|
};
|
|
50
50
|
size: {
|
|
51
51
|
large: {
|
|
52
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
53
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
54
54
|
};
|
|
55
55
|
medium: {
|
|
56
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
57
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
56
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
57
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
58
58
|
};
|
|
59
59
|
small: {
|
|
60
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
61
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
62
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
60
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
61
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
}>;
|
|
66
66
|
leading: RuntimeFn<{
|
|
67
67
|
position: {
|
|
68
68
|
start: {
|
|
69
|
-
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
69
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
70
70
|
};
|
|
71
71
|
end: {
|
|
72
|
-
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
divider: {
|
|
76
76
|
true: {
|
|
77
77
|
borderStyle: "solid";
|
|
78
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
78
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
79
79
|
};
|
|
80
80
|
false: {
|
|
81
81
|
borderRightWidth: number;
|
|
@@ -84,25 +84,25 @@ declare const input: {
|
|
|
84
84
|
};
|
|
85
85
|
appearance: {
|
|
86
86
|
success: {
|
|
87
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
88
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
89
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
87
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
88
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
90
90
|
};
|
|
91
91
|
error: {
|
|
92
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
93
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
94
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
92
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
93
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
94
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
97
|
size: {
|
|
98
98
|
large: {
|
|
99
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
99
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
100
100
|
};
|
|
101
101
|
medium: {
|
|
102
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
102
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
103
103
|
};
|
|
104
104
|
small: {
|
|
105
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
105
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
106
106
|
};
|
|
107
107
|
};
|
|
108
108
|
}>;
|
|
@@ -7,21 +7,21 @@ declare const styles: {
|
|
|
7
7
|
*/
|
|
8
8
|
appearance: {
|
|
9
9
|
success: {
|
|
10
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
11
|
":hover": {
|
|
12
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
13
|
};
|
|
14
14
|
":focus": {
|
|
15
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
error: {
|
|
19
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
":hover": {
|
|
21
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
22
|
};
|
|
23
23
|
":focus": {
|
|
24
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
};
|
|
@@ -30,7 +30,7 @@ declare const styles: {
|
|
|
30
30
|
*/
|
|
31
31
|
border: {
|
|
32
32
|
true: {
|
|
33
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
34
|
};
|
|
35
35
|
false: {
|
|
36
36
|
borderWidth: number;
|
|
@@ -60,33 +60,33 @@ declare const styles: {
|
|
|
60
60
|
*/
|
|
61
61
|
size: {
|
|
62
62
|
large: {
|
|
63
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
64
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
63
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
64
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
65
65
|
};
|
|
66
66
|
medium: {
|
|
67
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
68
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
67
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
68
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
69
69
|
};
|
|
70
70
|
small: {
|
|
71
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
-
lineHeight: `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
71
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
72
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
76
|
}>;
|
|
77
77
|
leading: RuntimeFn<{
|
|
78
78
|
position: {
|
|
79
79
|
start: {
|
|
80
|
-
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
80
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
81
81
|
};
|
|
82
82
|
end: {
|
|
83
|
-
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
83
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
84
84
|
};
|
|
85
85
|
};
|
|
86
86
|
divider: {
|
|
87
87
|
true: {
|
|
88
88
|
borderStyle: "solid";
|
|
89
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
89
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
90
90
|
};
|
|
91
91
|
false: {
|
|
92
92
|
borderRightWidth: number;
|
|
@@ -95,25 +95,25 @@ declare const styles: {
|
|
|
95
95
|
};
|
|
96
96
|
appearance: {
|
|
97
97
|
success: {
|
|
98
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
99
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
100
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
100
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
101
101
|
};
|
|
102
102
|
error: {
|
|
103
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
104
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
105
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
103
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
104
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
105
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
106
106
|
};
|
|
107
107
|
};
|
|
108
108
|
size: {
|
|
109
109
|
large: {
|
|
110
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
110
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
111
111
|
};
|
|
112
112
|
medium: {
|
|
113
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
113
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
114
114
|
};
|
|
115
115
|
small: {
|
|
116
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
116
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
117
117
|
};
|
|
118
118
|
};
|
|
119
119
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i={container:a({defaultClassName:"rarui-input_container__lq13ap0",variantClassNames:{appearance:{success:"rarui-input_container_appearance_success__lq13ap1",error:"rarui-input_container_appearance_error__lq13ap2"},border:{true:"rarui-input_container_border_true__lq13ap3",false:"rarui-input_container_border_false__lq13ap4"},size:{large:"rarui-input_container_size_large__lq13ap5",medium:"rarui-input_container_size_medium__lq13ap6",small:"rarui-input_container_size_small__lq13ap7"}},defaultVariants:{},compoundVariants:[]}),input:a({defaultClassName:"rarui-input__lq13ap8",variantClassNames:{divider:{false:"rarui-input_divider_false__lq13ap9"},size:{large:"rarui-input_size_large__lq13apa",medium:"rarui-input_size_medium__lq13apb",small:"rarui-input_size_small__lq13apc"}},defaultVariants:{},compoundVariants:[]}),leading:a({defaultClassName:"rarui-input_leading__lq13apd",variantClassNames:{position:{start:"rarui-input_leading_position_start__lq13ape",end:"rarui-input_leading_position_end__lq13apf"},divider:{true:"rarui-input_leading_divider_true__lq13apg",false:"rarui-input_leading_divider_false__lq13aph"},appearance:{success:"rarui-input_leading_appearance_success__lq13api",error:"rarui-input_leading_appearance_error__lq13apj"},size:{large:"rarui-input_leading_size_large__lq13apk",medium:"rarui-input_leading_size_medium__lq13apl",small:"rarui-input_leading_size_small__lq13apm"}},defaultVariants:{},compoundVariants:[[{position:"start",divider:!1},"rarui-input_leading_compound_0__lq13apn"],[{position:"end",divider:!1},"rarui-input_leading_compound_1__lq13apo"],[{appearance:"error",divider:!1},"rarui-input_leading_compound_2__lq13app"],[{appearance:"success",divider:!1},"rarui-input_leading_compound_3__lq13apq"]]})};export{i as styles};
|