@kyralabs/m3e-tokens 1.5.0 → 1.6.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/dist/components.d.ts +487 -1
- package/dist/components.js +480 -1
- package/dist/components.js.map +1 -1
- package/dist/generated/components/checkbox-defaults.css +1 -0
- package/dist/generated/components/chips-defaults.css +1 -0
- package/dist/generated/components/list-defaults.css +1 -0
- package/dist/generated/components/radio-button-defaults.css +1 -0
- package/dist/generated/components/slider-defaults.css +1 -0
- package/dist/generated/components/switch-defaults.css +1 -0
- package/dist/generated/components/text-field-defaults.css +1 -0
- package/package.json +1 -1
package/dist/components.d.ts
CHANGED
|
@@ -396,6 +396,66 @@ declare const checkboxTokens: {
|
|
|
396
396
|
readonly outlineColorUnselectedPressed: "var(--m3e-sys-color-on-surface)";
|
|
397
397
|
readonly outlineWidthUnselectedPressed: 2;
|
|
398
398
|
};
|
|
399
|
+
/** CheckboxDefaults */
|
|
400
|
+
declare const checkboxDefaults: {
|
|
401
|
+
readonly checkboxStylingFix: 1;
|
|
402
|
+
readonly checkboxBoxSize: 20;
|
|
403
|
+
readonly checkboxBoxPadding: 2;
|
|
404
|
+
readonly checkboxBoxCornerRadius: 2;
|
|
405
|
+
readonly checkboxStrokeWidth: 2;
|
|
406
|
+
readonly checkboxCheckCrossX: 0.4;
|
|
407
|
+
readonly checkboxCheckCrossY: 0.7;
|
|
408
|
+
readonly checkboxCheckLeftX: 0.2;
|
|
409
|
+
readonly checkboxCheckLeftY: 0.5;
|
|
410
|
+
readonly checkboxCheckRightX: 0.8;
|
|
411
|
+
readonly checkboxCheckRightY: 0.3;
|
|
412
|
+
readonly checkboxCheckGravitationCenter: 0.5;
|
|
413
|
+
readonly checkboxCheckDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)";
|
|
414
|
+
readonly checkboxCheckEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)";
|
|
415
|
+
readonly checkboxCheckDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)";
|
|
416
|
+
readonly checkboxCheckStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)";
|
|
417
|
+
readonly checkboxSnapDelay: 100;
|
|
418
|
+
readonly checkboxSnapEasing: "steps(1, jump-end)";
|
|
419
|
+
readonly checkboxColorInDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
420
|
+
readonly checkboxColorInEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
421
|
+
readonly checkboxColorInDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
422
|
+
readonly checkboxColorInStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
423
|
+
readonly checkboxColorOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
424
|
+
readonly checkboxColorOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
425
|
+
readonly checkboxColorOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
426
|
+
readonly checkboxColorOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
427
|
+
readonly checkboxCheckmarkColor: "var(--m3e-sys-color-on-primary)";
|
|
428
|
+
readonly checkboxCheckmarkColorDisabled: "var(--m3e-sys-color-on-primary)";
|
|
429
|
+
readonly checkboxBoxColorChecked: "var(--m3e-sys-color-primary)";
|
|
430
|
+
readonly checkboxBorderColorChecked: "var(--m3e-sys-color-primary)";
|
|
431
|
+
readonly checkboxBorderColorUnchecked: "var(--m3e-sys-color-on-surface-variant)";
|
|
432
|
+
readonly checkboxBoxColorCheckedDisabled: "var(--m3e-sys-color-on-surface)";
|
|
433
|
+
readonly checkboxBoxOpacityCheckedDisabled: "0.38";
|
|
434
|
+
readonly checkboxBorderColorUncheckedDisabled: "var(--m3e-sys-color-on-surface)";
|
|
435
|
+
readonly checkboxBorderOpacityUncheckedDisabled: "0.38";
|
|
436
|
+
readonly checkboxStateLayerColor: "currentcolor";
|
|
437
|
+
readonly checkboxBoxSizeStylingFix: "18px";
|
|
438
|
+
readonly checkboxBoxPaddingStylingFix: "0px";
|
|
439
|
+
readonly checkboxCheckCrossYStylingFix: 0.65;
|
|
440
|
+
readonly checkboxCheckLeftXStylingFix: 0.25;
|
|
441
|
+
readonly checkboxCheckRightXStylingFix: 0.75;
|
|
442
|
+
readonly checkboxCheckmarkColorDisabledStylingFix: "var(--m3e-sys-color-surface)";
|
|
443
|
+
readonly checkboxStateLayerColorCheckedStylingFix: "var(--m3e-sys-color-primary)";
|
|
444
|
+
readonly checkboxStateLayerColorUncheckedStylingFix: "transparent";
|
|
445
|
+
readonly checkboxLabelSpace: 16;
|
|
446
|
+
readonly checkboxLabelTextFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
447
|
+
readonly checkboxLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
448
|
+
readonly checkboxLabelTextSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
449
|
+
readonly checkboxLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
450
|
+
readonly checkboxLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
451
|
+
readonly checkboxStateLayerColorUnselectedHover: "var(--m3e-sys-color-on-surface)";
|
|
452
|
+
readonly checkboxStateLayerColorUnselectedFocus: "var(--m3e-sys-color-on-surface)";
|
|
453
|
+
readonly checkboxStateLayerColorUnselectedPressed: "var(--m3e-sys-color-primary)";
|
|
454
|
+
readonly checkboxStateLayerColorErrorHover: "var(--m3e-sys-color-error)";
|
|
455
|
+
readonly checkboxStateLayerColorErrorFocus: "var(--m3e-sys-color-error)";
|
|
456
|
+
readonly checkboxStateLayerColorErrorPressed: "var(--m3e-sys-color-error)";
|
|
457
|
+
readonly checkboxFollowDuration: 1;
|
|
458
|
+
};
|
|
399
459
|
/** ChipsTokens */
|
|
400
460
|
declare const chipsTokens: {
|
|
401
461
|
readonly avatarShape: "var(--m3e-sys-shape-corner-full)";
|
|
@@ -434,6 +494,67 @@ declare const chipsTokens: {
|
|
|
434
494
|
readonly shapeUnselected: "var(--m3e-sys-shape-corner-medium)";
|
|
435
495
|
readonly trailingIconColorUnselected: "var(--m3e-sys-color-on-surface-variant)";
|
|
436
496
|
};
|
|
497
|
+
/** FilterChipDefaults */
|
|
498
|
+
declare const filterChipDefaults: {
|
|
499
|
+
readonly chipDefaultHorizontalSpacing: 8;
|
|
500
|
+
readonly filterChipContentPaddingHorizontal: 8;
|
|
501
|
+
readonly filterChipHorizontalSpacing: 8;
|
|
502
|
+
readonly filterChipCompactHorizontalSpacing: 4;
|
|
503
|
+
readonly inputChipHorizontalSpacing: 8;
|
|
504
|
+
readonly inputChipCompactHorizontalSpacing: 4;
|
|
505
|
+
readonly inputChipContentPaddingStart: 4;
|
|
506
|
+
readonly inputChipContentPaddingStartIcon: 8;
|
|
507
|
+
readonly inputChipContentPaddingEnd: 4;
|
|
508
|
+
readonly inputChipContentPaddingEndIcon: 8;
|
|
509
|
+
readonly suggestionChipContentPaddingHorizontal: 8;
|
|
510
|
+
readonly filterChipFlatShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
511
|
+
readonly filterChipFlatShadowHover: "var(--m3e-sys-elevation-level1-shadow)";
|
|
512
|
+
readonly filterChipFlatShadowFocus: "var(--m3e-sys-elevation-level0-shadow)";
|
|
513
|
+
readonly filterChipFlatShadowPressed: "var(--m3e-sys-elevation-level0-shadow)";
|
|
514
|
+
readonly filterChipFlatShadowDragged: "var(--m3e-sys-elevation-level4-shadow)";
|
|
515
|
+
readonly filterChipFlatShadowDisabled: "var(--m3e-sys-elevation-level0-shadow)";
|
|
516
|
+
readonly filterChipLeadingIconColorTonal: "var(--m3e-sys-color-on-surface-variant)";
|
|
517
|
+
readonly inputChipLeadingIconColorTonal: "var(--m3e-sys-color-on-surface-variant)";
|
|
518
|
+
readonly suggestionChipElevatedDisabledContainerColor: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)";
|
|
519
|
+
readonly suggestionChipElevatedDisabledIconColor: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
520
|
+
readonly selectableChipShapeDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
521
|
+
readonly selectableChipShapeEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
522
|
+
readonly selectableChipShapeDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
523
|
+
readonly selectableChipShapeStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
524
|
+
readonly selectableChipIconFadeInDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)";
|
|
525
|
+
readonly selectableChipIconFadeInEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)";
|
|
526
|
+
readonly selectableChipIconFadeInDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)";
|
|
527
|
+
readonly selectableChipIconFadeInStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)";
|
|
528
|
+
readonly selectableChipIconFadeOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
529
|
+
readonly selectableChipIconFadeOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
530
|
+
readonly selectableChipIconFadeOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
531
|
+
readonly selectableChipIconFadeOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
532
|
+
readonly selectableChipIconExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
533
|
+
readonly selectableChipIconExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
534
|
+
readonly selectableChipIconExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
535
|
+
readonly selectableChipIconExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
536
|
+
readonly selectableChipIconShrinkDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
537
|
+
readonly selectableChipIconShrinkEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
538
|
+
readonly selectableChipIconShrinkDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
539
|
+
readonly selectableChipIconShrinkStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
540
|
+
readonly selectableChipExpressiveIconFadeInDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
541
|
+
readonly selectableChipExpressiveIconFadeInEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
542
|
+
readonly selectableChipExpressiveIconFadeInDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
543
|
+
readonly selectableChipExpressiveIconFadeInStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
544
|
+
readonly selectableChipExpressiveIconFadeOutDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
545
|
+
readonly selectableChipExpressiveIconFadeOutEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
546
|
+
readonly selectableChipExpressiveIconFadeOutDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
547
|
+
readonly selectableChipExpressiveIconFadeOutStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
548
|
+
readonly selectableChipExpressiveIconExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
549
|
+
readonly selectableChipExpressiveIconExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
550
|
+
readonly selectableChipExpressiveIconExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
551
|
+
readonly selectableChipExpressiveIconExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
552
|
+
readonly selectableChipExpressiveIconShrinkDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
553
|
+
readonly selectableChipExpressiveIconShrinkEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
554
|
+
readonly selectableChipExpressiveIconShrinkDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
555
|
+
readonly selectableChipExpressiveIconShrinkStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
556
|
+
readonly chipSetChipPaddingHorizontal: 4;
|
|
557
|
+
};
|
|
437
558
|
/** CircularProgressIndicatorTokens */
|
|
438
559
|
declare const circularProgressIndicatorTokens: {
|
|
439
560
|
readonly activeThickness: 4;
|
|
@@ -1628,6 +1749,91 @@ declare const listTokens: {
|
|
|
1628
1749
|
readonly itemTrailingIconColorUnselected: "var(--m3e-sys-color-on-surface)";
|
|
1629
1750
|
readonly segmentedGap: 2;
|
|
1630
1751
|
};
|
|
1752
|
+
/** ListItemDefaults */
|
|
1753
|
+
declare const listItemDefaults: {
|
|
1754
|
+
readonly listItemPaddingStart: "16px";
|
|
1755
|
+
readonly listItemPaddingEnd: "16px";
|
|
1756
|
+
readonly listItemPaddingTop: "10px";
|
|
1757
|
+
readonly listItemPaddingBottom: "10px";
|
|
1758
|
+
readonly listItemSpace: "12px";
|
|
1759
|
+
readonly listItemOneLineMinHeight: "56px";
|
|
1760
|
+
readonly listItemTwoLineMinHeight: "72px";
|
|
1761
|
+
readonly listItemThreeLineMinHeight: "88px";
|
|
1762
|
+
readonly listItemHeadlineStyleFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
1763
|
+
readonly listItemHeadlineStyleWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
1764
|
+
readonly listItemHeadlineStyleSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
1765
|
+
readonly listItemHeadlineStyleLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
1766
|
+
readonly listItemHeadlineStyleTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
1767
|
+
readonly listItemOverlineStyleFont: "var(--m3e-sys-typescale-label-small-font)";
|
|
1768
|
+
readonly listItemOverlineStyleWeight: "var(--m3e-sys-typescale-label-small-weight)";
|
|
1769
|
+
readonly listItemOverlineStyleSize: "var(--m3e-sys-typescale-label-small-size)";
|
|
1770
|
+
readonly listItemOverlineStyleLineHeight: "var(--m3e-sys-typescale-label-small-line-height)";
|
|
1771
|
+
readonly listItemOverlineStyleTracking: "var(--m3e-sys-typescale-label-small-tracking)";
|
|
1772
|
+
readonly listItemSupportingStyleFont: "var(--m3e-sys-typescale-body-medium-font)";
|
|
1773
|
+
readonly listItemSupportingStyleWeight: "var(--m3e-sys-typescale-body-medium-weight)";
|
|
1774
|
+
readonly listItemSupportingStyleSize: "var(--m3e-sys-typescale-body-medium-size)";
|
|
1775
|
+
readonly listItemSupportingStyleLineHeight: "var(--m3e-sys-typescale-body-medium-line-height)";
|
|
1776
|
+
readonly listItemSupportingStyleTracking: "var(--m3e-sys-typescale-body-medium-tracking)";
|
|
1777
|
+
readonly listItemLeadingStyleFont: "var(--m3e-sys-typescale-title-medium-font)";
|
|
1778
|
+
readonly listItemLeadingStyleWeight: "var(--m3e-sys-typescale-title-medium-weight)";
|
|
1779
|
+
readonly listItemLeadingStyleSize: "var(--m3e-sys-typescale-title-medium-size)";
|
|
1780
|
+
readonly listItemLeadingStyleLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)";
|
|
1781
|
+
readonly listItemLeadingStyleTracking: "var(--m3e-sys-typescale-title-medium-tracking)";
|
|
1782
|
+
readonly listItemTrailingStyleFont: "var(--m3e-sys-typescale-label-small-font)";
|
|
1783
|
+
readonly listItemTrailingStyleWeight: "var(--m3e-sys-typescale-label-small-weight)";
|
|
1784
|
+
readonly listItemTrailingStyleSize: "var(--m3e-sys-typescale-label-small-size)";
|
|
1785
|
+
readonly listItemTrailingStyleLineHeight: "var(--m3e-sys-typescale-label-small-line-height)";
|
|
1786
|
+
readonly listItemTrailingStyleTracking: "var(--m3e-sys-typescale-label-small-tracking)";
|
|
1787
|
+
readonly listItemColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
1788
|
+
readonly listItemColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
1789
|
+
readonly listItemColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
1790
|
+
readonly listItemColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
1791
|
+
readonly listItemMorphDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
1792
|
+
readonly listItemMorphEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
1793
|
+
readonly listItemMorphDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
1794
|
+
readonly listItemMorphStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
1795
|
+
readonly listItemElevationDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
1796
|
+
readonly listItemElevationEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
1797
|
+
readonly listItemElevationDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
1798
|
+
readonly listItemElevationStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
1799
|
+
readonly listItemShape: "var(--m3e-sys-shape-corner-extra-small)";
|
|
1800
|
+
readonly listItemShapeSelected: "var(--m3e-sys-shape-corner-large)";
|
|
1801
|
+
readonly listItemShapePressed: "var(--m3e-sys-shape-corner-large)";
|
|
1802
|
+
readonly listItemShapeFocused: "var(--m3e-sys-shape-corner-large)";
|
|
1803
|
+
readonly listItemShapeHovered: "var(--m3e-sys-shape-corner-medium)";
|
|
1804
|
+
readonly listItemShapeDragged: "var(--m3e-sys-shape-corner-large)";
|
|
1805
|
+
readonly listItemSegmentedShape: "var(--m3e-sys-shape-corner-large)";
|
|
1806
|
+
readonly listItemSegmentedGap: "2px";
|
|
1807
|
+
readonly listItemShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
1808
|
+
readonly listItemShadowDragged: "var(--m3e-sys-elevation-level4-shadow)";
|
|
1809
|
+
readonly listItemHeadlineContentColor: "var(--m3e-sys-color-on-surface)";
|
|
1810
|
+
readonly listItemLeadingContentColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
1811
|
+
readonly listItemTrailingContentColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
1812
|
+
readonly listItemOverlineContentColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
1813
|
+
readonly listItemSupportingContentColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
1814
|
+
readonly listItemHeadlineContentColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1815
|
+
readonly listItemLeadingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1816
|
+
readonly listItemTrailingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1817
|
+
readonly listItemOverlineContentColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1818
|
+
readonly listItemSupportingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1819
|
+
readonly listItemHeadlineContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
1820
|
+
readonly listItemLeadingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
1821
|
+
readonly listItemTrailingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
1822
|
+
readonly listItemOverlineContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
1823
|
+
readonly listItemSupportingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
1824
|
+
readonly listItemHeadlineContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1825
|
+
readonly listItemLeadingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1826
|
+
readonly listItemTrailingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1827
|
+
readonly listItemOverlineContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1828
|
+
readonly listItemSupportingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1829
|
+
readonly listItemBaselinePaddingVertical: 8;
|
|
1830
|
+
readonly listItemBaselineThreeLinePaddingVertical: 12;
|
|
1831
|
+
readonly listItemBaselinePaddingStart: 16;
|
|
1832
|
+
readonly listItemBaselinePaddingEnd: 16;
|
|
1833
|
+
readonly listItemBaselineLeadingSpace: 16;
|
|
1834
|
+
readonly listItemBaselineTrailingSpace: 16;
|
|
1835
|
+
readonly listItemBaselineShape: "var(--m3e-sys-shape-corner-none)";
|
|
1836
|
+
};
|
|
1631
1837
|
/** LoadingIndicatorTokens */
|
|
1632
1838
|
declare const loadingIndicatorTokens: {
|
|
1633
1839
|
readonly activeIndicatorColor: "var(--m3e-sys-color-primary)";
|
|
@@ -2415,6 +2621,35 @@ declare const radioButtonTokens: {
|
|
|
2415
2621
|
readonly iconColorUnselected: "var(--m3e-sys-color-on-surface-variant)";
|
|
2416
2622
|
readonly iconColorUnselectedPressed: "var(--m3e-sys-color-on-surface)";
|
|
2417
2623
|
};
|
|
2624
|
+
/** RadioButtonDefaults */
|
|
2625
|
+
declare const radioButtonDefaults: {
|
|
2626
|
+
readonly radioButtonPadding: 2;
|
|
2627
|
+
readonly radioButtonDotSize: 12;
|
|
2628
|
+
readonly radioButtonStrokeWidth: 2;
|
|
2629
|
+
readonly radioButtonDotDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
2630
|
+
readonly radioButtonDotEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
2631
|
+
readonly radioButtonDotDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
2632
|
+
readonly radioButtonDotStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
2633
|
+
readonly radioButtonColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
2634
|
+
readonly radioButtonColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
2635
|
+
readonly radioButtonColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
2636
|
+
readonly radioButtonColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
2637
|
+
readonly radioButtonColorSelected: "var(--m3e-sys-color-primary)";
|
|
2638
|
+
readonly radioButtonColorUnselected: "var(--m3e-sys-color-on-surface-variant)";
|
|
2639
|
+
readonly radioButtonColorSelectedDisabled: "var(--m3e-sys-color-on-surface)";
|
|
2640
|
+
readonly radioButtonOpacitySelectedDisabled: "0.38";
|
|
2641
|
+
readonly radioButtonColorUnselectedDisabled: "var(--m3e-sys-color-on-surface)";
|
|
2642
|
+
readonly radioButtonOpacityUnselectedDisabled: "0.38";
|
|
2643
|
+
readonly radioButtonStateLayerColor: "currentcolor";
|
|
2644
|
+
readonly radioButtonStateLayerShape: "var(--m3e-sys-shape-corner-full)";
|
|
2645
|
+
readonly radioButtonGroupRowHeight: 56;
|
|
2646
|
+
readonly radioButtonLabelSpace: 16;
|
|
2647
|
+
readonly radioButtonLabelTextFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
2648
|
+
readonly radioButtonLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
2649
|
+
readonly radioButtonLabelTextSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
2650
|
+
readonly radioButtonLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
2651
|
+
readonly radioButtonLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
2652
|
+
};
|
|
2418
2653
|
/** ReorderListTokens */
|
|
2419
2654
|
declare const reorderListTokens: {
|
|
2420
2655
|
readonly itemContainerColor: "var(--m3e-sys-color-tertiary-container)";
|
|
@@ -2770,6 +3005,56 @@ declare const sliderTokens: {
|
|
|
2770
3005
|
readonly tracking: "var(--m3e-sys-typescale-label-large-tracking)";
|
|
2771
3006
|
};
|
|
2772
3007
|
};
|
|
3008
|
+
/** SliderDefaults */
|
|
3009
|
+
declare const sliderDefaults: {
|
|
3010
|
+
readonly sliderTrackHeight: "16px";
|
|
3011
|
+
readonly sliderThumbWidth: "4px";
|
|
3012
|
+
readonly sliderThumbHeight: "44px";
|
|
3013
|
+
readonly sliderThumbTrackGapSize: "6px";
|
|
3014
|
+
readonly sliderTrackInsideCornerSize: 2;
|
|
3015
|
+
readonly sliderTrackStopIndicatorSize: "4px";
|
|
3016
|
+
readonly sliderTickSize: "4px";
|
|
3017
|
+
readonly sliderThumbColor: "var(--m3e-sys-color-primary)";
|
|
3018
|
+
readonly sliderTrackColorActive: "var(--m3e-sys-color-primary)";
|
|
3019
|
+
readonly sliderTickColorActive: "var(--m3e-sys-color-secondary-container)";
|
|
3020
|
+
readonly sliderTrackColorInactive: "var(--m3e-sys-color-secondary-container)";
|
|
3021
|
+
readonly sliderTickColorInactive: "var(--m3e-sys-color-primary)";
|
|
3022
|
+
readonly sliderThumbColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))";
|
|
3023
|
+
readonly sliderTrackColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3024
|
+
readonly sliderTickColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)";
|
|
3025
|
+
readonly sliderTrackColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)";
|
|
3026
|
+
readonly sliderTickColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3027
|
+
readonly sliderTrackStopIndicatorColor: "var(--m3e-sys-color-primary)";
|
|
3028
|
+
readonly sliderTrackStopIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3029
|
+
readonly sliderIconColorActive: "var(--m3e-sys-color-secondary-container)";
|
|
3030
|
+
readonly sliderIconColorInactive: "var(--m3e-sys-color-primary)";
|
|
3031
|
+
readonly sliderIconColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)";
|
|
3032
|
+
readonly sliderIconColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3033
|
+
readonly sliderXSmallTrackHeight: 16;
|
|
3034
|
+
readonly sliderXSmallThumbHeight: 44;
|
|
3035
|
+
readonly sliderXSmallTrackCornerSize: 8;
|
|
3036
|
+
readonly sliderSmallTrackHeight: 24;
|
|
3037
|
+
readonly sliderSmallThumbHeight: 44;
|
|
3038
|
+
readonly sliderSmallTrackCornerSize: 8;
|
|
3039
|
+
readonly sliderMediumTrackHeight: 40;
|
|
3040
|
+
readonly sliderMediumThumbHeight: 44;
|
|
3041
|
+
readonly sliderMediumTrackCornerSize: 12;
|
|
3042
|
+
readonly sliderMediumIconSize: 24;
|
|
3043
|
+
readonly sliderMediumIconPadding: 6;
|
|
3044
|
+
readonly sliderLargeTrackHeight: 56;
|
|
3045
|
+
readonly sliderLargeThumbHeight: 68;
|
|
3046
|
+
readonly sliderLargeTrackCornerSize: 16;
|
|
3047
|
+
readonly sliderLargeIconSize: 24;
|
|
3048
|
+
readonly sliderLargeIconPadding: 6;
|
|
3049
|
+
readonly sliderXLargeTrackHeight: 96;
|
|
3050
|
+
readonly sliderXLargeThumbHeight: 108;
|
|
3051
|
+
readonly sliderXLargeTrackCornerSize: 28;
|
|
3052
|
+
readonly sliderXLargeIconSize: 32;
|
|
3053
|
+
readonly sliderXLargeIconPadding: 8;
|
|
3054
|
+
readonly sliderValueIndicatorContainerWidth: 48;
|
|
3055
|
+
readonly sliderValueIndicatorContainerHeight: 44;
|
|
3056
|
+
readonly sliderValueIndicatorContainerShape: "var(--m3e-sys-shape-corner-full)";
|
|
3057
|
+
};
|
|
2773
3058
|
/** SmallIconButtonTokens */
|
|
2774
3059
|
declare const smallIconButtonTokens: {
|
|
2775
3060
|
readonly containerHeight: 40;
|
|
@@ -3096,6 +3381,41 @@ declare const switchTokens: {
|
|
|
3096
3381
|
readonly iconHandleHeight: 24;
|
|
3097
3382
|
readonly iconHandleWidth: 24;
|
|
3098
3383
|
};
|
|
3384
|
+
/** SwitchDefaults */
|
|
3385
|
+
declare const switchDefaults: {
|
|
3386
|
+
readonly switchThumbDiameter: "24px";
|
|
3387
|
+
readonly switchUncheckedThumbDiameter: "16px";
|
|
3388
|
+
readonly switchPressedThumbDiameter: "28px";
|
|
3389
|
+
readonly switchHandleDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
3390
|
+
readonly switchHandleEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
3391
|
+
readonly switchHandleDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
3392
|
+
readonly switchHandleStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
3393
|
+
readonly switchHandlePressDuration: "0ms";
|
|
3394
|
+
readonly switchHandleColorChecked: "var(--m3e-sys-color-on-primary)";
|
|
3395
|
+
readonly switchTrackColorChecked: "var(--m3e-sys-color-primary)";
|
|
3396
|
+
readonly switchIconColorChecked: "var(--m3e-sys-color-on-primary-container)";
|
|
3397
|
+
readonly switchHandleColorUnchecked: "var(--m3e-sys-color-outline)";
|
|
3398
|
+
readonly switchTrackColorUnchecked: "var(--m3e-sys-color-surface-container-highest)";
|
|
3399
|
+
readonly switchIconColorUnchecked: "var(--m3e-sys-color-surface-container-highest)";
|
|
3400
|
+
readonly switchTrackOutlineColorUnchecked: "var(--m3e-sys-color-outline)";
|
|
3401
|
+
readonly switchTrackOutlineColorChecked: "transparent";
|
|
3402
|
+
readonly switchTrackOutlineColorCheckedDisabled: "transparent";
|
|
3403
|
+
readonly switchHandleColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface) calc(1 * 100%), var(--m3e-sys-color-surface))";
|
|
3404
|
+
readonly switchTrackColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), var(--m3e-sys-color-surface))";
|
|
3405
|
+
readonly switchIconColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))";
|
|
3406
|
+
readonly switchHandleColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))";
|
|
3407
|
+
readonly switchTrackColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) calc(0.12 * 100%), var(--m3e-sys-color-surface))";
|
|
3408
|
+
readonly switchTrackOutlineColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), var(--m3e-sys-color-surface))";
|
|
3409
|
+
readonly switchIconColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) calc(0.38 * 100%), var(--m3e-sys-color-surface))";
|
|
3410
|
+
readonly switchIconSize: 16;
|
|
3411
|
+
readonly switchStateLayerColor: "currentcolor";
|
|
3412
|
+
readonly switchLabelSpace: "12px";
|
|
3413
|
+
readonly switchLabelTextFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
3414
|
+
readonly switchLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
3415
|
+
readonly switchLabelTextSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
3416
|
+
readonly switchLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
3417
|
+
readonly switchLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
3418
|
+
};
|
|
3099
3419
|
/** TabsDefaults */
|
|
3100
3420
|
declare const tabsDefaults: {
|
|
3101
3421
|
readonly tabsScrollableMinTabWidth: 90;
|
|
@@ -3160,6 +3480,172 @@ declare const textButtonTokens: {
|
|
|
3160
3480
|
readonly iconColorPressed: "var(--m3e-sys-color-on-surface-variant)";
|
|
3161
3481
|
readonly labelColorPressed: "var(--m3e-sys-color-on-surface-variant)";
|
|
3162
3482
|
};
|
|
3483
|
+
/** TextFieldDefaults */
|
|
3484
|
+
declare const textFieldDefaults: {
|
|
3485
|
+
readonly textFieldPadding: 16;
|
|
3486
|
+
readonly textFieldLabelVerticalPadding: 8;
|
|
3487
|
+
readonly textFieldAboveLabelHorizontalPadding: 4;
|
|
3488
|
+
readonly textFieldAboveLabelBottomPadding: 4;
|
|
3489
|
+
readonly textFieldSupportingTopPadding: 4;
|
|
3490
|
+
readonly textFieldAffixPadding: 2;
|
|
3491
|
+
readonly textFieldMinTextLineHeight: 24;
|
|
3492
|
+
readonly textFieldMinMinimizedLabelLineHeight: 16;
|
|
3493
|
+
readonly textFieldMinSupportingLineHeight: 16;
|
|
3494
|
+
readonly textFieldCutoutPadding: 4;
|
|
3495
|
+
readonly textFieldMinHeight: 56;
|
|
3496
|
+
readonly textFieldMinWidth: 280;
|
|
3497
|
+
readonly textFieldIndicatorThickness: 1;
|
|
3498
|
+
readonly textFieldIndicatorThicknessFocused: 2;
|
|
3499
|
+
readonly textFieldOutlinedMinHeight: 56;
|
|
3500
|
+
readonly textFieldOutlinedMinWidth: 280;
|
|
3501
|
+
readonly textFieldOutlineThickness: 1;
|
|
3502
|
+
readonly textFieldOutlineThicknessFocused: 2;
|
|
3503
|
+
readonly textFieldLabelExpandedFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
3504
|
+
readonly textFieldLabelExpandedWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
3505
|
+
readonly textFieldLabelExpandedSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
3506
|
+
readonly textFieldLabelExpandedLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
3507
|
+
readonly textFieldLabelExpandedTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
3508
|
+
readonly textFieldLabelMinimizedFont: "var(--m3e-sys-typescale-body-small-font)";
|
|
3509
|
+
readonly textFieldLabelMinimizedWeight: "var(--m3e-sys-typescale-body-small-weight)";
|
|
3510
|
+
readonly textFieldLabelMinimizedSize: "var(--m3e-sys-typescale-body-small-size)";
|
|
3511
|
+
readonly textFieldLabelMinimizedLineHeight: "var(--m3e-sys-typescale-body-small-line-height)";
|
|
3512
|
+
readonly textFieldLabelMinimizedTracking: "var(--m3e-sys-typescale-body-small-tracking)";
|
|
3513
|
+
readonly textFieldPlaceholderFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
3514
|
+
readonly textFieldPlaceholderWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
3515
|
+
readonly textFieldPlaceholderSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
3516
|
+
readonly textFieldPlaceholderLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
3517
|
+
readonly textFieldPlaceholderTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
3518
|
+
readonly textFieldAffixFont: "var(--m3e-sys-typescale-body-large-font)";
|
|
3519
|
+
readonly textFieldAffixWeight: "var(--m3e-sys-typescale-body-large-weight)";
|
|
3520
|
+
readonly textFieldAffixSize: "var(--m3e-sys-typescale-body-large-size)";
|
|
3521
|
+
readonly textFieldAffixLineHeight: "var(--m3e-sys-typescale-body-large-line-height)";
|
|
3522
|
+
readonly textFieldAffixTracking: "var(--m3e-sys-typescale-body-large-tracking)";
|
|
3523
|
+
readonly textFieldSupportingFont: "var(--m3e-sys-typescale-body-small-font)";
|
|
3524
|
+
readonly textFieldSupportingWeight: "var(--m3e-sys-typescale-body-small-weight)";
|
|
3525
|
+
readonly textFieldSupportingSize: "var(--m3e-sys-typescale-body-small-size)";
|
|
3526
|
+
readonly textFieldSupportingLineHeight: "var(--m3e-sys-typescale-body-small-line-height)";
|
|
3527
|
+
readonly textFieldSupportingTracking: "var(--m3e-sys-typescale-body-small-tracking)";
|
|
3528
|
+
readonly textFieldLabelDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
3529
|
+
readonly textFieldLabelEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
3530
|
+
readonly textFieldLabelDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
3531
|
+
readonly textFieldLabelStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
3532
|
+
readonly textFieldLabelColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
3533
|
+
readonly textFieldLabelColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
3534
|
+
readonly textFieldLabelColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
3535
|
+
readonly textFieldLabelColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
3536
|
+
readonly textFieldPlaceholderOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
3537
|
+
readonly textFieldPlaceholderOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
3538
|
+
readonly textFieldPlaceholderOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
3539
|
+
readonly textFieldPlaceholderOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
3540
|
+
readonly textFieldPlaceholderInDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)";
|
|
3541
|
+
readonly textFieldPlaceholderInEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)";
|
|
3542
|
+
readonly textFieldPlaceholderInDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)";
|
|
3543
|
+
readonly textFieldPlaceholderInStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)";
|
|
3544
|
+
readonly textFieldAffixAlphaDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
3545
|
+
readonly textFieldAffixAlphaEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
3546
|
+
readonly textFieldAffixAlphaDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
3547
|
+
readonly textFieldAffixAlphaStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
3548
|
+
readonly textFieldIndicatorColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
3549
|
+
readonly textFieldIndicatorColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
3550
|
+
readonly textFieldIndicatorColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
3551
|
+
readonly textFieldIndicatorColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
3552
|
+
readonly textFieldIndicatorWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
3553
|
+
readonly textFieldIndicatorWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
3554
|
+
readonly textFieldIndicatorWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
3555
|
+
readonly textFieldIndicatorWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
3556
|
+
readonly textFieldContainerColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
3557
|
+
readonly textFieldContainerColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
3558
|
+
readonly textFieldContainerColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
3559
|
+
readonly textFieldContainerColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
3560
|
+
readonly textFieldFilledTextColor: "var(--m3e-sys-color-on-surface)";
|
|
3561
|
+
readonly textFieldFilledTextColorFocused: "var(--m3e-sys-color-on-surface)";
|
|
3562
|
+
readonly textFieldFilledTextColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3563
|
+
readonly textFieldFilledTextColorError: "var(--m3e-sys-color-on-surface)";
|
|
3564
|
+
readonly textFieldFilledContainerColor: "var(--m3e-sys-color-surface-container-highest)";
|
|
3565
|
+
readonly textFieldFilledContainerColorFocused: "var(--m3e-sys-color-surface-container-highest)";
|
|
3566
|
+
readonly textFieldFilledContainerColorDisabled: "var(--m3e-sys-color-surface-container-highest)";
|
|
3567
|
+
readonly textFieldFilledContainerColorError: "var(--m3e-sys-color-surface-container-highest)";
|
|
3568
|
+
readonly textFieldFilledIndicatorColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3569
|
+
readonly textFieldFilledIndicatorColorFocused: "var(--m3e-sys-color-primary)";
|
|
3570
|
+
readonly textFieldFilledIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3571
|
+
readonly textFieldFilledIndicatorColorError: "var(--m3e-sys-color-error)";
|
|
3572
|
+
readonly textFieldFilledLeadingIconColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3573
|
+
readonly textFieldFilledLeadingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3574
|
+
readonly textFieldFilledLeadingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3575
|
+
readonly textFieldFilledLeadingIconColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3576
|
+
readonly textFieldFilledTrailingIconColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3577
|
+
readonly textFieldFilledTrailingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3578
|
+
readonly textFieldFilledTrailingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3579
|
+
readonly textFieldFilledTrailingIconColorError: "var(--m3e-sys-color-error)";
|
|
3580
|
+
readonly textFieldFilledLabelColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3581
|
+
readonly textFieldFilledLabelColorFocused: "var(--m3e-sys-color-primary)";
|
|
3582
|
+
readonly textFieldFilledLabelColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3583
|
+
readonly textFieldFilledLabelColorError: "var(--m3e-sys-color-error)";
|
|
3584
|
+
readonly textFieldFilledPlaceholderColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3585
|
+
readonly textFieldFilledPlaceholderColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3586
|
+
readonly textFieldFilledPlaceholderColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3587
|
+
readonly textFieldFilledPlaceholderColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3588
|
+
readonly textFieldFilledSupportingColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3589
|
+
readonly textFieldFilledSupportingColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3590
|
+
readonly textFieldFilledSupportingColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3591
|
+
readonly textFieldFilledSupportingColorError: "var(--m3e-sys-color-error)";
|
|
3592
|
+
readonly textFieldFilledPrefixColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3593
|
+
readonly textFieldFilledPrefixColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3594
|
+
readonly textFieldFilledPrefixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)";
|
|
3595
|
+
readonly textFieldFilledPrefixColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3596
|
+
readonly textFieldFilledSuffixColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3597
|
+
readonly textFieldFilledSuffixColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3598
|
+
readonly textFieldFilledSuffixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)";
|
|
3599
|
+
readonly textFieldFilledSuffixColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3600
|
+
readonly textFieldFilledCursorColor: "var(--m3e-sys-color-primary)";
|
|
3601
|
+
readonly textFieldFilledCursorColorError: "var(--m3e-sys-color-error)";
|
|
3602
|
+
readonly textFieldOutlinedTextColor: "var(--m3e-sys-color-on-surface)";
|
|
3603
|
+
readonly textFieldOutlinedTextColorFocused: "var(--m3e-sys-color-on-surface)";
|
|
3604
|
+
readonly textFieldOutlinedTextColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3605
|
+
readonly textFieldOutlinedTextColorError: "var(--m3e-sys-color-on-surface)";
|
|
3606
|
+
readonly textFieldOutlinedContainerColor: "transparent";
|
|
3607
|
+
readonly textFieldOutlinedContainerColorFocused: "transparent";
|
|
3608
|
+
readonly textFieldOutlinedContainerColorDisabled: "transparent";
|
|
3609
|
+
readonly textFieldOutlinedContainerColorError: "transparent";
|
|
3610
|
+
readonly textFieldOutlinedIndicatorColor: "var(--m3e-sys-color-outline)";
|
|
3611
|
+
readonly textFieldOutlinedIndicatorColorFocused: "var(--m3e-sys-color-primary)";
|
|
3612
|
+
readonly textFieldOutlinedIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)";
|
|
3613
|
+
readonly textFieldOutlinedIndicatorColorError: "var(--m3e-sys-color-error)";
|
|
3614
|
+
readonly textFieldOutlinedLeadingIconColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3615
|
+
readonly textFieldOutlinedLeadingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3616
|
+
readonly textFieldOutlinedLeadingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3617
|
+
readonly textFieldOutlinedLeadingIconColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3618
|
+
readonly textFieldOutlinedTrailingIconColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3619
|
+
readonly textFieldOutlinedTrailingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3620
|
+
readonly textFieldOutlinedTrailingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3621
|
+
readonly textFieldOutlinedTrailingIconColorError: "var(--m3e-sys-color-error)";
|
|
3622
|
+
readonly textFieldOutlinedLabelColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3623
|
+
readonly textFieldOutlinedLabelColorFocused: "var(--m3e-sys-color-primary)";
|
|
3624
|
+
readonly textFieldOutlinedLabelColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3625
|
+
readonly textFieldOutlinedLabelColorError: "var(--m3e-sys-color-error)";
|
|
3626
|
+
readonly textFieldOutlinedPlaceholderColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3627
|
+
readonly textFieldOutlinedPlaceholderColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3628
|
+
readonly textFieldOutlinedPlaceholderColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3629
|
+
readonly textFieldOutlinedPlaceholderColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3630
|
+
readonly textFieldOutlinedSupportingColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3631
|
+
readonly textFieldOutlinedSupportingColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3632
|
+
readonly textFieldOutlinedSupportingColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)";
|
|
3633
|
+
readonly textFieldOutlinedSupportingColorError: "var(--m3e-sys-color-error)";
|
|
3634
|
+
readonly textFieldOutlinedPrefixColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3635
|
+
readonly textFieldOutlinedPrefixColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3636
|
+
readonly textFieldOutlinedPrefixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)";
|
|
3637
|
+
readonly textFieldOutlinedPrefixColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3638
|
+
readonly textFieldOutlinedSuffixColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
3639
|
+
readonly textFieldOutlinedSuffixColorFocused: "var(--m3e-sys-color-on-surface-variant)";
|
|
3640
|
+
readonly textFieldOutlinedSuffixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)";
|
|
3641
|
+
readonly textFieldOutlinedSuffixColorError: "var(--m3e-sys-color-on-surface-variant)";
|
|
3642
|
+
readonly textFieldOutlinedCursorColor: "var(--m3e-sys-color-primary)";
|
|
3643
|
+
readonly textFieldOutlinedCursorColorError: "var(--m3e-sys-color-error)";
|
|
3644
|
+
readonly textFieldIconPadding: "calc((48px - 24px) / 2)";
|
|
3645
|
+
readonly textFieldCutoutLabelSpace: "calc(var(--m3e-sys-typescale-body-small-line-height) / 2)";
|
|
3646
|
+
readonly textFieldSelectionColor: "color-mix(in srgb, var(--m3e-sys-color-primary) calc(0.4 * 100%), transparent)";
|
|
3647
|
+
readonly textFieldCounterSpace: 16;
|
|
3648
|
+
};
|
|
3163
3649
|
/** TimeInputTokens */
|
|
3164
3650
|
declare const timeInputTokens: {
|
|
3165
3651
|
readonly containerColor: "var(--m3e-sys-color-surface-container-high)";
|
|
@@ -3470,4 +3956,4 @@ declare const xSmallIconButtonTokens: {
|
|
|
3470
3956
|
readonly wideTrailingSpace: 10;
|
|
3471
3957
|
};
|
|
3472
3958
|
|
|
3473
|
-
export { appBar, appBarLargeFlexibleTokens, appBarLargeTokens, appBarMediumFlexibleTokens, appBarMediumTokens, appBarSmallTokens, appBarTokens, assistChipDefaults, assistChipTokens, badgeTokens, baselineButtonTokens, bottomAppBarDefaults, bottomAppBarTokens, buttonDefaults, buttonGroupDefaults, buttonGroupSmallTokens, buttonLargeTokens, buttonMediumTokens, buttonSmallTokens, buttonXLargeTokens, buttonXSmallTokens, checkboxTokens, chipsTokens, circularProgressIndicatorTokens, connectedButtonGroupSmallTokens, dateInputModalTokens, datePickerModalTokens, dialogTokens, dividerTokens, dockedToolbarDefaults, dockedToolbarTokens, dragHandleTokens, elevatedButtonTokens, elevatedCardTokens, elevationDefaults, expandedListTokens, extendedFabLargeTokens, extendedFabMediumTokens, extendedFabPrimaryTokens, extendedFabSmallTokens, fabBaselineTokens, fabLargeTokens, fabMediumTokens, fabMenuBaselineTokens, fabPrimaryContainerTokens, fabSecondaryContainerTokens, fabSmallTokens, filledAutocompleteTokens, filledButtonTokens, filledCardTokens, filledIconButtonTokens, filledTextFieldTokens, filledTonalButtonTokens, filledTonalIconButtonTokens, filterChipTokens, floatingActionButtonDefaults, floatingActionButtonMenuDefaults, floatingToolbarDefaults, floatingToolbarTokens, inputChipTokens, largeIconButtonTokens, linearProgressIndicatorTokens, listTokens, loadingIndicator, loadingIndicatorTokens, mediumIconButtonTokens, menuDefaults, menuTokens, navigationBarHorizontalItemTokens, navigationBarTokens, navigationBarVerticalItemTokens, navigationDefaults, navigationDrawerDefaults, navigationDrawerTokens, navigationRailBaselineItemTokens, navigationRailCollapsedTokens, navigationRailColorTokens, navigationRailExpandedTokens, navigationRailHorizontalItemTokens, navigationRailVerticalItemTokens, navigationSuiteScaffoldDefaults, outlinedAutocompleteTokens, outlinedButtonTokens, outlinedCardTokens, outlinedIconButtonTokens, outlinedSegmentedButtonTokens, outlinedTextFieldTokens, paneScaffoldDefaults, plainTooltipTokens, primaryNavigationTabTokens, progressIndicatorDefaults, progressIndicatorTokens, radioButtonTokens, reorderListTokens, revealListTokens, richTooltipTokens, scrimTokens, searchBarDefaults, searchBarTokens, searchViewTokens, secondaryNavigationTabTokens, segmentedMenuTokens, sheetBottomTokens, sliderTokens, smallIconButtonTokens, snackbarTokens, splitButtonDefaults, splitButtonLargeTokens, splitButtonMediumTokens, splitButtonSmallTokens, splitButtonXLargeTokens, splitButtonXSmallTokens, standardIconButtonTokens, standardMenuTokens, suggestionChipTokens, switchTokens, tabsDefaults, textButtonTokens, timeInputTokens, timePickerTokens, tonalButtonTokens, vibrantMenuTokens, xLargeIconButtonTokens, xSmallIconButtonTokens };
|
|
3959
|
+
export { appBar, appBarLargeFlexibleTokens, appBarLargeTokens, appBarMediumFlexibleTokens, appBarMediumTokens, appBarSmallTokens, appBarTokens, assistChipDefaults, assistChipTokens, badgeTokens, baselineButtonTokens, bottomAppBarDefaults, bottomAppBarTokens, buttonDefaults, buttonGroupDefaults, buttonGroupSmallTokens, buttonLargeTokens, buttonMediumTokens, buttonSmallTokens, buttonXLargeTokens, buttonXSmallTokens, checkboxDefaults, checkboxTokens, chipsTokens, circularProgressIndicatorTokens, connectedButtonGroupSmallTokens, dateInputModalTokens, datePickerModalTokens, dialogTokens, dividerTokens, dockedToolbarDefaults, dockedToolbarTokens, dragHandleTokens, elevatedButtonTokens, elevatedCardTokens, elevationDefaults, expandedListTokens, extendedFabLargeTokens, extendedFabMediumTokens, extendedFabPrimaryTokens, extendedFabSmallTokens, fabBaselineTokens, fabLargeTokens, fabMediumTokens, fabMenuBaselineTokens, fabPrimaryContainerTokens, fabSecondaryContainerTokens, fabSmallTokens, filledAutocompleteTokens, filledButtonTokens, filledCardTokens, filledIconButtonTokens, filledTextFieldTokens, filledTonalButtonTokens, filledTonalIconButtonTokens, filterChipDefaults, filterChipTokens, floatingActionButtonDefaults, floatingActionButtonMenuDefaults, floatingToolbarDefaults, floatingToolbarTokens, inputChipTokens, largeIconButtonTokens, linearProgressIndicatorTokens, listItemDefaults, listTokens, loadingIndicator, loadingIndicatorTokens, mediumIconButtonTokens, menuDefaults, menuTokens, navigationBarHorizontalItemTokens, navigationBarTokens, navigationBarVerticalItemTokens, navigationDefaults, navigationDrawerDefaults, navigationDrawerTokens, navigationRailBaselineItemTokens, navigationRailCollapsedTokens, navigationRailColorTokens, navigationRailExpandedTokens, navigationRailHorizontalItemTokens, navigationRailVerticalItemTokens, navigationSuiteScaffoldDefaults, outlinedAutocompleteTokens, outlinedButtonTokens, outlinedCardTokens, outlinedIconButtonTokens, outlinedSegmentedButtonTokens, outlinedTextFieldTokens, paneScaffoldDefaults, plainTooltipTokens, primaryNavigationTabTokens, progressIndicatorDefaults, progressIndicatorTokens, radioButtonDefaults, radioButtonTokens, reorderListTokens, revealListTokens, richTooltipTokens, scrimTokens, searchBarDefaults, searchBarTokens, searchViewTokens, secondaryNavigationTabTokens, segmentedMenuTokens, sheetBottomTokens, sliderDefaults, sliderTokens, smallIconButtonTokens, snackbarTokens, splitButtonDefaults, splitButtonLargeTokens, splitButtonMediumTokens, splitButtonSmallTokens, splitButtonXLargeTokens, splitButtonXSmallTokens, standardIconButtonTokens, standardMenuTokens, suggestionChipTokens, switchDefaults, switchTokens, tabsDefaults, textButtonTokens, textFieldDefaults, timeInputTokens, timePickerTokens, tonalButtonTokens, vibrantMenuTokens, xLargeIconButtonTokens, xSmallIconButtonTokens };
|