@rarui/styles 2.6.1 → 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/CHANGELOG.md +6 -0
- 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 +13 -13
- package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -1
- package/dist/packages/exhibition/icon/index.d.ts +18 -18
- 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 +20 -5
- package/dist/packages/exhibition/stepper/rarui-stepper.css +18 -2
- package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +26 -5
- package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
- package/dist/packages/exhibition/text/index.d.ts +34 -34
- 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 +52 -52
- 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 +418 -418
- 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 +11 -11
- 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 +13 -13
- package/dist/packages/navigation/tabs/rarui-tabs.css +12 -12
- package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +16 -16
- 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 +33 -33
- 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
|
@@ -65,15 +65,15 @@ declare const sidebar: {
|
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
67
|
staticScale: {
|
|
68
|
-
"100": `var(--${string})` | `var(--${string}, ${string})
|
|
69
|
-
"200": `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
-
"300": `var(--${string})` | `var(--${string}, ${string})
|
|
71
|
-
"400": `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
-
"500": `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
-
"600": `var(--${string})` | `var(--${string}, ${string})
|
|
74
|
-
"700": `var(--${string})` | `var(--${string}, ${string})
|
|
75
|
-
"800": `var(--${string})` | `var(--${string}, ${string})
|
|
76
|
-
"900": `var(--${string})` | `var(--${string}, ${string})
|
|
68
|
+
"100": `var(--${string})` | `var(--${string}, ${string})`;
|
|
69
|
+
"200": `var(--${string})` | `var(--${string}, ${string})`;
|
|
70
|
+
"300": `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
|
+
"400": `var(--${string})` | `var(--${string}, ${string})`;
|
|
72
|
+
"500": `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
|
+
"600": `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
|
+
"700": `var(--${string})` | `var(--${string}, ${string})`;
|
|
75
|
+
"800": `var(--${string})` | `var(--${string}, ${string})`;
|
|
76
|
+
"900": `var(--${string})` | `var(--${string}, ${string})`;
|
|
77
77
|
};
|
|
78
78
|
name: "zIndex";
|
|
79
79
|
};
|
|
@@ -94,8 +94,8 @@ declare const sidebar: {
|
|
|
94
94
|
};
|
|
95
95
|
staticScale: {
|
|
96
96
|
none: string;
|
|
97
|
-
small: `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
-
medium: `var(--${string})` | `var(--${string}, ${string})
|
|
97
|
+
small: `var(--${string})` | `var(--${string}, ${string})`;
|
|
98
|
+
medium: `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
99
|
};
|
|
100
100
|
name: "padding";
|
|
101
101
|
};
|
|
@@ -30,8 +30,8 @@ declare const sidebarStyles: {
|
|
|
30
30
|
};
|
|
31
31
|
declare const sidebarPaddingProperties: {
|
|
32
32
|
none: string;
|
|
33
|
-
small: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
-
medium: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
+
small: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
+
medium: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
export { sidebarPaddingProperties, sidebarStyles };
|
|
@@ -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={none:"0",small:"var(--rarui-spacing-2xs)",medium:"var(--rarui-spacing-xs)"},d=r({config:{maxWidth:{dynamic:{default:"rarui-sidebar_maxWidth-xs__1n0cs41a",conditions:{xs:"rarui-sidebar_maxWidth-xs__1n0cs41a",md:"rarui-sidebar_maxWidth-md__1n0cs41b",lg:"rarui-sidebar_maxWidth-lg__1n0cs41c",xl:"rarui-sidebar_maxWidth-xl__1n0cs41d"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1n0cs416)",md:"var(--maxWidth-md__1n0cs417)",lg:"var(--maxWidth-lg__1n0cs418)",xl:"var(--maxWidth-xl__1n0cs419)"},default:"var(--maxWidth-xs__1n0cs416)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-sidebar_zIndex-100-xs__1n0cs41e",md:"rarui-sidebar_zIndex-100-md__1n0cs41f",lg:"rarui-sidebar_zIndex-100-lg__1n0cs41g",xl:"rarui-sidebar_zIndex-100-xl__1n0cs41h"},default:"rarui-sidebar_zIndex-100-xs__1n0cs41e"},200:{conditions:{xs:"rarui-sidebar_zIndex-200-xs__1n0cs41i",md:"rarui-sidebar_zIndex-200-md__1n0cs41j",lg:"rarui-sidebar_zIndex-200-lg__1n0cs41k",xl:"rarui-sidebar_zIndex-200-xl__1n0cs41l"},default:"rarui-sidebar_zIndex-200-xs__1n0cs41i"},300:{conditions:{xs:"rarui-sidebar_zIndex-300-xs__1n0cs41m",md:"rarui-sidebar_zIndex-300-md__1n0cs41n",lg:"rarui-sidebar_zIndex-300-lg__1n0cs41o",xl:"rarui-sidebar_zIndex-300-xl__1n0cs41p"},default:"rarui-sidebar_zIndex-300-xs__1n0cs41m"},400:{conditions:{xs:"rarui-sidebar_zIndex-400-xs__1n0cs41q",md:"rarui-sidebar_zIndex-400-md__1n0cs41r",lg:"rarui-sidebar_zIndex-400-lg__1n0cs41s",xl:"rarui-sidebar_zIndex-400-xl__1n0cs41t"},default:"rarui-sidebar_zIndex-400-xs__1n0cs41q"},500:{conditions:{xs:"rarui-sidebar_zIndex-500-xs__1n0cs41u",md:"rarui-sidebar_zIndex-500-md__1n0cs41v",lg:"rarui-sidebar_zIndex-500-lg__1n0cs41w",xl:"rarui-sidebar_zIndex-500-xl__1n0cs41x"},default:"rarui-sidebar_zIndex-500-xs__1n0cs41u"},600:{conditions:{xs:"rarui-sidebar_zIndex-600-xs__1n0cs41y",md:"rarui-sidebar_zIndex-600-md__1n0cs41z",lg:"rarui-sidebar_zIndex-600-lg__1n0cs4110",xl:"rarui-sidebar_zIndex-600-xl__1n0cs4111"},default:"rarui-sidebar_zIndex-600-xs__1n0cs41y"},700:{conditions:{xs:"rarui-sidebar_zIndex-700-xs__1n0cs4112",md:"rarui-sidebar_zIndex-700-md__1n0cs4113",lg:"rarui-sidebar_zIndex-700-lg__1n0cs4114",xl:"rarui-sidebar_zIndex-700-xl__1n0cs4115"},default:"rarui-sidebar_zIndex-700-xs__1n0cs4112"},800:{conditions:{xs:"rarui-sidebar_zIndex-800-xs__1n0cs4116",md:"rarui-sidebar_zIndex-800-md__1n0cs4117",lg:"rarui-sidebar_zIndex-800-lg__1n0cs4118",xl:"rarui-sidebar_zIndex-800-xl__1n0cs4119"},default:"rarui-sidebar_zIndex-800-xs__1n0cs4116"},900:{conditions:{xs:"rarui-sidebar_zIndex-900-xs__1n0cs411a",md:"rarui-sidebar_zIndex-900-md__1n0cs411b",lg:"rarui-sidebar_zIndex-900-lg__1n0cs411c",xl:"rarui-sidebar_zIndex-900-xl__1n0cs411d"},default:"rarui-sidebar_zIndex-900-xs__1n0cs411a"}},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)"}},padding:{values:{none:{conditions:{xs:"rarui-sidebar_padding-none-xs__1n0cs411e",md:"rarui-sidebar_padding-none-md__1n0cs411f",lg:"rarui-sidebar_padding-none-lg__1n0cs411g",xl:"rarui-sidebar_padding-none-xl__1n0cs411h"},default:"rarui-sidebar_padding-none-xs__1n0cs411e"},small:{conditions:{xs:"rarui-sidebar_padding-small-xs__1n0cs411i",md:"rarui-sidebar_padding-small-md__1n0cs411j",lg:"rarui-sidebar_padding-small-lg__1n0cs411k",xl:"rarui-sidebar_padding-small-xl__1n0cs411l"},default:"rarui-sidebar_padding-small-xs__1n0cs411i"},medium:{conditions:{xs:"rarui-sidebar_padding-medium-xs__1n0cs411m",md:"rarui-sidebar_padding-medium-md__1n0cs411n",lg:"rarui-sidebar_padding-medium-lg__1n0cs411o",xl:"rarui-sidebar_padding-medium-xl__1n0cs411p"},default:"rarui-sidebar_padding-medium-xs__1n0cs411m"}},name:"padding",staticScale:i}}}),s={sidebar:a({defaultClassName:"rarui-sidebar_sidebar__1n0cs410",variantClassNames:{position:{left:"rarui-sidebar_sidebar_position_left__1n0cs411",right:"rarui-sidebar_sidebar_position_right__1n0cs412"},open:{true:"rarui-sidebar_sidebar_open_true__1n0cs413"}},defaultVariants:{},compoundVariants:[]}),overlay:"rarui-sidebar_overlay__1n0cs415"};export{i as sidebarPaddingProperties,d as sidebarSprinkle,s as sidebarStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var a={breadcrumb:"rarui-breadcrumb__s9ulv20",item:r({defaultClassName:"rarui-breadcrumb_item__s9ulv21",variantClassNames:{active:{true:"rarui-breadcrumb_item_active_true__s9ulv22"}},defaultVariants:{},compoundVariants:[]})};export{a as breadcrumbStyles};
|
|
@@ -5,13 +5,13 @@ declare const link: {
|
|
|
5
5
|
link: RuntimeFn<{
|
|
6
6
|
appearance: {
|
|
7
7
|
brand: {
|
|
8
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
};
|
|
10
10
|
neutral: {
|
|
11
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
inverted: {
|
|
14
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
size: {
|
|
@@ -4,20 +4,22 @@ declare const styles: {
|
|
|
4
4
|
link: RuntimeFn<{
|
|
5
5
|
/**
|
|
6
6
|
* Determines the visual style of the link.
|
|
7
|
+
* @default brand
|
|
7
8
|
*/
|
|
8
9
|
appearance: {
|
|
9
10
|
brand: {
|
|
10
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
12
|
};
|
|
12
13
|
neutral: {
|
|
13
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
15
|
};
|
|
15
16
|
inverted: {
|
|
16
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
18
|
};
|
|
18
19
|
};
|
|
19
20
|
/**
|
|
20
21
|
* Specifies the size of the link.
|
|
22
|
+
* @default large
|
|
21
23
|
*/
|
|
22
24
|
size: {
|
|
23
25
|
large: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={link:a({defaultClassName:"rarui-link__ttd2ma0",variantClassNames:{appearance:{brand:"rarui-link_appearance_brand__ttd2ma1",neutral:"rarui-link_appearance_neutral__ttd2ma2",inverted:"rarui-link_appearance_inverted__ttd2ma3"},size:{large:"rarui-link_size_large__ttd2ma4",small:"rarui-link_size_small__ttd2ma5",medium:"rarui-link_size_medium__ttd2ma6"}},defaultVariants:{appearance:"brand",size:"large"},compoundVariants:[]})};export{r as styles};
|
|
@@ -5,7 +5,7 @@ declare const pagination: {
|
|
|
5
5
|
container: RuntimeFn<{
|
|
6
6
|
size: {
|
|
7
7
|
dot: {
|
|
8
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
};
|
|
10
10
|
small: {};
|
|
11
11
|
large: {};
|
|
@@ -14,11 +14,11 @@ declare const pagination: {
|
|
|
14
14
|
item: RuntimeFn<{
|
|
15
15
|
selected: {
|
|
16
16
|
true: {
|
|
17
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
19
|
":hover": {
|
|
20
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
};
|
|
@@ -26,18 +26,18 @@ declare const pagination: {
|
|
|
26
26
|
dot: {
|
|
27
27
|
width: "0.75rem";
|
|
28
28
|
height: "0.75rem";
|
|
29
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
31
|
};
|
|
32
32
|
small: {
|
|
33
33
|
minWidth: "2.5rem";
|
|
34
34
|
height: "2.5rem";
|
|
35
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
35
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
36
36
|
};
|
|
37
37
|
large: {
|
|
38
38
|
minWidth: "2.75rem";
|
|
39
39
|
height: "2.75rem";
|
|
40
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
}>;
|
|
@@ -4,7 +4,7 @@ declare const paginationStyles: {
|
|
|
4
4
|
container: RuntimeFn<{
|
|
5
5
|
size: {
|
|
6
6
|
dot: {
|
|
7
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
8
|
};
|
|
9
9
|
small: {};
|
|
10
10
|
large: {};
|
|
@@ -13,11 +13,11 @@ declare const paginationStyles: {
|
|
|
13
13
|
item: RuntimeFn<{
|
|
14
14
|
selected: {
|
|
15
15
|
true: {
|
|
16
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
18
|
":hover": {
|
|
19
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
20
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
};
|
|
@@ -29,18 +29,18 @@ declare const paginationStyles: {
|
|
|
29
29
|
dot: {
|
|
30
30
|
width: "0.75rem";
|
|
31
31
|
height: "0.75rem";
|
|
32
|
-
borderRadius: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
32
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
34
|
};
|
|
35
35
|
small: {
|
|
36
36
|
minWidth: "2.5rem";
|
|
37
37
|
height: "2.5rem";
|
|
38
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
38
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
39
|
};
|
|
40
40
|
large: {
|
|
41
41
|
minWidth: "2.75rem";
|
|
42
42
|
height: "2.75rem";
|
|
43
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
43
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";a({defaultClassName:"rarui-pagination_container__1s0rx9q0",variantClassNames:{size:{dot:"rarui-pagination_container_size_dot__1s0rx9q1",small:"rarui-pagination_container_size_small__1s0rx9q2",large:"rarui-pagination_container_size_large__1s0rx9q3"}},defaultVariants:{},compoundVariants:[]});var i={container:a({defaultClassName:"rarui-pagination_container__1s0rx9q0",variantClassNames:{size:{dot:"rarui-pagination_container_size_dot__1s0rx9q1",small:"rarui-pagination_container_size_small__1s0rx9q2",large:"rarui-pagination_container_size_large__1s0rx9q3"}},defaultVariants:{},compoundVariants:[]}),item:a({defaultClassName:"rarui-pagination_item__1s0rx9q4",variantClassNames:{selected:{true:"rarui-pagination_item_selected_true__1s0rx9q5"},size:{dot:"rarui-pagination_item_size_dot__1s0rx9q6",small:"rarui-pagination_item_size_small__1s0rx9q7",large:"rarui-pagination_item_size_large__1s0rx9q8"}},defaultVariants:{},compoundVariants:[[{size:"dot",selected:!0},"rarui-pagination_item_compound_0__1s0rx9q9"]]})};export{i as paginationStyles};
|
|
@@ -5,7 +5,7 @@ declare const sideNavigation: {
|
|
|
5
5
|
sideNavigation: RuntimeFn<{
|
|
6
6
|
active: {
|
|
7
7
|
true: {
|
|
8
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
9
|
":after": {
|
|
10
10
|
content: "";
|
|
11
11
|
position: "absolute";
|
|
@@ -13,16 +13,16 @@ declare const sideNavigation: {
|
|
|
13
13
|
right: number;
|
|
14
14
|
top: number;
|
|
15
15
|
bottom: number;
|
|
16
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
17
|
};
|
|
18
18
|
":hover": {
|
|
19
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
":active": {
|
|
22
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
};
|
|
24
24
|
":disabled": {
|
|
25
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
26
|
cursor: "not-allowed";
|
|
27
27
|
};
|
|
28
28
|
};
|
|
@@ -31,32 +31,32 @@ declare const sideNavigation: {
|
|
|
31
31
|
item: RuntimeFn<{
|
|
32
32
|
level: {
|
|
33
33
|
0: {
|
|
34
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
35
|
};
|
|
36
36
|
1: {
|
|
37
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
38
|
};
|
|
39
39
|
2: {
|
|
40
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
}>;
|
|
44
44
|
name: RuntimeFn<{
|
|
45
45
|
active: {
|
|
46
46
|
true: {
|
|
47
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
47
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
48
|
};
|
|
49
49
|
};
|
|
50
50
|
disabled: {
|
|
51
51
|
true: {
|
|
52
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
55
|
}>;
|
|
56
56
|
description: RuntimeFn<{
|
|
57
57
|
disabled: {
|
|
58
58
|
true: {
|
|
59
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
62
|
}>;
|
|
@@ -65,7 +65,7 @@ declare const sideNavigation: {
|
|
|
65
65
|
true: {
|
|
66
66
|
overflow: "visible";
|
|
67
67
|
maxHeight: "unset";
|
|
68
|
-
marginTop: `var(--${string})` | `var(--${string}, ${string})
|
|
68
|
+
marginTop: `var(--${string})` | `var(--${string}, ${string})`;
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
71
|
}>;
|
|
@@ -4,7 +4,7 @@ declare const sideNavigationStyles: {
|
|
|
4
4
|
sideNavigation: RuntimeFn<{
|
|
5
5
|
active: {
|
|
6
6
|
true: {
|
|
7
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
7
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
8
8
|
":after": {
|
|
9
9
|
content: "";
|
|
10
10
|
position: "absolute";
|
|
@@ -12,16 +12,16 @@ declare const sideNavigationStyles: {
|
|
|
12
12
|
right: number;
|
|
13
13
|
top: number;
|
|
14
14
|
bottom: number;
|
|
15
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
16
|
};
|
|
17
17
|
":hover": {
|
|
18
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
19
|
};
|
|
20
20
|
":active": {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
22
|
};
|
|
23
23
|
":disabled": {
|
|
24
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
cursor: "not-allowed";
|
|
26
26
|
};
|
|
27
27
|
};
|
|
@@ -33,32 +33,32 @@ declare const sideNavigationStyles: {
|
|
|
33
33
|
*/
|
|
34
34
|
level: {
|
|
35
35
|
0: {
|
|
36
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
36
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
37
|
};
|
|
38
38
|
1: {
|
|
39
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
39
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
40
|
};
|
|
41
41
|
2: {
|
|
42
|
-
paddingLeft: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
+
paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
45
|
}>;
|
|
46
46
|
name: RuntimeFn<{
|
|
47
47
|
active: {
|
|
48
48
|
true: {
|
|
49
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
disabled: {
|
|
53
53
|
true: {
|
|
54
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
55
|
};
|
|
56
56
|
};
|
|
57
57
|
}>;
|
|
58
58
|
description: RuntimeFn<{
|
|
59
59
|
disabled: {
|
|
60
60
|
true: {
|
|
61
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
61
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
64
|
}>;
|
|
@@ -67,7 +67,7 @@ declare const sideNavigationStyles: {
|
|
|
67
67
|
true: {
|
|
68
68
|
overflow: "visible";
|
|
69
69
|
maxHeight: "unset";
|
|
70
|
-
marginTop: `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
+
marginTop: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
71
|
};
|
|
72
72
|
};
|
|
73
73
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";a({defaultClassName:"rarui-sideNavigation_item__1ce544k7",variantClassNames:{level:{0:"rarui-sideNavigation_item_level_0__1ce544k8",1:"rarui-sideNavigation_item_level_1__1ce544k9",2:"rarui-sideNavigation_item_level_2__1ce544ka"}},defaultVariants:{},compoundVariants:[]});var e={sideNavigation:a({defaultClassName:"rarui-sideNavigation__1ce544k0",variantClassNames:{active:{true:"rarui-sideNavigation_active_true__1ce544k1"}},defaultVariants:{},compoundVariants:[]}),item:a({defaultClassName:"rarui-sideNavigation_item__1ce544k7",variantClassNames:{level:{0:"rarui-sideNavigation_item_level_0__1ce544k8",1:"rarui-sideNavigation_item_level_1__1ce544k9",2:"rarui-sideNavigation_item_level_2__1ce544ka"}},defaultVariants:{},compoundVariants:[]}),name:a({defaultClassName:"rarui-sideNavigation_name__1ce544k2",variantClassNames:{active:{true:"rarui-sideNavigation_name_active_true__1ce544k3"},disabled:{true:"rarui-sideNavigation_name_disabled_true__1ce544k4"}},defaultVariants:{},compoundVariants:[]}),description:a({defaultClassName:"rarui-sideNavigation_description__1ce544k5",variantClassNames:{disabled:{true:"rarui-sideNavigation_description_disabled_true__1ce544k6"}},defaultVariants:{},compoundVariants:[]}),content:a({defaultClassName:"rarui-sideNavigation_content__1ce544kb",variantClassNames:{open:{true:"rarui-sideNavigation_content_open_true__1ce544kc"}},defaultVariants:{},compoundVariants:[]})};export{e as sideNavigationStyles};
|
|
@@ -9,7 +9,7 @@ declare const tabs: {
|
|
|
9
9
|
borderRadius: number;
|
|
10
10
|
borderColor: "transparent";
|
|
11
11
|
backgroundColor: "transparent";
|
|
12
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
12
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
position: {
|
|
@@ -32,6 +32,17 @@ declare const tabs: {
|
|
|
32
32
|
};
|
|
33
33
|
}>;
|
|
34
34
|
button: RuntimeFn<{
|
|
35
|
+
selected: {
|
|
36
|
+
true: {
|
|
37
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
+
":disabled": {
|
|
41
|
+
backgroundColor: "transparent";
|
|
42
|
+
borderColor: "transparent";
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
35
46
|
underlined: {
|
|
36
47
|
true: {
|
|
37
48
|
borderRadius: number;
|
|
@@ -40,24 +51,13 @@ declare const tabs: {
|
|
|
40
51
|
borderBottomColor: "transparent";
|
|
41
52
|
":hover": {
|
|
42
53
|
boxShadow: "none";
|
|
43
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
55
|
};
|
|
45
56
|
":disabled": {
|
|
46
57
|
borderBottomColor: "transparent";
|
|
47
58
|
};
|
|
48
59
|
};
|
|
49
60
|
};
|
|
50
|
-
selected: {
|
|
51
|
-
true: {
|
|
52
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
-
":disabled": {
|
|
56
|
-
backgroundColor: "transparent";
|
|
57
|
-
borderColor: "transparent";
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
61
|
}>;
|
|
62
62
|
};
|
|
63
63
|
};
|
|
@@ -67,28 +67,28 @@
|
|
|
67
67
|
box-shadow: none;
|
|
68
68
|
color: var(--rarui-colors-content-disabled);
|
|
69
69
|
}
|
|
70
|
-
.rarui-
|
|
70
|
+
.rarui-tabs_button_selected_true__1apz2pr8 {
|
|
71
|
+
background-color: var(--rarui-colors-surface-primary);
|
|
72
|
+
color: var(--rarui-colors-content-primary);
|
|
73
|
+
border-color: var(--rarui-colors-border-subdued);
|
|
74
|
+
}
|
|
75
|
+
.rarui-tabs_button_selected_true__1apz2pr8:disabled {
|
|
76
|
+
background-color: transparent;
|
|
77
|
+
border-color: transparent;
|
|
78
|
+
}
|
|
79
|
+
.rarui-tabs_button_underlined_true__1apz2pr9 {
|
|
71
80
|
border-radius: 0;
|
|
72
81
|
border-color: transparent;
|
|
73
82
|
background-color: transparent;
|
|
74
83
|
border-bottom-color: transparent;
|
|
75
84
|
}
|
|
76
|
-
.rarui-
|
|
85
|
+
.rarui-tabs_button_underlined_true__1apz2pr9:hover {
|
|
77
86
|
box-shadow: none;
|
|
78
87
|
border-bottom-color: var(--rarui-colors-border-subdued);
|
|
79
88
|
}
|
|
80
|
-
.rarui-
|
|
89
|
+
.rarui-tabs_button_underlined_true__1apz2pr9:disabled {
|
|
81
90
|
border-bottom-color: transparent;
|
|
82
91
|
}
|
|
83
|
-
.rarui-tabs_button_selected_true__1apz2pr9 {
|
|
84
|
-
background-color: var(--rarui-colors-surface-primary);
|
|
85
|
-
color: var(--rarui-colors-content-primary);
|
|
86
|
-
border-color: var(--rarui-colors-border-subdued);
|
|
87
|
-
}
|
|
88
|
-
.rarui-tabs_button_selected_true__1apz2pr9:disabled {
|
|
89
|
-
background-color: transparent;
|
|
90
|
-
border-color: transparent;
|
|
91
|
-
}
|
|
92
92
|
.rarui-tabs_button_compound_0__1apz2pra {
|
|
93
93
|
border-color: transparent;
|
|
94
94
|
color: var(--rarui-colors-content-brand);
|
|
@@ -11,7 +11,7 @@ declare const tabsStyles: {
|
|
|
11
11
|
borderRadius: number;
|
|
12
12
|
borderColor: "transparent";
|
|
13
13
|
backgroundColor: "transparent";
|
|
14
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
/**
|
|
@@ -41,6 +41,20 @@ declare const tabsStyles: {
|
|
|
41
41
|
};
|
|
42
42
|
}>;
|
|
43
43
|
button: RuntimeFn<{
|
|
44
|
+
/**
|
|
45
|
+
* Indicates whether the button is currently selected. This is used to style the button accordingly.
|
|
46
|
+
*/
|
|
47
|
+
selected: {
|
|
48
|
+
true: {
|
|
49
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
51
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
52
|
+
":disabled": {
|
|
53
|
+
backgroundColor: "transparent";
|
|
54
|
+
borderColor: "transparent";
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
44
58
|
/**
|
|
45
59
|
* Determines whether the tabs should have an underline style.
|
|
46
60
|
*/
|
|
@@ -52,27 +66,13 @@ declare const tabsStyles: {
|
|
|
52
66
|
borderBottomColor: "transparent";
|
|
53
67
|
":hover": {
|
|
54
68
|
boxShadow: "none";
|
|
55
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
69
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
56
70
|
};
|
|
57
71
|
":disabled": {
|
|
58
72
|
borderBottomColor: "transparent";
|
|
59
73
|
};
|
|
60
74
|
};
|
|
61
75
|
};
|
|
62
|
-
/**
|
|
63
|
-
* Indicates whether the button is currently selected. This is used to style the button accordingly.
|
|
64
|
-
*/
|
|
65
|
-
selected: {
|
|
66
|
-
true: {
|
|
67
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
-
":disabled": {
|
|
71
|
-
backgroundColor: "transparent";
|
|
72
|
-
borderColor: "transparent";
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
76
|
}>;
|
|
77
77
|
};
|
|
78
78
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={ul:a({defaultClassName:"rarui-tabs_ul__1apz2pr0",variantClassNames:{underlined:{true:"rarui-tabs_ul_underlined_true__1apz2pr1"},position:{left:"rarui-tabs_ul_position_left__1apz2pr2",center:"rarui-tabs_ul_position_center__1apz2pr3",right:"rarui-tabs_ul_position_right__1apz2pr4"}},defaultVariants:{},compoundVariants:[]}),li:a({defaultClassName:"rarui-tabs_li__1apz2pr5",variantClassNames:{full:{true:"rarui-tabs_li_full_true__1apz2pr6"}},defaultVariants:{},compoundVariants:[]}),button:a({defaultClassName:"rarui-tabs_button__1apz2pr7",variantClassNames:{selected:{true:"rarui-tabs_button_selected_true__1apz2pr8"},underlined:{true:"rarui-tabs_button_underlined_true__1apz2pr9"}},defaultVariants:{},compoundVariants:[[{underlined:!0,selected:!0},"rarui-tabs_button_compound_0__1apz2pra"]]})};export{r as tabsStyles};
|
|
@@ -5,36 +5,36 @@ declare const accordion: {
|
|
|
5
5
|
item: RuntimeFn<{
|
|
6
6
|
selected: {
|
|
7
7
|
true: {
|
|
8
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
8
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
9
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
10
|
":hover": {
|
|
11
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
":active": {
|
|
14
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
":disabled": {
|
|
17
|
-
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})
|
|
17
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
18
18
|
backgroundColor: "transparent";
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
22
|
size: {
|
|
23
23
|
large: {
|
|
24
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
24
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
medium: {
|
|
27
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
27
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
28
28
|
};
|
|
29
29
|
small: {
|
|
30
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
30
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
}>;
|
|
34
34
|
body: RuntimeFn<{
|
|
35
35
|
padding: {
|
|
36
36
|
base: {
|
|
37
|
-
padding: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
+
padding: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
38
|
};
|
|
39
39
|
none: {
|
|
40
40
|
padding: number;
|