@kyralabs/m3e-tokens 1.4.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/NOTICE +20 -1
- package/README.md +40 -0
- package/dist/cli/theme.js.map +1 -1
- package/dist/components.d.ts +633 -1
- package/dist/components.js +623 -2
- 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/navigation-defaults.css +1 -1
- package/dist/generated/components/navigation-drawer-defaults.css +1 -0
- package/dist/generated/components/navigation-suite-defaults.css +1 -0
- package/dist/generated/components/pane-scaffold-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/tabs-defaults.css +1 -0
- package/dist/generated/components/text-field-defaults.css +1 -0
- package/dist/generated/tokens.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +13 -1
- package/dist/index.js.map +1 -1
- package/dist/{sys-D5QWISlz.d.ts → sys-BFfI63et.d.ts} +14 -1
- package/dist/theme-css.d.ts +1 -1
- package/dist/theme-css.js.map +1 -1
- package/dist/theme.d.ts +1 -1
- package/dist/theme.js.map +1 -1
- 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,
|
|
@@ -1690,7 +1893,44 @@ var navigationDefaults = {
|
|
|
1690
1893
|
shortNavigationBarCenteredItemMaxWidth5: "20%",
|
|
1691
1894
|
shortNavigationBarCenteredPadding6: "5%",
|
|
1692
1895
|
shortNavigationBarCenteredItemMinWidth6: "15%",
|
|
1693
|
-
shortNavigationBarCenteredItemMaxWidth6: "16.6667%"
|
|
1896
|
+
shortNavigationBarCenteredItemMaxWidth6: "16.6667%",
|
|
1897
|
+
wideNavigationRailWidthDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
1898
|
+
wideNavigationRailWidthEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
1899
|
+
wideNavigationRailWidthDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
1900
|
+
wideNavigationRailWidthStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
1901
|
+
wideNavigationRailModalWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
1902
|
+
wideNavigationRailModalWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
1903
|
+
wideNavigationRailModalWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
1904
|
+
wideNavigationRailModalWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
1905
|
+
wideNavigationRailIconPositionDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
1906
|
+
wideNavigationRailIconPositionEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
1907
|
+
wideNavigationRailIconPositionDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
1908
|
+
wideNavigationRailIconPositionStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
1909
|
+
wideNavigationRailLabelColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
1910
|
+
wideNavigationRailLabelColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
1911
|
+
wideNavigationRailLabelColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
1912
|
+
wideNavigationRailLabelColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
1913
|
+
wideNavigationRailStateDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
1914
|
+
wideNavigationRailStateEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
1915
|
+
wideNavigationRailStateDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
1916
|
+
wideNavigationRailStateStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
1917
|
+
modalWideNavigationRailPositionDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
1918
|
+
modalWideNavigationRailPositionEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
1919
|
+
modalWideNavigationRailPositionDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
1920
|
+
modalWideNavigationRailPositionStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
1921
|
+
modalWideNavigationRailScrimDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
1922
|
+
modalWideNavigationRailScrimEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
1923
|
+
modalWideNavigationRailScrimDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
1924
|
+
modalWideNavigationRailScrimStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
1925
|
+
modalWideNavigationRailSlideDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
1926
|
+
modalWideNavigationRailSlideEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
1927
|
+
modalWideNavigationRailSlideDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
1928
|
+
modalWideNavigationRailSlideStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
1929
|
+
modalWideNavigationRailContainerColor: "var(--m3e-sys-color-surface-container)",
|
|
1930
|
+
modalWideNavigationRailContainerShape: "var(--m3e-sys-shape-corner-large)",
|
|
1931
|
+
modalWideNavigationRailScrimColor: "var(--m3e-sys-color-scrim)",
|
|
1932
|
+
modalWideNavigationRailScrimOpacity: "0.32",
|
|
1933
|
+
modalWideNavigationRailExpandedHeaderTopPadding: "0px"
|
|
1694
1934
|
};
|
|
1695
1935
|
var navigationDrawerTokens = {
|
|
1696
1936
|
activeIconColorFocus: "var(--m3e-sys-color-on-secondary-container)",
|
|
@@ -1757,6 +1997,40 @@ var navigationDrawerTokens = {
|
|
|
1757
1997
|
standardContainerColor: "var(--m3e-sys-color-surface)",
|
|
1758
1998
|
standardContainerElevation: "var(--m3e-sys-elevation-level0)"
|
|
1759
1999
|
};
|
|
2000
|
+
var navigationDrawerDefaults = {
|
|
2001
|
+
navigationDrawerMinWidth: 240,
|
|
2002
|
+
navigationDrawerTopPadding: 12,
|
|
2003
|
+
navigationDrawerItemHorizontalPadding: 12,
|
|
2004
|
+
navigationDrawerItemPaddingStart: 16,
|
|
2005
|
+
navigationDrawerItemPaddingEnd: 24,
|
|
2006
|
+
navigationDrawerItemIconLabelSpace: 12,
|
|
2007
|
+
navigationDrawerItemLabelBadgeSpace: 12,
|
|
2008
|
+
navigationDrawerItemLabelTextFont: "var(--m3e-sys-typescale-body-large-font)",
|
|
2009
|
+
navigationDrawerItemLabelTextWeight: "var(--m3e-sys-typescale-body-large-weight)",
|
|
2010
|
+
navigationDrawerItemLabelTextSize: "var(--m3e-sys-typescale-body-large-size)",
|
|
2011
|
+
navigationDrawerItemLabelTextLineHeight: "var(--m3e-sys-typescale-body-large-line-height)",
|
|
2012
|
+
navigationDrawerItemLabelTextTracking: "var(--m3e-sys-typescale-body-large-tracking)",
|
|
2013
|
+
navigationDrawerStandardContainerShape: 0,
|
|
2014
|
+
navigationDrawerModalElevation: "var(--m3e-sys-elevation-level0)",
|
|
2015
|
+
navigationDrawerScrimColor: "var(--m3e-sys-color-scrim)",
|
|
2016
|
+
navigationDrawerScrimOpacity: 0.32,
|
|
2017
|
+
navigationDrawerOpenDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
2018
|
+
navigationDrawerOpenEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
2019
|
+
navigationDrawerOpenDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
2020
|
+
navigationDrawerOpenStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
2021
|
+
navigationDrawerCloseDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
2022
|
+
navigationDrawerCloseEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
2023
|
+
navigationDrawerCloseDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
2024
|
+
navigationDrawerCloseStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
2025
|
+
navigationDrawerSettleDuration: 256,
|
|
2026
|
+
navigationDrawerPositionalThreshold: 0.5,
|
|
2027
|
+
navigationDrawerVelocityThreshold: 400,
|
|
2028
|
+
navigationDrawerSettleEasing: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
2029
|
+
navigationDrawerHeadlineHeight: 56,
|
|
2030
|
+
navigationDrawerHeadlinePaddingInline: 28,
|
|
2031
|
+
navigationDrawerDividerInset: 28,
|
|
2032
|
+
navigationDrawerDividerColor: "var(--m3e-sys-color-outline)"
|
|
2033
|
+
};
|
|
1760
2034
|
var navigationRailBaselineItemTokens = {
|
|
1761
2035
|
activeIndicatorIconLabelSpace: 8,
|
|
1762
2036
|
activeIndicatorLeadingSpace: 16,
|
|
@@ -1828,6 +2102,16 @@ var navigationRailVerticalItemTokens = {
|
|
|
1828
2102
|
tracking: "var(--m3e-sys-typescale-label-medium-tracking)"
|
|
1829
2103
|
}
|
|
1830
2104
|
};
|
|
2105
|
+
var navigationSuiteScaffoldDefaults = {
|
|
2106
|
+
navigationSuiteScaffoldContainerColor: "var(--m3e-sys-color-background)",
|
|
2107
|
+
navigationSuiteScaffoldContentColor: "var(--m3e-sys-color-on-background)",
|
|
2108
|
+
navigationSuiteScaffoldPrimaryActionAlignment: "end",
|
|
2109
|
+
navigationSuiteScaffoldPrimaryActionPadding: 16,
|
|
2110
|
+
navigationSuiteScaffoldVisibilityDampingRatio: 0.9,
|
|
2111
|
+
navigationSuiteScaffoldVisibilityStiffness: 700,
|
|
2112
|
+
navigationSuiteScaffoldVisibilityDuration: 228,
|
|
2113
|
+
navigationSuiteScaffoldVisibilityEasing: "linear(0, 0.0014 0.88%, 0.0053 1.75%, 0.0115 2.63%, 0.0246 3.95%, 0.0356 4.82%, 0.055 6.14%, 0.0696 7.02%, 0.0936 8.33%, 0.1382 10.53%, 0.1867 12.72%, 0.3826 21.05%, 0.4328 23.25%, 0.4716 25%, 0.5182 27.19%, 0.5624 29.39%, 0.6041 31.58%, 0.6355 33.33%, 0.6652 35.09%, 0.6931 36.84%, 0.7193 38.6%, 0.7439 40.35%, 0.7667 42.11%, 0.788 43.86%, 0.8078 45.61%, 0.8261 47.37%, 0.847 49.56%, 0.8694 52.19%, 0.886 54.39%, 0.9036 57.02%, 0.9189 59.65%, 0.9322 62.28%, 0.9454 65.35%, 0.9565 68.42%, 0.9657 71.49%, 0.9733 74.56%, 0.9803 78.07%, 0.9858 81.58%, 0.9941 89.47%, 1)"
|
|
2114
|
+
};
|
|
1831
2115
|
var outlinedAutocompleteTokens = {
|
|
1832
2116
|
menuContainerColor: "var(--m3e-sys-color-surface-container)",
|
|
1833
2117
|
menuContainerElevation: "var(--m3e-sys-elevation-level2)",
|
|
@@ -2118,6 +2402,21 @@ var outlinedTextFieldTokens = {
|
|
|
2118
2402
|
trailingIconColor: "var(--m3e-sys-color-on-surface-variant)",
|
|
2119
2403
|
trailingIconSize: 24
|
|
2120
2404
|
};
|
|
2405
|
+
var paneScaffoldDefaults = {
|
|
2406
|
+
paneScaffoldPartitionSpacerSize: 24,
|
|
2407
|
+
paneScaffoldPanePreferredWidth: 360,
|
|
2408
|
+
paneScaffoldPanePreferredWidthLarge: 412,
|
|
2409
|
+
paneScaffoldPanePreferredHeight: 420,
|
|
2410
|
+
paneScaffoldMotionDampingRatio: 0.8,
|
|
2411
|
+
paneScaffoldMotionStiffness: 380,
|
|
2412
|
+
paneScaffoldMotionDelayedRatio: 0.1,
|
|
2413
|
+
paneScaffoldMotionDuration: 475,
|
|
2414
|
+
paneScaffoldMotionEasing: "linear(0, 0.0017 0.63%, 0.0064 1.26%, 0.014 1.89%, 0.0241 2.53%, 0.0365 3.16%, 0.0562 4%, 0.073 4.63%, 0.0978 5.47%, 0.1178 6.11%, 0.1462 6.95%, 0.1994 8.42%, 0.2556 9.89%, 0.4279 14.32%, 0.4832 15.79%, 0.5363 17.26%, 0.5937 18.95%, 0.6407 20.42%, 0.6844 21.89%, 0.7249 23.37%, 0.762 24.84%, 0.7958 26.32%, 0.8264 27.79%, 0.8539 29.26%, 0.8785 30.74%, 0.9031 32.42%, 0.9244 34.11%, 0.9426 35.79%, 0.958 37.47%, 0.9709 39.16%, 0.9828 41.05%, 0.9923 42.95%, 0.9996 44.84%, 1.0057 46.95%, 1.0103 49.26%, 1.0133 51.79%, 1.015 55.16%, 1.0148 59.16%, 1.0036 81.47%, 1)",
|
|
2415
|
+
feedMarginCompact: 16,
|
|
2416
|
+
feedMargin: 24,
|
|
2417
|
+
feedGap: 16,
|
|
2418
|
+
feedColumnMinWidth: 240
|
|
2419
|
+
};
|
|
2121
2420
|
var plainTooltipTokens = {
|
|
2122
2421
|
containerColor: "var(--m3e-sys-color-inverse-surface)",
|
|
2123
2422
|
containerShape: "var(--m3e-sys-shape-corner-extra-small)",
|
|
@@ -2228,6 +2527,34 @@ var radioButtonTokens = {
|
|
|
2228
2527
|
iconColorUnselected: "var(--m3e-sys-color-on-surface-variant)",
|
|
2229
2528
|
iconColorUnselectedPressed: "var(--m3e-sys-color-on-surface)"
|
|
2230
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
|
+
};
|
|
2231
2558
|
var reorderListTokens = {
|
|
2232
2559
|
itemContainerColor: "var(--m3e-sys-color-tertiary-container)",
|
|
2233
2560
|
itemDropZoneColor: "var(--m3e-sys-color-surface-container-low)",
|
|
@@ -2572,6 +2899,55 @@ var sliderTokens = {
|
|
|
2572
2899
|
tracking: "var(--m3e-sys-typescale-label-large-tracking)"
|
|
2573
2900
|
}
|
|
2574
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
|
+
};
|
|
2575
2951
|
var smallIconButtonTokens = {
|
|
2576
2952
|
containerHeight: 40,
|
|
2577
2953
|
containerShapeRound: "var(--m3e-sys-shape-corner-full)",
|
|
@@ -2886,6 +3262,86 @@ var switchTokens = {
|
|
|
2886
3262
|
iconHandleHeight: 24,
|
|
2887
3263
|
iconHandleWidth: 24
|
|
2888
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
|
+
};
|
|
3299
|
+
var tabsDefaults = {
|
|
3300
|
+
tabsScrollableMinTabWidth: 90,
|
|
3301
|
+
tabsScrollableEdgePadding: 52,
|
|
3302
|
+
tabsIndicatorMinWidth: 24,
|
|
3303
|
+
tabsPrimaryContainerColor: "var(--m3e-sys-color-surface)",
|
|
3304
|
+
tabsSecondaryContainerColor: "var(--m3e-sys-color-surface)",
|
|
3305
|
+
tabsPrimaryContentColor: "var(--m3e-sys-color-primary)",
|
|
3306
|
+
tabsSecondaryContentColor: "var(--m3e-sys-color-on-surface)",
|
|
3307
|
+
tabsPrimaryIndicatorHeight: "3px",
|
|
3308
|
+
tabsPrimaryIndicatorColor: "var(--m3e-sys-color-primary)",
|
|
3309
|
+
tabsPrimaryIndicatorShape: "3px",
|
|
3310
|
+
tabsSecondaryIndicatorHeight: "3px",
|
|
3311
|
+
tabsSecondaryIndicatorColor: "var(--m3e-sys-color-primary)",
|
|
3312
|
+
tabsSecondaryIndicatorShape: 0,
|
|
3313
|
+
tabsDividerThickness: "1px",
|
|
3314
|
+
tabsDividerColor: "var(--m3e-sys-color-outline-variant)",
|
|
3315
|
+
tabsIndicatorDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
3316
|
+
tabsIndicatorEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
3317
|
+
tabsIndicatorDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
3318
|
+
tabsIndicatorStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
3319
|
+
tabsScrollDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
3320
|
+
tabsScrollEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
3321
|
+
tabsScrollDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
3322
|
+
tabsScrollStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
3323
|
+
tabsHorizontalTextPadding: 16,
|
|
3324
|
+
tabsSmallTabHeight: "48px",
|
|
3325
|
+
tabsLargeTabHeight: 72,
|
|
3326
|
+
tabsSingleLineTextBaselineWithIcon: 14,
|
|
3327
|
+
tabsIconDistanceFromBaseline: 20,
|
|
3328
|
+
tabsLeadingIconLabelSpace: 8,
|
|
3329
|
+
tabsLabelTextFont: "var(--m3e-sys-typescale-title-small-font)",
|
|
3330
|
+
tabsLabelTextWeight: "var(--m3e-sys-typescale-title-small-weight)",
|
|
3331
|
+
tabsLabelTextSize: "var(--m3e-sys-typescale-title-small-size)",
|
|
3332
|
+
tabsLabelTextLineHeight: "var(--m3e-sys-typescale-title-small-line-height)",
|
|
3333
|
+
tabsLabelTextTracking: "var(--m3e-sys-typescale-title-small-tracking)",
|
|
3334
|
+
tabsLabelMaxLines: 2,
|
|
3335
|
+
tabsContentColorInDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
3336
|
+
tabsContentColorInEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
3337
|
+
tabsContentColorInDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
3338
|
+
tabsContentColorInStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
3339
|
+
tabsContentColorOutDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
3340
|
+
tabsContentColorOutEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
3341
|
+
tabsContentColorOutDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
3342
|
+
tabsContentColorOutStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
3343
|
+
tabsLabelBaselineShift: 0.34
|
|
3344
|
+
};
|
|
2889
3345
|
var textButtonTokens = {
|
|
2890
3346
|
containerColorDisabled: "var(--m3e-sys-color-on-surface)",
|
|
2891
3347
|
containerOpacityDisabled: 0.1,
|
|
@@ -2902,6 +3358,171 @@ var textButtonTokens = {
|
|
|
2902
3358
|
iconColorPressed: "var(--m3e-sys-color-on-surface-variant)",
|
|
2903
3359
|
labelColorPressed: "var(--m3e-sys-color-on-surface-variant)"
|
|
2904
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
|
+
};
|
|
2905
3526
|
var timeInputTokens = {
|
|
2906
3527
|
containerColor: "var(--m3e-sys-color-surface-container-high)",
|
|
2907
3528
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -3205,6 +3826,6 @@ var xSmallIconButtonTokens = {
|
|
|
3205
3826
|
wideTrailingSpace: 10
|
|
3206
3827
|
};
|
|
3207
3828
|
|
|
3208
|
-
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, navigationDrawerTokens, navigationRailBaselineItemTokens, navigationRailCollapsedTokens, navigationRailColorTokens, navigationRailExpandedTokens, navigationRailHorizontalItemTokens, navigationRailVerticalItemTokens, outlinedAutocompleteTokens, outlinedButtonTokens, outlinedCardTokens, outlinedIconButtonTokens, outlinedSegmentedButtonTokens, outlinedTextFieldTokens, 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, 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 };
|
|
3209
3830
|
//# sourceMappingURL=components.js.map
|
|
3210
3831
|
//# sourceMappingURL=components.js.map
|