@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
|
@@ -8,24 +8,24 @@ declare const avatar: {
|
|
|
8
8
|
small: {
|
|
9
9
|
width: "20px";
|
|
10
10
|
height: "20px";
|
|
11
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
11
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
12
12
|
};
|
|
13
13
|
medium: {
|
|
14
14
|
width: "30px";
|
|
15
15
|
height: "30px";
|
|
16
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
16
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
17
17
|
};
|
|
18
18
|
large: {
|
|
19
19
|
width: "40px";
|
|
20
20
|
height: "40px";
|
|
21
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
22
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
21
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
22
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
23
23
|
};
|
|
24
24
|
xLarge: {
|
|
25
25
|
width: "60px";
|
|
26
26
|
height: "60px";
|
|
27
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
28
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
27
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
28
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
31
|
}>;
|
|
@@ -11,24 +11,24 @@ declare const avatarStyles: {
|
|
|
11
11
|
small: {
|
|
12
12
|
width: "20px";
|
|
13
13
|
height: "20px";
|
|
14
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
14
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
15
15
|
};
|
|
16
16
|
medium: {
|
|
17
17
|
width: "30px";
|
|
18
18
|
height: "30px";
|
|
19
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
19
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
20
20
|
};
|
|
21
21
|
large: {
|
|
22
22
|
width: "40px";
|
|
23
23
|
height: "40px";
|
|
24
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
25
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
24
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
25
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
26
26
|
};
|
|
27
27
|
xLarge: {
|
|
28
28
|
width: "60px";
|
|
29
29
|
height: "60px";
|
|
30
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
31
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
30
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
31
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={container:"rarui-avatar_container__1jwfew50",avatar:a({defaultClassName:"rarui-avatar__1jwfew51",variantClassNames:{size:{small:"rarui-avatar_size_small__1jwfew52",medium:"rarui-avatar_size_medium__1jwfew53",large:"rarui-avatar_size_large__1jwfew54",xLarge:"rarui-avatar_size_xLarge__1jwfew55"}},defaultVariants:{size:"medium"},compoundVariants:[]}),badge:a({defaultClassName:"rarui-avatar_badge__1jwfew56",variantClassNames:{size:{small:"rarui-avatar_badge_size_small__1jwfew57",medium:"rarui-avatar_badge_size_medium__1jwfew58",large:"rarui-avatar_badge_size_large__1jwfew59",xLarge:"rarui-avatar_badge_size_xLarge__1jwfew5a"}},defaultVariants:{},compoundVariants:[]})};export{e as avatarStyles};
|
|
@@ -5,59 +5,59 @@ declare const badge: {
|
|
|
5
5
|
badge: 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
|
info: {
|
|
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
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
45
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
46
46
|
height: "3rem";
|
|
47
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
48
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
47
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
49
49
|
};
|
|
50
50
|
medium: {
|
|
51
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
51
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
52
52
|
height: "2em";
|
|
53
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
53
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
54
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
55
|
};
|
|
56
56
|
small: {
|
|
57
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
57
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
58
58
|
height: "1.5rem";
|
|
59
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
60
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
59
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
60
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
61
61
|
};
|
|
62
62
|
dot: {
|
|
63
63
|
height: "0.5rem";
|
|
@@ -67,9 +67,9 @@ declare const badge: {
|
|
|
67
67
|
variant: {
|
|
68
68
|
solid: {};
|
|
69
69
|
outlined: {
|
|
70
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
70
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
71
71
|
borderStyle: "solid";
|
|
72
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
72
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
}>;
|
|
@@ -8,39 +8,39 @@ declare const badgeStyles: {
|
|
|
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
|
info: {
|
|
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
|
neutral: {
|
|
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
|
inverted: {
|
|
41
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
42
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
43
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
41
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
42
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
43
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
/**
|
|
@@ -49,22 +49,22 @@ declare const badgeStyles: {
|
|
|
49
49
|
*/
|
|
50
50
|
size: {
|
|
51
51
|
large: {
|
|
52
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
52
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
53
53
|
height: "3rem";
|
|
54
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
55
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
54
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
55
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
56
56
|
};
|
|
57
57
|
medium: {
|
|
58
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
58
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
59
59
|
height: "2em";
|
|
60
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
61
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
60
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
61
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
62
62
|
};
|
|
63
63
|
small: {
|
|
64
|
-
padding: `0 var(--${string})` | `0 var(--${string}, ${string})
|
|
64
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
|
|
65
65
|
height: "1.5rem";
|
|
66
|
-
fontSize: `var(--${string})` | `var(--${string}, ${string})
|
|
67
|
-
fontWeight: `var(--${string})` | `var(--${string}, ${string})
|
|
66
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})`;
|
|
67
|
+
fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
68
68
|
};
|
|
69
69
|
dot: {
|
|
70
70
|
height: "0.5rem";
|
|
@@ -78,9 +78,9 @@ declare const badgeStyles: {
|
|
|
78
78
|
variant: {
|
|
79
79
|
solid: {};
|
|
80
80
|
outlined: {
|
|
81
|
-
borderWidth: `var(--${string})` | `var(--${string}, ${string})
|
|
81
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
|
|
82
82
|
borderStyle: "solid";
|
|
83
|
-
borderColor: `var(--${string})` | `var(--${string}, ${string})
|
|
83
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
84
84
|
};
|
|
85
85
|
};
|
|
86
86
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={badge:a({defaultClassName:"rarui-badge__diq1u80",variantClassNames:{appearance:{brand:"rarui-badge_appearance_brand__diq1u81",danger:"rarui-badge_appearance_danger__diq1u82",success:"rarui-badge_appearance_success__diq1u83",warning:"rarui-badge_appearance_warning__diq1u84",info:"rarui-badge_appearance_info__diq1u85",neutral:"rarui-badge_appearance_neutral__diq1u86",inverted:"rarui-badge_appearance_inverted__diq1u87"},size:{large:"rarui-badge_size_large__diq1u88",medium:"rarui-badge_size_medium__diq1u89",small:"rarui-badge_size_small__diq1u8a",dot:"rarui-badge_size_dot__diq1u8b"},variant:{solid:"rarui-badge_variant_solid__diq1u8c",outlined:"rarui-badge_variant_outlined__diq1u8d"}},defaultVariants:{appearance:"brand",size:"medium",variant:"solid"},compoundVariants:[[{appearance:"brand",variant:"outlined"},"rarui-badge__compound_0__diq1u8e"],[{appearance:"danger",variant:"outlined"},"rarui-badge__compound_1__diq1u8f"],[{appearance:"success",variant:"outlined"},"rarui-badge__compound_2__diq1u8g"],[{appearance:"warning",variant:"outlined"},"rarui-badge__compound_3__diq1u8h"],[{appearance:"info",variant:"outlined"},"rarui-badge__compound_4__diq1u8i"],[{appearance:"neutral",variant:"outlined"},"rarui-badge__compound_5__diq1u8j"],[{appearance:"inverted",variant:"outlined"},"rarui-badge__compound_6__diq1u8k"]]})};export{e as badgeStyles};
|
|
@@ -73,19 +73,19 @@ declare const divider: {
|
|
|
73
73
|
};
|
|
74
74
|
staticScale: {
|
|
75
75
|
transparent: string;
|
|
76
|
-
brand: `var(--${string})` | `var(--${string}, ${string})
|
|
77
|
-
"brand-alt": `var(--${string})` | `var(--${string}, ${string})
|
|
78
|
-
disabled: `var(--${string})` | `var(--${string}, ${string})
|
|
79
|
-
divider: `var(--${string})` | `var(--${string}, ${string})
|
|
80
|
-
error: `var(--${string})` | `var(--${string}, ${string})
|
|
81
|
-
info: `var(--${string})` | `var(--${string}, ${string})
|
|
82
|
-
invert: `var(--${string})` | `var(--${string}, ${string})
|
|
83
|
-
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})
|
|
84
|
-
primary: `var(--${string})` | `var(--${string}, ${string})
|
|
85
|
-
secondary: `var(--${string})` | `var(--${string}, ${string})
|
|
86
|
-
subdued: `var(--${string})` | `var(--${string}, ${string})
|
|
87
|
-
success: `var(--${string})` | `var(--${string}, ${string})
|
|
88
|
-
warning: `var(--${string})` | `var(--${string}, ${string})
|
|
76
|
+
brand: `var(--${string})` | `var(--${string}, ${string})`;
|
|
77
|
+
"brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
|
|
78
|
+
disabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
79
|
+
divider: `var(--${string})` | `var(--${string}, ${string})`;
|
|
80
|
+
error: `var(--${string})` | `var(--${string}, ${string})`;
|
|
81
|
+
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
82
|
+
invert: `var(--${string})` | `var(--${string}, ${string})`;
|
|
83
|
+
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
|
|
84
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
85
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
86
|
+
subdued: `var(--${string})` | `var(--${string}, ${string})`;
|
|
87
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
88
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
89
89
|
};
|
|
90
90
|
name: "borderColor";
|
|
91
91
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as r}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as d}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var i,e=["solid","dashed"],o={1:"1px",2:"2px"},l=r(((i={config:{width:{dynamic:{default:"rarui-divider_width-xs__hzl8zj5",conditions:{xs:"rarui-divider_width-xs__hzl8zj5",md:"rarui-divider_width-md__hzl8zj6",lg:"rarui-divider_width-lg__hzl8zj7",xl:"rarui-divider_width-xl__hzl8zj8"}},name:"width",vars:{conditions:{xs:"var(--width-xs__hzl8zj1)",md:"var(--width-md__hzl8zj2)",lg:"var(--width-lg__hzl8zj3)",xl:"var(--width-xl__hzl8zj4)"},default:"var(--width-xs__hzl8zj1)"},dynamicScale:!0},height:{dynamic:{default:"rarui-divider_height-xs__hzl8zjd",conditions:{xs:"rarui-divider_height-xs__hzl8zjd",md:"rarui-divider_height-md__hzl8zje",lg:"rarui-divider_height-lg__hzl8zjf",xl:"rarui-divider_height-xl__hzl8zjg"}},name:"height",vars:{conditions:{xs:"var(--height-xs__hzl8zj9)",md:"var(--height-md__hzl8zja)",lg:"var(--height-lg__hzl8zjb)",xl:"var(--height-xl__hzl8zjc)"},default:"var(--height-xs__hzl8zj9)"},dynamicScale:!0},borderColor:{values:{transparent:{conditions:{xs:"rarui-divider_borderColor-transparent-xs__hzl8zjh",md:"rarui-divider_borderColor-transparent-md__hzl8zji",lg:"rarui-divider_borderColor-transparent-lg__hzl8zjj",xl:"rarui-divider_borderColor-transparent-xl__hzl8zjk"},default:"rarui-divider_borderColor-transparent-xs__hzl8zjh"},brand:{conditions:{xs:"rarui-divider_borderColor-brand-xs__hzl8zjl",md:"rarui-divider_borderColor-brand-md__hzl8zjm",lg:"rarui-divider_borderColor-brand-lg__hzl8zjn",xl:"rarui-divider_borderColor-brand-xl__hzl8zjo"},default:"rarui-divider_borderColor-brand-xs__hzl8zjl"},"brand-alt":{conditions:{xs:"rarui-divider_borderColor-brand-alt-xs__hzl8zjp",md:"rarui-divider_borderColor-brand-alt-md__hzl8zjq",lg:"rarui-divider_borderColor-brand-alt-lg__hzl8zjr",xl:"rarui-divider_borderColor-brand-alt-xl__hzl8zjs"},default:"rarui-divider_borderColor-brand-alt-xs__hzl8zjp"},disabled:{conditions:{xs:"rarui-divider_borderColor-disabled-xs__hzl8zjt",md:"rarui-divider_borderColor-disabled-md__hzl8zju",lg:"rarui-divider_borderColor-disabled-lg__hzl8zjv",xl:"rarui-divider_borderColor-disabled-xl__hzl8zjw"},default:"rarui-divider_borderColor-disabled-xs__hzl8zjt"},divider:{conditions:{xs:"rarui-divider_borderColor-divider-xs__hzl8zjx",md:"rarui-divider_borderColor-divider-md__hzl8zjy",lg:"rarui-divider_borderColor-divider-lg__hzl8zjz",xl:"rarui-divider_borderColor-divider-xl__hzl8zj10"},default:"rarui-divider_borderColor-divider-xs__hzl8zjx"},error:{conditions:{xs:"rarui-divider_borderColor-error-xs__hzl8zj11",md:"rarui-divider_borderColor-error-md__hzl8zj12",lg:"rarui-divider_borderColor-error-lg__hzl8zj13",xl:"rarui-divider_borderColor-error-xl__hzl8zj14"},default:"rarui-divider_borderColor-error-xs__hzl8zj11"},info:{conditions:{xs:"rarui-divider_borderColor-info-xs__hzl8zj15",md:"rarui-divider_borderColor-info-md__hzl8zj16",lg:"rarui-divider_borderColor-info-lg__hzl8zj17",xl:"rarui-divider_borderColor-info-xl__hzl8zj18"},default:"rarui-divider_borderColor-info-xs__hzl8zj15"},invert:{conditions:{xs:"rarui-divider_borderColor-invert-xs__hzl8zj19",md:"rarui-divider_borderColor-invert-md__hzl8zj1a",lg:"rarui-divider_borderColor-invert-lg__hzl8zj1b",xl:"rarui-divider_borderColor-invert-xl__hzl8zj1c"},default:"rarui-divider_borderColor-invert-xs__hzl8zj19"},"invert-disabled":{conditions:{xs:"rarui-divider_borderColor-invert-disabled-xs__hzl8zj1d",md:"rarui-divider_borderColor-invert-disabled-md__hzl8zj1e",lg:"rarui-divider_borderColor-invert-disabled-lg__hzl8zj1f",xl:"rarui-divider_borderColor-invert-disabled-xl__hzl8zj1g"},default:"rarui-divider_borderColor-invert-disabled-xs__hzl8zj1d"},primary:{conditions:{xs:"rarui-divider_borderColor-primary-xs__hzl8zj1h",md:"rarui-divider_borderColor-primary-md__hzl8zj1i",lg:"rarui-divider_borderColor-primary-lg__hzl8zj1j",xl:"rarui-divider_borderColor-primary-xl__hzl8zj1k"},default:"rarui-divider_borderColor-primary-xs__hzl8zj1h"},secondary:{conditions:{xs:"rarui-divider_borderColor-secondary-xs__hzl8zj1l",md:"rarui-divider_borderColor-secondary-md__hzl8zj1m",lg:"rarui-divider_borderColor-secondary-lg__hzl8zj1n",xl:"rarui-divider_borderColor-secondary-xl__hzl8zj1o"},default:"rarui-divider_borderColor-secondary-xs__hzl8zj1l"},subdued:{conditions:{xs:"rarui-divider_borderColor-subdued-xs__hzl8zj1p",md:"rarui-divider_borderColor-subdued-md__hzl8zj1q",lg:"rarui-divider_borderColor-subdued-lg__hzl8zj1r",xl:"rarui-divider_borderColor-subdued-xl__hzl8zj1s"},default:"rarui-divider_borderColor-subdued-xs__hzl8zj1p"},success:{conditions:{xs:"rarui-divider_borderColor-success-xs__hzl8zj1t",md:"rarui-divider_borderColor-success-md__hzl8zj1u",lg:"rarui-divider_borderColor-success-lg__hzl8zj1v",xl:"rarui-divider_borderColor-success-xl__hzl8zj1w"},default:"rarui-divider_borderColor-success-xs__hzl8zj1t"},warning:{conditions:{xs:"rarui-divider_borderColor-warning-xs__hzl8zj1x",md:"rarui-divider_borderColor-warning-md__hzl8zj1y",lg:"rarui-divider_borderColor-warning-lg__hzl8zj1z",xl:"rarui-divider_borderColor-warning-xl__hzl8zj20"},default:"rarui-divider_borderColor-warning-xs__hzl8zj1x"}},name:"borderColor",staticScale:{transparent:"transparent",brand:"var(--rarui-colors-border-brand)","brand-alt":"var(--rarui-colors-border-brand-alt)",disabled:"var(--rarui-colors-border-disabled)",divider:"var(--rarui-colors-border-divider)",error:"var(--rarui-colors-border-error)",info:"var(--rarui-colors-border-info)",invert:"var(--rarui-colors-border-invert)","invert-disabled":"var(--rarui-colors-border-invert-disabled)",primary:"var(--rarui-colors-border-primary)",secondary:"var(--rarui-colors-border-secondary)",subdued:"var(--rarui-colors-border-subdued)",success:"var(--rarui-colors-border-success)",warning:"var(--rarui-colors-border-warning)"}},borderStyle:{values:{solid:{conditions:{xs:"rarui-divider_borderStyle-solid-xs__hzl8zj21",md:"rarui-divider_borderStyle-solid-md__hzl8zj22",lg:"rarui-divider_borderStyle-solid-lg__hzl8zj23",xl:"rarui-divider_borderStyle-solid-xl__hzl8zj24"},default:"rarui-divider_borderStyle-solid-xs__hzl8zj21"},dashed:{conditions:{xs:"rarui-divider_borderStyle-dashed-xs__hzl8zj25",md:"rarui-divider_borderStyle-dashed-md__hzl8zj26",lg:"rarui-divider_borderStyle-dashed-lg__hzl8zj27",xl:"rarui-divider_borderStyle-dashed-xl__hzl8zj28"},default:"rarui-divider_borderStyle-dashed-xs__hzl8zj25"}},name:"borderStyle",staticScale:e},borderTopWidth:{values:{1:{conditions:{xs:"rarui-divider_borderTopWidth-1-xs__hzl8zj29",md:"rarui-divider_borderTopWidth-1-md__hzl8zj2a",lg:"rarui-divider_borderTopWidth-1-lg__hzl8zj2b",xl:"rarui-divider_borderTopWidth-1-xl__hzl8zj2c"},default:"rarui-divider_borderTopWidth-1-xs__hzl8zj29"},2:{conditions:{xs:"rarui-divider_borderTopWidth-2-xs__hzl8zj2d",md:"rarui-divider_borderTopWidth-2-md__hzl8zj2e",lg:"rarui-divider_borderTopWidth-2-lg__hzl8zj2f",xl:"rarui-divider_borderTopWidth-2-xl__hzl8zj2g"},default:"rarui-divider_borderTopWidth-2-xs__hzl8zj2d"}},name:"borderTopWidth",staticScale:o},borderLeftWidth:{values:{1:{conditions:{xs:"rarui-divider_borderLeftWidth-1-xs__hzl8zj2h",md:"rarui-divider_borderLeftWidth-1-md__hzl8zj2i",lg:"rarui-divider_borderLeftWidth-1-lg__hzl8zj2j",xl:"rarui-divider_borderLeftWidth-1-xl__hzl8zj2k"},default:"rarui-divider_borderLeftWidth-1-xs__hzl8zj2h"},2:{conditions:{xs:"rarui-divider_borderLeftWidth-2-xs__hzl8zj2l",md:"rarui-divider_borderLeftWidth-2-md__hzl8zj2m",lg:"rarui-divider_borderLeftWidth-2-lg__hzl8zj2n",xl:"rarui-divider_borderLeftWidth-2-xl__hzl8zj2o"},default:"rarui-divider_borderLeftWidth-2-xs__hzl8zj2l"}},name:"borderLeftWidth",staticScale:void 0}}}).config.borderLeftWidth.staticScale=i.config.borderTopWidth.staticScale,i)),_={divider:d({defaultClassName:"rarui-divider__hzl8zj0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};export{e as dividerBorderStyleProperties,o as dividerBorderWidthProperties,l as sprinkle,_ as styles};
|
|
@@ -93,24 +93,24 @@ declare const icon: {
|
|
|
93
93
|
};
|
|
94
94
|
staticScale: {
|
|
95
95
|
currentColor: string;
|
|
96
|
-
brand: `var(--${string})` | `var(--${string}, ${string})
|
|
97
|
-
"brand-alt": `var(--${string})` | `var(--${string}, ${string})
|
|
98
|
-
disabled: `var(--${string})` | `var(--${string}, ${string})
|
|
99
|
-
error: `var(--${string})` | `var(--${string}, ${string})
|
|
100
|
-
info: `var(--${string})` | `var(--${string}, ${string})
|
|
101
|
-
invert: `var(--${string})` | `var(--${string}, ${string})
|
|
102
|
-
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})
|
|
103
|
-
"invert-secondary": `var(--${string})` | `var(--${string}, ${string})
|
|
104
|
-
"on-brand": `var(--${string})` | `var(--${string}, ${string})
|
|
105
|
-
"on-error": `var(--${string})` | `var(--${string}, ${string})
|
|
106
|
-
"on-info": `var(--${string})` | `var(--${string}, ${string})
|
|
107
|
-
"on-success": `var(--${string})` | `var(--${string}, ${string})
|
|
108
|
-
"on-warning": `var(--${string})` | `var(--${string}, ${string})
|
|
109
|
-
primary: `var(--${string})` | `var(--${string}, ${string})
|
|
110
|
-
secondary: `var(--${string})` | `var(--${string}, ${string})
|
|
111
|
-
success: `var(--${string})` | `var(--${string}, ${string})
|
|
112
|
-
warning: `var(--${string})` | `var(--${string}, ${string})
|
|
113
|
-
"warning-alt": `var(--${string})` | `var(--${string}, ${string})
|
|
96
|
+
brand: `var(--${string})` | `var(--${string}, ${string})`;
|
|
97
|
+
"brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
|
|
98
|
+
disabled: `var(--${string})` | `var(--${string}, ${string})`;
|
|
99
|
+
error: `var(--${string})` | `var(--${string}, ${string})`;
|
|
100
|
+
info: `var(--${string})` | `var(--${string}, ${string})`;
|
|
101
|
+
invert: `var(--${string})` | `var(--${string}, ${string})`;
|
|
102
|
+
"invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
|
|
103
|
+
"invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
|
|
104
|
+
"on-brand": `var(--${string})` | `var(--${string}, ${string})`;
|
|
105
|
+
"on-error": `var(--${string})` | `var(--${string}, ${string})`;
|
|
106
|
+
"on-info": `var(--${string})` | `var(--${string}, ${string})`;
|
|
107
|
+
"on-success": `var(--${string})` | `var(--${string}, ${string})`;
|
|
108
|
+
"on-warning": `var(--${string})` | `var(--${string}, ${string})`;
|
|
109
|
+
primary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
110
|
+
secondary: `var(--${string})` | `var(--${string}, ${string})`;
|
|
111
|
+
success: `var(--${string})` | `var(--${string}, ${string})`;
|
|
112
|
+
warning: `var(--${string})` | `var(--${string}, ${string})`;
|
|
113
|
+
"warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
|
|
114
114
|
};
|
|
115
115
|
name: "color";
|
|
116
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as o}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";r({defaultClassName:"rarui-icon__edox5v0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});var n=o({config:{cursor:{dynamic:{default:"rarui-icon_cursor-xs__edox5v5",conditions:{xs:"rarui-icon_cursor-xs__edox5v5",md:"rarui-icon_cursor-md__edox5v6",lg:"rarui-icon_cursor-lg__edox5v7",xl:"rarui-icon_cursor-xl__edox5v8"}},name:"cursor",vars:{conditions:{xs:"var(--cursor-xs__edox5v1)",md:"var(--cursor-md__edox5v2)",lg:"var(--cursor-lg__edox5v3)",xl:"var(--cursor-xl__edox5v4)"},default:"var(--cursor-xs__edox5v1)"},dynamicScale:!0},color:{values:{currentColor:{conditions:{xs:"rarui-icon_color-currentColor-xs__edox5v9",md:"rarui-icon_color-currentColor-md__edox5va",lg:"rarui-icon_color-currentColor-lg__edox5vb",xl:"rarui-icon_color-currentColor-xl__edox5vc"},default:"rarui-icon_color-currentColor-xs__edox5v9"},brand:{conditions:{xs:"rarui-icon_color-brand-xs__edox5vd",md:"rarui-icon_color-brand-md__edox5ve",lg:"rarui-icon_color-brand-lg__edox5vf",xl:"rarui-icon_color-brand-xl__edox5vg"},default:"rarui-icon_color-brand-xs__edox5vd"},"brand-alt":{conditions:{xs:"rarui-icon_color-brand-alt-xs__edox5vh",md:"rarui-icon_color-brand-alt-md__edox5vi",lg:"rarui-icon_color-brand-alt-lg__edox5vj",xl:"rarui-icon_color-brand-alt-xl__edox5vk"},default:"rarui-icon_color-brand-alt-xs__edox5vh"},disabled:{conditions:{xs:"rarui-icon_color-disabled-xs__edox5vl",md:"rarui-icon_color-disabled-md__edox5vm",lg:"rarui-icon_color-disabled-lg__edox5vn",xl:"rarui-icon_color-disabled-xl__edox5vo"},default:"rarui-icon_color-disabled-xs__edox5vl"},error:{conditions:{xs:"rarui-icon_color-error-xs__edox5vp",md:"rarui-icon_color-error-md__edox5vq",lg:"rarui-icon_color-error-lg__edox5vr",xl:"rarui-icon_color-error-xl__edox5vs"},default:"rarui-icon_color-error-xs__edox5vp"},info:{conditions:{xs:"rarui-icon_color-info-xs__edox5vt",md:"rarui-icon_color-info-md__edox5vu",lg:"rarui-icon_color-info-lg__edox5vv",xl:"rarui-icon_color-info-xl__edox5vw"},default:"rarui-icon_color-info-xs__edox5vt"},invert:{conditions:{xs:"rarui-icon_color-invert-xs__edox5vx",md:"rarui-icon_color-invert-md__edox5vy",lg:"rarui-icon_color-invert-lg__edox5vz",xl:"rarui-icon_color-invert-xl__edox5v10"},default:"rarui-icon_color-invert-xs__edox5vx"},"invert-disabled":{conditions:{xs:"rarui-icon_color-invert-disabled-xs__edox5v11",md:"rarui-icon_color-invert-disabled-md__edox5v12",lg:"rarui-icon_color-invert-disabled-lg__edox5v13",xl:"rarui-icon_color-invert-disabled-xl__edox5v14"},default:"rarui-icon_color-invert-disabled-xs__edox5v11"},"invert-secondary":{conditions:{xs:"rarui-icon_color-invert-secondary-xs__edox5v15",md:"rarui-icon_color-invert-secondary-md__edox5v16",lg:"rarui-icon_color-invert-secondary-lg__edox5v17",xl:"rarui-icon_color-invert-secondary-xl__edox5v18"},default:"rarui-icon_color-invert-secondary-xs__edox5v15"},"on-brand":{conditions:{xs:"rarui-icon_color-on-brand-xs__edox5v19",md:"rarui-icon_color-on-brand-md__edox5v1a",lg:"rarui-icon_color-on-brand-lg__edox5v1b",xl:"rarui-icon_color-on-brand-xl__edox5v1c"},default:"rarui-icon_color-on-brand-xs__edox5v19"},"on-error":{conditions:{xs:"rarui-icon_color-on-error-xs__edox5v1d",md:"rarui-icon_color-on-error-md__edox5v1e",lg:"rarui-icon_color-on-error-lg__edox5v1f",xl:"rarui-icon_color-on-error-xl__edox5v1g"},default:"rarui-icon_color-on-error-xs__edox5v1d"},"on-info":{conditions:{xs:"rarui-icon_color-on-info-xs__edox5v1h",md:"rarui-icon_color-on-info-md__edox5v1i",lg:"rarui-icon_color-on-info-lg__edox5v1j",xl:"rarui-icon_color-on-info-xl__edox5v1k"},default:"rarui-icon_color-on-info-xs__edox5v1h"},"on-success":{conditions:{xs:"rarui-icon_color-on-success-xs__edox5v1l",md:"rarui-icon_color-on-success-md__edox5v1m",lg:"rarui-icon_color-on-success-lg__edox5v1n",xl:"rarui-icon_color-on-success-xl__edox5v1o"},default:"rarui-icon_color-on-success-xs__edox5v1l"},"on-warning":{conditions:{xs:"rarui-icon_color-on-warning-xs__edox5v1p",md:"rarui-icon_color-on-warning-md__edox5v1q",lg:"rarui-icon_color-on-warning-lg__edox5v1r",xl:"rarui-icon_color-on-warning-xl__edox5v1s"},default:"rarui-icon_color-on-warning-xs__edox5v1p"},primary:{conditions:{xs:"rarui-icon_color-primary-xs__edox5v1t",md:"rarui-icon_color-primary-md__edox5v1u",lg:"rarui-icon_color-primary-lg__edox5v1v",xl:"rarui-icon_color-primary-xl__edox5v1w"},default:"rarui-icon_color-primary-xs__edox5v1t"},secondary:{conditions:{xs:"rarui-icon_color-secondary-xs__edox5v1x",md:"rarui-icon_color-secondary-md__edox5v1y",lg:"rarui-icon_color-secondary-lg__edox5v1z",xl:"rarui-icon_color-secondary-xl__edox5v20"},default:"rarui-icon_color-secondary-xs__edox5v1x"},success:{conditions:{xs:"rarui-icon_color-success-xs__edox5v21",md:"rarui-icon_color-success-md__edox5v22",lg:"rarui-icon_color-success-lg__edox5v23",xl:"rarui-icon_color-success-xl__edox5v24"},default:"rarui-icon_color-success-xs__edox5v21"},warning:{conditions:{xs:"rarui-icon_color-warning-xs__edox5v25",md:"rarui-icon_color-warning-md__edox5v26",lg:"rarui-icon_color-warning-lg__edox5v27",xl:"rarui-icon_color-warning-xl__edox5v28"},default:"rarui-icon_color-warning-xs__edox5v25"},"warning-alt":{conditions:{xs:"rarui-icon_color-warning-alt-xs__edox5v29",md:"rarui-icon_color-warning-alt-md__edox5v2a",lg:"rarui-icon_color-warning-alt-lg__edox5v2b",xl:"rarui-icon_color-warning-alt-xl__edox5v2c"},default:"rarui-icon_color-warning-alt-xs__edox5v29"}},name:"color",staticScale:{currentColor:"currentColor",brand:"var(--rarui-colors-content-brand)","brand-alt":"var(--rarui-colors-content-brand-alt)",disabled:"var(--rarui-colors-content-disabled)",error:"var(--rarui-colors-content-error)",info:"var(--rarui-colors-content-info)",invert:"var(--rarui-colors-content-invert)","invert-disabled":"var(--rarui-colors-content-invert-disabled)","invert-secondary":"var(--rarui-colors-content-invert-secondary)","on-brand":"var(--rarui-colors-content-on-brand)","on-error":"var(--rarui-colors-content-on-error)","on-info":"var(--rarui-colors-content-on-info)","on-success":"var(--rarui-colors-content-on-success)","on-warning":"var(--rarui-colors-content-on-warning)",primary:"var(--rarui-colors-content-primary)",secondary:"var(--rarui-colors-content-secondary)",success:"var(--rarui-colors-content-success)",warning:"var(--rarui-colors-content-warning)","warning-alt":"var(--rarui-colors-content-warning-alt)"}}}}),i={icon:r({defaultClassName:"rarui-icon__edox5v0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};export{n as iconSprinkle,i as iconStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={label:a({defaultClassName:"rarui-label__vvlhma0",variantClassNames:{hidden:{true:"rarui-label_hidden_true__vvlhma1"}},defaultVariants:{},compoundVariants:[]})};export{e as styles};
|
|
@@ -11,7 +11,6 @@ declare const stepper: {
|
|
|
11
11
|
vertical: {
|
|
12
12
|
flexDirection: "column";
|
|
13
13
|
height: "100%";
|
|
14
|
-
alignItems: "flex-start";
|
|
15
14
|
};
|
|
16
15
|
};
|
|
17
16
|
}>;
|
|
@@ -39,14 +38,30 @@ declare const stepper: {
|
|
|
39
38
|
circle: RuntimeFn<{
|
|
40
39
|
active: {
|
|
41
40
|
true: {
|
|
42
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
43
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
41
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
42
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
44
43
|
};
|
|
45
44
|
};
|
|
46
45
|
done: {
|
|
47
46
|
true: {
|
|
48
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
49
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
47
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
48
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}>;
|
|
52
|
+
separator: RuntimeFn<{
|
|
53
|
+
direction: {
|
|
54
|
+
horizontal: {
|
|
55
|
+
height: "1px";
|
|
56
|
+
marginLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
57
|
+
marginRight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
58
|
+
marginTop: "20px";
|
|
59
|
+
};
|
|
60
|
+
vertical: {
|
|
61
|
+
width: "1px";
|
|
62
|
+
marginTop: `var(--${string})` | `var(--${string}, ${string})`;
|
|
63
|
+
marginBottom: `var(--${string})` | `var(--${string}, ${string})`;
|
|
64
|
+
marginLeft: "18px";
|
|
50
65
|
};
|
|
51
66
|
};
|
|
52
67
|
}>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
.rarui-stepper__30xssb0 {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-wrap: wrap;
|
|
4
|
+
width: fit-content;
|
|
4
5
|
margin: 0;
|
|
5
6
|
padding: 0;
|
|
6
7
|
}
|
|
@@ -11,13 +12,11 @@
|
|
|
11
12
|
.rarui-stepper_direction_vertical__30xssb2 {
|
|
12
13
|
flex-direction: column;
|
|
13
14
|
height: 100%;
|
|
14
|
-
align-items: flex-start;
|
|
15
15
|
}
|
|
16
16
|
.rarui-stepper_step__30xssb3 {
|
|
17
17
|
display: flex;
|
|
18
18
|
flex: 1;
|
|
19
19
|
place-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
20
|
position: relative;
|
|
22
21
|
gap: var(--rarui-spacing-2xs);
|
|
23
22
|
}
|
|
@@ -62,4 +61,21 @@
|
|
|
62
61
|
.rarui-stepper_circle_done_true__30xssb8 {
|
|
63
62
|
background-color: var(--rarui-colors-surface-success);
|
|
64
63
|
color: var(--rarui-colors-content-on-success);
|
|
64
|
+
}
|
|
65
|
+
.rarui-stepper_separator__30xssb9 {
|
|
66
|
+
background-color: var(--rarui-colors-border-divider);
|
|
67
|
+
border-radius: var(--rarui-shape-border-radius-pill);
|
|
68
|
+
flex: 1;
|
|
69
|
+
}
|
|
70
|
+
.rarui-stepper_separator_direction_horizontal__30xssba {
|
|
71
|
+
height: 1px;
|
|
72
|
+
margin-left: var(--rarui-spacing-3xs);
|
|
73
|
+
margin-right: var(--rarui-spacing-3xs);
|
|
74
|
+
margin-top: 20px;
|
|
75
|
+
}
|
|
76
|
+
.rarui-stepper_separator_direction_vertical__30xssbb {
|
|
77
|
+
width: 1px;
|
|
78
|
+
margin-top: var(--rarui-spacing-3xs);
|
|
79
|
+
margin-bottom: var(--rarui-spacing-3xs);
|
|
80
|
+
margin-left: 18px;
|
|
65
81
|
}
|
|
@@ -14,7 +14,6 @@ declare const stepperStyles: {
|
|
|
14
14
|
vertical: {
|
|
15
15
|
flexDirection: "column";
|
|
16
16
|
height: "100%";
|
|
17
|
-
alignItems: "flex-start";
|
|
18
17
|
};
|
|
19
18
|
};
|
|
20
19
|
}>;
|
|
@@ -46,20 +45,42 @@ declare const stepperStyles: {
|
|
|
46
45
|
circle: RuntimeFn<{
|
|
47
46
|
/**
|
|
48
47
|
* Indicates whether the step is currently active. An active step is typically highlighted to show that it is the current step.
|
|
48
|
+
* @default false
|
|
49
49
|
*/
|
|
50
50
|
active: {
|
|
51
51
|
true: {
|
|
52
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
53
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
52
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
53
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
54
54
|
};
|
|
55
55
|
};
|
|
56
56
|
/**
|
|
57
57
|
* Indicates whether the step has been completed. A completed step is usually marked with a checkmark or other indicator.
|
|
58
|
+
* @default false
|
|
58
59
|
*/
|
|
59
60
|
done: {
|
|
60
61
|
true: {
|
|
61
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})
|
|
62
|
-
color: `var(--${string})` | `var(--${string}, ${string})
|
|
62
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
63
|
+
color: `var(--${string})` | `var(--${string}, ${string})`;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
}>;
|
|
67
|
+
separator: RuntimeFn<{
|
|
68
|
+
direction: {
|
|
69
|
+
/**
|
|
70
|
+
* Specifies the direction of the stepper. This prop accepts one of the following values: vertical or horizontal.
|
|
71
|
+
* @default horizontal
|
|
72
|
+
*/
|
|
73
|
+
horizontal: {
|
|
74
|
+
height: "1px";
|
|
75
|
+
marginLeft: `var(--${string})` | `var(--${string}, ${string})`;
|
|
76
|
+
marginRight: `var(--${string})` | `var(--${string}, ${string})`;
|
|
77
|
+
marginTop: "20px";
|
|
78
|
+
};
|
|
79
|
+
vertical: {
|
|
80
|
+
width: "1px";
|
|
81
|
+
marginTop: `var(--${string})` | `var(--${string}, ${string})`;
|
|
82
|
+
marginBottom: `var(--${string})` | `var(--${string}, ${string})`;
|
|
83
|
+
marginLeft: "18px";
|
|
63
84
|
};
|
|
64
85
|
};
|
|
65
86
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var e={stepper:r({defaultClassName:"rarui-stepper__30xssb0",variantClassNames:{direction:{horizontal:"rarui-stepper_direction_horizontal__30xssb1",vertical:"rarui-stepper_direction_vertical__30xssb2"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]}),step:r({defaultClassName:"rarui-stepper_step__30xssb3",variantClassNames:{direction:{horizontal:"rarui-stepper_step_direction_horizontal__30xssb4",vertical:"rarui-stepper_step_direction_vertical__30xssb5"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]}),circle:r({defaultClassName:"rarui-stepper_circle__30xssb6",variantClassNames:{active:{true:"rarui-stepper_circle_active_true__30xssb7"},done:{true:"rarui-stepper_circle_done_true__30xssb8"}},defaultVariants:{done:!1,active:!1},compoundVariants:[]}),separator:r({defaultClassName:"rarui-stepper_separator__30xssb9",variantClassNames:{direction:{horizontal:"rarui-stepper_separator_direction_horizontal__30xssba",vertical:"rarui-stepper_separator_direction_vertical__30xssbb"}},defaultVariants:{direction:"horizontal"},compoundVariants:[]})};export{e as stepperStyles};
|