@rarui/styles 1.32.1 → 2.0.0

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +240 -33
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.css +1 -1
  7. package/dist/themes/dark.js +1 -1
  8. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,20 +1,225 @@
1
1
  // Generated by dts-bundle-generator v9.5.1
2
2
 
3
3
  import { RecipeVariants } from '@vanilla-extract/recipes';
4
- import React$1 from 'react';
5
- import { HTMLAttributes, MutableRefObject } from 'react';
6
4
 
7
- export type Theme = "dark" | "base";
8
- export interface ThemeProviderProperties {
9
- theme?: Theme;
10
- }
11
- export type ThemeProviderProps = ThemeProviderProperties & React$1.HTMLAttributes<HTMLElement>;
12
- export declare const ThemeProvider: React$1.FC<ThemeProviderProps>;
13
- export interface ThemeProviderContextProps {
14
- refThemeProvider: React$1.MutableRefObject<null | HTMLDivElement>;
15
- currentTheme: Theme;
16
- }
17
- export declare const useTheme: () => ThemeProviderContextProps;
5
+ declare const varsThemeBase: {
6
+ colors: {
7
+ surface: {
8
+ background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ };
41
+ content: {
42
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ };
61
+ border: {
62
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ };
76
+ };
77
+ fontFamily: {
78
+ body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ };
82
+ fontSize: {
83
+ body: {
84
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
+ };
91
+ heading: {
92
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ };
99
+ button: {
100
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ };
105
+ label: {
106
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ };
110
+ };
111
+ fontWeight: {
112
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ };
117
+ lineHeight: {
118
+ body: {
119
+ xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ };
126
+ heading: {
127
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
+ hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
+ };
134
+ button: {
135
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
137
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ };
139
+ label: {
140
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ m: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ };
144
+ };
145
+ elevation: {
146
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ top: {
148
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
+ };
154
+ bottom: {
155
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
+ };
161
+ "focus-ring": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ };
163
+ shape: {
164
+ border: {
165
+ radius: {
166
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ };
178
+ width: {
179
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
+ };
185
+ };
186
+ };
187
+ spacing: {
188
+ "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ };
204
+ zIndex: {
205
+ 100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ 200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ 300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ 400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
+ 500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
+ 600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
+ 700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
+ 800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
+ 900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ };
215
+ breakpoint: {
216
+ xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
+ md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
+ lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
+ xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
+ };
221
+ };
222
+ declare const variables: string;
18
223
  declare const avatarStyles: {
19
224
  container: string;
20
225
  avatar: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -3955,13 +4160,13 @@ declare const fontWeightProperties: {
3955
4160
  bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3956
4161
  };
3957
4162
  declare const fontSizeProperties: {
3958
- hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3959
4163
  "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3960
4164
  "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3961
4165
  "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3962
4166
  "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3963
4167
  "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3964
4168
  "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4169
+ "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3965
4170
  "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3966
4171
  "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3967
4172
  "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3980,13 +4185,13 @@ declare const fontFamilyProperties: {
3980
4185
  button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3981
4186
  };
3982
4187
  declare const lineHeightProperties: {
3983
- readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3984
4188
  readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3985
4189
  readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3986
4190
  readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3987
4191
  readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3988
4192
  readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3989
4193
  readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4194
+ readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3990
4195
  readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3991
4196
  readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3992
4197
  readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -6608,10 +6813,6 @@ export declare const box: {
6608
6813
  };
6609
6814
  lineHeight: {
6610
6815
  values: {
6611
- hero: {
6612
- default: string;
6613
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6614
- };
6615
6816
  "body-xxs": {
6616
6817
  default: string;
6617
6818
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -6636,6 +6837,10 @@ export declare const box: {
6636
6837
  default: string;
6637
6838
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6638
6839
  };
6840
+ "heading-hero": {
6841
+ default: string;
6842
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6843
+ };
6639
6844
  "heading-xs": {
6640
6845
  default: string;
6641
6846
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -6682,13 +6887,13 @@ export declare const box: {
6682
6887
  };
6683
6888
  };
6684
6889
  staticScale: {
6685
- readonly hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6686
6890
  readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6687
6891
  readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6688
6892
  readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6689
6893
  readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6690
6894
  readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6691
6895
  readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6896
+ readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6692
6897
  readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6693
6898
  readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6694
6899
  readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -6732,10 +6937,6 @@ export declare const box: {
6732
6937
  };
6733
6938
  fontSize: {
6734
6939
  values: {
6735
- hero: {
6736
- default: string;
6737
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6738
- };
6739
6940
  "body-xxs": {
6740
6941
  default: string;
6741
6942
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -6760,6 +6961,10 @@ export declare const box: {
6760
6961
  default: string;
6761
6962
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6762
6963
  };
6964
+ "heading-hero": {
6965
+ default: string;
6966
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
6967
+ };
6763
6968
  "heading-xs": {
6764
6969
  default: string;
6765
6970
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -6806,13 +7011,13 @@ export declare const box: {
6806
7011
  };
6807
7012
  };
6808
7013
  staticScale: {
6809
- hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6810
7014
  "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6811
7015
  "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6812
7016
  "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6813
7017
  "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6814
7018
  "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6815
7019
  "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7020
+ "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6816
7021
  "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6817
7022
  "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6818
7023
  "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10028,10 +10233,6 @@ export declare const title: {
10028
10233
  };
10029
10234
  lineHeight: {
10030
10235
  values: {
10031
- hero: {
10032
- default: string;
10033
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10034
- };
10035
10236
  xs: {
10036
10237
  default: string;
10037
10238
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -10052,6 +10253,10 @@ export declare const title: {
10052
10253
  default: string;
10053
10254
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10054
10255
  };
10256
+ hero: {
10257
+ default: string;
10258
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10259
+ };
10055
10260
  };
10056
10261
  staticScale: {
10057
10262
  hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -10065,10 +10270,6 @@ export declare const title: {
10065
10270
  };
10066
10271
  fontSize: {
10067
10272
  values: {
10068
- hero: {
10069
- default: string;
10070
- conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10071
- };
10072
10273
  xs: {
10073
10274
  default: string;
10074
10275
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
@@ -10089,6 +10290,10 @@ export declare const title: {
10089
10290
  default: string;
10090
10291
  conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10091
10292
  };
10293
+ hero: {
10294
+ default: string;
10295
+ conditions: Record<"xs" | "xl" | "md" | "lg", string>;
10296
+ };
10092
10297
  };
10093
10298
  staticScale: {
10094
10299
  hero: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -12054,6 +12259,8 @@ export declare const tabs: {
12054
12259
  export {
12055
12260
  checkbox$1 as checkbox,
12056
12261
  status$1 as status,
12262
+ variables as variablesDark,
12263
+ varsThemeBase as variables,
12057
12264
  };
12058
12265
 
12059
12266
  export {};