@rarui/styles 2.6.3-rc.3 → 2.7.0-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 +8 -3
- package/dist/index.css +1 -1
- package/dist/packages/exhibition/label/rarui-label.css.d.ts +1 -0
- package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +6 -0
- package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -1
- package/dist/packages/input/input/rarui-input.css.d.ts +3 -0
- package/dist/packages/input/toggle/rarui-toggle.css.d.ts +2 -0
- package/dist/packages/layout/box/index.d.ts +12 -0
- package/dist/packages/layout/box/rarui-box.css +4032 -4005
- package/dist/packages/layout/box/rarui-box.css.js +1 -1
- package/dist/packages/layout/box/rarui-box.types.d.ts +1 -1
- package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +1 -1
- package/dist/packages/surface/modal/rarui-modal.css.js +1 -1
- package/package.json +2 -2
|
@@ -16,6 +16,12 @@ declare const dropdownStyles: {
|
|
|
16
16
|
};
|
|
17
17
|
}>;
|
|
18
18
|
item: RuntimeFn<{
|
|
19
|
+
/**
|
|
20
|
+
* Indicates if the item is selected.
|
|
21
|
+
* This affects the visual style, such as highlight or marking.
|
|
22
|
+
*
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
19
25
|
selected: {
|
|
20
26
|
true: {
|
|
21
27
|
backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as d}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var _=d({config:{width:{dynamic:{default:"rarui-dropdown_width-xs__1b7gjg59",conditions:{xs:"rarui-dropdown_width-xs__1b7gjg59",md:"rarui-dropdown_width-md__1b7gjg5a",lg:"rarui-dropdown_width-lg__1b7gjg5b",xl:"rarui-dropdown_width-xl__1b7gjg5c"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1b7gjg55)",md:"var(--width-md__1b7gjg56)",lg:"var(--width-lg__1b7gjg57)",xl:"var(--width-xl__1b7gjg58)"},default:"var(--width-xs__1b7gjg55)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-dropdown_maxWidth-xs__1b7gjg5h",conditions:{xs:"rarui-dropdown_maxWidth-xs__1b7gjg5h",md:"rarui-dropdown_maxWidth-md__1b7gjg5i",lg:"rarui-dropdown_maxWidth-lg__1b7gjg5j",xl:"rarui-dropdown_maxWidth-xl__1b7gjg5k"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1b7gjg5d)",md:"var(--maxWidth-md__1b7gjg5e)",lg:"var(--maxWidth-lg__1b7gjg5f)",xl:"var(--maxWidth-xl__1b7gjg5g)"},default:"var(--maxWidth-xs__1b7gjg5d)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-dropdown_zIndex-100-xs__1b7gjg5l",md:"rarui-dropdown_zIndex-100-md__1b7gjg5m",lg:"rarui-dropdown_zIndex-100-lg__1b7gjg5n",xl:"rarui-dropdown_zIndex-100-xl__1b7gjg5o"},default:"rarui-dropdown_zIndex-100-xs__1b7gjg5l"},200:{conditions:{xs:"rarui-dropdown_zIndex-200-xs__1b7gjg5p",md:"rarui-dropdown_zIndex-200-md__1b7gjg5q",lg:"rarui-dropdown_zIndex-200-lg__1b7gjg5r",xl:"rarui-dropdown_zIndex-200-xl__1b7gjg5s"},default:"rarui-dropdown_zIndex-200-xs__1b7gjg5p"},300:{conditions:{xs:"rarui-dropdown_zIndex-300-xs__1b7gjg5t",md:"rarui-dropdown_zIndex-300-md__1b7gjg5u",lg:"rarui-dropdown_zIndex-300-lg__1b7gjg5v",xl:"rarui-dropdown_zIndex-300-xl__1b7gjg5w"},default:"rarui-dropdown_zIndex-300-xs__1b7gjg5t"},400:{conditions:{xs:"rarui-dropdown_zIndex-400-xs__1b7gjg5x",md:"rarui-dropdown_zIndex-400-md__1b7gjg5y",lg:"rarui-dropdown_zIndex-400-lg__1b7gjg5z",xl:"rarui-dropdown_zIndex-400-xl__1b7gjg510"},default:"rarui-dropdown_zIndex-400-xs__1b7gjg5x"},500:{conditions:{xs:"rarui-dropdown_zIndex-500-xs__1b7gjg511",md:"rarui-dropdown_zIndex-500-md__1b7gjg512",lg:"rarui-dropdown_zIndex-500-lg__1b7gjg513",xl:"rarui-dropdown_zIndex-500-xl__1b7gjg514"},default:"rarui-dropdown_zIndex-500-xs__1b7gjg511"},600:{conditions:{xs:"rarui-dropdown_zIndex-600-xs__1b7gjg515",md:"rarui-dropdown_zIndex-600-md__1b7gjg516",lg:"rarui-dropdown_zIndex-600-lg__1b7gjg517",xl:"rarui-dropdown_zIndex-600-xl__1b7gjg518"},default:"rarui-dropdown_zIndex-600-xs__1b7gjg515"},700:{conditions:{xs:"rarui-dropdown_zIndex-700-xs__1b7gjg519",md:"rarui-dropdown_zIndex-700-md__1b7gjg51a",lg:"rarui-dropdown_zIndex-700-lg__1b7gjg51b",xl:"rarui-dropdown_zIndex-700-xl__1b7gjg51c"},default:"rarui-dropdown_zIndex-700-xs__1b7gjg519"},800:{conditions:{xs:"rarui-dropdown_zIndex-800-xs__1b7gjg51d",md:"rarui-dropdown_zIndex-800-md__1b7gjg51e",lg:"rarui-dropdown_zIndex-800-lg__1b7gjg51f",xl:"rarui-dropdown_zIndex-800-xl__1b7gjg51g"},default:"rarui-dropdown_zIndex-800-xs__1b7gjg51d"},900:{conditions:{xs:"rarui-dropdown_zIndex-900-xs__1b7gjg51h",md:"rarui-dropdown_zIndex-900-md__1b7gjg51i",lg:"rarui-dropdown_zIndex-900-lg__1b7gjg51j",xl:"rarui-dropdown_zIndex-900-xl__1b7gjg51k"},default:"rarui-dropdown_zIndex-900-xs__1b7gjg51h"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),n={dropdown:r({defaultClassName:"rarui-dropdown__1b7gjg50",variantClassNames:{padding:{base:"rarui-dropdown_padding_base__1b7gjg51",none:"rarui-dropdown_padding_none__1b7gjg52"}},defaultVariants:{},compoundVariants:[]}),item:r({defaultClassName:"rarui-dropdown_item__1b7gjg53",variantClassNames:{selected:{true:"rarui-dropdown_item_selected_true__1b7gjg54"}},defaultVariants:{},compoundVariants:[]})};export{_ as dropdownSprinkle,n as dropdownStyles};
|
|
1
|
+
import{c as d}from"../../../node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js";import{c as r}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var _=d({config:{width:{dynamic:{default:"rarui-dropdown_width-xs__1b7gjg59",conditions:{xs:"rarui-dropdown_width-xs__1b7gjg59",md:"rarui-dropdown_width-md__1b7gjg5a",lg:"rarui-dropdown_width-lg__1b7gjg5b",xl:"rarui-dropdown_width-xl__1b7gjg5c"}},name:"width",vars:{conditions:{xs:"var(--width-xs__1b7gjg55)",md:"var(--width-md__1b7gjg56)",lg:"var(--width-lg__1b7gjg57)",xl:"var(--width-xl__1b7gjg58)"},default:"var(--width-xs__1b7gjg55)"},dynamicScale:!0},maxWidth:{dynamic:{default:"rarui-dropdown_maxWidth-xs__1b7gjg5h",conditions:{xs:"rarui-dropdown_maxWidth-xs__1b7gjg5h",md:"rarui-dropdown_maxWidth-md__1b7gjg5i",lg:"rarui-dropdown_maxWidth-lg__1b7gjg5j",xl:"rarui-dropdown_maxWidth-xl__1b7gjg5k"}},name:"maxWidth",vars:{conditions:{xs:"var(--maxWidth-xs__1b7gjg5d)",md:"var(--maxWidth-md__1b7gjg5e)",lg:"var(--maxWidth-lg__1b7gjg5f)",xl:"var(--maxWidth-xl__1b7gjg5g)"},default:"var(--maxWidth-xs__1b7gjg5d)"},dynamicScale:!0},zIndex:{values:{100:{conditions:{xs:"rarui-dropdown_zIndex-100-xs__1b7gjg5l",md:"rarui-dropdown_zIndex-100-md__1b7gjg5m",lg:"rarui-dropdown_zIndex-100-lg__1b7gjg5n",xl:"rarui-dropdown_zIndex-100-xl__1b7gjg5o"},default:"rarui-dropdown_zIndex-100-xs__1b7gjg5l"},200:{conditions:{xs:"rarui-dropdown_zIndex-200-xs__1b7gjg5p",md:"rarui-dropdown_zIndex-200-md__1b7gjg5q",lg:"rarui-dropdown_zIndex-200-lg__1b7gjg5r",xl:"rarui-dropdown_zIndex-200-xl__1b7gjg5s"},default:"rarui-dropdown_zIndex-200-xs__1b7gjg5p"},300:{conditions:{xs:"rarui-dropdown_zIndex-300-xs__1b7gjg5t",md:"rarui-dropdown_zIndex-300-md__1b7gjg5u",lg:"rarui-dropdown_zIndex-300-lg__1b7gjg5v",xl:"rarui-dropdown_zIndex-300-xl__1b7gjg5w"},default:"rarui-dropdown_zIndex-300-xs__1b7gjg5t"},400:{conditions:{xs:"rarui-dropdown_zIndex-400-xs__1b7gjg5x",md:"rarui-dropdown_zIndex-400-md__1b7gjg5y",lg:"rarui-dropdown_zIndex-400-lg__1b7gjg5z",xl:"rarui-dropdown_zIndex-400-xl__1b7gjg510"},default:"rarui-dropdown_zIndex-400-xs__1b7gjg5x"},500:{conditions:{xs:"rarui-dropdown_zIndex-500-xs__1b7gjg511",md:"rarui-dropdown_zIndex-500-md__1b7gjg512",lg:"rarui-dropdown_zIndex-500-lg__1b7gjg513",xl:"rarui-dropdown_zIndex-500-xl__1b7gjg514"},default:"rarui-dropdown_zIndex-500-xs__1b7gjg511"},600:{conditions:{xs:"rarui-dropdown_zIndex-600-xs__1b7gjg515",md:"rarui-dropdown_zIndex-600-md__1b7gjg516",lg:"rarui-dropdown_zIndex-600-lg__1b7gjg517",xl:"rarui-dropdown_zIndex-600-xl__1b7gjg518"},default:"rarui-dropdown_zIndex-600-xs__1b7gjg515"},700:{conditions:{xs:"rarui-dropdown_zIndex-700-xs__1b7gjg519",md:"rarui-dropdown_zIndex-700-md__1b7gjg51a",lg:"rarui-dropdown_zIndex-700-lg__1b7gjg51b",xl:"rarui-dropdown_zIndex-700-xl__1b7gjg51c"},default:"rarui-dropdown_zIndex-700-xs__1b7gjg519"},800:{conditions:{xs:"rarui-dropdown_zIndex-800-xs__1b7gjg51d",md:"rarui-dropdown_zIndex-800-md__1b7gjg51e",lg:"rarui-dropdown_zIndex-800-lg__1b7gjg51f",xl:"rarui-dropdown_zIndex-800-xl__1b7gjg51g"},default:"rarui-dropdown_zIndex-800-xs__1b7gjg51d"},900:{conditions:{xs:"rarui-dropdown_zIndex-900-xs__1b7gjg51h",md:"rarui-dropdown_zIndex-900-md__1b7gjg51i",lg:"rarui-dropdown_zIndex-900-lg__1b7gjg51j",xl:"rarui-dropdown_zIndex-900-xl__1b7gjg51k"},default:"rarui-dropdown_zIndex-900-xs__1b7gjg51h"}},name:"zIndex",staticScale:{100:"var(--rarui-zIndex-100)",200:"var(--rarui-zIndex-200)",300:"var(--rarui-zIndex-300)",400:"var(--rarui-zIndex-400)",500:"var(--rarui-zIndex-500)",600:"var(--rarui-zIndex-600)",700:"var(--rarui-zIndex-700)",800:"var(--rarui-zIndex-800)",900:"var(--rarui-zIndex-900)"}}}}),n={dropdown:r({defaultClassName:"rarui-dropdown__1b7gjg50",variantClassNames:{padding:{base:"rarui-dropdown_padding_base__1b7gjg51",none:"rarui-dropdown_padding_none__1b7gjg52"}},defaultVariants:{padding:"base"},compoundVariants:[]}),item:r({defaultClassName:"rarui-dropdown_item__1b7gjg53",variantClassNames:{selected:{true:"rarui-dropdown_item_selected_true__1b7gjg54"}},defaultVariants:{},compoundVariants:[]})};export{_ as dropdownSprinkle,n as dropdownStyles};
|
|
@@ -27,6 +27,7 @@ declare const styles: {
|
|
|
27
27
|
};
|
|
28
28
|
/**
|
|
29
29
|
* Determines if the input have borders or not.
|
|
30
|
+
* @default true
|
|
30
31
|
*/
|
|
31
32
|
border: {
|
|
32
33
|
true: {
|
|
@@ -51,12 +52,14 @@ declare const styles: {
|
|
|
51
52
|
input: RuntimeFn<{
|
|
52
53
|
/**
|
|
53
54
|
* Places a divider between the input and the leading components
|
|
55
|
+
* @default true
|
|
54
56
|
*/
|
|
55
57
|
divider: {
|
|
56
58
|
false: {};
|
|
57
59
|
};
|
|
58
60
|
/**
|
|
59
61
|
* Specifies the size of the input, controlling its dimensions.
|
|
62
|
+
* @default medium
|
|
60
63
|
*/
|
|
61
64
|
size: {
|
|
62
65
|
large: {
|
|
@@ -4,6 +4,7 @@ declare const styles: {
|
|
|
4
4
|
toggle: RuntimeFn<{
|
|
5
5
|
/**
|
|
6
6
|
* Specifies the size of the toggle, controlling its dimensions.
|
|
7
|
+
* @default large
|
|
7
8
|
*/
|
|
8
9
|
size: {
|
|
9
10
|
large: {
|
|
@@ -33,6 +34,7 @@ declare const styles: {
|
|
|
33
34
|
};
|
|
34
35
|
/**
|
|
35
36
|
* Specifies whether the radiobutton is in error state
|
|
37
|
+
* @default false
|
|
36
38
|
*/
|
|
37
39
|
error: {
|
|
38
40
|
true: {
|
|
@@ -3043,6 +3043,18 @@ declare const box: {
|
|
|
3043
3043
|
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
3044
3044
|
};
|
|
3045
3045
|
};
|
|
3046
|
+
verticalAlign: {
|
|
3047
|
+
dynamic: {
|
|
3048
|
+
default: string;
|
|
3049
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
3050
|
+
};
|
|
3051
|
+
dynamicScale: true;
|
|
3052
|
+
name: "verticalAlign";
|
|
3053
|
+
vars: {
|
|
3054
|
+
default: string;
|
|
3055
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
3056
|
+
};
|
|
3057
|
+
};
|
|
3046
3058
|
};
|
|
3047
3059
|
} & {
|
|
3048
3060
|
config: {
|