@fluixi-ui/tokens 0.4.0-alpha.16 → 0.4.0-alpha.18
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/dist/css/parts/menu.css +15 -3
- package/dist/lib/reference/index.d.ts +193 -193
- package/dist/lib/reference/index.d.ts.map +1 -1
- package/dist/lib/vars/index.d.ts +88 -88
- package/dist/lib/vars/index.d.ts.map +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +3 -7
- package/dist/css/button.css +0 -152
- package/dist/css/button.css.js +0 -8
- package/dist/preset.css +0 -80
package/dist/css/parts/menu.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
box-shadow: var(--flx-ui-shadow-lg);
|
|
13
13
|
animation: flx-ui-pop-in var(--flx-ui-duration-fast) var(--flx-ui-ease-emphasized);
|
|
14
14
|
}
|
|
15
|
-
:where([role='menuitem']) {
|
|
15
|
+
:where([role='menuitem'], [role='menuitemradio']) {
|
|
16
16
|
display: flex;
|
|
17
17
|
align-items: center;
|
|
18
18
|
gap: var(--flx-ui-space-2);
|
|
@@ -29,15 +29,27 @@
|
|
|
29
29
|
font: inherit;
|
|
30
30
|
color: inherit;
|
|
31
31
|
}
|
|
32
|
-
:where([role='menuitem']:hover, [role='menuitem']:focus, [role='menuitem'][data-active]) {
|
|
32
|
+
:where([role='menuitem']:hover, [role='menuitem']:focus, [role='menuitem'][data-active], [role='menuitemradio']:hover, [role='menuitemradio']:focus, [role='menuitemradio'][data-active]) {
|
|
33
33
|
background: var(--flx-ui-color-primary-subtle);
|
|
34
34
|
color: var(--flx-ui-color-primary-active);
|
|
35
35
|
box-shadow: none;
|
|
36
36
|
}
|
|
37
|
-
:where([role='menuitem'][data-disabled]) {
|
|
37
|
+
:where([role='menuitem'][data-disabled], [role='menuitemradio'][data-disabled]) {
|
|
38
38
|
opacity: var(--flx-ui-opacity-disabled);
|
|
39
39
|
pointer-events: none;
|
|
40
40
|
}
|
|
41
|
+
/* A setting's choices: the current one carries a check at the end. */
|
|
42
|
+
:where([role='menuitemradio'])::after {
|
|
43
|
+
content: '';
|
|
44
|
+
width: 1em;
|
|
45
|
+
margin-left: auto;
|
|
46
|
+
flex-shrink: 0;
|
|
47
|
+
text-align: center;
|
|
48
|
+
color: var(--flx-ui-color-primary);
|
|
49
|
+
}
|
|
50
|
+
:where([role='menuitemradio'][aria-checked='true'])::after {
|
|
51
|
+
content: '✓';
|
|
52
|
+
}
|
|
41
53
|
:where([role='menu'] [role='separator']) {
|
|
42
54
|
height: 1px;
|
|
43
55
|
margin: var(--flx-ui-space-1) 0;
|
|
@@ -1,124 +1,124 @@
|
|
|
1
1
|
export declare const space: {
|
|
2
|
-
readonly 0:
|
|
3
|
-
readonly 1:
|
|
4
|
-
readonly 2:
|
|
5
|
-
readonly 3:
|
|
6
|
-
readonly 4:
|
|
7
|
-
readonly 5:
|
|
8
|
-
readonly 6:
|
|
9
|
-
readonly 8:
|
|
10
|
-
readonly 10:
|
|
11
|
-
readonly 12:
|
|
12
|
-
readonly 16:
|
|
13
|
-
readonly 20:
|
|
14
|
-
readonly 24:
|
|
2
|
+
readonly 0: '0px';
|
|
3
|
+
readonly 1: '0.25rem';
|
|
4
|
+
readonly 2: '0.5rem';
|
|
5
|
+
readonly 3: '0.75rem';
|
|
6
|
+
readonly 4: '1rem';
|
|
7
|
+
readonly 5: '1.25rem';
|
|
8
|
+
readonly 6: '1.5rem';
|
|
9
|
+
readonly 8: '2rem';
|
|
10
|
+
readonly 10: '2.5rem';
|
|
11
|
+
readonly 12: '3rem';
|
|
12
|
+
readonly 16: '4rem';
|
|
13
|
+
readonly 20: '5rem';
|
|
14
|
+
readonly 24: '6rem';
|
|
15
15
|
};
|
|
16
16
|
export declare const size: {
|
|
17
|
-
readonly xs:
|
|
18
|
-
readonly sm:
|
|
19
|
-
readonly md:
|
|
20
|
-
readonly lg:
|
|
21
|
-
readonly xl:
|
|
17
|
+
readonly xs: '1.5rem';
|
|
18
|
+
readonly sm: '2rem';
|
|
19
|
+
readonly md: '2.5rem';
|
|
20
|
+
readonly lg: '3rem';
|
|
21
|
+
readonly xl: '3.5rem';
|
|
22
22
|
};
|
|
23
23
|
export declare const fontFamily: {
|
|
24
|
-
readonly sans:
|
|
25
|
-
readonly serif:
|
|
26
|
-
readonly mono:
|
|
24
|
+
readonly sans: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
|
|
25
|
+
readonly serif: 'ui-serif, Georgia, Cambria, "Times New Roman", serif';
|
|
26
|
+
readonly mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace';
|
|
27
27
|
};
|
|
28
28
|
export declare const fontSize: {
|
|
29
|
-
readonly xs:
|
|
30
|
-
readonly sm:
|
|
31
|
-
readonly md:
|
|
32
|
-
readonly lg:
|
|
33
|
-
readonly xl:
|
|
34
|
-
readonly '2xl':
|
|
35
|
-
readonly '3xl':
|
|
36
|
-
readonly '4xl':
|
|
29
|
+
readonly xs: '0.75rem';
|
|
30
|
+
readonly sm: '0.875rem';
|
|
31
|
+
readonly md: '1rem';
|
|
32
|
+
readonly lg: '1.125rem';
|
|
33
|
+
readonly xl: '1.25rem';
|
|
34
|
+
readonly '2xl': '1.5rem';
|
|
35
|
+
readonly '3xl': '1.875rem';
|
|
36
|
+
readonly '4xl': '2.25rem';
|
|
37
37
|
};
|
|
38
38
|
export declare const fontWeight: {
|
|
39
|
-
readonly normal:
|
|
40
|
-
readonly medium:
|
|
41
|
-
readonly semibold:
|
|
42
|
-
readonly bold:
|
|
39
|
+
readonly normal: '400';
|
|
40
|
+
readonly medium: '500';
|
|
41
|
+
readonly semibold: '600';
|
|
42
|
+
readonly bold: '700';
|
|
43
43
|
};
|
|
44
44
|
export declare const lineHeight: {
|
|
45
|
-
readonly none:
|
|
46
|
-
readonly tight:
|
|
47
|
-
readonly normal:
|
|
48
|
-
readonly relaxed:
|
|
45
|
+
readonly none: '1';
|
|
46
|
+
readonly tight: '1.25';
|
|
47
|
+
readonly normal: '1.5';
|
|
48
|
+
readonly relaxed: '1.75';
|
|
49
49
|
};
|
|
50
50
|
export declare const letterSpacing: {
|
|
51
|
-
readonly tight:
|
|
52
|
-
readonly normal:
|
|
53
|
-
readonly wide:
|
|
51
|
+
readonly tight: '-0.01em';
|
|
52
|
+
readonly normal: '0em';
|
|
53
|
+
readonly wide: '0.02em';
|
|
54
54
|
};
|
|
55
55
|
export declare const radius: {
|
|
56
|
-
readonly none:
|
|
57
|
-
readonly sm:
|
|
58
|
-
readonly md:
|
|
59
|
-
readonly lg:
|
|
60
|
-
readonly xl:
|
|
61
|
-
readonly full:
|
|
56
|
+
readonly none: '0px';
|
|
57
|
+
readonly sm: '0.25rem';
|
|
58
|
+
readonly md: '0.375rem';
|
|
59
|
+
readonly lg: '0.5rem';
|
|
60
|
+
readonly xl: '0.75rem';
|
|
61
|
+
readonly full: '9999px';
|
|
62
62
|
};
|
|
63
63
|
export declare const borderWidth: {
|
|
64
|
-
readonly none:
|
|
65
|
-
readonly thin:
|
|
66
|
-
readonly thick:
|
|
64
|
+
readonly none: '0px';
|
|
65
|
+
readonly thin: '1px';
|
|
66
|
+
readonly thick: '2px';
|
|
67
67
|
};
|
|
68
68
|
export declare const shadow: {
|
|
69
|
-
readonly sm:
|
|
70
|
-
readonly md:
|
|
71
|
-
readonly lg:
|
|
72
|
-
readonly xl:
|
|
69
|
+
readonly sm: '0 1px 2px rgba(17, 24, 39, 0.06)';
|
|
70
|
+
readonly md: '0 2px 4px -1px rgba(17, 24, 39, 0.06), 0 4px 8px -2px rgba(17, 24, 39, 0.05)';
|
|
71
|
+
readonly lg: '0 4px 8px -2px rgba(17, 24, 39, 0.06), 0 12px 20px -6px rgba(17, 24, 39, 0.10)';
|
|
72
|
+
readonly xl: '0 8px 16px -4px rgba(17, 24, 39, 0.08), 0 20px 32px -12px rgba(17, 24, 39, 0.14)';
|
|
73
73
|
};
|
|
74
74
|
export declare const duration: {
|
|
75
|
-
readonly instant:
|
|
76
|
-
readonly fast:
|
|
77
|
-
readonly normal:
|
|
78
|
-
readonly slow:
|
|
75
|
+
readonly instant: '0ms';
|
|
76
|
+
readonly fast: '150ms';
|
|
77
|
+
readonly normal: '200ms';
|
|
78
|
+
readonly slow: '300ms';
|
|
79
79
|
};
|
|
80
80
|
export declare const easing: {
|
|
81
|
-
readonly standard:
|
|
82
|
-
readonly emphasized:
|
|
83
|
-
readonly linear:
|
|
81
|
+
readonly standard: 'cubic-bezier(0.2, 0, 0, 1)';
|
|
82
|
+
readonly emphasized: 'cubic-bezier(0.3, 0, 0, 1)';
|
|
83
|
+
readonly linear: 'linear';
|
|
84
84
|
};
|
|
85
85
|
export declare const opacity: {
|
|
86
|
-
readonly 0:
|
|
87
|
-
readonly 25:
|
|
88
|
-
readonly 50:
|
|
89
|
-
readonly 75:
|
|
90
|
-
readonly 100:
|
|
91
|
-
readonly disabled:
|
|
86
|
+
readonly 0: '0';
|
|
87
|
+
readonly 25: '0.25';
|
|
88
|
+
readonly 50: '0.5';
|
|
89
|
+
readonly 75: '0.75';
|
|
90
|
+
readonly 100: '1';
|
|
91
|
+
readonly disabled: '0.5';
|
|
92
92
|
};
|
|
93
93
|
export declare const blur: {
|
|
94
|
-
readonly sm:
|
|
95
|
-
readonly md:
|
|
96
|
-
readonly lg:
|
|
94
|
+
readonly sm: '4px';
|
|
95
|
+
readonly md: '8px';
|
|
96
|
+
readonly lg: '16px';
|
|
97
97
|
};
|
|
98
98
|
export declare const zIndex: {
|
|
99
|
-
readonly hide:
|
|
100
|
-
readonly base:
|
|
101
|
-
readonly dropdown:
|
|
102
|
-
readonly sticky:
|
|
103
|
-
readonly overlay:
|
|
104
|
-
readonly modal:
|
|
105
|
-
readonly popover:
|
|
106
|
-
readonly toast:
|
|
107
|
-
readonly tooltip:
|
|
108
|
-
readonly max:
|
|
99
|
+
readonly hide: '-1';
|
|
100
|
+
readonly base: '0';
|
|
101
|
+
readonly dropdown: '1000';
|
|
102
|
+
readonly sticky: '1100';
|
|
103
|
+
readonly overlay: '1200';
|
|
104
|
+
readonly modal: '1300';
|
|
105
|
+
readonly popover: '1400';
|
|
106
|
+
readonly toast: '1500';
|
|
107
|
+
readonly tooltip: '1600';
|
|
108
|
+
readonly max: '2147483647';
|
|
109
109
|
};
|
|
110
110
|
export declare const elevation: {
|
|
111
|
-
readonly 1:
|
|
112
|
-
readonly 2:
|
|
113
|
-
readonly 3:
|
|
114
|
-
readonly 4:
|
|
111
|
+
readonly 1: 'var(--flx-ui-shadow-sm)';
|
|
112
|
+
readonly 2: 'var(--flx-ui-shadow-md)';
|
|
113
|
+
readonly 3: 'var(--flx-ui-shadow-lg)';
|
|
114
|
+
readonly 4: 'var(--flx-ui-shadow-xl)';
|
|
115
115
|
};
|
|
116
116
|
export declare const breakpoint: {
|
|
117
|
-
readonly sm:
|
|
118
|
-
readonly md:
|
|
119
|
-
readonly lg:
|
|
120
|
-
readonly xl:
|
|
121
|
-
readonly '2xl':
|
|
117
|
+
readonly sm: '640px';
|
|
118
|
+
readonly md: '768px';
|
|
119
|
+
readonly lg: '1024px';
|
|
120
|
+
readonly xl: '1280px';
|
|
121
|
+
readonly '2xl': '1536px';
|
|
122
122
|
};
|
|
123
123
|
export interface TokenCategory {
|
|
124
124
|
prefix: string;
|
|
@@ -126,176 +126,176 @@ export interface TokenCategory {
|
|
|
126
126
|
}
|
|
127
127
|
export declare const staticTokens: {
|
|
128
128
|
readonly space: {
|
|
129
|
-
readonly prefix:
|
|
129
|
+
readonly prefix: 'space';
|
|
130
130
|
readonly values: {
|
|
131
|
-
readonly 0:
|
|
132
|
-
readonly 1:
|
|
133
|
-
readonly 2:
|
|
134
|
-
readonly 3:
|
|
135
|
-
readonly 4:
|
|
136
|
-
readonly 5:
|
|
137
|
-
readonly 6:
|
|
138
|
-
readonly 8:
|
|
139
|
-
readonly 10:
|
|
140
|
-
readonly 12:
|
|
141
|
-
readonly 16:
|
|
142
|
-
readonly 20:
|
|
143
|
-
readonly 24:
|
|
131
|
+
readonly 0: '0px';
|
|
132
|
+
readonly 1: '0.25rem';
|
|
133
|
+
readonly 2: '0.5rem';
|
|
134
|
+
readonly 3: '0.75rem';
|
|
135
|
+
readonly 4: '1rem';
|
|
136
|
+
readonly 5: '1.25rem';
|
|
137
|
+
readonly 6: '1.5rem';
|
|
138
|
+
readonly 8: '2rem';
|
|
139
|
+
readonly 10: '2.5rem';
|
|
140
|
+
readonly 12: '3rem';
|
|
141
|
+
readonly 16: '4rem';
|
|
142
|
+
readonly 20: '5rem';
|
|
143
|
+
readonly 24: '6rem';
|
|
144
144
|
};
|
|
145
145
|
};
|
|
146
146
|
readonly size: {
|
|
147
|
-
readonly prefix:
|
|
147
|
+
readonly prefix: 'size';
|
|
148
148
|
readonly values: {
|
|
149
|
-
readonly xs:
|
|
150
|
-
readonly sm:
|
|
151
|
-
readonly md:
|
|
152
|
-
readonly lg:
|
|
153
|
-
readonly xl:
|
|
149
|
+
readonly xs: '1.5rem';
|
|
150
|
+
readonly sm: '2rem';
|
|
151
|
+
readonly md: '2.5rem';
|
|
152
|
+
readonly lg: '3rem';
|
|
153
|
+
readonly xl: '3.5rem';
|
|
154
154
|
};
|
|
155
155
|
};
|
|
156
156
|
readonly fontFamily: {
|
|
157
|
-
readonly prefix:
|
|
157
|
+
readonly prefix: 'font-family';
|
|
158
158
|
readonly values: {
|
|
159
|
-
readonly sans:
|
|
160
|
-
readonly serif:
|
|
161
|
-
readonly mono:
|
|
159
|
+
readonly sans: 'ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
|
|
160
|
+
readonly serif: 'ui-serif, Georgia, Cambria, "Times New Roman", serif';
|
|
161
|
+
readonly mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace';
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
164
|
readonly fontSize: {
|
|
165
|
-
readonly prefix:
|
|
165
|
+
readonly prefix: 'font-size';
|
|
166
166
|
readonly values: {
|
|
167
|
-
readonly xs:
|
|
168
|
-
readonly sm:
|
|
169
|
-
readonly md:
|
|
170
|
-
readonly lg:
|
|
171
|
-
readonly xl:
|
|
172
|
-
readonly '2xl':
|
|
173
|
-
readonly '3xl':
|
|
174
|
-
readonly '4xl':
|
|
167
|
+
readonly xs: '0.75rem';
|
|
168
|
+
readonly sm: '0.875rem';
|
|
169
|
+
readonly md: '1rem';
|
|
170
|
+
readonly lg: '1.125rem';
|
|
171
|
+
readonly xl: '1.25rem';
|
|
172
|
+
readonly '2xl': '1.5rem';
|
|
173
|
+
readonly '3xl': '1.875rem';
|
|
174
|
+
readonly '4xl': '2.25rem';
|
|
175
175
|
};
|
|
176
176
|
};
|
|
177
177
|
readonly fontWeight: {
|
|
178
|
-
readonly prefix:
|
|
178
|
+
readonly prefix: 'font-weight';
|
|
179
179
|
readonly values: {
|
|
180
|
-
readonly normal:
|
|
181
|
-
readonly medium:
|
|
182
|
-
readonly semibold:
|
|
183
|
-
readonly bold:
|
|
180
|
+
readonly normal: '400';
|
|
181
|
+
readonly medium: '500';
|
|
182
|
+
readonly semibold: '600';
|
|
183
|
+
readonly bold: '700';
|
|
184
184
|
};
|
|
185
185
|
};
|
|
186
186
|
readonly lineHeight: {
|
|
187
|
-
readonly prefix:
|
|
187
|
+
readonly prefix: 'line-height';
|
|
188
188
|
readonly values: {
|
|
189
|
-
readonly none:
|
|
190
|
-
readonly tight:
|
|
191
|
-
readonly normal:
|
|
192
|
-
readonly relaxed:
|
|
189
|
+
readonly none: '1';
|
|
190
|
+
readonly tight: '1.25';
|
|
191
|
+
readonly normal: '1.5';
|
|
192
|
+
readonly relaxed: '1.75';
|
|
193
193
|
};
|
|
194
194
|
};
|
|
195
195
|
readonly letterSpacing: {
|
|
196
|
-
readonly prefix:
|
|
196
|
+
readonly prefix: 'letter-spacing';
|
|
197
197
|
readonly values: {
|
|
198
|
-
readonly tight:
|
|
199
|
-
readonly normal:
|
|
200
|
-
readonly wide:
|
|
198
|
+
readonly tight: '-0.01em';
|
|
199
|
+
readonly normal: '0em';
|
|
200
|
+
readonly wide: '0.02em';
|
|
201
201
|
};
|
|
202
202
|
};
|
|
203
203
|
readonly radius: {
|
|
204
|
-
readonly prefix:
|
|
204
|
+
readonly prefix: 'radius';
|
|
205
205
|
readonly values: {
|
|
206
|
-
readonly none:
|
|
207
|
-
readonly sm:
|
|
208
|
-
readonly md:
|
|
209
|
-
readonly lg:
|
|
210
|
-
readonly xl:
|
|
211
|
-
readonly full:
|
|
206
|
+
readonly none: '0px';
|
|
207
|
+
readonly sm: '0.25rem';
|
|
208
|
+
readonly md: '0.375rem';
|
|
209
|
+
readonly lg: '0.5rem';
|
|
210
|
+
readonly xl: '0.75rem';
|
|
211
|
+
readonly full: '9999px';
|
|
212
212
|
};
|
|
213
213
|
};
|
|
214
214
|
readonly borderWidth: {
|
|
215
|
-
readonly prefix:
|
|
215
|
+
readonly prefix: 'border-width';
|
|
216
216
|
readonly values: {
|
|
217
|
-
readonly none:
|
|
218
|
-
readonly thin:
|
|
219
|
-
readonly thick:
|
|
217
|
+
readonly none: '0px';
|
|
218
|
+
readonly thin: '1px';
|
|
219
|
+
readonly thick: '2px';
|
|
220
220
|
};
|
|
221
221
|
};
|
|
222
222
|
readonly shadow: {
|
|
223
|
-
readonly prefix:
|
|
223
|
+
readonly prefix: 'shadow';
|
|
224
224
|
readonly values: {
|
|
225
|
-
readonly sm:
|
|
226
|
-
readonly md:
|
|
227
|
-
readonly lg:
|
|
228
|
-
readonly xl:
|
|
225
|
+
readonly sm: '0 1px 2px rgba(17, 24, 39, 0.06)';
|
|
226
|
+
readonly md: '0 2px 4px -1px rgba(17, 24, 39, 0.06), 0 4px 8px -2px rgba(17, 24, 39, 0.05)';
|
|
227
|
+
readonly lg: '0 4px 8px -2px rgba(17, 24, 39, 0.06), 0 12px 20px -6px rgba(17, 24, 39, 0.10)';
|
|
228
|
+
readonly xl: '0 8px 16px -4px rgba(17, 24, 39, 0.08), 0 20px 32px -12px rgba(17, 24, 39, 0.14)';
|
|
229
229
|
};
|
|
230
230
|
};
|
|
231
231
|
readonly duration: {
|
|
232
|
-
readonly prefix:
|
|
232
|
+
readonly prefix: 'duration';
|
|
233
233
|
readonly values: {
|
|
234
|
-
readonly instant:
|
|
235
|
-
readonly fast:
|
|
236
|
-
readonly normal:
|
|
237
|
-
readonly slow:
|
|
234
|
+
readonly instant: '0ms';
|
|
235
|
+
readonly fast: '150ms';
|
|
236
|
+
readonly normal: '200ms';
|
|
237
|
+
readonly slow: '300ms';
|
|
238
238
|
};
|
|
239
239
|
};
|
|
240
240
|
readonly easing: {
|
|
241
|
-
readonly prefix:
|
|
241
|
+
readonly prefix: 'ease';
|
|
242
242
|
readonly values: {
|
|
243
|
-
readonly standard:
|
|
244
|
-
readonly emphasized:
|
|
245
|
-
readonly linear:
|
|
243
|
+
readonly standard: 'cubic-bezier(0.2, 0, 0, 1)';
|
|
244
|
+
readonly emphasized: 'cubic-bezier(0.3, 0, 0, 1)';
|
|
245
|
+
readonly linear: 'linear';
|
|
246
246
|
};
|
|
247
247
|
};
|
|
248
248
|
readonly opacity: {
|
|
249
|
-
readonly prefix:
|
|
249
|
+
readonly prefix: 'opacity';
|
|
250
250
|
readonly values: {
|
|
251
|
-
readonly 0:
|
|
252
|
-
readonly 25:
|
|
253
|
-
readonly 50:
|
|
254
|
-
readonly 75:
|
|
255
|
-
readonly 100:
|
|
256
|
-
readonly disabled:
|
|
251
|
+
readonly 0: '0';
|
|
252
|
+
readonly 25: '0.25';
|
|
253
|
+
readonly 50: '0.5';
|
|
254
|
+
readonly 75: '0.75';
|
|
255
|
+
readonly 100: '1';
|
|
256
|
+
readonly disabled: '0.5';
|
|
257
257
|
};
|
|
258
258
|
};
|
|
259
259
|
readonly blur: {
|
|
260
|
-
readonly prefix:
|
|
260
|
+
readonly prefix: 'blur';
|
|
261
261
|
readonly values: {
|
|
262
|
-
readonly sm:
|
|
263
|
-
readonly md:
|
|
264
|
-
readonly lg:
|
|
262
|
+
readonly sm: '4px';
|
|
263
|
+
readonly md: '8px';
|
|
264
|
+
readonly lg: '16px';
|
|
265
265
|
};
|
|
266
266
|
};
|
|
267
267
|
readonly zIndex: {
|
|
268
|
-
readonly prefix:
|
|
268
|
+
readonly prefix: 'z';
|
|
269
269
|
readonly values: {
|
|
270
|
-
readonly hide:
|
|
271
|
-
readonly base:
|
|
272
|
-
readonly dropdown:
|
|
273
|
-
readonly sticky:
|
|
274
|
-
readonly overlay:
|
|
275
|
-
readonly modal:
|
|
276
|
-
readonly popover:
|
|
277
|
-
readonly toast:
|
|
278
|
-
readonly tooltip:
|
|
279
|
-
readonly max:
|
|
270
|
+
readonly hide: '-1';
|
|
271
|
+
readonly base: '0';
|
|
272
|
+
readonly dropdown: '1000';
|
|
273
|
+
readonly sticky: '1100';
|
|
274
|
+
readonly overlay: '1200';
|
|
275
|
+
readonly modal: '1300';
|
|
276
|
+
readonly popover: '1400';
|
|
277
|
+
readonly toast: '1500';
|
|
278
|
+
readonly tooltip: '1600';
|
|
279
|
+
readonly max: '2147483647';
|
|
280
280
|
};
|
|
281
281
|
};
|
|
282
282
|
readonly elevation: {
|
|
283
|
-
readonly prefix:
|
|
283
|
+
readonly prefix: 'elevation';
|
|
284
284
|
readonly values: {
|
|
285
|
-
readonly 1:
|
|
286
|
-
readonly 2:
|
|
287
|
-
readonly 3:
|
|
288
|
-
readonly 4:
|
|
285
|
+
readonly 1: 'var(--flx-ui-shadow-sm)';
|
|
286
|
+
readonly 2: 'var(--flx-ui-shadow-md)';
|
|
287
|
+
readonly 3: 'var(--flx-ui-shadow-lg)';
|
|
288
|
+
readonly 4: 'var(--flx-ui-shadow-xl)';
|
|
289
289
|
};
|
|
290
290
|
};
|
|
291
291
|
readonly breakpoint: {
|
|
292
|
-
readonly prefix:
|
|
292
|
+
readonly prefix: 'breakpoint';
|
|
293
293
|
readonly values: {
|
|
294
|
-
readonly sm:
|
|
295
|
-
readonly md:
|
|
296
|
-
readonly lg:
|
|
297
|
-
readonly xl:
|
|
298
|
-
readonly '2xl':
|
|
294
|
+
readonly sm: '640px';
|
|
295
|
+
readonly md: '768px';
|
|
296
|
+
readonly lg: '1024px';
|
|
297
|
+
readonly xl: '1280px';
|
|
298
|
+
readonly '2xl': '1536px';
|
|
299
299
|
};
|
|
300
300
|
};
|
|
301
301
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/reference/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/reference/index.ts"],"names":[],"mappings":"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"}
|