@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.js
CHANGED
|
@@ -376,6 +376,65 @@ var checkboxTokens = {
|
|
|
376
376
|
outlineColorUnselectedPressed: "var(--m3e-sys-color-on-surface)",
|
|
377
377
|
outlineWidthUnselectedPressed: 2
|
|
378
378
|
};
|
|
379
|
+
var checkboxDefaults = {
|
|
380
|
+
checkboxStylingFix: 1,
|
|
381
|
+
checkboxBoxSize: 20,
|
|
382
|
+
checkboxBoxPadding: 2,
|
|
383
|
+
checkboxBoxCornerRadius: 2,
|
|
384
|
+
checkboxStrokeWidth: 2,
|
|
385
|
+
checkboxCheckCrossX: 0.4,
|
|
386
|
+
checkboxCheckCrossY: 0.7,
|
|
387
|
+
checkboxCheckLeftX: 0.2,
|
|
388
|
+
checkboxCheckLeftY: 0.5,
|
|
389
|
+
checkboxCheckRightX: 0.8,
|
|
390
|
+
checkboxCheckRightY: 0.3,
|
|
391
|
+
checkboxCheckGravitationCenter: 0.5,
|
|
392
|
+
checkboxCheckDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
393
|
+
checkboxCheckEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
394
|
+
checkboxCheckDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
395
|
+
checkboxCheckStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
396
|
+
checkboxSnapDelay: 100,
|
|
397
|
+
checkboxSnapEasing: "steps(1, jump-end)",
|
|
398
|
+
checkboxColorInDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
399
|
+
checkboxColorInEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
400
|
+
checkboxColorInDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
401
|
+
checkboxColorInStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
402
|
+
checkboxColorOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
403
|
+
checkboxColorOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
404
|
+
checkboxColorOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
405
|
+
checkboxColorOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
406
|
+
checkboxCheckmarkColor: "var(--m3e-sys-color-on-primary)",
|
|
407
|
+
checkboxCheckmarkColorDisabled: "var(--m3e-sys-color-on-primary)",
|
|
408
|
+
checkboxBoxColorChecked: "var(--m3e-sys-color-primary)",
|
|
409
|
+
checkboxBorderColorChecked: "var(--m3e-sys-color-primary)",
|
|
410
|
+
checkboxBorderColorUnchecked: "var(--m3e-sys-color-on-surface-variant)",
|
|
411
|
+
checkboxBoxColorCheckedDisabled: "var(--m3e-sys-color-on-surface)",
|
|
412
|
+
checkboxBoxOpacityCheckedDisabled: "0.38",
|
|
413
|
+
checkboxBorderColorUncheckedDisabled: "var(--m3e-sys-color-on-surface)",
|
|
414
|
+
checkboxBorderOpacityUncheckedDisabled: "0.38",
|
|
415
|
+
checkboxStateLayerColor: "currentcolor",
|
|
416
|
+
checkboxBoxSizeStylingFix: "18px",
|
|
417
|
+
checkboxBoxPaddingStylingFix: "0px",
|
|
418
|
+
checkboxCheckCrossYStylingFix: 0.65,
|
|
419
|
+
checkboxCheckLeftXStylingFix: 0.25,
|
|
420
|
+
checkboxCheckRightXStylingFix: 0.75,
|
|
421
|
+
checkboxCheckmarkColorDisabledStylingFix: "var(--m3e-sys-color-surface)",
|
|
422
|
+
checkboxStateLayerColorCheckedStylingFix: "var(--m3e-sys-color-primary)",
|
|
423
|
+
checkboxStateLayerColorUncheckedStylingFix: "transparent",
|
|
424
|
+
checkboxLabelSpace: 16,
|
|
425
|
+
checkboxLabelTextFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
426
|
+
checkboxLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
427
|
+
checkboxLabelTextSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
428
|
+
checkboxLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
429
|
+
checkboxLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
430
|
+
checkboxStateLayerColorUnselectedHover: "var(--m3e-sys-color-on-surface)",
|
|
431
|
+
checkboxStateLayerColorUnselectedFocus: "var(--m3e-sys-color-on-surface)",
|
|
432
|
+
checkboxStateLayerColorUnselectedPressed: "var(--m3e-sys-color-primary)",
|
|
433
|
+
checkboxStateLayerColorErrorHover: "var(--m3e-sys-color-error)",
|
|
434
|
+
checkboxStateLayerColorErrorFocus: "var(--m3e-sys-color-error)",
|
|
435
|
+
checkboxStateLayerColorErrorPressed: "var(--m3e-sys-color-error)",
|
|
436
|
+
checkboxFollowDuration: 1
|
|
437
|
+
};
|
|
379
438
|
var chipsTokens = {
|
|
380
439
|
avatarShape: "var(--m3e-sys-shape-corner-full)",
|
|
381
440
|
avatarSize: 24,
|
|
@@ -413,6 +472,66 @@ var chipsTokens = {
|
|
|
413
472
|
shapeUnselected: "var(--m3e-sys-shape-corner-medium)",
|
|
414
473
|
trailingIconColorUnselected: "var(--m3e-sys-color-on-surface-variant)"
|
|
415
474
|
};
|
|
475
|
+
var filterChipDefaults = {
|
|
476
|
+
chipDefaultHorizontalSpacing: 8,
|
|
477
|
+
filterChipContentPaddingHorizontal: 8,
|
|
478
|
+
filterChipHorizontalSpacing: 8,
|
|
479
|
+
filterChipCompactHorizontalSpacing: 4,
|
|
480
|
+
inputChipHorizontalSpacing: 8,
|
|
481
|
+
inputChipCompactHorizontalSpacing: 4,
|
|
482
|
+
inputChipContentPaddingStart: 4,
|
|
483
|
+
inputChipContentPaddingStartIcon: 8,
|
|
484
|
+
inputChipContentPaddingEnd: 4,
|
|
485
|
+
inputChipContentPaddingEndIcon: 8,
|
|
486
|
+
suggestionChipContentPaddingHorizontal: 8,
|
|
487
|
+
filterChipFlatShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
488
|
+
filterChipFlatShadowHover: "var(--m3e-sys-elevation-level1-shadow)",
|
|
489
|
+
filterChipFlatShadowFocus: "var(--m3e-sys-elevation-level0-shadow)",
|
|
490
|
+
filterChipFlatShadowPressed: "var(--m3e-sys-elevation-level0-shadow)",
|
|
491
|
+
filterChipFlatShadowDragged: "var(--m3e-sys-elevation-level4-shadow)",
|
|
492
|
+
filterChipFlatShadowDisabled: "var(--m3e-sys-elevation-level0-shadow)",
|
|
493
|
+
filterChipLeadingIconColorTonal: "var(--m3e-sys-color-on-surface-variant)",
|
|
494
|
+
inputChipLeadingIconColorTonal: "var(--m3e-sys-color-on-surface-variant)",
|
|
495
|
+
suggestionChipElevatedDisabledContainerColor: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)",
|
|
496
|
+
suggestionChipElevatedDisabledIconColor: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
497
|
+
selectableChipShapeDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
498
|
+
selectableChipShapeEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
499
|
+
selectableChipShapeDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
500
|
+
selectableChipShapeStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
501
|
+
selectableChipIconFadeInDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)",
|
|
502
|
+
selectableChipIconFadeInEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)",
|
|
503
|
+
selectableChipIconFadeInDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)",
|
|
504
|
+
selectableChipIconFadeInStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)",
|
|
505
|
+
selectableChipIconFadeOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
506
|
+
selectableChipIconFadeOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
507
|
+
selectableChipIconFadeOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
508
|
+
selectableChipIconFadeOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
509
|
+
selectableChipIconExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
510
|
+
selectableChipIconExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
511
|
+
selectableChipIconExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
512
|
+
selectableChipIconExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
513
|
+
selectableChipIconShrinkDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
514
|
+
selectableChipIconShrinkEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
515
|
+
selectableChipIconShrinkDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
516
|
+
selectableChipIconShrinkStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
517
|
+
selectableChipExpressiveIconFadeInDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
518
|
+
selectableChipExpressiveIconFadeInEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
519
|
+
selectableChipExpressiveIconFadeInDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
520
|
+
selectableChipExpressiveIconFadeInStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
521
|
+
selectableChipExpressiveIconFadeOutDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
522
|
+
selectableChipExpressiveIconFadeOutEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
523
|
+
selectableChipExpressiveIconFadeOutDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
524
|
+
selectableChipExpressiveIconFadeOutStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
525
|
+
selectableChipExpressiveIconExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
526
|
+
selectableChipExpressiveIconExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
527
|
+
selectableChipExpressiveIconExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
528
|
+
selectableChipExpressiveIconExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
529
|
+
selectableChipExpressiveIconShrinkDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
530
|
+
selectableChipExpressiveIconShrinkEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
531
|
+
selectableChipExpressiveIconShrinkDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
532
|
+
selectableChipExpressiveIconShrinkStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
533
|
+
chipSetChipPaddingHorizontal: 4
|
|
534
|
+
};
|
|
416
535
|
var circularProgressIndicatorTokens = {
|
|
417
536
|
activeThickness: 4,
|
|
418
537
|
activeWaveAmplitude: 1.6,
|
|
@@ -1567,6 +1686,90 @@ var listTokens = {
|
|
|
1567
1686
|
itemTrailingIconColorUnselected: "var(--m3e-sys-color-on-surface)",
|
|
1568
1687
|
segmentedGap: 2
|
|
1569
1688
|
};
|
|
1689
|
+
var listItemDefaults = {
|
|
1690
|
+
listItemPaddingStart: "16px",
|
|
1691
|
+
listItemPaddingEnd: "16px",
|
|
1692
|
+
listItemPaddingTop: "10px",
|
|
1693
|
+
listItemPaddingBottom: "10px",
|
|
1694
|
+
listItemSpace: "12px",
|
|
1695
|
+
listItemOneLineMinHeight: "56px",
|
|
1696
|
+
listItemTwoLineMinHeight: "72px",
|
|
1697
|
+
listItemThreeLineMinHeight: "88px",
|
|
1698
|
+
listItemHeadlineStyleFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
1699
|
+
listItemHeadlineStyleWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
1700
|
+
listItemHeadlineStyleSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
1701
|
+
listItemHeadlineStyleLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
1702
|
+
listItemHeadlineStyleTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
1703
|
+
listItemOverlineStyleFont: "var(--m3e-sys-typescale-label-small-font)",
|
|
1704
|
+
listItemOverlineStyleWeight: "var(--m3e-sys-typescale-label-small-weight)",
|
|
1705
|
+
listItemOverlineStyleSize: "var(--m3e-sys-typescale-label-small-size)",
|
|
1706
|
+
listItemOverlineStyleLineHeight: "var(--m3e-sys-typescale-label-small-line-height)",
|
|
1707
|
+
listItemOverlineStyleTracking: "var(--m3e-sys-typescale-label-small-tracking)",
|
|
1708
|
+
listItemSupportingStyleFont: "var(--m3e-sys-typescale-body-medium-font)",
|
|
1709
|
+
listItemSupportingStyleWeight: "var(--m3e-sys-typescale-body-medium-weight)",
|
|
1710
|
+
listItemSupportingStyleSize: "var(--m3e-sys-typescale-body-medium-size)",
|
|
1711
|
+
listItemSupportingStyleLineHeight: "var(--m3e-sys-typescale-body-medium-line-height)",
|
|
1712
|
+
listItemSupportingStyleTracking: "var(--m3e-sys-typescale-body-medium-tracking)",
|
|
1713
|
+
listItemLeadingStyleFont: "var(--m3e-sys-typescale-title-medium-font)",
|
|
1714
|
+
listItemLeadingStyleWeight: "var(--m3e-sys-typescale-title-medium-weight)",
|
|
1715
|
+
listItemLeadingStyleSize: "var(--m3e-sys-typescale-title-medium-size)",
|
|
1716
|
+
listItemLeadingStyleLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)",
|
|
1717
|
+
listItemLeadingStyleTracking: "var(--m3e-sys-typescale-title-medium-tracking)",
|
|
1718
|
+
listItemTrailingStyleFont: "var(--m3e-sys-typescale-label-small-font)",
|
|
1719
|
+
listItemTrailingStyleWeight: "var(--m3e-sys-typescale-label-small-weight)",
|
|
1720
|
+
listItemTrailingStyleSize: "var(--m3e-sys-typescale-label-small-size)",
|
|
1721
|
+
listItemTrailingStyleLineHeight: "var(--m3e-sys-typescale-label-small-line-height)",
|
|
1722
|
+
listItemTrailingStyleTracking: "var(--m3e-sys-typescale-label-small-tracking)",
|
|
1723
|
+
listItemColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
1724
|
+
listItemColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
1725
|
+
listItemColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
1726
|
+
listItemColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
1727
|
+
listItemMorphDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
1728
|
+
listItemMorphEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
1729
|
+
listItemMorphDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
1730
|
+
listItemMorphStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
1731
|
+
listItemElevationDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
1732
|
+
listItemElevationEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
1733
|
+
listItemElevationDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
1734
|
+
listItemElevationStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
1735
|
+
listItemShape: "var(--m3e-sys-shape-corner-extra-small)",
|
|
1736
|
+
listItemShapeSelected: "var(--m3e-sys-shape-corner-large)",
|
|
1737
|
+
listItemShapePressed: "var(--m3e-sys-shape-corner-large)",
|
|
1738
|
+
listItemShapeFocused: "var(--m3e-sys-shape-corner-large)",
|
|
1739
|
+
listItemShapeHovered: "var(--m3e-sys-shape-corner-medium)",
|
|
1740
|
+
listItemShapeDragged: "var(--m3e-sys-shape-corner-large)",
|
|
1741
|
+
listItemSegmentedShape: "var(--m3e-sys-shape-corner-large)",
|
|
1742
|
+
listItemSegmentedGap: "2px",
|
|
1743
|
+
listItemShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
1744
|
+
listItemShadowDragged: "var(--m3e-sys-elevation-level4-shadow)",
|
|
1745
|
+
listItemHeadlineContentColor: "var(--m3e-sys-color-on-surface)",
|
|
1746
|
+
listItemLeadingContentColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
1747
|
+
listItemTrailingContentColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
1748
|
+
listItemOverlineContentColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
1749
|
+
listItemSupportingContentColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
1750
|
+
listItemHeadlineContentColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1751
|
+
listItemLeadingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1752
|
+
listItemTrailingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1753
|
+
listItemOverlineContentColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1754
|
+
listItemSupportingContentColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1755
|
+
listItemHeadlineContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
1756
|
+
listItemLeadingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
1757
|
+
listItemTrailingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
1758
|
+
listItemOverlineContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
1759
|
+
listItemSupportingContentColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
1760
|
+
listItemHeadlineContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1761
|
+
listItemLeadingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1762
|
+
listItemTrailingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1763
|
+
listItemOverlineContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1764
|
+
listItemSupportingContentColorDragged: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1765
|
+
listItemBaselinePaddingVertical: 8,
|
|
1766
|
+
listItemBaselineThreeLinePaddingVertical: 12,
|
|
1767
|
+
listItemBaselinePaddingStart: 16,
|
|
1768
|
+
listItemBaselinePaddingEnd: 16,
|
|
1769
|
+
listItemBaselineLeadingSpace: 16,
|
|
1770
|
+
listItemBaselineTrailingSpace: 16,
|
|
1771
|
+
listItemBaselineShape: "var(--m3e-sys-shape-corner-none)"
|
|
1772
|
+
};
|
|
1570
1773
|
var loadingIndicatorTokens = {
|
|
1571
1774
|
activeIndicatorColor: "var(--m3e-sys-color-primary)",
|
|
1572
1775
|
activeSize: 38,
|
|
@@ -2324,6 +2527,34 @@ var radioButtonTokens = {
|
|
|
2324
2527
|
iconColorUnselected: "var(--m3e-sys-color-on-surface-variant)",
|
|
2325
2528
|
iconColorUnselectedPressed: "var(--m3e-sys-color-on-surface)"
|
|
2326
2529
|
};
|
|
2530
|
+
var radioButtonDefaults = {
|
|
2531
|
+
radioButtonPadding: 2,
|
|
2532
|
+
radioButtonDotSize: 12,
|
|
2533
|
+
radioButtonStrokeWidth: 2,
|
|
2534
|
+
radioButtonDotDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
2535
|
+
radioButtonDotEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
2536
|
+
radioButtonDotDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
2537
|
+
radioButtonDotStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
2538
|
+
radioButtonColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
2539
|
+
radioButtonColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
2540
|
+
radioButtonColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
2541
|
+
radioButtonColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
2542
|
+
radioButtonColorSelected: "var(--m3e-sys-color-primary)",
|
|
2543
|
+
radioButtonColorUnselected: "var(--m3e-sys-color-on-surface-variant)",
|
|
2544
|
+
radioButtonColorSelectedDisabled: "var(--m3e-sys-color-on-surface)",
|
|
2545
|
+
radioButtonOpacitySelectedDisabled: "0.38",
|
|
2546
|
+
radioButtonColorUnselectedDisabled: "var(--m3e-sys-color-on-surface)",
|
|
2547
|
+
radioButtonOpacityUnselectedDisabled: "0.38",
|
|
2548
|
+
radioButtonStateLayerColor: "currentcolor",
|
|
2549
|
+
radioButtonStateLayerShape: "var(--m3e-sys-shape-corner-full)",
|
|
2550
|
+
radioButtonGroupRowHeight: 56,
|
|
2551
|
+
radioButtonLabelSpace: 16,
|
|
2552
|
+
radioButtonLabelTextFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
2553
|
+
radioButtonLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
2554
|
+
radioButtonLabelTextSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
2555
|
+
radioButtonLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
2556
|
+
radioButtonLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)"
|
|
2557
|
+
};
|
|
2327
2558
|
var reorderListTokens = {
|
|
2328
2559
|
itemContainerColor: "var(--m3e-sys-color-tertiary-container)",
|
|
2329
2560
|
itemDropZoneColor: "var(--m3e-sys-color-surface-container-low)",
|
|
@@ -2668,6 +2899,55 @@ var sliderTokens = {
|
|
|
2668
2899
|
tracking: "var(--m3e-sys-typescale-label-large-tracking)"
|
|
2669
2900
|
}
|
|
2670
2901
|
};
|
|
2902
|
+
var sliderDefaults = {
|
|
2903
|
+
sliderTrackHeight: "16px",
|
|
2904
|
+
sliderThumbWidth: "4px",
|
|
2905
|
+
sliderThumbHeight: "44px",
|
|
2906
|
+
sliderThumbTrackGapSize: "6px",
|
|
2907
|
+
sliderTrackInsideCornerSize: 2,
|
|
2908
|
+
sliderTrackStopIndicatorSize: "4px",
|
|
2909
|
+
sliderTickSize: "4px",
|
|
2910
|
+
sliderThumbColor: "var(--m3e-sys-color-primary)",
|
|
2911
|
+
sliderTrackColorActive: "var(--m3e-sys-color-primary)",
|
|
2912
|
+
sliderTickColorActive: "var(--m3e-sys-color-secondary-container)",
|
|
2913
|
+
sliderTrackColorInactive: "var(--m3e-sys-color-secondary-container)",
|
|
2914
|
+
sliderTickColorInactive: "var(--m3e-sys-color-primary)",
|
|
2915
|
+
sliderThumbColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))",
|
|
2916
|
+
sliderTrackColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
2917
|
+
sliderTickColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)",
|
|
2918
|
+
sliderTrackColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)",
|
|
2919
|
+
sliderTickColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
2920
|
+
sliderTrackStopIndicatorColor: "var(--m3e-sys-color-primary)",
|
|
2921
|
+
sliderTrackStopIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
2922
|
+
sliderIconColorActive: "var(--m3e-sys-color-secondary-container)",
|
|
2923
|
+
sliderIconColorInactive: "var(--m3e-sys-color-primary)",
|
|
2924
|
+
sliderIconColorActiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)",
|
|
2925
|
+
sliderIconColorInactiveDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
2926
|
+
sliderXSmallTrackHeight: 16,
|
|
2927
|
+
sliderXSmallThumbHeight: 44,
|
|
2928
|
+
sliderXSmallTrackCornerSize: 8,
|
|
2929
|
+
sliderSmallTrackHeight: 24,
|
|
2930
|
+
sliderSmallThumbHeight: 44,
|
|
2931
|
+
sliderSmallTrackCornerSize: 8,
|
|
2932
|
+
sliderMediumTrackHeight: 40,
|
|
2933
|
+
sliderMediumThumbHeight: 44,
|
|
2934
|
+
sliderMediumTrackCornerSize: 12,
|
|
2935
|
+
sliderMediumIconSize: 24,
|
|
2936
|
+
sliderMediumIconPadding: 6,
|
|
2937
|
+
sliderLargeTrackHeight: 56,
|
|
2938
|
+
sliderLargeThumbHeight: 68,
|
|
2939
|
+
sliderLargeTrackCornerSize: 16,
|
|
2940
|
+
sliderLargeIconSize: 24,
|
|
2941
|
+
sliderLargeIconPadding: 6,
|
|
2942
|
+
sliderXLargeTrackHeight: 96,
|
|
2943
|
+
sliderXLargeThumbHeight: 108,
|
|
2944
|
+
sliderXLargeTrackCornerSize: 28,
|
|
2945
|
+
sliderXLargeIconSize: 32,
|
|
2946
|
+
sliderXLargeIconPadding: 8,
|
|
2947
|
+
sliderValueIndicatorContainerWidth: 48,
|
|
2948
|
+
sliderValueIndicatorContainerHeight: 44,
|
|
2949
|
+
sliderValueIndicatorContainerShape: "var(--m3e-sys-shape-corner-full)"
|
|
2950
|
+
};
|
|
2671
2951
|
var smallIconButtonTokens = {
|
|
2672
2952
|
containerHeight: 40,
|
|
2673
2953
|
containerShapeRound: "var(--m3e-sys-shape-corner-full)",
|
|
@@ -2982,6 +3262,40 @@ var switchTokens = {
|
|
|
2982
3262
|
iconHandleHeight: 24,
|
|
2983
3263
|
iconHandleWidth: 24
|
|
2984
3264
|
};
|
|
3265
|
+
var switchDefaults = {
|
|
3266
|
+
switchThumbDiameter: "24px",
|
|
3267
|
+
switchUncheckedThumbDiameter: "16px",
|
|
3268
|
+
switchPressedThumbDiameter: "28px",
|
|
3269
|
+
switchHandleDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
3270
|
+
switchHandleEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
3271
|
+
switchHandleDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
3272
|
+
switchHandleStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
3273
|
+
switchHandlePressDuration: "0ms",
|
|
3274
|
+
switchHandleColorChecked: "var(--m3e-sys-color-on-primary)",
|
|
3275
|
+
switchTrackColorChecked: "var(--m3e-sys-color-primary)",
|
|
3276
|
+
switchIconColorChecked: "var(--m3e-sys-color-on-primary-container)",
|
|
3277
|
+
switchHandleColorUnchecked: "var(--m3e-sys-color-outline)",
|
|
3278
|
+
switchTrackColorUnchecked: "var(--m3e-sys-color-surface-container-highest)",
|
|
3279
|
+
switchIconColorUnchecked: "var(--m3e-sys-color-surface-container-highest)",
|
|
3280
|
+
switchTrackOutlineColorUnchecked: "var(--m3e-sys-color-outline)",
|
|
3281
|
+
switchTrackOutlineColorChecked: "transparent",
|
|
3282
|
+
switchTrackOutlineColorCheckedDisabled: "transparent",
|
|
3283
|
+
switchHandleColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface) calc(1 * 100%), var(--m3e-sys-color-surface))",
|
|
3284
|
+
switchTrackColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), var(--m3e-sys-color-surface))",
|
|
3285
|
+
switchIconColorCheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))",
|
|
3286
|
+
switchHandleColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), var(--m3e-sys-color-surface))",
|
|
3287
|
+
switchTrackColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) calc(0.12 * 100%), var(--m3e-sys-color-surface))",
|
|
3288
|
+
switchTrackOutlineColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), var(--m3e-sys-color-surface))",
|
|
3289
|
+
switchIconColorUncheckedDisabled: "color-mix(in srgb, var(--m3e-sys-color-surface-container-highest) calc(0.38 * 100%), var(--m3e-sys-color-surface))",
|
|
3290
|
+
switchIconSize: 16,
|
|
3291
|
+
switchStateLayerColor: "currentcolor",
|
|
3292
|
+
switchLabelSpace: "12px",
|
|
3293
|
+
switchLabelTextFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
3294
|
+
switchLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
3295
|
+
switchLabelTextSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
3296
|
+
switchLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
3297
|
+
switchLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)"
|
|
3298
|
+
};
|
|
2985
3299
|
var tabsDefaults = {
|
|
2986
3300
|
tabsScrollableMinTabWidth: 90,
|
|
2987
3301
|
tabsScrollableEdgePadding: 52,
|
|
@@ -3044,6 +3358,171 @@ var textButtonTokens = {
|
|
|
3044
3358
|
iconColorPressed: "var(--m3e-sys-color-on-surface-variant)",
|
|
3045
3359
|
labelColorPressed: "var(--m3e-sys-color-on-surface-variant)"
|
|
3046
3360
|
};
|
|
3361
|
+
var textFieldDefaults = {
|
|
3362
|
+
textFieldPadding: 16,
|
|
3363
|
+
textFieldLabelVerticalPadding: 8,
|
|
3364
|
+
textFieldAboveLabelHorizontalPadding: 4,
|
|
3365
|
+
textFieldAboveLabelBottomPadding: 4,
|
|
3366
|
+
textFieldSupportingTopPadding: 4,
|
|
3367
|
+
textFieldAffixPadding: 2,
|
|
3368
|
+
textFieldMinTextLineHeight: 24,
|
|
3369
|
+
textFieldMinMinimizedLabelLineHeight: 16,
|
|
3370
|
+
textFieldMinSupportingLineHeight: 16,
|
|
3371
|
+
textFieldCutoutPadding: 4,
|
|
3372
|
+
textFieldMinHeight: 56,
|
|
3373
|
+
textFieldMinWidth: 280,
|
|
3374
|
+
textFieldIndicatorThickness: 1,
|
|
3375
|
+
textFieldIndicatorThicknessFocused: 2,
|
|
3376
|
+
textFieldOutlinedMinHeight: 56,
|
|
3377
|
+
textFieldOutlinedMinWidth: 280,
|
|
3378
|
+
textFieldOutlineThickness: 1,
|
|
3379
|
+
textFieldOutlineThicknessFocused: 2,
|
|
3380
|
+
textFieldLabelExpandedFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
3381
|
+
textFieldLabelExpandedWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
3382
|
+
textFieldLabelExpandedSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
3383
|
+
textFieldLabelExpandedLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
3384
|
+
textFieldLabelExpandedTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
3385
|
+
textFieldLabelMinimizedFont: "var(--m3e-sys-typescale-body-small-font)",
|
|
3386
|
+
textFieldLabelMinimizedWeight: "var(--m3e-sys-typescale-body-small-weight)",
|
|
3387
|
+
textFieldLabelMinimizedSize: "var(--m3e-sys-typescale-body-small-size)",
|
|
3388
|
+
textFieldLabelMinimizedLineHeight: "var(--m3e-sys-typescale-body-small-line-height)",
|
|
3389
|
+
textFieldLabelMinimizedTracking: "var(--m3e-sys-typescale-body-small-tracking)",
|
|
3390
|
+
textFieldPlaceholderFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
3391
|
+
textFieldPlaceholderWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
3392
|
+
textFieldPlaceholderSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
3393
|
+
textFieldPlaceholderLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
3394
|
+
textFieldPlaceholderTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
3395
|
+
textFieldAffixFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
3396
|
+
textFieldAffixWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
3397
|
+
textFieldAffixSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
3398
|
+
textFieldAffixLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
3399
|
+
textFieldAffixTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
3400
|
+
textFieldSupportingFont: "var(--m3e-sys-typescale-body-small-font)",
|
|
3401
|
+
textFieldSupportingWeight: "var(--m3e-sys-typescale-body-small-weight)",
|
|
3402
|
+
textFieldSupportingSize: "var(--m3e-sys-typescale-body-small-size)",
|
|
3403
|
+
textFieldSupportingLineHeight: "var(--m3e-sys-typescale-body-small-line-height)",
|
|
3404
|
+
textFieldSupportingTracking: "var(--m3e-sys-typescale-body-small-tracking)",
|
|
3405
|
+
textFieldLabelDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
3406
|
+
textFieldLabelEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
3407
|
+
textFieldLabelDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
3408
|
+
textFieldLabelStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
3409
|
+
textFieldLabelColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3410
|
+
textFieldLabelColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3411
|
+
textFieldLabelColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3412
|
+
textFieldLabelColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3413
|
+
textFieldPlaceholderOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3414
|
+
textFieldPlaceholderOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3415
|
+
textFieldPlaceholderOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3416
|
+
textFieldPlaceholderOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3417
|
+
textFieldPlaceholderInDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)",
|
|
3418
|
+
textFieldPlaceholderInEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)",
|
|
3419
|
+
textFieldPlaceholderInDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)",
|
|
3420
|
+
textFieldPlaceholderInStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)",
|
|
3421
|
+
textFieldAffixAlphaDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3422
|
+
textFieldAffixAlphaEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3423
|
+
textFieldAffixAlphaDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3424
|
+
textFieldAffixAlphaStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3425
|
+
textFieldIndicatorColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3426
|
+
textFieldIndicatorColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3427
|
+
textFieldIndicatorColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3428
|
+
textFieldIndicatorColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3429
|
+
textFieldIndicatorWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
3430
|
+
textFieldIndicatorWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
3431
|
+
textFieldIndicatorWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
3432
|
+
textFieldIndicatorWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
3433
|
+
textFieldContainerColorDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3434
|
+
textFieldContainerColorEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3435
|
+
textFieldContainerColorDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3436
|
+
textFieldContainerColorStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3437
|
+
textFieldFilledTextColor: "var(--m3e-sys-color-on-surface)",
|
|
3438
|
+
textFieldFilledTextColorFocused: "var(--m3e-sys-color-on-surface)",
|
|
3439
|
+
textFieldFilledTextColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3440
|
+
textFieldFilledTextColorError: "var(--m3e-sys-color-on-surface)",
|
|
3441
|
+
textFieldFilledContainerColor: "var(--m3e-sys-color-surface-container-highest)",
|
|
3442
|
+
textFieldFilledContainerColorFocused: "var(--m3e-sys-color-surface-container-highest)",
|
|
3443
|
+
textFieldFilledContainerColorDisabled: "var(--m3e-sys-color-surface-container-highest)",
|
|
3444
|
+
textFieldFilledContainerColorError: "var(--m3e-sys-color-surface-container-highest)",
|
|
3445
|
+
textFieldFilledIndicatorColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3446
|
+
textFieldFilledIndicatorColorFocused: "var(--m3e-sys-color-primary)",
|
|
3447
|
+
textFieldFilledIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3448
|
+
textFieldFilledIndicatorColorError: "var(--m3e-sys-color-error)",
|
|
3449
|
+
textFieldFilledLeadingIconColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3450
|
+
textFieldFilledLeadingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3451
|
+
textFieldFilledLeadingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3452
|
+
textFieldFilledLeadingIconColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3453
|
+
textFieldFilledTrailingIconColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3454
|
+
textFieldFilledTrailingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3455
|
+
textFieldFilledTrailingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3456
|
+
textFieldFilledTrailingIconColorError: "var(--m3e-sys-color-error)",
|
|
3457
|
+
textFieldFilledLabelColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3458
|
+
textFieldFilledLabelColorFocused: "var(--m3e-sys-color-primary)",
|
|
3459
|
+
textFieldFilledLabelColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3460
|
+
textFieldFilledLabelColorError: "var(--m3e-sys-color-error)",
|
|
3461
|
+
textFieldFilledPlaceholderColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3462
|
+
textFieldFilledPlaceholderColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3463
|
+
textFieldFilledPlaceholderColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3464
|
+
textFieldFilledPlaceholderColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3465
|
+
textFieldFilledSupportingColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3466
|
+
textFieldFilledSupportingColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3467
|
+
textFieldFilledSupportingColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3468
|
+
textFieldFilledSupportingColorError: "var(--m3e-sys-color-error)",
|
|
3469
|
+
textFieldFilledPrefixColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3470
|
+
textFieldFilledPrefixColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3471
|
+
textFieldFilledPrefixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)",
|
|
3472
|
+
textFieldFilledPrefixColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3473
|
+
textFieldFilledSuffixColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3474
|
+
textFieldFilledSuffixColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3475
|
+
textFieldFilledSuffixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)",
|
|
3476
|
+
textFieldFilledSuffixColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3477
|
+
textFieldFilledCursorColor: "var(--m3e-sys-color-primary)",
|
|
3478
|
+
textFieldFilledCursorColorError: "var(--m3e-sys-color-error)",
|
|
3479
|
+
textFieldOutlinedTextColor: "var(--m3e-sys-color-on-surface)",
|
|
3480
|
+
textFieldOutlinedTextColorFocused: "var(--m3e-sys-color-on-surface)",
|
|
3481
|
+
textFieldOutlinedTextColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3482
|
+
textFieldOutlinedTextColorError: "var(--m3e-sys-color-on-surface)",
|
|
3483
|
+
textFieldOutlinedContainerColor: "transparent",
|
|
3484
|
+
textFieldOutlinedContainerColorFocused: "transparent",
|
|
3485
|
+
textFieldOutlinedContainerColorDisabled: "transparent",
|
|
3486
|
+
textFieldOutlinedContainerColorError: "transparent",
|
|
3487
|
+
textFieldOutlinedIndicatorColor: "var(--m3e-sys-color-outline)",
|
|
3488
|
+
textFieldOutlinedIndicatorColorFocused: "var(--m3e-sys-color-primary)",
|
|
3489
|
+
textFieldOutlinedIndicatorColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.12 * 100%), transparent)",
|
|
3490
|
+
textFieldOutlinedIndicatorColorError: "var(--m3e-sys-color-error)",
|
|
3491
|
+
textFieldOutlinedLeadingIconColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3492
|
+
textFieldOutlinedLeadingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3493
|
+
textFieldOutlinedLeadingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3494
|
+
textFieldOutlinedLeadingIconColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3495
|
+
textFieldOutlinedTrailingIconColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3496
|
+
textFieldOutlinedTrailingIconColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3497
|
+
textFieldOutlinedTrailingIconColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3498
|
+
textFieldOutlinedTrailingIconColorError: "var(--m3e-sys-color-error)",
|
|
3499
|
+
textFieldOutlinedLabelColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3500
|
+
textFieldOutlinedLabelColorFocused: "var(--m3e-sys-color-primary)",
|
|
3501
|
+
textFieldOutlinedLabelColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3502
|
+
textFieldOutlinedLabelColorError: "var(--m3e-sys-color-error)",
|
|
3503
|
+
textFieldOutlinedPlaceholderColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3504
|
+
textFieldOutlinedPlaceholderColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3505
|
+
textFieldOutlinedPlaceholderColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3506
|
+
textFieldOutlinedPlaceholderColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3507
|
+
textFieldOutlinedSupportingColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3508
|
+
textFieldOutlinedSupportingColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3509
|
+
textFieldOutlinedSupportingColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface) calc(0.38 * 100%), transparent)",
|
|
3510
|
+
textFieldOutlinedSupportingColorError: "var(--m3e-sys-color-error)",
|
|
3511
|
+
textFieldOutlinedPrefixColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3512
|
+
textFieldOutlinedPrefixColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3513
|
+
textFieldOutlinedPrefixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)",
|
|
3514
|
+
textFieldOutlinedPrefixColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3515
|
+
textFieldOutlinedSuffixColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
3516
|
+
textFieldOutlinedSuffixColorFocused: "var(--m3e-sys-color-on-surface-variant)",
|
|
3517
|
+
textFieldOutlinedSuffixColorDisabled: "color-mix(in srgb, var(--m3e-sys-color-on-surface-variant) calc(0.38 * 100%), transparent)",
|
|
3518
|
+
textFieldOutlinedSuffixColorError: "var(--m3e-sys-color-on-surface-variant)",
|
|
3519
|
+
textFieldOutlinedCursorColor: "var(--m3e-sys-color-primary)",
|
|
3520
|
+
textFieldOutlinedCursorColorError: "var(--m3e-sys-color-error)",
|
|
3521
|
+
textFieldIconPadding: "calc((48px - 24px) / 2)",
|
|
3522
|
+
textFieldCutoutLabelSpace: "calc(var(--m3e-sys-typescale-body-small-line-height) / 2)",
|
|
3523
|
+
textFieldSelectionColor: "color-mix(in srgb, var(--m3e-sys-color-primary) calc(0.4 * 100%), transparent)",
|
|
3524
|
+
textFieldCounterSpace: 16
|
|
3525
|
+
};
|
|
3047
3526
|
var timeInputTokens = {
|
|
3048
3527
|
containerColor: "var(--m3e-sys-color-surface-container-high)",
|
|
3049
3528
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -3347,6 +3826,6 @@ var xSmallIconButtonTokens = {
|
|
|
3347
3826
|
wideTrailingSpace: 10
|
|
3348
3827
|
};
|
|
3349
3828
|
|
|
3350
|
-
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 };
|
|
3829
|
+
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 };
|
|
3351
3830
|
//# sourceMappingURL=components.js.map
|
|
3352
3831
|
//# sourceMappingURL=components.js.map
|