@rarui/styles 2.6.0 → 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 (34) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.css +1 -1
  3. package/dist/packages/exhibition/avatar/rarui-avatar.css +1 -1
  4. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
  5. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +2 -2
  6. package/dist/packages/exhibition/divider/index.d.ts +8 -8
  7. package/dist/packages/exhibition/divider/rarui-divider.types.d.ts +3 -0
  8. package/dist/packages/exhibition/icon/index.d.ts +18 -18
  9. package/dist/packages/exhibition/stepper/index.d.ts +16 -1
  10. package/dist/packages/exhibition/stepper/rarui-stepper.css +18 -2
  11. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +22 -1
  12. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  13. package/dist/packages/exhibition/text/index.d.ts +18 -18
  14. package/dist/packages/exhibition/title/index.d.ts +18 -18
  15. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +2 -0
  16. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
  17. package/dist/packages/input/button/rarui-button.css +3 -0
  18. package/dist/packages/input/button/rarui-button.css.d.ts +3 -1
  19. package/dist/packages/input/button/rarui-button.css.js +1 -1
  20. package/dist/packages/input/chip/rarui-chip.css +5 -3
  21. package/dist/packages/input/chip/rarui-chip.css.d.ts +4 -0
  22. package/dist/packages/input/chip/rarui-chip.css.js +1 -1
  23. package/dist/packages/input/iconButton/rarui-iconButton.css +3 -0
  24. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +9 -0
  25. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
  26. package/dist/packages/input/iconButton/rarui-iconButton.types.d.ts +1 -1
  27. package/dist/packages/layout/box/index.d.ts +319 -319
  28. package/dist/packages/layout/sidebar/index.d.ts +2 -2
  29. package/dist/packages/navigation/tabs/index.d.ts +11 -11
  30. package/dist/packages/navigation/tabs/rarui-tabs.css +12 -12
  31. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +14 -14
  32. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  33. package/dist/packages/surface/card/index.d.ts +33 -33
  34. 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.0",
3
+ "version": "2.6.2",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "files": [