@rarui/styles 2.6.1 → 2.6.2

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.
Files changed (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/packages/exhibition/divider/index.d.ts +8 -8
  4. package/dist/packages/exhibition/icon/index.d.ts +18 -18
  5. package/dist/packages/exhibition/stepper/index.d.ts +16 -1
  6. package/dist/packages/exhibition/stepper/rarui-stepper.css +18 -2
  7. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +22 -1
  8. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  9. package/dist/packages/exhibition/text/index.d.ts +18 -18
  10. package/dist/packages/exhibition/title/index.d.ts +18 -18
  11. package/dist/packages/layout/box/index.d.ts +319 -319
  12. package/dist/packages/layout/sidebar/index.d.ts +2 -2
  13. package/dist/packages/navigation/tabs/index.d.ts +11 -11
  14. package/dist/packages/navigation/tabs/rarui-tabs.css +12 -12
  15. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +14 -14
  16. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  17. package/dist/packages/surface/card/index.d.ts +33 -33
  18. package/package.json +1 -1
package/dist/packages/layout/sidebar/index.d.ts CHANGED
@@ -79,11 +79,11 @@ declare const sidebar: {
79
79
  };
80
80
  padding: {
81
81
  values: {
82
- medium: {
82
+ none: {
83
83
  default: string;
84
84
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
85
85
  };
86
- none: {
86
+ medium: {
87
87
  default: string;
88
88
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
89
89
  };
package/dist/packages/navigation/tabs/index.d.ts CHANGED
@@ -32,6 +32,17 @@ declare const tabs: {
32
32
  };
33
33
  }>;
34
34
  button: RuntimeFn<{
35
+ selected: {
36
+ true: {
37
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ ":disabled": {
41
+ backgroundColor: "transparent";
42
+ borderColor: "transparent";
43
+ };
44
+ };
45
+ };
35
46
  underlined: {
36
47
  true: {
37
48
  borderRadius: number;
@@ -47,17 +58,6 @@ declare const tabs: {
47
58
  };
48
59
  };
49
60
  };
50
- selected: {
51
- true: {
52
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- ":disabled": {
56
- backgroundColor: "transparent";
57
- borderColor: "transparent";
58
- };
59
- };
60
- };
61
61
  }>;
62
62
  };
63
63
  };
package/dist/packages/navigation/tabs/rarui-tabs.css CHANGED
@@ -67,28 +67,28 @@
67
67
  box-shadow: none;
68
68
  color: var(--rarui-colors-content-disabled);
69
69
  }
70
- .rarui-tabs_button_underlined_true__1apz2pr8 {
70
+ .rarui-tabs_button_selected_true__1apz2pr8 {
71
+ background-color: var(--rarui-colors-surface-primary);
72
+ color: var(--rarui-colors-content-primary);
73
+ border-color: var(--rarui-colors-border-subdued);
74
+ }
75
+ .rarui-tabs_button_selected_true__1apz2pr8:disabled {
76
+ background-color: transparent;
77
+ border-color: transparent;
78
+ }
79
+ .rarui-tabs_button_underlined_true__1apz2pr9 {
71
80
  border-radius: 0;
72
81
  border-color: transparent;
73
82
  background-color: transparent;
74
83
  border-bottom-color: transparent;
75
84
  }
76
- .rarui-tabs_button_underlined_true__1apz2pr8:hover {
85
+ .rarui-tabs_button_underlined_true__1apz2pr9:hover {
77
86
  box-shadow: none;
78
87
  border-bottom-color: var(--rarui-colors-border-subdued);
79
88
  }
80
- .rarui-tabs_button_underlined_true__1apz2pr8:disabled {
89
+ .rarui-tabs_button_underlined_true__1apz2pr9:disabled {
81
90
  border-bottom-color: transparent;
82
91
  }
83
- .rarui-tabs_button_selected_true__1apz2pr9 {
84
- background-color: var(--rarui-colors-surface-primary);
85
- color: var(--rarui-colors-content-primary);
86
- border-color: var(--rarui-colors-border-subdued);
87
- }
88
- .rarui-tabs_button_selected_true__1apz2pr9:disabled {
89
- background-color: transparent;
90
- border-color: transparent;
91
- }
92
92
  .rarui-tabs_button_compound_0__1apz2pra {
93
93
  border-color: transparent;
94
94
  color: var(--rarui-colors-content-brand);
package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts CHANGED
@@ -41,6 +41,20 @@ declare const tabsStyles: {
41
41
  };
42
42
  }>;
43
43
  button: RuntimeFn<{
44
+ /**
45
+ * Indicates whether the button is currently selected. This is used to style the button accordingly.
46
+ */
47
+ selected: {
48
+ true: {
49
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ ":disabled": {
53
+ backgroundColor: "transparent";
54
+ borderColor: "transparent";
55
+ };
56
+ };
57
+ };
44
58
  /**
45
59
  * Determines whether the tabs should have an underline style.
46
60
  */
@@ -59,20 +73,6 @@ declare const tabsStyles: {
59
73
  };
60
74
  };
61
75
  };
62
- /**
63
- * Indicates whether the button is currently selected. This is used to style the button accordingly.
64
- */
65
- selected: {
66
- true: {
67
- backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
- ":disabled": {
71
- backgroundColor: "transparent";
72
- borderColor: "transparent";
73
- };
74
- };
75
- };
76
76
  }>;
77
77
  };
78
78
 
package/dist/packages/navigation/tabs/rarui-tabs.css.js CHANGED
@@ -1 +1 @@
1
- import"./../../../themes/globals.css";import"./rarui-tabs.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={ul:a({defaultClassName:"rarui-tabs_ul__1apz2pr0",variantClassNames:{underlined:{true:"rarui-tabs_ul_underlined_true__1apz2pr1"},position:{left:"rarui-tabs_ul_position_left__1apz2pr2",center:"rarui-tabs_ul_position_center__1apz2pr3",right:"rarui-tabs_ul_position_right__1apz2pr4"}},defaultVariants:{},compoundVariants:[]}),li:a({defaultClassName:"rarui-tabs_li__1apz2pr5",variantClassNames:{full:{true:"rarui-tabs_li_full_true__1apz2pr6"}},defaultVariants:{},compoundVariants:[]}),button:a({defaultClassName:"rarui-tabs_button__1apz2pr7",variantClassNames:{underlined:{true:"rarui-tabs_button_underlined_true__1apz2pr8"},selected:{true:"rarui-tabs_button_selected_true__1apz2pr9"}},defaultVariants:{},compoundVariants:[[{underlined:!0,selected:!0},"rarui-tabs_button_compound_0__1apz2pra"]]})};export{r as tabsStyles};
1
+ import"./../../../themes/globals.css";import"./rarui-tabs.css";import{c as a}from"../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";var r={ul:a({defaultClassName:"rarui-tabs_ul__1apz2pr0",variantClassNames:{underlined:{true:"rarui-tabs_ul_underlined_true__1apz2pr1"},position:{left:"rarui-tabs_ul_position_left__1apz2pr2",center:"rarui-tabs_ul_position_center__1apz2pr3",right:"rarui-tabs_ul_position_right__1apz2pr4"}},defaultVariants:{},compoundVariants:[]}),li:a({defaultClassName:"rarui-tabs_li__1apz2pr5",variantClassNames:{full:{true:"rarui-tabs_li_full_true__1apz2pr6"}},defaultVariants:{},compoundVariants:[]}),button:a({defaultClassName:"rarui-tabs_button__1apz2pr7",variantClassNames:{selected:{true:"rarui-tabs_button_selected_true__1apz2pr8"},underlined:{true:"rarui-tabs_button_underlined_true__1apz2pr9"}},defaultVariants:{},compoundVariants:[[{underlined:!0,selected:!0},"rarui-tabs_button_compound_0__1apz2pra"]]})};export{r as tabsStyles};
package/dist/packages/surface/card/index.d.ts CHANGED
@@ -18,135 +18,135 @@ declare const card: {
18
18
  config: {
19
19
  backgroundColor: {
20
20
  values: {
21
- "brand-hover": {
21
+ overlay: {
22
22
  default: string;
23
23
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
24
24
  };
25
- "brand-press": {
25
+ background: {
26
26
  default: string;
27
27
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
28
28
  };
29
- "brand-subdued": {
29
+ transparent: {
30
30
  default: string;
31
31
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
32
32
  };
33
- "error-hover": {
33
+ brand: {
34
34
  default: string;
35
35
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
36
36
  };
37
- "error-press": {
37
+ "brand-hover": {
38
38
  default: string;
39
39
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
40
40
  };
41
- "error-subdued": {
41
+ "brand-press": {
42
42
  default: string;
43
43
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
44
44
  };
45
- "info-hover": {
45
+ "brand-subdued": {
46
46
  default: string;
47
47
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
48
48
  };
49
- "info-press": {
49
+ disabled: {
50
50
  default: string;
51
51
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
52
52
  };
53
- "info-subdued": {
53
+ error: {
54
54
  default: string;
55
55
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
56
56
  };
57
- "invert-disabled": {
57
+ "error-hover": {
58
58
  default: string;
59
59
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
60
60
  };
61
- "invert-hover": {
61
+ "error-press": {
62
62
  default: string;
63
63
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
64
64
  };
65
- "invert-press": {
65
+ "error-subdued": {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
68
68
  };
69
- "invert-secondary": {
69
+ hover: {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
72
72
  };
73
- "success-hover": {
73
+ info: {
74
74
  default: string;
75
75
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
76
76
  };
77
- "success-press": {
77
+ "info-hover": {
78
78
  default: string;
79
79
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
80
80
  };
81
- "success-subdued": {
81
+ "info-press": {
82
82
  default: string;
83
83
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
84
84
  };
85
- "warning-hover": {
85
+ "info-subdued": {
86
86
  default: string;
87
87
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
88
88
  };
89
- "warning-press": {
89
+ invert: {
90
90
  default: string;
91
91
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
92
92
  };
93
- "warning-subdued": {
93
+ "invert-disabled": {
94
94
  default: string;
95
95
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
96
96
  };
97
- background: {
97
+ "invert-hover": {
98
98
  default: string;
99
99
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
100
100
  };
101
- brand: {
101
+ "invert-press": {
102
102
  default: string;
103
103
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
104
104
  };
105
- disabled: {
105
+ "invert-secondary": {
106
106
  default: string;
107
107
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
108
108
  };
109
- error: {
109
+ press: {
110
110
  default: string;
111
111
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
112
112
  };
113
- hover: {
113
+ primary: {
114
114
  default: string;
115
115
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
116
116
  };
117
- info: {
117
+ secondary: {
118
118
  default: string;
119
119
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
120
120
  };
121
- invert: {
121
+ success: {
122
122
  default: string;
123
123
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
124
124
  };
125
- overlay: {
125
+ "success-hover": {
126
126
  default: string;
127
127
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
128
128
  };
129
- press: {
129
+ "success-press": {
130
130
  default: string;
131
131
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
132
132
  };
133
- primary: {
133
+ "success-subdued": {
134
134
  default: string;
135
135
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
136
136
  };
137
- secondary: {
137
+ warning: {
138
138
  default: string;
139
139
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
140
140
  };
141
- success: {
141
+ "warning-hover": {
142
142
  default: string;
143
143
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
144
144
  };
145
- warning: {
145
+ "warning-press": {
146
146
  default: string;
147
147
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
148
148
  };
149
- transparent: {
149
+ "warning-subdued": {
150
150
  default: string;
151
151
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
152
152
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rarui/styles",
3
- "version": "2.6.1",
3
+ "version": "2.6.2",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [