@conductor-by-89soone/tokens 0.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.
- package/LICENSE +21 -0
- package/README.md +42 -0
- package/bin/conductor-build-tokens.mjs +4 -0
- package/bin/conductor-check-contrast.mjs +18 -0
- package/bin/conductor-lint-tokens.mjs +18 -0
- package/dist/breakpoints.d.ts +16 -0
- package/dist/breakpoints.js +8 -0
- package/dist/cli.js +1635 -0
- package/dist/contrast-cli.js +1510 -0
- package/dist/contrast-report.json +2158 -0
- package/dist/index.d.ts +54 -0
- package/dist/index.js +388 -0
- package/dist/lint-cli.js +348 -0
- package/dist/tokens.css +928 -0
- package/dist/tokens.d.ts +385 -0
- package/dist/tokens.js +377 -0
- package/dist/tokens.json +3081 -0
- package/package.json +54 -0
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,385 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated by @conductor-by-89soone/tokens. Do not edit.
|
|
3
|
+
* Run `pnpm --filter @conductor-by-89soone/tokens run build` to regenerate.
|
|
4
|
+
*
|
|
5
|
+
* Values are CSS custom property references, not raw colours: a theme swap changes what the
|
|
6
|
+
* browser resolves them to, never the strings themselves (FR-THM-003 AC-4).
|
|
7
|
+
*/
|
|
8
|
+
declare const tokens: {
|
|
9
|
+
readonly surface: {
|
|
10
|
+
readonly base: "var(--cdt-surface-base)";
|
|
11
|
+
readonly canvas: "var(--cdt-surface-canvas)";
|
|
12
|
+
readonly subtle: "var(--cdt-surface-subtle)";
|
|
13
|
+
readonly "2": "var(--cdt-surface-2)";
|
|
14
|
+
readonly raised: "var(--cdt-surface-raised)";
|
|
15
|
+
readonly elevated: "var(--cdt-surface-elevated)";
|
|
16
|
+
readonly overlay: "var(--cdt-surface-overlay)";
|
|
17
|
+
readonly glass: "var(--cdt-surface-glass)";
|
|
18
|
+
readonly timeline: "var(--cdt-surface-timeline)";
|
|
19
|
+
readonly track: "var(--cdt-surface-track)";
|
|
20
|
+
};
|
|
21
|
+
readonly text: {
|
|
22
|
+
readonly primary: "var(--cdt-text-primary)";
|
|
23
|
+
readonly secondary: "var(--cdt-text-secondary)";
|
|
24
|
+
readonly muted: "var(--cdt-text-muted)";
|
|
25
|
+
readonly faint: "var(--cdt-text-faint)";
|
|
26
|
+
readonly inverse: "var(--cdt-text-inverse)";
|
|
27
|
+
readonly monoPayload: "var(--cdt-text-mono-payload)";
|
|
28
|
+
};
|
|
29
|
+
readonly border: {
|
|
30
|
+
readonly subtle: "var(--cdt-border-subtle)";
|
|
31
|
+
readonly default: "var(--cdt-border-default)";
|
|
32
|
+
readonly strong: "var(--cdt-border-strong)";
|
|
33
|
+
readonly control: "var(--cdt-border-control)";
|
|
34
|
+
readonly DEFAULT: "var(--cdt-border)";
|
|
35
|
+
};
|
|
36
|
+
readonly accent: {
|
|
37
|
+
readonly DEFAULT: "var(--cdt-accent)";
|
|
38
|
+
readonly strong: "var(--cdt-accent-strong)";
|
|
39
|
+
readonly soft: "var(--cdt-accent-soft)";
|
|
40
|
+
readonly glow: "var(--cdt-accent-glow)";
|
|
41
|
+
};
|
|
42
|
+
readonly status: {
|
|
43
|
+
readonly queued: "var(--cdt-status-queued)";
|
|
44
|
+
readonly running: "var(--cdt-status-running)";
|
|
45
|
+
readonly waiting: "var(--cdt-status-waiting)";
|
|
46
|
+
readonly success: "var(--cdt-status-success)";
|
|
47
|
+
readonly partial: "var(--cdt-status-partial)";
|
|
48
|
+
readonly danger: "var(--cdt-status-danger)";
|
|
49
|
+
readonly neutralEnd: "var(--cdt-status-neutral-end)";
|
|
50
|
+
};
|
|
51
|
+
readonly meter: {
|
|
52
|
+
readonly normal: "var(--cdt-meter-normal)";
|
|
53
|
+
readonly warning: "var(--cdt-meter-warning)";
|
|
54
|
+
readonly exceeded: "var(--cdt-meter-exceeded)";
|
|
55
|
+
};
|
|
56
|
+
readonly severity: {
|
|
57
|
+
readonly read: "var(--cdt-severity-read)";
|
|
58
|
+
readonly write: "var(--cdt-severity-write)";
|
|
59
|
+
readonly destructive: "var(--cdt-severity-destructive)";
|
|
60
|
+
readonly blocked: "var(--cdt-severity-blocked)";
|
|
61
|
+
};
|
|
62
|
+
readonly font: {
|
|
63
|
+
readonly sans: "var(--cdt-font-sans)";
|
|
64
|
+
readonly mono: "var(--cdt-font-mono)";
|
|
65
|
+
readonly size: {
|
|
66
|
+
readonly "2xs": "var(--cdt-font-size-2xs)";
|
|
67
|
+
readonly xs: "var(--cdt-font-size-xs)";
|
|
68
|
+
readonly sm: "var(--cdt-font-size-sm)";
|
|
69
|
+
readonly base: "var(--cdt-font-size-base)";
|
|
70
|
+
readonly md: "var(--cdt-font-size-md)";
|
|
71
|
+
readonly lg: "var(--cdt-font-size-lg)";
|
|
72
|
+
readonly xl: "var(--cdt-font-size-xl)";
|
|
73
|
+
};
|
|
74
|
+
readonly lineHeight: {
|
|
75
|
+
readonly "2xs": "var(--cdt-font-line-height-2xs)";
|
|
76
|
+
readonly xs: "var(--cdt-font-line-height-xs)";
|
|
77
|
+
readonly sm: "var(--cdt-font-line-height-sm)";
|
|
78
|
+
readonly base: "var(--cdt-font-line-height-base)";
|
|
79
|
+
readonly md: "var(--cdt-font-line-height-md)";
|
|
80
|
+
readonly lg: "var(--cdt-font-line-height-lg)";
|
|
81
|
+
readonly xl: "var(--cdt-font-line-height-xl)";
|
|
82
|
+
};
|
|
83
|
+
readonly weight: {
|
|
84
|
+
readonly sectionLabel: "var(--cdt-font-weight-section-label)";
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
readonly elevation: {
|
|
88
|
+
readonly raised: "var(--cdt-elevation-raised)";
|
|
89
|
+
readonly hover: "var(--cdt-elevation-hover)";
|
|
90
|
+
readonly overlay: "var(--cdt-elevation-overlay)";
|
|
91
|
+
};
|
|
92
|
+
readonly focusRing: "var(--cdt-focus-ring)";
|
|
93
|
+
readonly state: {
|
|
94
|
+
readonly hover: "var(--cdt-state-hover)";
|
|
95
|
+
readonly selected: "var(--cdt-state-selected)";
|
|
96
|
+
readonly disabled: "var(--cdt-state-disabled)";
|
|
97
|
+
readonly disabledPolicy: "var(--cdt-state-disabled-policy)";
|
|
98
|
+
};
|
|
99
|
+
readonly space: {
|
|
100
|
+
readonly "1": "var(--cdt-space-1)";
|
|
101
|
+
readonly "2": "var(--cdt-space-2)";
|
|
102
|
+
readonly "3": "var(--cdt-space-3)";
|
|
103
|
+
readonly "4": "var(--cdt-space-4)";
|
|
104
|
+
readonly "5": "var(--cdt-space-5)";
|
|
105
|
+
readonly "6": "var(--cdt-space-6)";
|
|
106
|
+
readonly "7": "var(--cdt-space-7)";
|
|
107
|
+
readonly "8": "var(--cdt-space-8)";
|
|
108
|
+
};
|
|
109
|
+
readonly radius: {
|
|
110
|
+
readonly xs: "var(--cdt-radius-xs)";
|
|
111
|
+
readonly sm: "var(--cdt-radius-sm)";
|
|
112
|
+
readonly md: "var(--cdt-radius-md)";
|
|
113
|
+
readonly lg: "var(--cdt-radius-lg)";
|
|
114
|
+
readonly xl: "var(--cdt-radius-xl)";
|
|
115
|
+
readonly pill: "var(--cdt-radius-pill)";
|
|
116
|
+
};
|
|
117
|
+
readonly z: {
|
|
118
|
+
readonly base: "var(--cdt-z-base)";
|
|
119
|
+
readonly raised: "var(--cdt-z-raised)";
|
|
120
|
+
readonly sticky: "var(--cdt-z-sticky)";
|
|
121
|
+
readonly drawer: "var(--cdt-z-drawer)";
|
|
122
|
+
readonly overlay: "var(--cdt-z-overlay)";
|
|
123
|
+
readonly popover: "var(--cdt-z-popover)";
|
|
124
|
+
};
|
|
125
|
+
readonly breakpoint: {
|
|
126
|
+
readonly sm: "var(--cdt-breakpoint-sm)";
|
|
127
|
+
readonly md: "var(--cdt-breakpoint-md)";
|
|
128
|
+
readonly lg: "var(--cdt-breakpoint-lg)";
|
|
129
|
+
};
|
|
130
|
+
readonly motion: {
|
|
131
|
+
readonly fast: "var(--cdt-motion-fast)";
|
|
132
|
+
readonly standard: "var(--cdt-motion-standard)";
|
|
133
|
+
readonly bounce: "var(--cdt-motion-bounce)";
|
|
134
|
+
};
|
|
135
|
+
readonly button: {
|
|
136
|
+
readonly minHeight: "var(--cdt-button-min-height)";
|
|
137
|
+
readonly minHeightCompact: "var(--cdt-button-min-height-compact)";
|
|
138
|
+
readonly paddingBlock: "var(--cdt-button-padding-block)";
|
|
139
|
+
readonly paddingInline: "var(--cdt-button-padding-inline)";
|
|
140
|
+
readonly radius: "var(--cdt-button-radius)";
|
|
141
|
+
readonly fontSize: "var(--cdt-button-font-size)";
|
|
142
|
+
readonly gap: "var(--cdt-button-gap)";
|
|
143
|
+
readonly transition: "var(--cdt-button-transition)";
|
|
144
|
+
readonly primary: {
|
|
145
|
+
readonly background: "var(--cdt-button-primary-background)";
|
|
146
|
+
readonly backgroundHover: "var(--cdt-button-primary-background-hover)";
|
|
147
|
+
readonly text: "var(--cdt-button-primary-text)";
|
|
148
|
+
readonly border: "var(--cdt-button-primary-border)";
|
|
149
|
+
readonly shadow: "var(--cdt-button-primary-shadow)";
|
|
150
|
+
readonly shadowHover: "var(--cdt-button-primary-shadow-hover)";
|
|
151
|
+
};
|
|
152
|
+
readonly secondary: {
|
|
153
|
+
readonly background: "var(--cdt-button-secondary-background)";
|
|
154
|
+
readonly backgroundHover: "var(--cdt-button-secondary-background-hover)";
|
|
155
|
+
readonly text: "var(--cdt-button-secondary-text)";
|
|
156
|
+
readonly border: "var(--cdt-button-secondary-border)";
|
|
157
|
+
readonly borderHover: "var(--cdt-button-secondary-border-hover)";
|
|
158
|
+
};
|
|
159
|
+
readonly ghost: {
|
|
160
|
+
readonly background: "var(--cdt-button-ghost-background)";
|
|
161
|
+
readonly backgroundHover: "var(--cdt-button-ghost-background-hover)";
|
|
162
|
+
readonly text: "var(--cdt-button-ghost-text)";
|
|
163
|
+
readonly textHover: "var(--cdt-button-ghost-text-hover)";
|
|
164
|
+
readonly border: "var(--cdt-button-ghost-border)";
|
|
165
|
+
};
|
|
166
|
+
readonly disabled: {
|
|
167
|
+
readonly background: "var(--cdt-button-disabled-background)";
|
|
168
|
+
readonly text: "var(--cdt-button-disabled-text)";
|
|
169
|
+
readonly border: "var(--cdt-button-disabled-border)";
|
|
170
|
+
};
|
|
171
|
+
readonly policyDisabled: {
|
|
172
|
+
readonly background: "var(--cdt-button-policy-disabled-background)";
|
|
173
|
+
readonly text: "var(--cdt-button-policy-disabled-text)";
|
|
174
|
+
readonly border: "var(--cdt-button-policy-disabled-border)";
|
|
175
|
+
};
|
|
176
|
+
readonly focusRing: "var(--cdt-button-focus-ring)";
|
|
177
|
+
};
|
|
178
|
+
readonly card: {
|
|
179
|
+
readonly background: "var(--cdt-card-background)";
|
|
180
|
+
readonly border: "var(--cdt-card-border)";
|
|
181
|
+
readonly radius: "var(--cdt-card-radius)";
|
|
182
|
+
readonly radiusCompact: "var(--cdt-card-radius-compact)";
|
|
183
|
+
readonly padding: "var(--cdt-card-padding)";
|
|
184
|
+
readonly paddingCompact: "var(--cdt-card-padding-compact)";
|
|
185
|
+
readonly shadow: "var(--cdt-card-shadow)";
|
|
186
|
+
readonly interactive: {
|
|
187
|
+
readonly borderHover: "var(--cdt-card-interactive-border-hover)";
|
|
188
|
+
readonly shadowHover: "var(--cdt-card-interactive-shadow-hover)";
|
|
189
|
+
readonly translateHover: "var(--cdt-card-interactive-translate-hover)";
|
|
190
|
+
readonly transition: "var(--cdt-card-interactive-transition)";
|
|
191
|
+
};
|
|
192
|
+
readonly grid: {
|
|
193
|
+
readonly minColumn: "var(--cdt-card-grid-min-column)";
|
|
194
|
+
readonly minColumnCompact: "var(--cdt-card-grid-min-column-compact)";
|
|
195
|
+
readonly gap: "var(--cdt-card-grid-gap)";
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
readonly badge: {
|
|
199
|
+
readonly radius: "var(--cdt-badge-radius)";
|
|
200
|
+
readonly paddingBlock: "var(--cdt-badge-padding-block)";
|
|
201
|
+
readonly paddingInline: "var(--cdt-badge-padding-inline)";
|
|
202
|
+
readonly fontSize: "var(--cdt-badge-font-size)";
|
|
203
|
+
readonly lineHeight: "var(--cdt-badge-line-height)";
|
|
204
|
+
readonly gap: "var(--cdt-badge-gap)";
|
|
205
|
+
readonly iconSize: "var(--cdt-badge-icon-size)";
|
|
206
|
+
readonly fill: {
|
|
207
|
+
readonly text: "var(--cdt-badge-fill-text)";
|
|
208
|
+
};
|
|
209
|
+
readonly marker: {
|
|
210
|
+
readonly background: "var(--cdt-badge-marker-background)";
|
|
211
|
+
readonly text: "var(--cdt-badge-marker-text)";
|
|
212
|
+
readonly border: "var(--cdt-badge-marker-border)";
|
|
213
|
+
readonly dotSize: "var(--cdt-badge-marker-dot-size)";
|
|
214
|
+
readonly dotRing: "var(--cdt-badge-marker-dot-ring)";
|
|
215
|
+
readonly dotRingWidth: "var(--cdt-badge-marker-dot-ring-width)";
|
|
216
|
+
};
|
|
217
|
+
readonly severity: {
|
|
218
|
+
readonly text: "var(--cdt-badge-severity-text)";
|
|
219
|
+
};
|
|
220
|
+
};
|
|
221
|
+
readonly table: {
|
|
222
|
+
readonly headerText: "var(--cdt-table-header-text)";
|
|
223
|
+
readonly headerFontSize: "var(--cdt-table-header-font-size)";
|
|
224
|
+
readonly headerBorder: "var(--cdt-table-header-border)";
|
|
225
|
+
readonly headerBorderWidth: "var(--cdt-table-header-border-width)";
|
|
226
|
+
readonly cellBorder: "var(--cdt-table-cell-border)";
|
|
227
|
+
readonly cellPaddingBlock: "var(--cdt-table-cell-padding-block)";
|
|
228
|
+
readonly cellPaddingInline: "var(--cdt-table-cell-padding-inline)";
|
|
229
|
+
readonly rowBackgroundHover: "var(--cdt-table-row-background-hover)";
|
|
230
|
+
readonly rowTransition: "var(--cdt-table-row-transition)";
|
|
231
|
+
readonly linkText: "var(--cdt-table-link-text)";
|
|
232
|
+
readonly linkTextHover: "var(--cdt-table-link-text-hover)";
|
|
233
|
+
readonly numFontFamily: "var(--cdt-table-num-font-family)";
|
|
234
|
+
readonly scrollBreakpoint: "var(--cdt-table-scroll-breakpoint)";
|
|
235
|
+
};
|
|
236
|
+
readonly timeline: {
|
|
237
|
+
readonly background: "var(--cdt-timeline-background)";
|
|
238
|
+
readonly border: "var(--cdt-timeline-border)";
|
|
239
|
+
readonly stepBackgroundHover: "var(--cdt-timeline-step-background-hover)";
|
|
240
|
+
readonly markerBackground: "var(--cdt-timeline-marker-background)";
|
|
241
|
+
readonly markerRing: "var(--cdt-timeline-marker-ring)";
|
|
242
|
+
readonly markerBorder: "var(--cdt-timeline-marker-border)";
|
|
243
|
+
};
|
|
244
|
+
readonly codeBlock: {
|
|
245
|
+
readonly background: "var(--cdt-code-block-background)";
|
|
246
|
+
readonly border: "var(--cdt-code-block-border)";
|
|
247
|
+
readonly text: "var(--cdt-code-block-text)";
|
|
248
|
+
};
|
|
249
|
+
readonly kbd: {
|
|
250
|
+
readonly background: "var(--cdt-kbd-background)";
|
|
251
|
+
readonly border: "var(--cdt-kbd-border)";
|
|
252
|
+
readonly borderBottom: "var(--cdt-kbd-border-bottom)";
|
|
253
|
+
readonly text: "var(--cdt-kbd-text)";
|
|
254
|
+
};
|
|
255
|
+
readonly banner: {
|
|
256
|
+
readonly info: {
|
|
257
|
+
readonly background: "var(--cdt-banner-info-background)";
|
|
258
|
+
readonly border: "var(--cdt-banner-info-border)";
|
|
259
|
+
readonly text: "var(--cdt-banner-info-text)";
|
|
260
|
+
};
|
|
261
|
+
readonly warning: {
|
|
262
|
+
readonly background: "var(--cdt-banner-warning-background)";
|
|
263
|
+
readonly border: "var(--cdt-banner-warning-border)";
|
|
264
|
+
readonly text: "var(--cdt-banner-warning-text)";
|
|
265
|
+
};
|
|
266
|
+
readonly danger: {
|
|
267
|
+
readonly background: "var(--cdt-banner-danger-background)";
|
|
268
|
+
readonly border: "var(--cdt-banner-danger-border)";
|
|
269
|
+
readonly text: "var(--cdt-banner-danger-text)";
|
|
270
|
+
};
|
|
271
|
+
};
|
|
272
|
+
readonly emptyState: {
|
|
273
|
+
readonly titleText: "var(--cdt-empty-state-title-text)";
|
|
274
|
+
readonly descriptionText: "var(--cdt-empty-state-description-text)";
|
|
275
|
+
readonly padding: "var(--cdt-empty-state-padding)";
|
|
276
|
+
};
|
|
277
|
+
readonly feedbackMeter: {
|
|
278
|
+
readonly trackBackground: "var(--cdt-feedback-meter-track-background)";
|
|
279
|
+
readonly fillNormal: "var(--cdt-feedback-meter-fill-normal)";
|
|
280
|
+
readonly fillWarning: "var(--cdt-feedback-meter-fill-warning)";
|
|
281
|
+
readonly fillExceeded: "var(--cdt-feedback-meter-fill-exceeded)";
|
|
282
|
+
readonly height: "var(--cdt-feedback-meter-height)";
|
|
283
|
+
};
|
|
284
|
+
readonly progressRing: {
|
|
285
|
+
readonly trackStroke: "var(--cdt-progress-ring-track-stroke)";
|
|
286
|
+
readonly indicatorStroke: "var(--cdt-progress-ring-indicator-stroke)";
|
|
287
|
+
readonly labelText: "var(--cdt-progress-ring-label-text)";
|
|
288
|
+
readonly size: "var(--cdt-progress-ring-size)";
|
|
289
|
+
readonly sizeCompact: "var(--cdt-progress-ring-size-compact)";
|
|
290
|
+
};
|
|
291
|
+
readonly spinner: {
|
|
292
|
+
readonly trackStroke: "var(--cdt-spinner-track-stroke)";
|
|
293
|
+
readonly indicatorStroke: "var(--cdt-spinner-indicator-stroke)";
|
|
294
|
+
readonly size: "var(--cdt-spinner-size)";
|
|
295
|
+
readonly sizeCompact: "var(--cdt-spinner-size-compact)";
|
|
296
|
+
};
|
|
297
|
+
readonly input: {
|
|
298
|
+
readonly minHeight: "var(--cdt-input-min-height)";
|
|
299
|
+
readonly minHeightCompact: "var(--cdt-input-min-height-compact)";
|
|
300
|
+
readonly background: "var(--cdt-input-background)";
|
|
301
|
+
readonly backgroundFocus: "var(--cdt-input-background-focus)";
|
|
302
|
+
readonly text: "var(--cdt-input-text)";
|
|
303
|
+
readonly placeholder: "var(--cdt-input-placeholder)";
|
|
304
|
+
readonly border: "var(--cdt-input-border)";
|
|
305
|
+
readonly borderHover: "var(--cdt-input-border-hover)";
|
|
306
|
+
readonly borderFocus: "var(--cdt-input-border-focus)";
|
|
307
|
+
readonly borderInvalid: "var(--cdt-input-border-invalid)";
|
|
308
|
+
readonly radius: "var(--cdt-input-radius)";
|
|
309
|
+
readonly paddingBlock: "var(--cdt-input-padding-block)";
|
|
310
|
+
readonly paddingInline: "var(--cdt-input-padding-inline)";
|
|
311
|
+
readonly focusRing: "var(--cdt-input-focus-ring)";
|
|
312
|
+
readonly label: {
|
|
313
|
+
readonly text: "var(--cdt-input-label-text)";
|
|
314
|
+
readonly fontSize: "var(--cdt-input-label-font-size)";
|
|
315
|
+
};
|
|
316
|
+
readonly error: {
|
|
317
|
+
readonly text: "var(--cdt-input-error-text)";
|
|
318
|
+
};
|
|
319
|
+
readonly transition: "var(--cdt-input-transition)";
|
|
320
|
+
};
|
|
321
|
+
readonly overlay: {
|
|
322
|
+
readonly scrim: "var(--cdt-overlay-scrim)";
|
|
323
|
+
readonly scrimBlur: "var(--cdt-overlay-scrim-blur)";
|
|
324
|
+
readonly scrimZ: "var(--cdt-overlay-scrim-z)";
|
|
325
|
+
readonly background: "var(--cdt-overlay-background)";
|
|
326
|
+
readonly backgroundBlur: "var(--cdt-overlay-background-blur)";
|
|
327
|
+
readonly border: "var(--cdt-overlay-border)";
|
|
328
|
+
readonly radius: "var(--cdt-overlay-radius)";
|
|
329
|
+
readonly shadow: "var(--cdt-overlay-shadow)";
|
|
330
|
+
readonly contentZ: "var(--cdt-overlay-content-z)";
|
|
331
|
+
readonly drawerZ: "var(--cdt-overlay-drawer-z)";
|
|
332
|
+
readonly drawerBackground: "var(--cdt-overlay-drawer-background)";
|
|
333
|
+
readonly drawerWidth: "var(--cdt-overlay-drawer-width)";
|
|
334
|
+
readonly enter: "var(--cdt-overlay-enter)";
|
|
335
|
+
readonly exit: "var(--cdt-overlay-exit)";
|
|
336
|
+
};
|
|
337
|
+
readonly page: {
|
|
338
|
+
readonly headingSize: "var(--cdt-page-heading-size)";
|
|
339
|
+
readonly headingLineHeight: "var(--cdt-page-heading-line-height)";
|
|
340
|
+
readonly stackGap: "var(--cdt-page-stack-gap)";
|
|
341
|
+
readonly stackGapCompact: "var(--cdt-page-stack-gap-compact)";
|
|
342
|
+
readonly contentStackGap: "var(--cdt-page-content-stack-gap)";
|
|
343
|
+
readonly splitBreakpoint: "var(--cdt-page-split-breakpoint)";
|
|
344
|
+
readonly splitAsideWidth: "var(--cdt-page-split-aside-width)";
|
|
345
|
+
readonly shellNavWidth: "var(--cdt-page-shell-nav-width)";
|
|
346
|
+
readonly shellNavWidthCompact: "var(--cdt-page-shell-nav-width-compact)";
|
|
347
|
+
readonly topbarZ: "var(--cdt-page-topbar-z)";
|
|
348
|
+
readonly navZ: "var(--cdt-page-nav-z)";
|
|
349
|
+
readonly skipLinkZ: "var(--cdt-page-skip-link-z)";
|
|
350
|
+
};
|
|
351
|
+
readonly appShell: {
|
|
352
|
+
readonly navWidth: "var(--cdt-app-shell-nav-width)";
|
|
353
|
+
readonly mainMaxWidth: "var(--cdt-app-shell-main-max-width)";
|
|
354
|
+
readonly overlayBackground: "var(--cdt-app-shell-overlay-background)";
|
|
355
|
+
};
|
|
356
|
+
readonly skipLink: {
|
|
357
|
+
readonly background: "var(--cdt-skip-link-background)";
|
|
358
|
+
readonly text: "var(--cdt-skip-link-text)";
|
|
359
|
+
};
|
|
360
|
+
readonly navList: {
|
|
361
|
+
readonly background: "var(--cdt-nav-list-background)";
|
|
362
|
+
readonly border: "var(--cdt-nav-list-border)";
|
|
363
|
+
};
|
|
364
|
+
readonly navItem: {
|
|
365
|
+
readonly text: "var(--cdt-nav-item-text)";
|
|
366
|
+
readonly textActive: "var(--cdt-nav-item-text-active)";
|
|
367
|
+
readonly backgroundHover: "var(--cdt-nav-item-background-hover)";
|
|
368
|
+
readonly backgroundActive: "var(--cdt-nav-item-background-active)";
|
|
369
|
+
readonly indicator: "var(--cdt-nav-item-indicator)";
|
|
370
|
+
};
|
|
371
|
+
readonly navSectionLabel: {
|
|
372
|
+
readonly text: "var(--cdt-nav-section-label-text)";
|
|
373
|
+
};
|
|
374
|
+
readonly topBar: {
|
|
375
|
+
readonly background: "var(--cdt-top-bar-background)";
|
|
376
|
+
readonly border: "var(--cdt-top-bar-border)";
|
|
377
|
+
readonly eyebrowText: "var(--cdt-top-bar-eyebrow-text)";
|
|
378
|
+
readonly titleText: "var(--cdt-top-bar-title-text)";
|
|
379
|
+
readonly minHeight: "var(--cdt-top-bar-min-height)";
|
|
380
|
+
};
|
|
381
|
+
};
|
|
382
|
+
/** Shape of the token object, with every leaf narrowed to its own string literal. */
|
|
383
|
+
type Tokens = typeof tokens;
|
|
384
|
+
|
|
385
|
+
export { type Tokens, tokens };
|