@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
|
@@ -90,17 +90,17 @@ declare const skeleton: {
|
|
|
90
90
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
91
91
|
};
|
|
92
92
|
dynamicScale: {
|
|
93
|
-
none: `var(--${string})` | `var(--${string}, ${string})
|
|
94
|
-
"2xs": `var(--${string})` | `var(--${string}, ${string})
|
|
95
|
-
xs: `var(--${string})` | `var(--${string}, ${string})
|
|
96
|
-
sm: `var(--${string})` | `var(--${string}, ${string})
|
|
97
|
-
md: `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
-
lg: `var(--${string})` | `var(--${string}, ${string})
|
|
99
|
-
xl: `var(--${string})` | `var(--${string}, ${string})
|
|
100
|
-
"2xl": `var(--${string})` | `var(--${string}, ${string})
|
|
101
|
-
pill: `var(--${string})` | `var(--${string}, ${string})
|
|
102
|
-
button: `var(--${string})` | `var(--${string}, ${string})
|
|
103
|
-
input: `var(--${string})` | `var(--${string}, ${string})
|
|
93
|
+
none: `var(--${string})` | `var(--${string}, ${string})`;
|
|
94
|
+
"2xs": `var(--${string})` | `var(--${string}, ${string})`;
|
|
95
|
+
xs: `var(--${string})` | `var(--${string}, ${string})`;
|
|
96
|
+
sm: `var(--${string})` | `var(--${string}, ${string})`;
|
|
97
|
+
md: `var(--${string})` | `var(--${string}, ${string})`;
|
|
98
|
+
lg: `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
|
+
xl: `var(--${string})` | `var(--${string}, ${string})`;
|
|
100
|
+
"2xl": `var(--${string})` | `var(--${string}, ${string})`;
|
|
101
|
+
pill: `var(--${string})` | `var(--${string}, ${string})`;
|
|
102
|
+
button: `var(--${string})` | `var(--${string}, ${string})`;
|
|
103
|
+
input: `var(--${string})` | `var(--${string}, ${string})`;
|
|
104
104
|
};
|
|
105
105
|
name: "borderRadius";
|
|
106
106
|
vars: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as i}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";i({defaultClassName:"rarui-skeleton__12qc0wj1",variantClassNames:{},defaultVariants:{},compoundVariants:[]});var r=a({config:{width:{dynamic:{default:"rarui-skeleton_width-xs__12qc0wj6",conditions:{xs:"rarui-skeleton_width-xs__12qc0wj6",md:"rarui-skeleton_width-md__12qc0wj7",lg:"rarui-skeleton_width-lg__12qc0wj8",xl:"rarui-skeleton_width-xl__12qc0wj9"}},name:"width",vars:{conditions:{xs:"var(--width-xs__12qc0wj2)",md:"var(--width-md__12qc0wj3)",lg:"var(--width-lg__12qc0wj4)",xl:"var(--width-xl__12qc0wj5)"},default:"var(--width-xs__12qc0wj2)"},dynamicScale:!0},height:{dynamic:{default:"rarui-skeleton_height-xs__12qc0wje",conditions:{xs:"rarui-skeleton_height-xs__12qc0wje",md:"rarui-skeleton_height-md__12qc0wjf",lg:"rarui-skeleton_height-lg__12qc0wjg",xl:"rarui-skeleton_height-xl__12qc0wjh"}},name:"height",vars:{conditions:{xs:"var(--height-xs__12qc0wja)",md:"var(--height-md__12qc0wjb)",lg:"var(--height-lg__12qc0wjc)",xl:"var(--height-xl__12qc0wjd)"},default:"var(--height-xs__12qc0wja)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-skeleton_maxWidth-xs__12qc0wjm",conditions:{xs:"rarui-skeleton_maxWidth-xs__12qc0wjm",md:"rarui-skeleton_maxWidth-md__12qc0wjn",lg:"rarui-skeleton_maxWidth-lg__12qc0wjo",xl:"rarui-skeleton_maxWidth-xl__12qc0wjp"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__12qc0wji)",md:"var(--maxWidth-md__12qc0wjj)",lg:"var(--maxWidth-lg__12qc0wjk)",xl:"var(--maxWidth-xl__12qc0wjl)"},default:"var(--maxWidth-xs__12qc0wji)"},dynamicScale:!0},maxHeight:{dynamic:{default:"rarui-skeleton_maxHeight-xs__12qc0wju",conditions:{xs:"rarui-skeleton_maxHeight-xs__12qc0wju",md:"rarui-skeleton_maxHeight-md__12qc0wjv",lg:"rarui-skeleton_maxHeight-lg__12qc0wjw",xl:"rarui-skeleton_maxHeight-xl__12qc0wjx"}},name:"maxHeight",vars:{conditions:{xs:"var(--maxHeight-xs__12qc0wjq)",md:"var(--maxHeight-md__12qc0wjr)",lg:"var(--maxHeight-lg__12qc0wjs)",xl:"var(--maxHeight-xl__12qc0wjt)"},default:"var(--maxHeight-xs__12qc0wjq)"},dynamicScale:!0},minWidth:{dynamic:{default:"rarui-skeleton_minWidth-xs__12qc0wj12",conditions:{xs:"rarui-skeleton_minWidth-xs__12qc0wj12",md:"rarui-skeleton_minWidth-md__12qc0wj13",lg:"rarui-skeleton_minWidth-lg__12qc0wj14",xl:"rarui-skeleton_minWidth-xl__12qc0wj15"}},name:"minWidth",vars:{conditions:{xs:"var(--minWidth-xs__12qc0wjy)",md:"var(--minWidth-md__12qc0wjz)",lg:"var(--minWidth-lg__12qc0wj10)",xl:"var(--minWidth-xl__12qc0wj11)"},default:"var(--minWidth-xs__12qc0wjy)"},dynamicScale:!0},minHeight:{dynamic:{default:"rarui-skeleton_minHeight-xs__12qc0wj1a",conditions:{xs:"rarui-skeleton_minHeight-xs__12qc0wj1a",md:"rarui-skeleton_minHeight-md__12qc0wj1b",lg:"rarui-skeleton_minHeight-lg__12qc0wj1c",xl:"rarui-skeleton_minHeight-xl__12qc0wj1d"}},name:"minHeight",vars:{conditions:{xs:"var(--minHeight-xs__12qc0wj16)",md:"var(--minHeight-md__12qc0wj17)",lg:"var(--minHeight-lg__12qc0wj18)",xl:"var(--minHeight-xl__12qc0wj19)"},default:"var(--minHeight-xs__12qc0wj16)"},dynamicScale:!0},borderRadius:{dynamic:{default:"rarui-skeleton_borderRadius-xs__12qc0wj1i",conditions:{xs:"rarui-skeleton_borderRadius-xs__12qc0wj1i",md:"rarui-skeleton_borderRadius-md__12qc0wj1j",lg:"rarui-skeleton_borderRadius-lg__12qc0wj1k",xl:"rarui-skeleton_borderRadius-xl__12qc0wj1l"}},name:"borderRadius",vars:{conditions:{xs:"var(--borderRadius-xs__12qc0wj1e)",md:"var(--borderRadius-md__12qc0wj1f)",lg:"var(--borderRadius-lg__12qc0wj1g)",xl:"var(--borderRadius-xl__12qc0wj1h)"},default:"var(--borderRadius-xs__12qc0wj1e)"},dynamicScale:{none:"var(--rarui-shape-border-radius-none)","2xs":"var(--rarui-shape-border-radius-2xs)",xs:"var(--rarui-shape-border-radius-xs)",sm:"var(--rarui-shape-border-radius-sm)",md:"var(--rarui-shape-border-radius-md)",lg:"var(--rarui-shape-border-radius-lg)",xl:"var(--rarui-shape-border-radius-xl)","2xl":"var(--rarui-shape-border-radius-2xl)",pill:"var(--rarui-shape-border-radius-pill)",button:"var(--rarui-shape-border-radius-button)",input:"var(--rarui-shape-border-radius-input)"}}}}),e={skeleton:i({defaultClassName:"rarui-skeleton__12qc0wj1",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,e as styles};
|
|
@@ -10,38 +10,38 @@ declare const status: {
|
|
|
10
10
|
};
|
|
11
11
|
appearance: {
|
|
12
12
|
success: {
|
|
13
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
warning: {
|
|
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
|
};
|
|
20
20
|
danger: {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
};
|
|
24
24
|
inverted: {
|
|
25
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
26
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
27
|
};
|
|
28
28
|
neutral: {
|
|
29
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
31
|
};
|
|
32
32
|
info: {
|
|
33
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
37
|
size: {
|
|
38
38
|
normal: {
|
|
39
39
|
height: "1.75rem";
|
|
40
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
small: {
|
|
43
43
|
height: "1.5rem";
|
|
44
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
44
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
45
45
|
};
|
|
46
46
|
};
|
|
47
47
|
variant: {
|
|
@@ -5,6 +5,7 @@ declare const statusStyles: {
|
|
|
5
5
|
/**
|
|
6
6
|
* Specifies whether the status should take up the full width of its container.
|
|
7
7
|
* This variant is useful when you want to make a status span the entire width of its parent container.
|
|
8
|
+
* @default false
|
|
8
9
|
*
|
|
9
10
|
*/
|
|
10
11
|
full: {
|
|
@@ -14,51 +15,51 @@ declare const statusStyles: {
|
|
|
14
15
|
};
|
|
15
16
|
/**
|
|
16
17
|
* Determines the visual style of the status, influencing its color scheme.
|
|
18
|
+
* @default success
|
|
17
19
|
*/
|
|
18
20
|
appearance: {
|
|
19
21
|
success: {
|
|
20
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
24
|
};
|
|
23
25
|
warning: {
|
|
24
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
26
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
28
|
};
|
|
27
29
|
danger: {
|
|
28
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
32
|
};
|
|
31
33
|
inverted: {
|
|
32
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
36
|
};
|
|
35
37
|
neutral: {
|
|
36
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
38
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
40
|
};
|
|
39
41
|
info: {
|
|
40
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
41
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
42
44
|
};
|
|
43
45
|
};
|
|
44
46
|
/**
|
|
45
47
|
* Specifies the size of the badge, controlling its dimensions.
|
|
48
|
+
* @default normal
|
|
46
49
|
*/
|
|
47
50
|
size: {
|
|
48
51
|
normal: {
|
|
49
52
|
height: "1.75rem";
|
|
50
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
53
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
51
54
|
};
|
|
52
55
|
small: {
|
|
53
56
|
height: "1.5rem";
|
|
54
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
57
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
58
|
};
|
|
56
59
|
};
|
|
57
|
-
/**
|
|
58
|
-
* Specifies whether the status is in subdued mode
|
|
59
|
-
*/
|
|
60
60
|
/**
|
|
61
61
|
* Specifies the variant of the status
|
|
62
|
+
* @default solid
|
|
62
63
|
*/
|
|
63
64
|
variant: {
|
|
64
65
|
solid: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={status:a({defaultClassName:"rarui-status__wfzj070",variantClassNames:{full:{true:"rarui-status_full_true__wfzj071"},appearance:{success:"rarui-status_appearance_success__wfzj072",warning:"rarui-status_appearance_warning__wfzj073",danger:"rarui-status_appearance_danger__wfzj074",inverted:"rarui-status_appearance_inverted__wfzj075",neutral:"rarui-status_appearance_neutral__wfzj076",info:"rarui-status_appearance_info__wfzj077"},size:{normal:"rarui-status_size_normal__wfzj078",small:"rarui-status_size_small__wfzj079"},variant:{solid:"rarui-status_variant_solid__wfzj07a",text:"rarui-status_variant_text__wfzj07b",subdued:"rarui-status_variant_subdued__wfzj07c"}},defaultVariants:{appearance:"success",size:"normal",variant:"solid"},compoundVariants:[[{appearance:"success",variant:"text"},"rarui-status__compound_0__wfzj07d"],[{appearance:"warning",variant:"text"},"rarui-status__compound_1__wfzj07e"],[{appearance:"danger",variant:"text"},"rarui-status__compound_2__wfzj07f"],[{appearance:"inverted",variant:"text"},"rarui-status__compound_3__wfzj07g"],[{appearance:"info",variant:"text"},"rarui-status__compound_4__wfzj07h"],[{appearance:"neutral",variant:"text"},"rarui-status__compound_5__wfzj07i"],[{appearance:"success",variant:"subdued"},"rarui-status__compound_6__wfzj07j"],[{appearance:"warning",variant:"subdued"},"rarui-status__compound_7__wfzj07k"],[{appearance:"danger",variant:"subdued"},"rarui-status__compound_8__wfzj07l"],[{appearance:"inverted",variant:"subdued"},"rarui-status__compound_9__wfzj07m"],[{appearance:"neutral",variant:"subdued"},"rarui-status__compound_10__wfzj07n"],[{appearance:"info",variant:"subdued"},"rarui-status__compound_11__wfzj07o"]]}),dot:a({defaultClassName:"rarui-status_dot__wfzj07p",variantClassNames:{size:{normal:"rarui-status_dot_size_normal__wfzj07q",small:"rarui-status_dot_size_small__wfzj07r"}},defaultVariants:{},compoundVariants:[]})};export{r as statusStyles};
|
|
@@ -6,53 +6,53 @@ declare const toast: {
|
|
|
6
6
|
toast: RuntimeFn<{
|
|
7
7
|
appearance: {
|
|
8
8
|
info: {
|
|
9
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
9
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
10
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
11
|
};
|
|
12
12
|
success: {
|
|
13
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
13
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
14
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
warning: {
|
|
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
|
};
|
|
20
20
|
error: {
|
|
21
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
};
|
|
24
24
|
neutral: {
|
|
25
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
26
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
27
|
};
|
|
28
28
|
invert: {
|
|
29
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
size: {
|
|
34
34
|
small: {
|
|
35
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
36
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
35
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
36
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
37
37
|
};
|
|
38
38
|
medium: {
|
|
39
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
39
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
40
40
|
};
|
|
41
41
|
large: {
|
|
42
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
43
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
43
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
variant: {
|
|
47
47
|
solid: {};
|
|
48
48
|
tonal: {
|
|
49
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
ghost: {
|
|
52
52
|
borderLeft: "solid";
|
|
53
53
|
borderWidth: "4px";
|
|
54
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
55
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
}>;
|
|
@@ -7,28 +7,28 @@ declare const styles: {
|
|
|
7
7
|
*/
|
|
8
8
|
appearance: {
|
|
9
9
|
info: {
|
|
10
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
10
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
11
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
success: {
|
|
14
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
15
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
16
16
|
};
|
|
17
17
|
warning: {
|
|
18
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
18
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
19
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
error: {
|
|
22
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
24
|
};
|
|
25
25
|
neutral: {
|
|
26
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
26
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
27
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
28
|
};
|
|
29
29
|
invert: {
|
|
30
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
31
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
/**
|
|
@@ -36,15 +36,15 @@ declare const styles: {
|
|
|
36
36
|
*/
|
|
37
37
|
size: {
|
|
38
38
|
small: {
|
|
39
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
40
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
39
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
40
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
medium: {
|
|
43
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
43
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
44
44
|
};
|
|
45
45
|
large: {
|
|
46
|
-
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}
|
|
47
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
46
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})`;
|
|
47
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
48
|
};
|
|
49
49
|
};
|
|
50
50
|
/**
|
|
@@ -53,13 +53,13 @@ declare const styles: {
|
|
|
53
53
|
variant: {
|
|
54
54
|
solid: {};
|
|
55
55
|
tonal: {
|
|
56
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
56
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
57
57
|
};
|
|
58
58
|
ghost: {
|
|
59
59
|
borderLeft: "solid";
|
|
60
60
|
borderWidth: "4px";
|
|
61
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
62
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
61
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as t}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";a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]});var r=t({config:{width:{dynamic:{default:"rarui-toast_width-md__1cy6jj81i",conditions:{xs:"rarui-toast_width-xs__1cy6jj81h",md:"rarui-toast_width-md__1cy6jj81i",lg:"rarui-toast_width-lg__1cy6jj81j",xl:"rarui-toast_width-xl__1cy6jj81k"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1cy6jj81d)",md:"var(--width-md__1cy6jj81e)",lg:"var(--width-lg__1cy6jj81f)",xl:"var(--width-xl__1cy6jj81g)"},default:"var(--width-md__1cy6jj81e)"},dynamicScale:!0}}}),_={toast:a({defaultClassName:"rarui-toast__1cy6jj80",variantClassNames:{appearance:{info:"rarui-toast_appearance_info__1cy6jj81",success:"rarui-toast_appearance_success__1cy6jj82",warning:"rarui-toast_appearance_warning__1cy6jj83",error:"rarui-toast_appearance_error__1cy6jj84",neutral:"rarui-toast_appearance_neutral__1cy6jj85",invert:"rarui-toast_appearance_invert__1cy6jj86"},size:{small:"rarui-toast_size_small__1cy6jj87",medium:"rarui-toast_size_medium__1cy6jj88",large:"rarui-toast_size_large__1cy6jj89"},variant:{solid:"rarui-toast_variant_solid__1cy6jj8a",tonal:"rarui-toast_variant_tonal__1cy6jj8b",ghost:"rarui-toast_variant_ghost__1cy6jj8c"}},defaultVariants:{},compoundVariants:[[{appearance:"info",variant:"tonal"},"rarui-toast__compound_0__1cy6jj8d"],[{appearance:"warning",variant:"tonal"},"rarui-toast__compound_1__1cy6jj8e"],[{appearance:"success",variant:"tonal"},"rarui-toast__compound_2__1cy6jj8f"],[{appearance:"error",variant:"tonal"},"rarui-toast__compound_3__1cy6jj8g"],[{appearance:"neutral",variant:"tonal"},"rarui-toast__compound_4__1cy6jj8h"],[{appearance:"invert",variant:"tonal"},"rarui-toast__compound_5__1cy6jj8i"],[{appearance:"info",variant:"ghost"},"rarui-toast__compound_6__1cy6jj8j"],[{appearance:"warning",variant:"ghost"},"rarui-toast__compound_7__1cy6jj8k"],[{appearance:"success",variant:"ghost"},"rarui-toast__compound_8__1cy6jj8l"],[{appearance:"error",variant:"ghost"},"rarui-toast__compound_9__1cy6jj8m"],[{appearance:"neutral",variant:"ghost"},"rarui-toast__compound_10__1cy6jj8n"],[{appearance:"invert",variant:"ghost"},"rarui-toast__compound_11__1cy6jj8o"]]}),container:a({defaultClassName:"rarui-toast_container__1cy6jj816",variantClassNames:{placement:{bottomCenter:"rarui-toast_container_placement_bottomCenter__1cy6jj817",bottomLeft:"rarui-toast_container_placement_bottomLeft__1cy6jj818",bottomRight:"rarui-toast_container_placement_bottomRight__1cy6jj819",topCenter:"rarui-toast_container_placement_topCenter__1cy6jj81a",topLeft:"rarui-toast_container_placement_topLeft__1cy6jj81b",topRight:"rarui-toast_container_placement_topRight__1cy6jj81c"}},defaultVariants:{},compoundVariants:[]}),content:"rarui-toast_content__1cy6jj8p",toastContainer:a({defaultClassName:"rarui-toast_toast-container__1cy6jj8q",variantClassNames:{position:{bottomRight:"rarui-toast_toast-container_position_bottomRight__1cy6jj8r",topRight:"rarui-toast_toast-container_position_topRight__1cy6jj8s",bottomLeft:"rarui-toast_toast-container_position_bottomLeft__1cy6jj8t",topLeft:"rarui-toast_toast-container_position_topLeft__1cy6jj8u"}},defaultVariants:{},compoundVariants:[]}),wrapper:a({defaultClassName:"rarui-toast_wrapper__1cy6jj8z",variantClassNames:{placement:{bottomCenter:"rarui-toast_wrapper_placement_bottomCenter__1cy6jj810",bottomLeft:"rarui-toast_wrapper_placement_bottomLeft__1cy6jj811",bottomRight:"rarui-toast_wrapper_placement_bottomRight__1cy6jj812",topCenter:"rarui-toast_wrapper_placement_topCenter__1cy6jj813",topLeft:"rarui-toast_wrapper_placement_topLeft__1cy6jj814",topRight:"rarui-toast_wrapper_placement_topRight__1cy6jj815"}},defaultVariants:{},compoundVariants:[]})};export{r as sprinkle,_ as styles};
|
|
@@ -10,65 +10,65 @@ declare const button: {
|
|
|
10
10
|
};
|
|
11
11
|
appearance: {
|
|
12
12
|
brand: {
|
|
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
|
danger: {
|
|
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
|
success: {
|
|
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
|
warning: {
|
|
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
|
neutral: {
|
|
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
|
inverted: {
|
|
38
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
39
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
40
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
38
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
size: {
|
|
44
44
|
large: {
|
|
45
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
46
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
45
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
46
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
47
47
|
height: "3rem";
|
|
48
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
48
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
49
49
|
};
|
|
50
50
|
medium: {
|
|
51
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
51
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
52
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
53
53
|
height: "2.5rem";
|
|
54
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
55
|
};
|
|
56
56
|
small: {
|
|
57
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
58
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
57
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
58
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
59
59
|
height: "2rem";
|
|
60
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
60
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
61
61
|
};
|
|
62
62
|
};
|
|
63
63
|
variant: {
|
|
64
64
|
solid: {
|
|
65
65
|
selectors: {
|
|
66
66
|
"&:hover:after": {
|
|
67
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
67
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
68
68
|
};
|
|
69
69
|
"&:active:after": {
|
|
70
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
71
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
74
|
};
|
|
@@ -19,34 +19,34 @@ declare const buttonStyles: {
|
|
|
19
19
|
*/
|
|
20
20
|
appearance: {
|
|
21
21
|
brand: {
|
|
22
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
23
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
24
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
25
|
};
|
|
26
26
|
danger: {
|
|
27
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
29
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
30
30
|
};
|
|
31
31
|
success: {
|
|
32
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
33
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
34
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
32
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
33
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
34
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
35
35
|
};
|
|
36
36
|
warning: {
|
|
37
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
38
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
39
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
37
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
38
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
39
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
40
40
|
};
|
|
41
41
|
neutral: {
|
|
42
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
43
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
44
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
45
45
|
};
|
|
46
46
|
inverted: {
|
|
47
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
48
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
47
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
49
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
/**
|
|
@@ -55,22 +55,22 @@ declare const buttonStyles: {
|
|
|
55
55
|
*/
|
|
56
56
|
size: {
|
|
57
57
|
large: {
|
|
58
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
58
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
59
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
60
60
|
height: "3rem";
|
|
61
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
61
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
62
|
};
|
|
63
63
|
medium: {
|
|
64
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
65
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
64
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
65
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
66
66
|
height: "2.5rem";
|
|
67
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
67
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
68
68
|
};
|
|
69
69
|
small: {
|
|
70
|
-
gap: `var(--${string})` | `var(--${string}, ${string})
|
|
71
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
70
|
+
gap: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
72
72
|
height: "2rem";
|
|
73
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
73
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
74
74
|
};
|
|
75
75
|
};
|
|
76
76
|
/**
|
|
@@ -81,11 +81,11 @@ declare const buttonStyles: {
|
|
|
81
81
|
solid: {
|
|
82
82
|
selectors: {
|
|
83
83
|
"&:hover:after": {
|
|
84
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
84
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
85
85
|
};
|
|
86
86
|
"&:active:after": {
|
|
87
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
88
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
87
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
88
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={button:a({defaultClassName:"rarui-button__15gxywr0",variantClassNames:{full:{true:"rarui-button_full_true__15gxywr1"},appearance:{brand:"rarui-button_appearance_brand__15gxywr2",danger:"rarui-button_appearance_danger__15gxywr3",success:"rarui-button_appearance_success__15gxywr4",warning:"rarui-button_appearance_warning__15gxywr5",neutral:"rarui-button_appearance_neutral__15gxywr6",inverted:"rarui-button_appearance_inverted__15gxywr7"},size:{large:"rarui-button_size_large__15gxywr8",medium:"rarui-button_size_medium__15gxywr9",small:"rarui-button_size_small__15gxywra"},variant:{solid:"rarui-button_variant_solid__15gxywrb",outlined:"rarui-button_variant_outlined__15gxywrc",text:"rarui-button_variant_text__15gxywrd",tonal:"rarui-button_variant_tonal__15gxywre"}},defaultVariants:{variant:"solid",appearance:"brand",size:"large"},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-button__compound_0__15gxywrf"],[{appearance:"danger",variant:"outlined"},"rarui-button__compound_1__15gxywrg"],[{appearance:"success",variant:"outlined"},"rarui-button__compound_2__15gxywrh"],[{appearance:"warning",variant:"outlined"},"rarui-button__compound_3__15gxywri"],[{appearance:"neutral",variant:"outlined"},"rarui-button__compound_4__15gxywrj"],[{appearance:"inverted",variant:"outlined"},"rarui-button__compound_5__15gxywrk"],[{appearance:"brand",variant:"text"},"rarui-button__compound_6__15gxywrl"],[{appearance:"danger",variant:"text"},"rarui-button__compound_7__15gxywrm"],[{appearance:"success",variant:"text"},"rarui-button__compound_8__15gxywrn"],[{appearance:"warning",variant:"text"},"rarui-button__compound_9__15gxywro"],[{appearance:"neutral",variant:"text"},"rarui-button__compound_10__15gxywrp"],[{appearance:"inverted",variant:"text"},"rarui-button__compound_11__15gxywrq"],[{appearance:"brand",variant:"tonal"},"rarui-button__compound_12__15gxywrr"],[{appearance:"danger",variant:"tonal"},"rarui-button__compound_13__15gxywrs"],[{appearance:"success",variant:"tonal"},"rarui-button__compound_14__15gxywrt"],[{appearance:"warning",variant:"tonal"},"rarui-button__compound_15__15gxywru"],[{appearance:"neutral",variant:"tonal"},"rarui-button__compound_16__15gxywrv"],[{appearance:"inverted",variant:"tonal"},"rarui-button__compound_17__15gxywrw"]]})};export{r as buttonStyles};
|