@midas-ds/theme 3.12.4 → 3.12.6
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/CHANGELOG.md +14 -0
- package/README.md +1 -1
- package/index.mjs +313 -145
- package/lib/style-dictionary-dist/variables.d.ts +88 -4
- package/package.json +1 -1
- package/tailwind-theme.css +1 -1
|
@@ -21,15 +21,23 @@ export const base140: string;
|
|
|
21
21
|
export const base150: string;
|
|
22
22
|
export const base00: string;
|
|
23
23
|
export const base05: string;
|
|
24
|
+
/** Liten skärmstorlek. 480px. */
|
|
24
25
|
export const windowSizesSm: string;
|
|
26
|
+
/** Mellanstor skärmstorlek. 768px. */
|
|
25
27
|
export const windowSizesMd: string;
|
|
28
|
+
/** Stor skärmstorlek. 1024px. */
|
|
26
29
|
export const windowSizesLg: string;
|
|
30
|
+
/** Extra stor skärmstorlek. 1280px. */
|
|
27
31
|
export const windowSizesXl: string;
|
|
32
|
+
/** Extra liten skärm. Upp till 479px (max-width). */
|
|
28
33
|
export const breakpointsXs: string;
|
|
34
|
+
/** Liten skärm och uppåt. Från 480px (min-width). */
|
|
29
35
|
export const breakpointsSm: string;
|
|
36
|
+
/** Mellanstor skärm och uppåt. Från 768px (min-width). */
|
|
30
37
|
export const breakpointsMd: string;
|
|
38
|
+
/** Stor skärm och uppåt. Från 1024px (min-width). */
|
|
31
39
|
export const breakpointsLg: string;
|
|
32
|
-
/**
|
|
40
|
+
/** Extra stor skärm och uppåt. Från 1280px (min-width). */
|
|
33
41
|
export const breakpointsXl: string;
|
|
34
42
|
/** Färg på primärknapp */
|
|
35
43
|
export const buttonBackgroundPrimaryBase: string;
|
|
@@ -57,6 +65,7 @@ export const buttonBackgroundDangerActive: string;
|
|
|
57
65
|
export const buttonBackgroundDisabled: string;
|
|
58
66
|
/** Kantfärg för sekundärknapp */
|
|
59
67
|
export const buttonBorderSecondary: string;
|
|
68
|
+
/** Hover state för ikonknappar */
|
|
60
69
|
export const buttonIconHover: string;
|
|
61
70
|
/** Active state för ikoner */
|
|
62
71
|
export const buttonIconActive: string;
|
|
@@ -228,10 +237,15 @@ export const size00: string;
|
|
|
228
237
|
export const size05: string;
|
|
229
238
|
/** @deprecated Use size.control-md (--midas-size-control-md) instead */
|
|
230
239
|
export const sizeControlSm: string;
|
|
240
|
+
/** Standardstorlek för ikoner. 1rem / 16px. */
|
|
231
241
|
export const sizeIcon: string;
|
|
242
|
+
/** Liten ikonstorlek. 1.25rem / 20px. */
|
|
232
243
|
export const sizeIconSm: string;
|
|
244
|
+
/** Höjd för alternativ i dropdown-listor, t.ex. Select och Combobox. 2rem / 32px. */
|
|
233
245
|
export const sizeOption: string;
|
|
246
|
+
/** Medelstor interaktiv kontrollhöjd. 2.5rem / 40px. */
|
|
234
247
|
export const sizeControlMd: string;
|
|
248
|
+
/** Standardhöjd för interaktiva kontroller, t.ex. TextField och Button. 3rem / 48px. */
|
|
235
249
|
export const sizeControl: string;
|
|
236
250
|
/** Standardbakgrund för våra applikationer */
|
|
237
251
|
export const backgroundBase: string;
|
|
@@ -286,7 +300,7 @@ export const field01Base: string;
|
|
|
286
300
|
export const field01Hover: string;
|
|
287
301
|
/** Active state för field01 */
|
|
288
302
|
export const field01Active: string;
|
|
289
|
-
/**
|
|
303
|
+
/** Sekundärfärg för fält, som ligger på layer01 */
|
|
290
304
|
export const field02Base: string;
|
|
291
305
|
/** Hover state för field02 */
|
|
292
306
|
export const field02Hover: string;
|
|
@@ -302,6 +316,7 @@ export const skeleton02: string;
|
|
|
302
316
|
export const iconPrimary: string;
|
|
303
317
|
/** Sekundär ikonfärg */
|
|
304
318
|
export const iconSecondary: string;
|
|
319
|
+
/** Tertiär ikonfärg, används för ikoner i tertiary-knappar och länkikoner */
|
|
305
320
|
export const iconTertiary: string;
|
|
306
321
|
/** Inverterad ikonfärg. Ljus ikon i ljust läge och mörk ikon i mörkt läge */
|
|
307
322
|
export const iconInverse: string;
|
|
@@ -309,7 +324,7 @@ export const iconInverse: string;
|
|
|
309
324
|
export const iconOnColor: string;
|
|
310
325
|
/** Ikoner som är disabled */
|
|
311
326
|
export const iconDisabled: string;
|
|
312
|
-
/**
|
|
327
|
+
/** Ikonfärg för success state */
|
|
313
328
|
export const iconSuccess: string;
|
|
314
329
|
/** Ikonfärg för informationsikoner */
|
|
315
330
|
export const iconInfo: string;
|
|
@@ -385,11 +400,17 @@ export const textWarning: string;
|
|
|
385
400
|
export const textPlaceholder: string;
|
|
386
401
|
/** Textfärg för read-only state */
|
|
387
402
|
export const textReadOnly: string;
|
|
403
|
+
/** Bakgrundsfärg för badge */
|
|
388
404
|
export const badgeBackground: string;
|
|
405
|
+
/** Hover-bakgrund för datumcell */
|
|
389
406
|
export const calendarDateBackgroundHover: string;
|
|
407
|
+
/** Bakgrund för ett valt datum */
|
|
390
408
|
export const calendarDateBackgroundSelected: string;
|
|
409
|
+
/** Bakgrund för det första datumet i ett intervallval */
|
|
391
410
|
export const calendarDateBackgroundStartRange: string;
|
|
411
|
+
/** Bakgrund för datum som ligger inom ett valt intervall */
|
|
392
412
|
export const calendarDateBackgroundInRange: string;
|
|
413
|
+
/** Bakgrund för det sista datumet i ett intervallval */
|
|
393
414
|
export const calendarDateBackgroundEndRange: string;
|
|
394
415
|
/** Färg på logotypen */
|
|
395
416
|
export const logoPrimary: string;
|
|
@@ -397,21 +418,37 @@ export const logoPrimary: string;
|
|
|
397
418
|
export const menuItemBackgroundHover: string;
|
|
398
419
|
/** Bakgrundsfärg för aktiv menu */
|
|
399
420
|
export const menuItemBackgroundSelected: string;
|
|
421
|
+
/** Textfärg för sektionsrubriker i navigationsmenyn */
|
|
400
422
|
export const menuTextSectionHeader: string;
|
|
423
|
+
/** 0.125rem / 2px. */
|
|
401
424
|
export const space10: string;
|
|
425
|
+
/** 0.375rem / 6px. */
|
|
402
426
|
export const space30: string;
|
|
427
|
+
/** 0.625rem / 10px. */
|
|
403
428
|
export const space50: string;
|
|
429
|
+
/** 0.75rem / 12px. */
|
|
404
430
|
export const space60: string;
|
|
431
|
+
/** 0.875rem / 14px. */
|
|
405
432
|
export const space70: string;
|
|
433
|
+
/** 0.938rem / 15px. */
|
|
406
434
|
export const space75: string;
|
|
435
|
+
/** 1.25rem / 20px. */
|
|
407
436
|
export const space90: string;
|
|
437
|
+
/** 2.5rem / 40px. */
|
|
408
438
|
export const space130: string;
|
|
439
|
+
/** 3rem / 48px. */
|
|
409
440
|
export const space150: string;
|
|
441
|
+
/** Extra litet avstånd. 0.25rem / 4px. */
|
|
410
442
|
export const spaceXsmall: string;
|
|
443
|
+
/** Litet avstånd. 0.5rem / 8px. */
|
|
411
444
|
export const spaceSmall: string;
|
|
445
|
+
/** Medelstort avstånd. 1rem / 16px. */
|
|
412
446
|
export const spaceMedium: string;
|
|
447
|
+
/** Stort avstånd. 1.5rem / 24px. */
|
|
413
448
|
export const spaceLarge: string;
|
|
449
|
+
/** Extra stort avstånd. 2rem / 32px. */
|
|
414
450
|
export const spaceXlarge: string;
|
|
451
|
+
/** 0.063rem / 1px. */
|
|
415
452
|
export const space05: string;
|
|
416
453
|
/** Focus style used when the component is focused (box-shadow). */
|
|
417
454
|
export const stateFocus: string;
|
|
@@ -419,82 +456,129 @@ export const stateFocus: string;
|
|
|
419
456
|
export const stateFocusInset: string;
|
|
420
457
|
/** Outline style for focus ring when Windows High Contrast (forced-colors) mode is active. */
|
|
421
458
|
export const stateFocusContrastModeOutline: string;
|
|
422
|
-
/** Outline offset for focus ring when Windows High Contrast (forced-colors) mode is active
|
|
459
|
+
/** Outline offset for focus ring when Windows High Contrast (forced-colors) mode is active. */
|
|
423
460
|
export const stateFocusContrastModeOffset: string;
|
|
424
461
|
/** Invalid state style for form fields (box-shadow). */
|
|
425
462
|
export const stateInvalid: string;
|
|
463
|
+
/** Långsam övergång. 500ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner. */
|
|
426
464
|
export const transitionDurationSlow: string;
|
|
465
|
+
/** Normal övergångshastighet. 300ms. Standardval för de flesta animationer. */
|
|
427
466
|
export const transitionDurationNormal: string;
|
|
467
|
+
/** Snabb övergång. 250ms. Används för kortlivade övergångar som tooltips och dropdowns — inte hover. */
|
|
428
468
|
export const transitionDurationFast: string;
|
|
469
|
+
/** Decelererar mot slutet. Används för element som glider in i vyn. */
|
|
429
470
|
export const transitionTimingEaseOut: number[];
|
|
471
|
+
/** Accelererar mot slutet. Används för element som lämnar vyn. */
|
|
430
472
|
export const transitionTimingEaseIn: number[];
|
|
473
|
+
/** Komprimerar en panel med easeOut-timing. Används i Accordion och expanderbara ytor. */
|
|
431
474
|
export const transitionPanelCollapse: {
|
|
432
475
|
delay: string;
|
|
433
476
|
duration: string;
|
|
434
477
|
timingFunction: number[];
|
|
435
478
|
};
|
|
479
|
+
/** Expanderar en panel med easeIn-timing. Används i Accordion och expanderbara ytor. */
|
|
436
480
|
export const transitionPanelExpand: {
|
|
437
481
|
delay: string;
|
|
438
482
|
duration: string;
|
|
439
483
|
timingFunction: number[];
|
|
440
484
|
};
|
|
485
|
+
/** Primär typsnittsfamilj för hela design systemet. */
|
|
441
486
|
export const typographyFontFamily: string;
|
|
487
|
+
/** 0.75rem / 12px. */
|
|
442
488
|
export const typographyFontSize10: string;
|
|
489
|
+
/** 0.875rem / 14px. */
|
|
443
490
|
export const typographyFontSize20: string;
|
|
491
|
+
/** 1rem / 16px. */
|
|
444
492
|
export const typographyFontSize30: string;
|
|
493
|
+
/** 1.125rem / 18px. */
|
|
445
494
|
export const typographyFontSize40: string;
|
|
495
|
+
/** 1.25rem / 20px. */
|
|
446
496
|
export const typographyFontSize50: string;
|
|
497
|
+
/** 1.5rem / 24px. */
|
|
447
498
|
export const typographyFontSize60: string;
|
|
499
|
+
/** 1.625rem / 26px. */
|
|
448
500
|
export const typographyFontSize70: string;
|
|
501
|
+
/** 2rem / 32px. */
|
|
449
502
|
export const typographyFontSize80: string;
|
|
503
|
+
/** 2.25rem / 36px. */
|
|
450
504
|
export const typographyFontSize90: string;
|
|
505
|
+
/** 2.625rem / 42px. */
|
|
451
506
|
export const typographyFontSize100: string;
|
|
507
|
+
/** 1rem / 16px. */
|
|
452
508
|
export const typographyLineHeight10: string;
|
|
509
|
+
/** 1.125rem / 18px. */
|
|
453
510
|
export const typographyLineHeight20: string;
|
|
511
|
+
/** 1.25rem / 20px. */
|
|
454
512
|
export const typographyLineHeight30: string;
|
|
513
|
+
/** 1.375rem / 22px. */
|
|
455
514
|
export const typographyLineHeight40: string;
|
|
515
|
+
/** 1.5rem / 24px. */
|
|
456
516
|
export const typographyLineHeight50: string;
|
|
517
|
+
/** 1.75rem / 28px. */
|
|
457
518
|
export const typographyLineHeight60: string;
|
|
519
|
+
/** 2rem / 32px. */
|
|
458
520
|
export const typographyLineHeight70: string;
|
|
521
|
+
/** 2.25rem / 36px. */
|
|
459
522
|
export const typographyLineHeight80: string;
|
|
523
|
+
/** 2.5rem / 40px. */
|
|
460
524
|
export const typographyLineHeight90: string;
|
|
525
|
+
/** 3rem / 48px. */
|
|
461
526
|
export const typographyLineHeight100: string;
|
|
527
|
+
/** 100 – Tunnast möjliga vikt. */
|
|
462
528
|
export const typographyWeightThin: number;
|
|
529
|
+
/** 200 – Extra tunn. */
|
|
463
530
|
export const typographyWeightExtraLight: number;
|
|
531
|
+
/** 300 – Tunn. */
|
|
464
532
|
export const typographyWeightLight: number;
|
|
533
|
+
/** 400 – Standardvikt för brödtext. */
|
|
465
534
|
export const typographyWeightRegular: number;
|
|
535
|
+
/** 500 – Mellantung, för betoning utan fet stil. */
|
|
466
536
|
export const typographyWeightMedium: number;
|
|
537
|
+
/** 600 – Halvfet, för underrubriker och etiketter. */
|
|
467
538
|
export const typographyWeightSemiBold: number;
|
|
539
|
+
/** 700 – Fet, för rubriker och framhävning. */
|
|
468
540
|
export const typographyWeightBold: number;
|
|
541
|
+
/** 800 – Extra fet. */
|
|
469
542
|
export const typographyWeightExtraBold: number;
|
|
543
|
+
/** 900 – Tyngsta möjliga vikt. */
|
|
470
544
|
export const typographyWeightBlack: number;
|
|
545
|
+
/** Standardtypografi för brödtext. Används i löptext, listor och stycken. */
|
|
471
546
|
export const typographyBody: {
|
|
472
547
|
fontFamily: string;
|
|
473
548
|
fontSize: string;
|
|
474
549
|
fontWeight: number;
|
|
475
550
|
lineHeight: string;
|
|
476
551
|
};
|
|
552
|
+
/** Liten brödtextstil. Används för kompakt text i t.ex. tabeller och listor. */
|
|
477
553
|
export const typographyBodySmall: {
|
|
478
554
|
fontFamily: string;
|
|
479
555
|
fontSize: string;
|
|
480
556
|
fontWeight: number;
|
|
481
557
|
lineHeight: string;
|
|
482
558
|
};
|
|
559
|
+
/** Beskrivningstext, t.ex. för hjälptexter och ledtexter i formulär. */
|
|
483
560
|
export const typographyDescription: {
|
|
484
561
|
fontFamily: string;
|
|
485
562
|
fontSize: string;
|
|
486
563
|
fontWeight: number;
|
|
487
564
|
lineHeight: string;
|
|
488
565
|
};
|
|
566
|
+
/** Liten beskrivningstext, t.ex. för felmeddelanden och teckenräknare i formulär. */
|
|
489
567
|
export const typographyDescriptionSmall: {
|
|
490
568
|
fontFamily: string;
|
|
491
569
|
fontSize: string;
|
|
492
570
|
fontWeight: number;
|
|
493
571
|
lineHeight: string;
|
|
494
572
|
};
|
|
573
|
+
/** Basnivå för normala element. z-index: 1. */
|
|
495
574
|
export const zIndexBase: number;
|
|
575
|
+
/** Placerar element ovanför normala element, t.ex. tooltips i flödet. z-index: 10. */
|
|
496
576
|
export const zIndexAbove: number;
|
|
577
|
+
/** Z-index för sidopaneler och navigationsdrawers. z-index: 500. */
|
|
497
578
|
export const zIndexSidebar: number;
|
|
579
|
+
/** Z-index för modaler och dialoger. z-index: 1000. */
|
|
498
580
|
export const zIndexModal: number;
|
|
581
|
+
/** Z-index för toast-notifikationer, ovanför modaler. z-index: 1100. */
|
|
499
582
|
export const zIndexToast: number;
|
|
583
|
+
/** Z-index för 'hoppa till innehåll'-länken för tillgänglighet, alltid överst. z-index: 1200. */
|
|
500
584
|
export const zIndexSkipToContent: number;
|
package/package.json
CHANGED
package/tailwind-theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{ --base-10: var(--midas-base-10); --base-15: var(--midas-base-15); --base-20: var(--midas-base-20); --base-30: var(--midas-base-30); --base-40: var(--midas-base-40); --base-50: var(--midas-base-50); --base-60: var(--midas-base-60); --base-70: var(--midas-base-70); --base-75: var(--midas-base-75); --base-80: var(--midas-base-80); --base-90: var(--midas-base-90); --base-100: var(--midas-base-100); --base-110: var(--midas-base-110); --base-120: var(--midas-base-120); --base-130: var(--midas-base-130); --base-140: var(--midas-base-140); --base-150: var(--midas-base-150); --base-00: var(--midas-base-00); --base-05: var(--midas-base-05); --window-sizes-sm: var(--midas-window-sizes-sm); --window-sizes-md: var(--midas-window-sizes-md); --window-sizes-lg: var(--midas-window-sizes-lg); --window-sizes-xl: var(--midas-window-sizes-xl); --breakpoints-xs: var(--midas-breakpoints-xs); --breakpoints-sm: var(--midas-breakpoints-sm); --breakpoints-md: var(--midas-breakpoints-md); --breakpoints-lg: var(--midas-breakpoints-lg); --breakpoints-xl: var(--midas-breakpoints-xl); --button-background-primary-base: var(--midas-button-background-primary-base); --button-background-primary-hover: var(--midas-button-background-primary-hover); --button-background-primary-active: var(--midas-button-background-primary-active); --button-background-secondary-base: var(--midas-button-background-secondary-base); --button-background-secondary-hover: var(--midas-button-background-secondary-hover); --button-background-secondary-active: var(--midas-button-background-secondary-active); --button-background-tertiary-hover: var(--midas-button-background-tertiary-hover); --button-background-tertiary-active: var(--midas-button-background-tertiary-active); --button-background-danger-base: var(--midas-button-background-danger-base); --button-background-danger-hover: var(--midas-button-background-danger-hover); --button-background-danger-active: var(--midas-button-background-danger-active); --button-background-disabled: var(--midas-button-background-disabled); --button-border-secondary: var(--midas-button-border-secondary); --button-icon-hover: var(--midas-button-icon-hover); --button-icon-active: var(--midas-button-icon-active); --color-black-base: var(--midas-color-black-base); --color-black-hover: var(--midas-color-black-hover); --color-black-opacity5: var(--midas-color-black-opacity5); --color-white-base: var(--midas-color-white-base); --color-white-hover: var(--midas-color-white-hover); --color-white-opacity13: var(--midas-color-white-opacity13); --color-gray-10: var(--midas-color-gray-10); --color-gray-20: var(--midas-color-gray-20); --color-gray-30: var(--midas-color-gray-30); --color-gray-40: var(--midas-color-gray-40); --color-gray-50: var(--midas-color-gray-50); --color-gray-60: var(--midas-color-gray-60); --color-gray-70: var(--midas-color-gray-70); --color-gray-80: var(--midas-color-gray-80); --color-gray-90: var(--midas-color-gray-90); --color-gray-100: var(--midas-color-gray-100); --color-gray-110: var(--midas-color-gray-110); --color-gray-120: var(--midas-color-gray-120); --color-gray-130: var(--midas-color-gray-130); --color-gray-140: var(--midas-color-gray-140); --color-gray-150: var(--midas-color-gray-150); --color-gray-160: var(--midas-color-gray-160); --color-gray-170: var(--midas-color-gray-170); --color-gray-180: var(--midas-color-gray-180); --color-gray-190: var(--midas-color-gray-190); --color-gray-200: var(--midas-color-gray-200); --color-blue-10: var(--midas-color-blue-10); --color-blue-20: var(--midas-color-blue-20); --color-blue-40: var(--midas-color-blue-40); --color-blue-50: var(--midas-color-blue-50); --color-blue-60: var(--midas-color-blue-60); --color-blue-70: var(--midas-color-blue-70); --color-blue-80: var(--midas-color-blue-80); --color-blue-90: var(--midas-color-blue-90); --color-blue-100: var(--midas-color-blue-100); --color-blue-110: var(--midas-color-blue-110); --color-blue-120: var(--midas-color-blue-120); --color-blue-130: var(--midas-color-blue-130); --color-blue-150: var(--midas-color-blue-150); --color-purple-80: var(--midas-color-purple-80); --color-purple-110: var(--midas-color-purple-110); --color-red-100: var(--midas-color-red-100); --color-orange-100: var(--midas-color-orange-100); --color-signal-blue-10: var(--midas-color-signal-blue-10); --color-signal-blue-20: var(--midas-color-signal-blue-20); --color-signal-blue-100: var(--midas-color-signal-blue-100); --color-signal-blue-170: var(--midas-color-signal-blue-170); --color-signal-blue-180: var(--midas-color-signal-blue-180); --color-signal-green-20: var(--midas-color-signal-green-20); --color-signal-green-30: var(--midas-color-signal-green-30); --color-signal-green-100: var(--midas-color-signal-green-100); --color-signal-green-150: var(--midas-color-signal-green-150); --color-signal-green-170: var(--midas-color-signal-green-170); --color-signal-green-180: var(--midas-color-signal-green-180); --color-signal-yellow-10: var(--midas-color-signal-yellow-10); --color-signal-yellow-20: var(--midas-color-signal-yellow-20); --color-signal-yellow-30: var(--midas-color-signal-yellow-30); --color-signal-yellow-40: var(--midas-color-signal-yellow-40); --color-signal-yellow-50: var(--midas-color-signal-yellow-50); --color-signal-yellow-60: var(--midas-color-signal-yellow-60); --color-signal-yellow-70: var(--midas-color-signal-yellow-70); --color-signal-yellow-80: var(--midas-color-signal-yellow-80); --color-signal-yellow-90: var(--midas-color-signal-yellow-90); --color-signal-yellow-100: var(--midas-color-signal-yellow-100); --color-signal-yellow-110: var(--midas-color-signal-yellow-110); --color-signal-yellow-120: var(--midas-color-signal-yellow-120); --color-signal-yellow-130: var(--midas-color-signal-yellow-130); --color-signal-yellow-140: var(--midas-color-signal-yellow-140); --color-signal-yellow-150: var(--midas-color-signal-yellow-150); --color-signal-yellow-160: var(--midas-color-signal-yellow-160); --color-signal-yellow-170: var(--midas-color-signal-yellow-170); --color-signal-yellow-180: var(--midas-color-signal-yellow-180); --color-signal-yellow-190: var(--midas-color-signal-yellow-190); --color-signal-yellow-200: var(--midas-color-signal-yellow-200); --color-signal-red-10: var(--midas-color-signal-red-10); --color-signal-red-20: var(--midas-color-signal-red-20); --color-signal-red-30: var(--midas-color-signal-red-30); --color-signal-red-40: var(--midas-color-signal-red-40); --color-signal-red-50: var(--midas-color-signal-red-50); --color-signal-red-60: var(--midas-color-signal-red-60); --color-signal-red-70: var(--midas-color-signal-red-70); --color-signal-red-80: var(--midas-color-signal-red-80); --color-signal-red-90: var(--midas-color-signal-red-90); --color-signal-red-100: var(--midas-color-signal-red-100); --color-signal-red-110: var(--midas-color-signal-red-110); --color-signal-red-120: var(--midas-color-signal-red-120); --color-signal-red-130: var(--midas-color-signal-red-130); --color-signal-red-140: var(--midas-color-signal-red-140); --color-signal-red-150: var(--midas-color-signal-red-150); --color-signal-red-160: var(--midas-color-signal-red-160); --color-signal-red-170: var(--midas-color-signal-red-170); --color-signal-red-180: var(--midas-color-signal-red-180); --color-signal-red-190: var(--midas-color-signal-red-190); --color-signal-red-200: var(--midas-color-signal-red-200); --spacing-10: var(--midas-spacing-10); --spacing-20: var(--midas-spacing-20); --spacing-30: var(--midas-spacing-30); --spacing-40: var(--midas-spacing-40); --spacing-50: var(--midas-spacing-50); --spacing-60: var(--midas-spacing-60); --spacing-70: var(--midas-spacing-70); --spacing-80: var(--midas-spacing-80); --spacing-90: var(--midas-spacing-90); --spacing-xsmall: var(--midas-spacing-xsmall); --spacing-small: var(--midas-spacing-small); --spacing-medium: var(--midas-spacing-medium); --spacing-large: var(--midas-spacing-large); --spacing-xlarge: var(--midas-spacing-xlarge); --size-10: var(--midas-size-10); --size-15: var(--midas-size-15); --size-20: var(--midas-size-20); --size-30: var(--midas-size-30); --size-40: var(--midas-size-40); --size-50: var(--midas-size-50); --size-60: var(--midas-size-60); --size-70: var(--midas-size-70); --size-75: var(--midas-size-75); --size-80: var(--midas-size-80); --size-90: var(--midas-size-90); --size-100: var(--midas-size-100); --size-110: var(--midas-size-110); --size-120: var(--midas-size-120); --size-130: var(--midas-size-130); --size-140: var(--midas-size-140); --size-150: var(--midas-size-150); --size-00: var(--midas-size-00); --size-05: var(--midas-size-05); --size-control-sm: var(--midas-size-control-sm); --size-icon: var(--midas-size-icon); --size-icon-sm: var(--midas-size-icon-sm); --size-option: var(--midas-size-option); --size-control-md: var(--midas-size-control-md); --size-control: var(--midas-size-control); --background-base: var(--midas-background-base); --background-hover: var(--midas-background-hover); --background-inverse: var(--midas-background-inverse); --layer-01-base: var(--midas-layer-01-base); --layer-01-hover: var(--midas-layer-01-hover); --layer-01-selected: var(--midas-layer-01-selected); --layer-01-selected-hover: var(--midas-layer-01-selected-hover); --layer-02-base: var(--midas-layer-02-base); --layer-02-hover: var(--midas-layer-02-hover); --layer-02-selected: var(--midas-layer-02-selected); --layer-02-selected-hover: var(--midas-layer-02-selected-hover); --layer-accent-01-base: var(--midas-layer-accent-01-base); --layer-accent-01-hover: var(--midas-layer-accent-01-hover); --layer-accent-01-selected: var(--midas-layer-accent-01-selected); --layer-accent-02-base: var(--midas-layer-accent-02-base); --layer-accent-02-hover: var(--midas-layer-accent-02-hover); --layer-accent-02-selected: var(--midas-layer-accent-02-selected); --brand-primary: var(--midas-brand-primary); --border-color-primary: var(--midas-border-color-primary); --border-color-secondary: var(--midas-border-color-secondary); --border-color-subtle: var(--midas-border-color-subtle); --border-color-tertiary: var(--midas-border-color-tertiary); --border-color-disabled: var(--midas-border-color-disabled); --border-width: var(--midas-border-width); --field-01-base: var(--midas-field-01-base); --field-01-hover: var(--midas-field-01-hover); --field-01-active: var(--midas-field-01-active); --field-02-base: var(--midas-field-02-base); --field-02-hover: var(--midas-field-02-hover); --field-02-active: var(--midas-field-02-active); --field-disabled: var(--midas-field-disabled); --skeleton-01: var(--midas-skeleton-01); --skeleton-02: var(--midas-skeleton-02); --icon-primary: var(--midas-icon-primary); --icon-secondary: var(--midas-icon-secondary); --icon-tertiary: var(--midas-icon-tertiary); --icon-inverse: var(--midas-icon-inverse); --icon-on-color: var(--midas-icon-on-color); --icon-disabled: var(--midas-icon-disabled); --icon-success: var(--midas-icon-success); --icon-info: var(--midas-icon-info); --icon-warning: var(--midas-icon-warning); --icon-important: var(--midas-icon-important); --icon-read-only: var(--midas-icon-read-only); --link-enabled: var(--midas-link-enabled); --link-hover: var(--midas-link-hover); --link-pressed: var(--midas-link-pressed); --link-visited: var(--midas-link-visited); --support-border-success: var(--midas-support-border-success); --support-border-info: var(--midas-support-border-info); --support-border-important: var(--midas-support-border-important); --support-border-warning: var(--midas-support-border-warning); --support-background-success: var(--midas-support-background-success); --support-background-success-hover: var(--midas-support-background-success-hover); --support-background-info: var(--midas-support-background-info); --support-background-info-hover: var(--midas-support-background-info-hover); --support-background-important: var(--midas-support-background-important); --support-background-important-hover: var(--midas-support-background-important-hover); --support-background-warning: var(--midas-support-background-warning); --support-background-warning-hover: var(--midas-support-background-warning-hover); --tag-green-background: var(--midas-tag-green-background); --tag-green-border-color: var(--midas-tag-green-border-color); --tag-blue-background: var(--midas-tag-blue-background); --tag-blue-border-color: var(--midas-tag-blue-border-color); --tag-yellow-background: var(--midas-tag-yellow-background); --tag-yellow-border-color: var(--midas-tag-yellow-border-color); --tag-red-background: var(--midas-tag-red-background); --tag-red-border-color: var(--midas-tag-red-border-color); --text-primary: var(--midas-text-primary); --text-secondary: var(--midas-text-secondary); --text-tertiary: var(--midas-text-tertiary); --text-on-color: var(--midas-text-on-color); --text-inverse: var(--midas-text-inverse); --text-disabled: var(--midas-text-disabled); --text-warning: var(--midas-text-warning); --text-placeholder: var(--midas-text-placeholder); --text-read-only: var(--midas-text-read-only); --badge-background: var(--midas-badge-background); --calendar-date-background-hover: var(--midas-calendar-date-background-hover); --calendar-date-background-selected: var(--midas-calendar-date-background-selected); --calendar-date-background-start-range: var(--midas-calendar-date-background-start-range); --calendar-date-background-in-range: var(--midas-calendar-date-background-in-range); --calendar-date-background-end-range: var(--midas-calendar-date-background-end-range); --logo-primary: var(--midas-logo-primary); --menu-item-background-hover: var(--midas-menu-item-background-hover); --menu-item-background-selected: var(--midas-menu-item-background-selected); --menu-text-section-header: var(--midas-menu-text-section-header); --space-10: var(--midas-space-10); --space-30: var(--midas-space-30); --space-50: var(--midas-space-50); --space-60: var(--midas-space-60); --space-70: var(--midas-space-70); --space-75: var(--midas-space-75); --space-90: var(--midas-space-90); --space-130: var(--midas-space-130); --space-150: var(--midas-space-150); --space-xsmall: var(--midas-space-xsmall); --space-small: var(--midas-space-small); --space-medium: var(--midas-space-medium); --space-large: var(--midas-space-large); --space-xlarge: var(--midas-space-xlarge); --space-05: var(--midas-space-05); --state-focus: var(--midas-state-focus); --state-focus-inset: var(--midas-state-focus-inset); --state-focus-contrast-mode-outline: var(--midas-state-focus-contrast-mode-outline); --state-focus-contrast-mode-offset: var(--midas-state-focus-contrast-mode-offset); --state-invalid: var(--midas-state-invalid); --transition-duration-slow: var(--midas-transition-duration-slow); --transition-duration-normal: var(--midas-transition-duration-normal); --transition-duration-fast: var(--midas-transition-duration-fast); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-panel-collapse: var(--midas-transition-panel-collapse); --transition-panel-expand: var(--midas-transition-panel-expand); --typography-font-family: var(--midas-typography-font-family); --typography-font-size-10: var(--midas-typography-font-size-10); --typography-font-size-20: var(--midas-typography-font-size-20); --typography-font-size-30: var(--midas-typography-font-size-30); --typography-font-size-40: var(--midas-typography-font-size-40); --typography-font-size-50: var(--midas-typography-font-size-50); --typography-font-size-60: var(--midas-typography-font-size-60); --typography-font-size-70: var(--midas-typography-font-size-70); --typography-font-size-80: var(--midas-typography-font-size-80); --typography-font-size-90: var(--midas-typography-font-size-90); --typography-font-size-100: var(--midas-typography-font-size-100); --typography-line-height-10: var(--midas-typography-line-height-10); --typography-line-height-20: var(--midas-typography-line-height-20); --typography-line-height-30: var(--midas-typography-line-height-30); --typography-line-height-40: var(--midas-typography-line-height-40); --typography-line-height-50: var(--midas-typography-line-height-50); --typography-line-height-60: var(--midas-typography-line-height-60); --typography-line-height-70: var(--midas-typography-line-height-70); --typography-line-height-80: var(--midas-typography-line-height-80); --typography-line-height-90: var(--midas-typography-line-height-90); --typography-line-height-100: var(--midas-typography-line-height-100); --typography-weight-thin: var(--midas-typography-weight-thin); --typography-weight-extra-light: var(--midas-typography-weight-extra-light); --typography-weight-light: var(--midas-typography-weight-light); --typography-weight-regular: var(--midas-typography-weight-regular); --typography-weight-medium: var(--midas-typography-weight-medium); --typography-weight-semi-bold: var(--midas-typography-weight-semi-bold); --typography-weight-bold: var(--midas-typography-weight-bold); --typography-weight-extra-bold: var(--midas-typography-weight-extra-bold); --typography-weight-black: var(--midas-typography-weight-black); --typography-body: var(--midas-typography-body); --typography-body-small: var(--midas-typography-body-small); --typography-description: var(--midas-typography-description); --typography-description-small: var(--midas-typography-description-small); --z-index-base: var(--midas-z-index-base); --z-index-above: var(--midas-z-index-above); --z-index-sidebar: var(--midas-z-index-sidebar); --z-index-modal: var(--midas-z-index-modal); --z-index-toast: var(--midas-z-index-toast); --z-index-skip-to-content: var(--midas-z-index-skip-to-content); }
|
|
1
|
+
@theme{ --base-10: var(--midas-base-10); --base-15: var(--midas-base-15); --base-20: var(--midas-base-20); --base-30: var(--midas-base-30); --base-40: var(--midas-base-40); --base-50: var(--midas-base-50); --base-60: var(--midas-base-60); --base-70: var(--midas-base-70); --base-75: var(--midas-base-75); --base-80: var(--midas-base-80); --base-90: var(--midas-base-90); --base-100: var(--midas-base-100); --base-110: var(--midas-base-110); --base-120: var(--midas-base-120); --base-130: var(--midas-base-130); --base-140: var(--midas-base-140); --base-150: var(--midas-base-150); --base-00: var(--midas-base-00); --base-05: var(--midas-base-05); --window-sizes-sm: var(--midas-window-sizes-sm); --window-sizes-md: var(--midas-window-sizes-md); --window-sizes-lg: var(--midas-window-sizes-lg); --window-sizes-xl: var(--midas-window-sizes-xl); --breakpoints-xs: var(--midas-breakpoints-xs); --breakpoints-sm: var(--midas-breakpoints-sm); --breakpoints-md: var(--midas-breakpoints-md); --breakpoints-lg: var(--midas-breakpoints-lg); --breakpoints-xl: var(--midas-breakpoints-xl); --button-background-primary-base: var(--midas-button-background-primary-base); --button-background-primary-hover: var(--midas-button-background-primary-hover); --button-background-primary-active: var(--midas-button-background-primary-active); --button-background-secondary-base: var(--midas-button-background-secondary-base); --button-background-secondary-hover: var(--midas-button-background-secondary-hover); --button-background-secondary-active: var(--midas-button-background-secondary-active); --button-background-tertiary-hover: var(--midas-button-background-tertiary-hover); --button-background-tertiary-active: var(--midas-button-background-tertiary-active); --button-background-danger-base: var(--midas-button-background-danger-base); --button-background-danger-hover: var(--midas-button-background-danger-hover); --button-background-danger-active: var(--midas-button-background-danger-active); --button-background-disabled: var(--midas-button-background-disabled); --button-border-secondary: var(--midas-button-border-secondary); --button-icon-hover: var(--midas-button-icon-hover); --button-icon-active: var(--midas-button-icon-active); --color-black-base: var(--midas-color-black-base); --color-black-hover: var(--midas-color-black-hover); --color-black-opacity5: var(--midas-color-black-opacity5); --color-white-base: var(--midas-color-white-base); --color-white-hover: var(--midas-color-white-hover); --color-white-opacity13: var(--midas-color-white-opacity13); --color-gray-10: var(--midas-color-gray-10); --color-gray-20: var(--midas-color-gray-20); --color-gray-30: var(--midas-color-gray-30); --color-gray-40: var(--midas-color-gray-40); --color-gray-50: var(--midas-color-gray-50); --color-gray-60: var(--midas-color-gray-60); --color-gray-70: var(--midas-color-gray-70); --color-gray-80: var(--midas-color-gray-80); --color-gray-90: var(--midas-color-gray-90); --color-gray-100: var(--midas-color-gray-100); --color-gray-110: var(--midas-color-gray-110); --color-gray-120: var(--midas-color-gray-120); --color-gray-130: var(--midas-color-gray-130); --color-gray-140: var(--midas-color-gray-140); --color-gray-150: var(--midas-color-gray-150); --color-gray-160: var(--midas-color-gray-160); --color-gray-170: var(--midas-color-gray-170); --color-gray-180: var(--midas-color-gray-180); --color-gray-190: var(--midas-color-gray-190); --color-gray-200: var(--midas-color-gray-200); --color-blue-10: var(--midas-color-blue-10); --color-blue-20: var(--midas-color-blue-20); --color-blue-40: var(--midas-color-blue-40); --color-blue-50: var(--midas-color-blue-50); --color-blue-60: var(--midas-color-blue-60); --color-blue-70: var(--midas-color-blue-70); --color-blue-80: var(--midas-color-blue-80); --color-blue-90: var(--midas-color-blue-90); --color-blue-100: var(--midas-color-blue-100); --color-blue-110: var(--midas-color-blue-110); --color-blue-120: var(--midas-color-blue-120); --color-blue-130: var(--midas-color-blue-130); --color-blue-150: var(--midas-color-blue-150); --color-purple-80: var(--midas-color-purple-80); --color-purple-110: var(--midas-color-purple-110); --color-red-100: var(--midas-color-red-100); --color-orange-100: var(--midas-color-orange-100); --color-signal-blue-10: var(--midas-color-signal-blue-10); --color-signal-blue-20: var(--midas-color-signal-blue-20); --color-signal-blue-100: var(--midas-color-signal-blue-100); --color-signal-blue-170: var(--midas-color-signal-blue-170); --color-signal-blue-180: var(--midas-color-signal-blue-180); --color-signal-green-20: var(--midas-color-signal-green-20); --color-signal-green-30: var(--midas-color-signal-green-30); --color-signal-green-100: var(--midas-color-signal-green-100); --color-signal-green-150: var(--midas-color-signal-green-150); --color-signal-green-170: var(--midas-color-signal-green-170); --color-signal-green-180: var(--midas-color-signal-green-180); --color-signal-yellow-10: var(--midas-color-signal-yellow-10); --color-signal-yellow-20: var(--midas-color-signal-yellow-20); --color-signal-yellow-30: var(--midas-color-signal-yellow-30); --color-signal-yellow-40: var(--midas-color-signal-yellow-40); --color-signal-yellow-50: var(--midas-color-signal-yellow-50); --color-signal-yellow-60: var(--midas-color-signal-yellow-60); --color-signal-yellow-70: var(--midas-color-signal-yellow-70); --color-signal-yellow-80: var(--midas-color-signal-yellow-80); --color-signal-yellow-90: var(--midas-color-signal-yellow-90); --color-signal-yellow-100: var(--midas-color-signal-yellow-100); --color-signal-yellow-110: var(--midas-color-signal-yellow-110); --color-signal-yellow-120: var(--midas-color-signal-yellow-120); --color-signal-yellow-130: var(--midas-color-signal-yellow-130); --color-signal-yellow-140: var(--midas-color-signal-yellow-140); --color-signal-yellow-150: var(--midas-color-signal-yellow-150); --color-signal-yellow-160: var(--midas-color-signal-yellow-160); --color-signal-yellow-170: var(--midas-color-signal-yellow-170); --color-signal-yellow-180: var(--midas-color-signal-yellow-180); --color-signal-yellow-190: var(--midas-color-signal-yellow-190); --color-signal-yellow-200: var(--midas-color-signal-yellow-200); --color-signal-red-10: var(--midas-color-signal-red-10); --color-signal-red-20: var(--midas-color-signal-red-20); --color-signal-red-30: var(--midas-color-signal-red-30); --color-signal-red-40: var(--midas-color-signal-red-40); --color-signal-red-50: var(--midas-color-signal-red-50); --color-signal-red-60: var(--midas-color-signal-red-60); --color-signal-red-70: var(--midas-color-signal-red-70); --color-signal-red-80: var(--midas-color-signal-red-80); --color-signal-red-90: var(--midas-color-signal-red-90); --color-signal-red-100: var(--midas-color-signal-red-100); --color-signal-red-110: var(--midas-color-signal-red-110); --color-signal-red-120: var(--midas-color-signal-red-120); --color-signal-red-130: var(--midas-color-signal-red-130); --color-signal-red-140: var(--midas-color-signal-red-140); --color-signal-red-150: var(--midas-color-signal-red-150); --color-signal-red-160: var(--midas-color-signal-red-160); --color-signal-red-170: var(--midas-color-signal-red-170); --color-signal-red-180: var(--midas-color-signal-red-180); --color-signal-red-190: var(--midas-color-signal-red-190); --color-signal-red-200: var(--midas-color-signal-red-200); --size-icon: var(--midas-size-icon); --size-icon-sm: var(--midas-size-icon-sm); --size-option: var(--midas-size-option); --size-control-md: var(--midas-size-control-md); --size-control: var(--midas-size-control); --background-base: var(--midas-background-base); --background-hover: var(--midas-background-hover); --background-inverse: var(--midas-background-inverse); --layer-01-base: var(--midas-layer-01-base); --layer-01-hover: var(--midas-layer-01-hover); --layer-01-selected: var(--midas-layer-01-selected); --layer-01-selected-hover: var(--midas-layer-01-selected-hover); --layer-02-base: var(--midas-layer-02-base); --layer-02-hover: var(--midas-layer-02-hover); --layer-02-selected: var(--midas-layer-02-selected); --layer-02-selected-hover: var(--midas-layer-02-selected-hover); --layer-accent-01-base: var(--midas-layer-accent-01-base); --layer-accent-01-hover: var(--midas-layer-accent-01-hover); --layer-accent-01-selected: var(--midas-layer-accent-01-selected); --layer-accent-02-base: var(--midas-layer-accent-02-base); --layer-accent-02-hover: var(--midas-layer-accent-02-hover); --layer-accent-02-selected: var(--midas-layer-accent-02-selected); --brand-primary: var(--midas-brand-primary); --border-color-primary: var(--midas-border-color-primary); --border-color-secondary: var(--midas-border-color-secondary); --border-color-subtle: var(--midas-border-color-subtle); --border-color-tertiary: var(--midas-border-color-tertiary); --border-color-disabled: var(--midas-border-color-disabled); --border-width: var(--midas-border-width); --field-01-base: var(--midas-field-01-base); --field-01-hover: var(--midas-field-01-hover); --field-01-active: var(--midas-field-01-active); --field-02-base: var(--midas-field-02-base); --field-02-hover: var(--midas-field-02-hover); --field-02-active: var(--midas-field-02-active); --field-disabled: var(--midas-field-disabled); --skeleton-01: var(--midas-skeleton-01); --skeleton-02: var(--midas-skeleton-02); --icon-primary: var(--midas-icon-primary); --icon-secondary: var(--midas-icon-secondary); --icon-tertiary: var(--midas-icon-tertiary); --icon-inverse: var(--midas-icon-inverse); --icon-on-color: var(--midas-icon-on-color); --icon-disabled: var(--midas-icon-disabled); --icon-success: var(--midas-icon-success); --icon-info: var(--midas-icon-info); --icon-warning: var(--midas-icon-warning); --icon-important: var(--midas-icon-important); --icon-read-only: var(--midas-icon-read-only); --link-enabled: var(--midas-link-enabled); --link-hover: var(--midas-link-hover); --link-pressed: var(--midas-link-pressed); --link-visited: var(--midas-link-visited); --support-border-success: var(--midas-support-border-success); --support-border-info: var(--midas-support-border-info); --support-border-important: var(--midas-support-border-important); --support-border-warning: var(--midas-support-border-warning); --support-background-success: var(--midas-support-background-success); --support-background-success-hover: var(--midas-support-background-success-hover); --support-background-info: var(--midas-support-background-info); --support-background-info-hover: var(--midas-support-background-info-hover); --support-background-important: var(--midas-support-background-important); --support-background-important-hover: var(--midas-support-background-important-hover); --support-background-warning: var(--midas-support-background-warning); --support-background-warning-hover: var(--midas-support-background-warning-hover); --tag-green-background: var(--midas-tag-green-background); --tag-green-border-color: var(--midas-tag-green-border-color); --tag-blue-background: var(--midas-tag-blue-background); --tag-blue-border-color: var(--midas-tag-blue-border-color); --tag-yellow-background: var(--midas-tag-yellow-background); --tag-yellow-border-color: var(--midas-tag-yellow-border-color); --tag-red-background: var(--midas-tag-red-background); --tag-red-border-color: var(--midas-tag-red-border-color); --text-primary: var(--midas-text-primary); --text-secondary: var(--midas-text-secondary); --text-tertiary: var(--midas-text-tertiary); --text-on-color: var(--midas-text-on-color); --text-inverse: var(--midas-text-inverse); --text-disabled: var(--midas-text-disabled); --text-warning: var(--midas-text-warning); --text-placeholder: var(--midas-text-placeholder); --text-read-only: var(--midas-text-read-only); --badge-background: var(--midas-badge-background); --calendar-date-background-hover: var(--midas-calendar-date-background-hover); --calendar-date-background-selected: var(--midas-calendar-date-background-selected); --calendar-date-background-start-range: var(--midas-calendar-date-background-start-range); --calendar-date-background-in-range: var(--midas-calendar-date-background-in-range); --calendar-date-background-end-range: var(--midas-calendar-date-background-end-range); --logo-primary: var(--midas-logo-primary); --menu-item-background-hover: var(--midas-menu-item-background-hover); --menu-item-background-selected: var(--midas-menu-item-background-selected); --menu-text-section-header: var(--midas-menu-text-section-header); --space-10: var(--midas-space-10); --space-30: var(--midas-space-30); --space-50: var(--midas-space-50); --space-60: var(--midas-space-60); --space-70: var(--midas-space-70); --space-75: var(--midas-space-75); --space-90: var(--midas-space-90); --space-130: var(--midas-space-130); --space-150: var(--midas-space-150); --space-xsmall: var(--midas-space-xsmall); --space-small: var(--midas-space-small); --space-medium: var(--midas-space-medium); --space-large: var(--midas-space-large); --space-xlarge: var(--midas-space-xlarge); --space-05: var(--midas-space-05); --state-focus: var(--midas-state-focus); --state-focus-inset: var(--midas-state-focus-inset); --state-focus-contrast-mode-outline: var(--midas-state-focus-contrast-mode-outline); --state-focus-contrast-mode-offset: var(--midas-state-focus-contrast-mode-offset); --state-invalid: var(--midas-state-invalid); --transition-duration-slow: var(--midas-transition-duration-slow); --transition-duration-normal: var(--midas-transition-duration-normal); --transition-duration-fast: var(--midas-transition-duration-fast); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-panel-collapse: var(--midas-transition-panel-collapse); --transition-panel-expand: var(--midas-transition-panel-expand); --typography-font-family: var(--midas-typography-font-family); --typography-font-size-10: var(--midas-typography-font-size-10); --typography-font-size-20: var(--midas-typography-font-size-20); --typography-font-size-30: var(--midas-typography-font-size-30); --typography-font-size-40: var(--midas-typography-font-size-40); --typography-font-size-50: var(--midas-typography-font-size-50); --typography-font-size-60: var(--midas-typography-font-size-60); --typography-font-size-70: var(--midas-typography-font-size-70); --typography-font-size-80: var(--midas-typography-font-size-80); --typography-font-size-90: var(--midas-typography-font-size-90); --typography-font-size-100: var(--midas-typography-font-size-100); --typography-line-height-10: var(--midas-typography-line-height-10); --typography-line-height-20: var(--midas-typography-line-height-20); --typography-line-height-30: var(--midas-typography-line-height-30); --typography-line-height-40: var(--midas-typography-line-height-40); --typography-line-height-50: var(--midas-typography-line-height-50); --typography-line-height-60: var(--midas-typography-line-height-60); --typography-line-height-70: var(--midas-typography-line-height-70); --typography-line-height-80: var(--midas-typography-line-height-80); --typography-line-height-90: var(--midas-typography-line-height-90); --typography-line-height-100: var(--midas-typography-line-height-100); --typography-weight-thin: var(--midas-typography-weight-thin); --typography-weight-extra-light: var(--midas-typography-weight-extra-light); --typography-weight-light: var(--midas-typography-weight-light); --typography-weight-regular: var(--midas-typography-weight-regular); --typography-weight-medium: var(--midas-typography-weight-medium); --typography-weight-semi-bold: var(--midas-typography-weight-semi-bold); --typography-weight-bold: var(--midas-typography-weight-bold); --typography-weight-extra-bold: var(--midas-typography-weight-extra-bold); --typography-weight-black: var(--midas-typography-weight-black); --typography-body: var(--midas-typography-body); --typography-body-small: var(--midas-typography-body-small); --typography-description: var(--midas-typography-description); --typography-description-small: var(--midas-typography-description-small); --z-index-base: var(--midas-z-index-base); --z-index-above: var(--midas-z-index-above); --z-index-sidebar: var(--midas-z-index-sidebar); --z-index-modal: var(--midas-z-index-modal); --z-index-toast: var(--midas-z-index-toast); --z-index-skip-to-content: var(--midas-z-index-skip-to-content); }
|