@hirobius/design-system 0.15.0 → 0.17.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/README.md +26 -70
- package/dist/chunks/LanguageContext-CH_bwzCq.js +83 -0
- package/dist/chunks/TokenDisplayContext-evZi_214.js +18 -0
- package/dist/chunks/activity-feed-C8_e-Btq.js +19955 -0
- package/dist/contexts.js +17 -16
- package/dist/hirobius-ui.js +3590 -21800
- package/dist/manifest.js +11 -11
- package/dist/patterns.js +423 -0
- package/dist/static.css +4 -4
- package/dist/styles.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.js +74 -35
- package/dist/types/src/app/components/activity-feed.d.ts +6 -4
- package/dist/types/src/app/components/app-shell.d.ts +6 -4
- package/dist/types/src/app/components/asset-img.d.ts +3 -1
- package/dist/types/src/app/components/avatar-group.d.ts +3 -3
- package/dist/types/src/app/components/avatar.d.ts +3 -3
- package/dist/types/src/app/components/badge.d.ts +3 -3
- package/dist/types/src/app/components/blockquote.d.ts +3 -3
- package/dist/types/src/app/components/breadcrumb.d.ts +3 -3
- package/dist/types/src/app/components/button-group.d.ts +3 -3
- package/dist/types/src/app/components/button.d.ts +6 -6
- package/dist/types/src/app/components/calendar.d.ts +3 -1
- package/dist/types/src/app/components/callout.d.ts +4 -4
- package/dist/types/src/app/components/card.d.ts +5 -5
- package/dist/types/src/app/components/carousel.d.ts +6 -4
- package/dist/types/src/app/components/checkbox.d.ts +3 -3
- package/dist/types/src/app/components/cinematic-link.d.ts +7 -1
- package/dist/types/src/app/components/circular-progress.d.ts +3 -3
- package/dist/types/src/app/components/code-block.d.ts +20 -18
- package/dist/types/src/app/components/command-palette.d.ts +9 -9
- package/dist/types/src/app/components/component-instance-matrix.d.ts +8 -2
- package/dist/types/src/app/components/disclosure.d.ts +3 -3
- package/dist/types/src/app/components/divider.d.ts +4 -4
- package/dist/types/src/app/components/doc-link-card.d.ts +6 -4
- package/dist/types/src/app/components/error-pattern.d.ts +3 -1
- package/dist/types/src/app/components/field.d.ts +4 -4
- package/dist/types/src/app/components/file-input.d.ts +7 -5
- package/dist/types/src/app/components/foundation-swatch.d.ts +6 -0
- package/dist/types/src/app/components/hds-tooltip.d.ts +11 -11
- package/dist/types/src/app/components/heading-stack.d.ts +6 -6
- package/dist/types/src/app/components/hover-card.d.ts +1 -1
- package/dist/types/src/app/components/image-lightbox.d.ts +2 -0
- package/dist/types/src/app/components/inline-code.d.ts +3 -3
- package/dist/types/src/app/components/input-group.d.ts +3 -3
- package/dist/types/src/app/components/input.d.ts +5 -5
- package/dist/types/src/app/components/kbd.d.ts +3 -3
- package/dist/types/src/app/components/metadata-list.d.ts +3 -3
- package/dist/types/src/app/components/nav-group.d.ts +3 -3
- package/dist/types/src/app/components/nav-item.d.ts +10 -8
- package/dist/types/src/app/components/overflow-list.d.ts +3 -1
- package/dist/types/src/app/components/page.d.ts +3 -1
- package/dist/types/src/app/components/progress.d.ts +3 -3
- package/dist/types/src/app/components/radio.d.ts +3 -3
- package/dist/types/src/app/components/reveal.d.ts +3 -1
- package/dist/types/src/app/components/segmented-control.d.ts +31 -31
- package/dist/types/src/app/components/select.d.ts +29 -0
- package/dist/types/src/app/components/selectable-card.d.ts +3 -3
- package/dist/types/src/app/components/side-nav.d.ts +6 -4
- package/dist/types/src/app/components/skeleton.d.ts +3 -3
- package/dist/types/src/app/components/sketch.d.ts +6 -0
- package/dist/types/src/app/components/slider.d.ts +3 -3
- package/dist/types/src/app/components/spinner.d.ts +3 -3
- package/dist/types/src/app/components/stacked-card-rail.d.ts +32 -0
- package/dist/types/src/app/components/stat.d.ts +3 -3
- package/dist/types/src/app/components/status-dot.d.ts +4 -4
- package/dist/types/src/app/components/status-list-item.d.ts +3 -3
- package/dist/types/src/app/components/stepper.d.ts +6 -4
- package/dist/types/src/app/components/surface.d.ts +4 -4
- package/dist/types/src/app/components/table.d.ts +22 -11
- package/dist/types/src/app/components/tag.d.ts +4 -4
- package/dist/types/src/app/components/text.d.ts +3 -3
- package/dist/types/src/app/components/textarea.d.ts +4 -4
- package/dist/types/src/app/components/time-input.d.ts +3 -3
- package/dist/types/src/app/components/toast.d.ts +3 -3
- package/dist/types/src/app/components/toggle-button.d.ts +4 -4
- package/dist/types/src/app/components/toggle.d.ts +3 -3
- package/dist/types/src/app/components/token.d.ts +23 -17
- package/dist/types/src/app/components/toolbar.d.ts +1 -1
- package/dist/types/src/app/components/tooltip.d.ts +2 -2
- package/dist/types/src/app/components/top-nav.d.ts +3 -1
- package/dist/types/src/app/components/tree-list.d.ts +3 -1
- package/dist/types/src/app/design-system/generated-token-refs.d.ts +39 -6
- package/dist/types/src/app/design-system/generated-token-values.d.ts +12 -16
- package/dist/types/src/app/design-system/tokens.d.ts +16 -5
- package/dist/types/src/app/layouts/DocLayout.d.ts +0 -2
- package/dist/types/src/app/layouts/HdsDocsShell.d.ts +72 -0
- package/dist/types/src/app/layouts/HdsSystemDocLayout.d.ts +8 -1
- package/dist/types/src/index.d.ts +216 -39
- package/dist/types/src/patterns.d.ts +37 -0
- package/dist/variables.css +100 -28
- package/hirobius.tokens.json +199 -88
- package/package.json +43 -28
- package/public/hds-manifest.json +1916 -601
- package/dist/chunks/TokenDisplayContext-B3gxyQN7.js +0 -96
- /package/dist/types/src/app/components/{lab/tokenUtils.d.ts → tokenUtils.d.ts} +0 -0
package/dist/variables.css
CHANGED
|
@@ -108,21 +108,18 @@
|
|
|
108
108
|
--primitive-typography-family-primary: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
109
109
|
--primitive-typography-family-display: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
110
110
|
--primitive-typography-family-mono: "Geist Mono", "Courier New", monospace;
|
|
111
|
-
--primitive-typography-size-
|
|
112
|
-
--primitive-typography-size-
|
|
113
|
-
--primitive-typography-size-
|
|
114
|
-
--primitive-typography-size-
|
|
115
|
-
--primitive-typography-size-
|
|
116
|
-
--primitive-typography-size-
|
|
117
|
-
--primitive-typography-size-
|
|
118
|
-
--primitive-typography-size-
|
|
119
|
-
--primitive-typography-size-
|
|
120
|
-
--primitive-typography-size-
|
|
121
|
-
--primitive-typography-size-6xl: 80px;
|
|
122
|
-
--primitive-typography-weight-light: 300;
|
|
111
|
+
--primitive-typography-size-xs: 12px;
|
|
112
|
+
--primitive-typography-size-sm: 14px;
|
|
113
|
+
--primitive-typography-size-base: 16px;
|
|
114
|
+
--primitive-typography-size-lg: 18px;
|
|
115
|
+
--primitive-typography-size-xl: 20px;
|
|
116
|
+
--primitive-typography-size-2xl: 24px;
|
|
117
|
+
--primitive-typography-size-3xl: 30px;
|
|
118
|
+
--primitive-typography-size-4xl: 36px;
|
|
119
|
+
--primitive-typography-size-5xl: 48px;
|
|
120
|
+
--primitive-typography-size-6xl: 60px;
|
|
123
121
|
--primitive-typography-weight-regular: 400;
|
|
124
122
|
--primitive-typography-weight-medium: 500;
|
|
125
|
-
--primitive-typography-weight-semibold: 600;
|
|
126
123
|
--primitive-typography-weight-bold: 700;
|
|
127
124
|
--primitive-typography-lineHeight-compact: 0.95;
|
|
128
125
|
--primitive-typography-lineHeight-none: 1;
|
|
@@ -130,11 +127,8 @@
|
|
|
130
127
|
--primitive-typography-lineHeight-snug: 1.375;
|
|
131
128
|
--primitive-typography-lineHeight-normal: 1.5;
|
|
132
129
|
--primitive-typography-lineHeight-relaxed: 1.625;
|
|
133
|
-
--primitive-typography-letterSpacing-tighter: -0.02em;
|
|
134
130
|
--primitive-typography-letterSpacing-tight: -0.01em;
|
|
135
131
|
--primitive-typography-letterSpacing-normal: 0em;
|
|
136
|
-
--primitive-typography-letterSpacing-wide: 0.01em;
|
|
137
|
-
--primitive-typography-letterSpacing-wider: 0.02em;
|
|
138
132
|
--primitive-typography-letterSpacing-caps: 0.06em;
|
|
139
133
|
--primitive-duration-instant: 100ms;
|
|
140
134
|
--primitive-duration-short: 150ms;
|
|
@@ -163,7 +157,9 @@
|
|
|
163
157
|
--primitive-size-80: 80px;
|
|
164
158
|
--primitive-size-96: 96px;
|
|
165
159
|
--primitive-size-interactive-min: 44px;
|
|
160
|
+
--primitive-size-interactive-minCompact: 24px;
|
|
166
161
|
--primitive-size-width-96: 96px;
|
|
162
|
+
--primitive-size-width-280: 280px;
|
|
167
163
|
--primitive-size-width-760: 760px;
|
|
168
164
|
--primitive-size-width-1200: 1200px;
|
|
169
165
|
--primitive-size-width-50ch: 50ch;
|
|
@@ -191,6 +187,7 @@
|
|
|
191
187
|
/* semantic.motion.exit */
|
|
192
188
|
--hds-motion-exit-duration: var(--primitive-duration-instant);
|
|
193
189
|
--hds-motion-exit-easing: var(--primitive-easing-accelerate);
|
|
190
|
+
--semantic-motion-distance: var(--primitive-space-6);
|
|
194
191
|
--semantic-color-surface-page: var(--primitive-color-neutral-white);
|
|
195
192
|
--semantic-color-surface-raised: var(--primitive-color-neutral-50);
|
|
196
193
|
--semantic-color-surface-overlay: var(--primitive-color-neutral-100);
|
|
@@ -229,15 +226,22 @@
|
|
|
229
226
|
--semantic-color-feedback-bg-warning: var(--primitive-color-amber-50);
|
|
230
227
|
--semantic-color-feedback-bg-info: var(--primitive-color-blue-50);
|
|
231
228
|
--semantic-color-feedback-bg-inProgress: var(--primitive-color-violet-50);
|
|
229
|
+
--semantic-space-scale-xs: var(--primitive-space-2);
|
|
230
|
+
--semantic-space-scale-sm: var(--primitive-space-4);
|
|
231
|
+
--semantic-space-scale-md: var(--primitive-space-6);
|
|
232
|
+
--semantic-space-scale-lg: var(--primitive-space-8);
|
|
233
|
+
--semantic-space-scale-xl: var(--primitive-space-12);
|
|
234
|
+
--semantic-space-surface-padding: var(--semantic-space-scale-md);
|
|
235
|
+
--semantic-space-region-gutter: var(--semantic-space-scale-md);
|
|
232
236
|
--semantic-space-subgrid-hairline: var(--primitive-space-px1);
|
|
233
237
|
--semantic-space-subgrid-xs: var(--primitive-space-px2);
|
|
234
238
|
--semantic-space-subgrid-gap: var(--primitive-space-1);
|
|
235
239
|
--semantic-space-component-gap: var(--primitive-space-2);
|
|
236
240
|
--semantic-space-component-medium: var(--primitive-space-3);
|
|
237
|
-
--semantic-space-component-padding: var(--
|
|
241
|
+
--semantic-space-component-padding: var(--semantic-space-surface-padding);
|
|
238
242
|
--semantic-space-layout-tight: var(--primitive-space-4);
|
|
239
243
|
--semantic-space-layout-normal: var(--primitive-space-6);
|
|
240
|
-
--semantic-space-layout-gutter: var(--
|
|
244
|
+
--semantic-space-layout-gutter: var(--semantic-space-region-gutter);
|
|
241
245
|
--semantic-space-layout-inset: var(--primitive-space-8);
|
|
242
246
|
--semantic-space-layout-spacious: var(--primitive-space-12);
|
|
243
247
|
--semantic-space-section-stack: var(--primitive-space-20);
|
|
@@ -247,6 +251,7 @@
|
|
|
247
251
|
--semantic-space-sidebar-gap: var(--primitive-space-4);
|
|
248
252
|
--semantic-space-sidebar-sectionGap: var(--primitive-space-3);
|
|
249
253
|
--semantic-space-sidebar-railPadding: var(--primitive-space-5);
|
|
254
|
+
--semantic-space-sidebar-railWidth: var(--primitive-size-width-280);
|
|
250
255
|
--semantic-layout-width-content: var(--primitive-size-width-760);
|
|
251
256
|
--semantic-layout-width-max: var(--primitive-size-width-1200);
|
|
252
257
|
--semantic-layout-container-maxWidth: var(--primitive-size-width-1200);
|
|
@@ -259,25 +264,25 @@
|
|
|
259
264
|
--semantic-layout-grid-columns-desktop: var(--primitive-grid-columns-3);
|
|
260
265
|
/* semantic.typography.display */
|
|
261
266
|
--semantic-typography-display-font-family: var(--primitive-typography-family-display);
|
|
262
|
-
--semantic-typography-display-font-size: var(--primitive-typography-size-
|
|
267
|
+
--semantic-typography-display-font-size: var(--primitive-typography-size-6xl);
|
|
263
268
|
--semantic-typography-display-font-weight: var(--primitive-typography-weight-bold);
|
|
264
269
|
--semantic-typography-display-letter-spacing: var(--primitive-typography-letterSpacing-tight);
|
|
265
270
|
--semantic-typography-display-line-height: var(--primitive-typography-lineHeight-none);
|
|
266
271
|
/* semantic.typography.h1 */
|
|
267
272
|
--semantic-typography-h1-font-family: var(--primitive-typography-family-display);
|
|
268
|
-
--semantic-typography-h1-font-size: var(--primitive-typography-size-
|
|
273
|
+
--semantic-typography-h1-font-size: var(--primitive-typography-size-5xl);
|
|
269
274
|
--semantic-typography-h1-font-weight: var(--primitive-typography-weight-bold);
|
|
270
275
|
--semantic-typography-h1-letter-spacing: var(--primitive-typography-letterSpacing-tight);
|
|
271
276
|
--semantic-typography-h1-line-height: var(--primitive-typography-lineHeight-tight);
|
|
272
277
|
/* semantic.typography.h2 */
|
|
273
278
|
--semantic-typography-h2-font-family: var(--primitive-typography-family-display);
|
|
274
|
-
--semantic-typography-h2-font-size: var(--primitive-typography-size-
|
|
279
|
+
--semantic-typography-h2-font-size: var(--primitive-typography-size-3xl);
|
|
275
280
|
--semantic-typography-h2-font-weight: var(--primitive-typography-weight-bold);
|
|
276
281
|
--semantic-typography-h2-letter-spacing: var(--primitive-typography-letterSpacing-tight);
|
|
277
|
-
--semantic-typography-h2-line-height:
|
|
282
|
+
--semantic-typography-h2-line-height: 40px;
|
|
278
283
|
/* semantic.typography.h3 */
|
|
279
284
|
--semantic-typography-h3-font-family: var(--primitive-typography-family-display);
|
|
280
|
-
--semantic-typography-h3-font-size: var(--primitive-typography-size-
|
|
285
|
+
--semantic-typography-h3-font-size: var(--primitive-typography-size-xl);
|
|
281
286
|
--semantic-typography-h3-font-weight: var(--primitive-typography-weight-bold);
|
|
282
287
|
--semantic-typography-h3-letter-spacing: var(--primitive-typography-letterSpacing-normal);
|
|
283
288
|
--semantic-typography-h3-line-height: 28px;
|
|
@@ -286,18 +291,18 @@
|
|
|
286
291
|
--semantic-typography-body-font-size: var(--primitive-typography-size-base);
|
|
287
292
|
--semantic-typography-body-font-weight: var(--primitive-typography-weight-medium);
|
|
288
293
|
--semantic-typography-body-letter-spacing: var(--primitive-typography-letterSpacing-normal);
|
|
289
|
-
--semantic-typography-body-line-height:
|
|
294
|
+
--semantic-typography-body-line-height: 24px;
|
|
290
295
|
--semantic-typography-body-max-width: 60ch;
|
|
291
296
|
/* semantic.typography.ui */
|
|
292
297
|
--semantic-typography-ui-font-family: var(--primitive-typography-family-primary);
|
|
293
298
|
--semantic-typography-ui-font-size: var(--primitive-typography-size-sm);
|
|
294
299
|
--semantic-typography-ui-font-weight: var(--primitive-typography-weight-medium);
|
|
295
300
|
--semantic-typography-ui-letter-spacing: var(--primitive-typography-letterSpacing-normal);
|
|
296
|
-
--semantic-typography-ui-line-height:
|
|
301
|
+
--semantic-typography-ui-line-height: 20px;
|
|
297
302
|
--semantic-typography-ui-max-width: 60ch;
|
|
298
303
|
/* semantic.typography.caption */
|
|
299
304
|
--semantic-typography-caption-font-family: var(--primitive-typography-family-primary);
|
|
300
|
-
--semantic-typography-caption-font-size:
|
|
305
|
+
--semantic-typography-caption-font-size: var(--primitive-typography-size-xs);
|
|
301
306
|
--semantic-typography-caption-font-weight: var(--primitive-typography-weight-medium);
|
|
302
307
|
--semantic-typography-caption-letter-spacing: var(--primitive-typography-letterSpacing-normal);
|
|
303
308
|
--semantic-typography-caption-line-height: 16px;
|
|
@@ -306,11 +311,11 @@
|
|
|
306
311
|
--semantic-typography-eyebrow-font-size: var(--primitive-typography-size-xs);
|
|
307
312
|
--semantic-typography-eyebrow-font-weight: var(--primitive-typography-weight-medium);
|
|
308
313
|
--semantic-typography-eyebrow-letter-spacing: var(--primitive-typography-letterSpacing-caps);
|
|
309
|
-
--semantic-typography-eyebrow-line-height:
|
|
314
|
+
--semantic-typography-eyebrow-line-height: 16px;
|
|
310
315
|
--semantic-typography-eyebrow-text-transform: uppercase;
|
|
311
316
|
/* semantic.typography.mono */
|
|
312
317
|
--semantic-typography-mono-font-family: var(--primitive-typography-family-mono);
|
|
313
|
-
--semantic-typography-mono-font-size: var(--primitive-typography-size-
|
|
318
|
+
--semantic-typography-mono-font-size: var(--primitive-typography-size-sm);
|
|
314
319
|
--semantic-typography-mono-font-weight: var(--primitive-typography-weight-regular);
|
|
315
320
|
--semantic-typography-mono-letter-spacing: var(--primitive-typography-letterSpacing-normal);
|
|
316
321
|
--semantic-typography-mono-line-height: 20px;
|
|
@@ -328,6 +333,7 @@
|
|
|
328
333
|
--semantic-accent-contentHover: var(--primitive-color-neutral-700);
|
|
329
334
|
--semantic-accent-subtle: var(--primitive-color-neutral-100);
|
|
330
335
|
--semantic-radius-action: var(--primitive-radius-8);
|
|
336
|
+
--semantic-radius-control: var(--primitive-radius-4);
|
|
331
337
|
--semantic-borderWidth-default: var(--primitive-borderWidth-xs);
|
|
332
338
|
--semantic-borderWidth-emphasis: var(--primitive-borderWidth-sm);
|
|
333
339
|
--semantic-shadow-subtle: 0 1px 2px hsl(var(--primitive-shadow-color) / 0.04), 0 1px 1px hsl(var(--primitive-shadow-color) / 0.06);
|
|
@@ -349,6 +355,17 @@
|
|
|
349
355
|
--semantic-elevation-overlay-surface: var(--semantic-color-surface-overlay);
|
|
350
356
|
--semantic-elevation-overlay-shadow: var(--semantic-shadow-overlay);
|
|
351
357
|
--semantic-elevation-overlay-border: transparent;
|
|
358
|
+
--semantic-size-control-sm: var(--primitive-size-8);
|
|
359
|
+
--semantic-size-control-md: var(--primitive-size-20);
|
|
360
|
+
--semantic-size-control-lg: var(--primitive-size-32);
|
|
361
|
+
--semantic-size-icon-sm: var(--primitive-size-16);
|
|
362
|
+
--semantic-size-icon-md: var(--primitive-size-20);
|
|
363
|
+
--semantic-size-icon-lg: var(--primitive-size-24);
|
|
364
|
+
--semantic-size-avatar: var(--primitive-size-40);
|
|
365
|
+
--semantic-size-row-compact: var(--primitive-size-40);
|
|
366
|
+
--semantic-size-row-comfortable: var(--primitive-size-48);
|
|
367
|
+
--semantic-zIndex-control: var(--primitive-zIndex-10);
|
|
368
|
+
--semantic-zIndex-sticky: var(--primitive-zIndex-100);
|
|
352
369
|
|
|
353
370
|
/* ── Component ─────────────────────────────────────────────────────────── */
|
|
354
371
|
--component-nav-bg: var(--semantic-color-surface-page);
|
|
@@ -505,4 +522,59 @@
|
|
|
505
522
|
--semantic-accent-subtle: var(--primitive-color-neutral-800);
|
|
506
523
|
--component-badge-bg: var(--semantic-color-feedback-bg-info);
|
|
507
524
|
--component-button-primary-textDisabled: var(--semantic-color-content-disabled);
|
|
525
|
+
--semantic-elevation-flat-surface: var(--semantic-color-surface-page);
|
|
526
|
+
--semantic-elevation-flat-border: var(--semantic-color-border-subtle);
|
|
527
|
+
--semantic-elevation-raised-surface: var(--semantic-color-surface-raised);
|
|
528
|
+
--semantic-elevation-floating-surface: var(--semantic-color-surface-raised);
|
|
529
|
+
--semantic-elevation-overlay-surface: var(--semantic-color-surface-overlay);
|
|
530
|
+
--component-nav-bg: var(--semantic-color-surface-page);
|
|
531
|
+
--component-nav-bgActive: var(--semantic-accent-subtle);
|
|
532
|
+
--component-nav-borderActive: var(--semantic-color-surface-accent);
|
|
533
|
+
--component-nav-text: var(--semantic-color-content-secondary);
|
|
534
|
+
--component-nav-textActive: var(--semantic-color-content-primary);
|
|
535
|
+
--component-tag-background: var(--semantic-accent-subtle);
|
|
536
|
+
--component-tag-text: var(--semantic-color-content-primary);
|
|
537
|
+
--component-tag-border: var(--semantic-color-border-default);
|
|
538
|
+
--component-tag-activeText: var(--semantic-color-content-onAccent);
|
|
539
|
+
--component-tag-activeBackground: var(--semantic-accent-rest);
|
|
540
|
+
--component-tag-activeBorder: var(--semantic-accent-rest);
|
|
541
|
+
--component-tag-activeHover: var(--semantic-accent-hover);
|
|
542
|
+
--component-badge-text: var(--semantic-color-content-primary);
|
|
543
|
+
--component-button-bg: var(--semantic-color-surface-accent);
|
|
544
|
+
--component-button-bgHover: var(--semantic-accent-hover);
|
|
545
|
+
--component-button-text: var(--semantic-color-content-onAccent);
|
|
546
|
+
--component-button-primary-bgDisabled: var(--semantic-color-surface-accentSubtle);
|
|
547
|
+
--component-button-secondary-bg-rest: var(--semantic-color-surface-page);
|
|
548
|
+
--component-button-secondary-bg-hover: var(--semantic-color-surface-raised);
|
|
549
|
+
--component-button-secondary-bg-pressed: var(--semantic-color-surface-overlay);
|
|
550
|
+
--component-button-secondary-border-rest: var(--semantic-color-border-interactive);
|
|
551
|
+
--component-button-secondary-border-hover: var(--semantic-color-border-interactive);
|
|
552
|
+
--component-button-secondary-border-pressed: var(--semantic-color-border-interactive);
|
|
553
|
+
--component-button-secondary-border-disabled: var(--semantic-color-border-subdued);
|
|
554
|
+
--component-button-secondary-text: var(--semantic-color-content-primary);
|
|
555
|
+
--component-input-bg: var(--semantic-color-surface-raised);
|
|
556
|
+
--component-input-text: var(--semantic-color-content-primary);
|
|
557
|
+
--component-input-border: var(--semantic-color-border-interactive);
|
|
558
|
+
--component-input-borderError: var(--semantic-color-feedback-error);
|
|
559
|
+
--component-card-bg: var(--semantic-color-surface-raised);
|
|
560
|
+
--component-card-border: var(--semantic-color-border-default);
|
|
561
|
+
--role-background: var(--semantic-color-surface-page);
|
|
562
|
+
--role-foreground: var(--semantic-color-content-primary);
|
|
563
|
+
--role-card: var(--semantic-color-surface-raised);
|
|
564
|
+
--role-card-foreground: var(--semantic-color-content-primary);
|
|
565
|
+
--role-popover: var(--semantic-color-surface-overlay);
|
|
566
|
+
--role-popover-foreground: var(--semantic-color-content-primary);
|
|
567
|
+
--role-primary: var(--semantic-color-surface-accent);
|
|
568
|
+
--role-primary-foreground: var(--semantic-color-content-onAccent);
|
|
569
|
+
--role-secondary: var(--semantic-color-surface-raised);
|
|
570
|
+
--role-secondary-foreground: var(--semantic-color-content-primary);
|
|
571
|
+
--role-muted: var(--semantic-color-surface-overlay);
|
|
572
|
+
--role-muted-foreground: var(--semantic-color-content-secondary);
|
|
573
|
+
--role-accent: var(--semantic-color-surface-accentSubtle);
|
|
574
|
+
--role-accent-foreground: var(--semantic-color-content-accent);
|
|
575
|
+
--role-destructive: var(--semantic-color-feedback-error);
|
|
576
|
+
--role-destructive-foreground: var(--semantic-color-content-inverse);
|
|
577
|
+
--role-border: var(--semantic-color-border-default);
|
|
578
|
+
--role-input: var(--semantic-color-border-interactive);
|
|
579
|
+
--role-ring: var(--semantic-color-border-accent);
|
|
508
580
|
}
|