@kyralabs/m3e-tokens 1.2.0 → 1.4.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 +338 -1
- package/dist/components.js +329 -2
- package/dist/components.js.map +1 -1
- package/dist/generated/components/bottom-app-bar-defaults.css +1 -0
- package/dist/generated/components/button-group-defaults.css +1 -0
- package/dist/generated/components/docked-toolbar-defaults.css +1 -0
- package/dist/generated/components/fab-defaults.css +1 -0
- package/dist/generated/components/fab-menu-defaults.css +1 -0
- package/dist/generated/components/floating-toolbar-defaults.css +1 -0
- package/dist/generated/components/menu-defaults.css +1 -0
- package/dist/generated/components/progress-indicator-defaults.css +1 -0
- package/dist/generated/components/search-defaults.css +1 -0
- package/dist/generated/components/split-button-defaults.css +1 -0
- package/dist/generated/components/top-app-bar-defaults.css +1 -1
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -206,6 +206,20 @@ var bottomAppBarTokens = {
|
|
|
206
206
|
containerHeight: 80,
|
|
207
207
|
containerShape: "var(--m3e-sys-shape-corner-none)"
|
|
208
208
|
};
|
|
209
|
+
var bottomAppBarDefaults = {
|
|
210
|
+
bottomAppBarDefaultsContainerHeight: 80,
|
|
211
|
+
bottomAppBarDefaultsHorizontalArrangement: "flex-start",
|
|
212
|
+
bottomAppBarDefaultsContentPaddingHorizontal: 4,
|
|
213
|
+
bottomAppBarDefaultsContentPaddingTop: 4,
|
|
214
|
+
bottomAppBarDefaultsFabPaddingEnd: 12,
|
|
215
|
+
bottomAppBarDefaultsFabPaddingTop: 8,
|
|
216
|
+
bottomAppBarDefaultsContainerElevation: 0,
|
|
217
|
+
bottomAppBarDefaultsContainerShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
218
|
+
bottomAppBarDefaultsFabContainerColor: "var(--m3e-sys-color-secondary-container)",
|
|
219
|
+
bottomAppBarDefaultsFabContentColor: "var(--m3e-sys-color-on-secondary-container)",
|
|
220
|
+
bottomAppBarDefaultsFabElevation: 0,
|
|
221
|
+
bottomAppBarDefaultsFabShadow: "var(--m3e-sys-elevation-level0-shadow)"
|
|
222
|
+
};
|
|
209
223
|
var buttonDefaults = {
|
|
210
224
|
buttonMinWidth: 58,
|
|
211
225
|
buttonXSmallContentPaddingHorizontal: 12,
|
|
@@ -218,6 +232,34 @@ var buttonDefaults = {
|
|
|
218
232
|
toggleButtonSmallPressedShape: 6,
|
|
219
233
|
minimumInteractiveComponentSize: 48
|
|
220
234
|
};
|
|
235
|
+
var buttonGroupDefaults = {
|
|
236
|
+
buttonGroupExpandedRatio: 0.15,
|
|
237
|
+
buttonGroupWidthSpringDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
238
|
+
buttonGroupWidthSpringStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
239
|
+
buttonGroupWidthSpringDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
240
|
+
buttonGroupReleaseThreshold: 0.75,
|
|
241
|
+
buttonGroupReleaseMaxWait: 1e3,
|
|
242
|
+
buttonGroupXSmallBetweenSpace: 18,
|
|
243
|
+
connectedButtonGroupXSmallBetweenSpace: "var(--m3e-sys-space-25)",
|
|
244
|
+
connectedButtonGroupXSmallInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)",
|
|
245
|
+
connectedButtonGroupXSmallInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)",
|
|
246
|
+
connectedButtonGroupXSmallInnerCornerCornerSizePercentSelected: 50,
|
|
247
|
+
buttonGroupMediumBetweenSpace: "var(--m3e-sys-space-100)",
|
|
248
|
+
connectedButtonGroupMediumBetweenSpace: "var(--m3e-sys-space-25)",
|
|
249
|
+
connectedButtonGroupMediumInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)",
|
|
250
|
+
connectedButtonGroupMediumInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)",
|
|
251
|
+
connectedButtonGroupMediumInnerCornerCornerSizePercentSelected: 50,
|
|
252
|
+
buttonGroupLargeBetweenSpace: "var(--m3e-sys-space-100)",
|
|
253
|
+
connectedButtonGroupLargeBetweenSpace: "var(--m3e-sys-space-25)",
|
|
254
|
+
connectedButtonGroupLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large)",
|
|
255
|
+
connectedButtonGroupLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-medium)",
|
|
256
|
+
connectedButtonGroupLargeInnerCornerCornerSizePercentSelected: 50,
|
|
257
|
+
buttonGroupXLargeBetweenSpace: "var(--m3e-sys-space-100)",
|
|
258
|
+
connectedButtonGroupXLargeBetweenSpace: "var(--m3e-sys-space-25)",
|
|
259
|
+
connectedButtonGroupXLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large-increased)",
|
|
260
|
+
connectedButtonGroupXLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-large)",
|
|
261
|
+
connectedButtonGroupXLargeInnerCornerCornerSizePercentSelected: 50
|
|
262
|
+
};
|
|
221
263
|
var buttonGroupSmallTokens = {
|
|
222
264
|
betweenSpace: 12,
|
|
223
265
|
containerHeight: 40
|
|
@@ -550,6 +592,25 @@ var dockedToolbarTokens = {
|
|
|
550
592
|
containerShape: "var(--m3e-sys-shape-corner-none)",
|
|
551
593
|
containerTrailingSpace: 16
|
|
552
594
|
};
|
|
595
|
+
var dockedToolbarDefaults = {
|
|
596
|
+
dockedToolbarDefaultsContainerHeight: 64,
|
|
597
|
+
dockedToolbarDefaultsContentPaddingStart: 16,
|
|
598
|
+
dockedToolbarDefaultsContentPaddingEnd: 16,
|
|
599
|
+
dockedToolbarDefaultsHorizontalArrangement: "space-between",
|
|
600
|
+
dockedToolbarDefaultsFixedItemSpacing: 32,
|
|
601
|
+
dockedToolbarDefaultsFixedHorizontalArrangement: "center",
|
|
602
|
+
dockedToolbarDefaultsSpaceAroundArrangement: "space-around",
|
|
603
|
+
dockedToolbarDefaultsSpaceEvenlyArrangement: "space-evenly",
|
|
604
|
+
dockedToolbarDefaultsSpacedContentPadding: 0,
|
|
605
|
+
dockedToolbarDefaultsContainerColor: "var(--m3e-sys-color-surface-container)",
|
|
606
|
+
dockedToolbarDefaultsContentColor: "var(--m3e-sys-color-on-surface)",
|
|
607
|
+
dockedToolbarDefaultsVibrantContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
608
|
+
dockedToolbarDefaultsVibrantContentColor: "var(--m3e-sys-color-on-primary-container)",
|
|
609
|
+
dockedToolbarDefaultsSnapDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
610
|
+
dockedToolbarDefaultsSnapEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
611
|
+
dockedToolbarDefaultsSnapDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
612
|
+
dockedToolbarDefaultsSnapStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)"
|
|
613
|
+
};
|
|
553
614
|
var dragHandleTokens = {
|
|
554
615
|
color: "var(--m3e-sys-color-outline)",
|
|
555
616
|
containerWidth: 24,
|
|
@@ -698,6 +759,32 @@ var fabBaselineTokens = {
|
|
|
698
759
|
containerWidth: 56,
|
|
699
760
|
iconSize: 24
|
|
700
761
|
};
|
|
762
|
+
var floatingActionButtonDefaults = {
|
|
763
|
+
fabDefaultsLargeIconSize: 36,
|
|
764
|
+
fabDefaultsMediumShape: "var(--m3e-sys-shape-corner-large-increased)",
|
|
765
|
+
fabDefaultsMediumExtendedShape: "var(--m3e-sys-shape-corner-large-increased)",
|
|
766
|
+
fabDefaultsMediumExtendedIconPadding: 12,
|
|
767
|
+
fabDefaultsLargeExtendedIconPadding: 16,
|
|
768
|
+
fabDefaultsSmallExtendedLabelFont: "var(--m3e-sys-typescale-title-medium-font)",
|
|
769
|
+
fabDefaultsSmallExtendedLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)",
|
|
770
|
+
fabDefaultsSmallExtendedLabelSize: "var(--m3e-sys-typescale-title-medium-size)",
|
|
771
|
+
fabDefaultsSmallExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)",
|
|
772
|
+
fabDefaultsSmallExtendedLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)",
|
|
773
|
+
fabDefaultsMediumExtendedLabelFont: "var(--m3e-sys-typescale-title-large-font)",
|
|
774
|
+
fabDefaultsMediumExtendedLabelWeight: "var(--m3e-sys-typescale-title-large-weight)",
|
|
775
|
+
fabDefaultsMediumExtendedLabelSize: "var(--m3e-sys-typescale-title-large-size)",
|
|
776
|
+
fabDefaultsMediumExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-large-line-height)",
|
|
777
|
+
fabDefaultsMediumExtendedLabelTracking: "var(--m3e-sys-typescale-title-large-tracking)",
|
|
778
|
+
fabDefaultsLargeExtendedLabelFont: "var(--m3e-sys-typescale-headline-small-font)",
|
|
779
|
+
fabDefaultsLargeExtendedLabelWeight: "var(--m3e-sys-typescale-headline-small-weight)",
|
|
780
|
+
fabDefaultsLargeExtendedLabelSize: "var(--m3e-sys-typescale-headline-small-size)",
|
|
781
|
+
fabDefaultsLargeExtendedLabelLineHeight: "var(--m3e-sys-typescale-headline-small-line-height)",
|
|
782
|
+
fabDefaultsLargeExtendedLabelTracking: "var(--m3e-sys-typescale-headline-small-tracking)",
|
|
783
|
+
fabDefaultsExtendedWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
784
|
+
fabDefaultsExtendedWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
785
|
+
fabDefaultsExtendedLabelOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
786
|
+
fabDefaultsExtendedLabelOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)"
|
|
787
|
+
};
|
|
701
788
|
var fabLargeTokens = {
|
|
702
789
|
containerHeight: 96,
|
|
703
790
|
containerShape: "var(--m3e-sys-shape-corner-extra-large)",
|
|
@@ -725,6 +812,42 @@ var fabMenuBaselineTokens = {
|
|
|
725
812
|
listItemLeadingSpace: 24,
|
|
726
813
|
listItemTrailingSpace: 24
|
|
727
814
|
};
|
|
815
|
+
var floatingActionButtonMenuDefaults = {
|
|
816
|
+
fabMenuDefaultsToggleInitialCornerRadius: 16,
|
|
817
|
+
fabMenuDefaultsToggleMediumInitialCornerRadius: 20,
|
|
818
|
+
fabMenuDefaultsToggleLargeInitialCornerRadius: 28,
|
|
819
|
+
fabMenuDefaultsToggleLargeInitialIconSize: 36,
|
|
820
|
+
fabMenuDefaultsToggleFinalCornerRadius: 28,
|
|
821
|
+
fabMenuDefaultsPaddingHorizontal: 16,
|
|
822
|
+
fabMenuDefaultsButtonPaddingBottom: 16,
|
|
823
|
+
fabMenuDefaultsToggleContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
824
|
+
fabMenuDefaultsToggleCheckedContainerColor: "var(--m3e-sys-color-primary)",
|
|
825
|
+
fabMenuDefaultsToggleIconColor: "var(--m3e-sys-color-on-primary-container)",
|
|
826
|
+
fabMenuDefaultsToggleCheckedIconColor: "var(--m3e-sys-color-on-primary)",
|
|
827
|
+
fabMenuDefaultsItemContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
828
|
+
fabMenuDefaultsItemLabelFont: "var(--m3e-sys-typescale-title-medium-font)",
|
|
829
|
+
fabMenuDefaultsItemLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)",
|
|
830
|
+
fabMenuDefaultsItemLabelSize: "var(--m3e-sys-typescale-title-medium-size)",
|
|
831
|
+
fabMenuDefaultsItemLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)",
|
|
832
|
+
fabMenuDefaultsItemLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)",
|
|
833
|
+
fabMenuDefaultsToggleProgressDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
834
|
+
fabMenuDefaultsToggleProgressEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
835
|
+
fabMenuDefaultsToggleProgressDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
836
|
+
fabMenuDefaultsToggleProgressStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
837
|
+
fabMenuDefaultsItemWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
838
|
+
fabMenuDefaultsItemWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
839
|
+
fabMenuDefaultsItemWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
840
|
+
fabMenuDefaultsItemWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
841
|
+
fabMenuDefaultsItemOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
842
|
+
fabMenuDefaultsItemOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
843
|
+
fabMenuDefaultsItemOpacityDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
844
|
+
fabMenuDefaultsItemOpacityStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
845
|
+
fabMenuDefaultsStaggerDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)",
|
|
846
|
+
fabMenuDefaultsStaggerEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)",
|
|
847
|
+
fabMenuDefaultsStaggerDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)",
|
|
848
|
+
fabMenuDefaultsStaggerStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)",
|
|
849
|
+
fabMenuDefaultsStaggerVisibilityThreshold: 1
|
|
850
|
+
};
|
|
728
851
|
var fabPrimaryContainerTokens = {
|
|
729
852
|
containerColor: "var(--m3e-sys-color-primary-container)",
|
|
730
853
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -1154,6 +1277,52 @@ var floatingToolbarTokens = {
|
|
|
1154
1277
|
vibrantButtonTextColorUnselected: "var(--m3e-sys-color-on-primary-container)",
|
|
1155
1278
|
vibrantContainerColor: "var(--m3e-sys-color-primary-container)"
|
|
1156
1279
|
};
|
|
1280
|
+
var floatingToolbarDefaults = {
|
|
1281
|
+
floatingToolbarDefaultsContainerSize: 64,
|
|
1282
|
+
floatingToolbarDefaultsContentPaddingStart: 8,
|
|
1283
|
+
floatingToolbarDefaultsContentPaddingTop: 8,
|
|
1284
|
+
floatingToolbarDefaultsContentPaddingEnd: 8,
|
|
1285
|
+
floatingToolbarDefaultsContentPaddingBottom: 8,
|
|
1286
|
+
floatingToolbarDefaultsItemSpacing: 0,
|
|
1287
|
+
floatingToolbarDefaultsScreenOffset: 16,
|
|
1288
|
+
floatingToolbarDefaultsExpandedElevation: "var(--m3e-sys-elevation-level0)",
|
|
1289
|
+
floatingToolbarDefaultsExpandedShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
1290
|
+
floatingToolbarDefaultsCollapsedElevation: "var(--m3e-sys-elevation-level0)",
|
|
1291
|
+
floatingToolbarDefaultsCollapsedShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
1292
|
+
floatingToolbarDefaultsExpandedElevationWithFab: "var(--m3e-sys-elevation-level1)",
|
|
1293
|
+
floatingToolbarDefaultsExpandedShadowWithFab: "var(--m3e-sys-elevation-level1-shadow)",
|
|
1294
|
+
floatingToolbarDefaultsCollapsedElevationWithFab: "var(--m3e-sys-elevation-level0)",
|
|
1295
|
+
floatingToolbarDefaultsCollapsedShadowWithFab: "var(--m3e-sys-elevation-level0-shadow)",
|
|
1296
|
+
floatingToolbarDefaultsToolbarToFabGap: 8,
|
|
1297
|
+
floatingToolbarDefaultsFabSizeMin: 56,
|
|
1298
|
+
floatingToolbarDefaultsFabSizeMax: 80,
|
|
1299
|
+
floatingToolbarDefaultsFabShape: "var(--m3e-sys-shape-corner-large)",
|
|
1300
|
+
floatingToolbarDefaultsFabElevation: "var(--m3e-sys-elevation-level2)",
|
|
1301
|
+
floatingToolbarDefaultsFabShadow: "var(--m3e-sys-elevation-level2-shadow)",
|
|
1302
|
+
floatingToolbarDefaultsFabElevationPressed: "var(--m3e-sys-elevation-level2)",
|
|
1303
|
+
floatingToolbarDefaultsFabShadowPressed: "var(--m3e-sys-elevation-level2-shadow)",
|
|
1304
|
+
floatingToolbarDefaultsFabElevationFocused: "var(--m3e-sys-elevation-level2)",
|
|
1305
|
+
floatingToolbarDefaultsFabShadowFocused: "var(--m3e-sys-elevation-level2-shadow)",
|
|
1306
|
+
floatingToolbarDefaultsFabElevationHovered: "var(--m3e-sys-elevation-level3)",
|
|
1307
|
+
floatingToolbarDefaultsFabShadowHovered: "var(--m3e-sys-elevation-level3-shadow)",
|
|
1308
|
+
floatingToolbarDefaultsStandardContainerColor: "var(--m3e-sys-color-surface-container)",
|
|
1309
|
+
floatingToolbarDefaultsStandardContentColor: "var(--m3e-sys-color-on-surface)",
|
|
1310
|
+
floatingToolbarDefaultsStandardFabContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
1311
|
+
floatingToolbarDefaultsStandardFabContentColor: "var(--m3e-sys-color-on-primary-container)",
|
|
1312
|
+
floatingToolbarDefaultsVibrantContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
1313
|
+
floatingToolbarDefaultsVibrantContentColor: "var(--m3e-sys-color-on-primary-container)",
|
|
1314
|
+
floatingToolbarDefaultsVibrantFabContainerColor: "var(--m3e-sys-color-tertiary-container)",
|
|
1315
|
+
floatingToolbarDefaultsVibrantFabContentColor: "var(--m3e-sys-color-on-tertiary-container)",
|
|
1316
|
+
floatingToolbarDefaultsAnimationDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
1317
|
+
floatingToolbarDefaultsAnimationEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
1318
|
+
floatingToolbarDefaultsAnimationDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
1319
|
+
floatingToolbarDefaultsAnimationStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
1320
|
+
floatingToolbarDefaultsSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
1321
|
+
floatingToolbarDefaultsSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
1322
|
+
floatingToolbarDefaultsSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
1323
|
+
floatingToolbarDefaultsSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
1324
|
+
floatingToolbarDefaultsScrollDistanceThreshold: 40
|
|
1325
|
+
};
|
|
1157
1326
|
var inputChipTokens = {
|
|
1158
1327
|
containerElevation: "var(--m3e-sys-elevation-level0)",
|
|
1159
1328
|
containerHeight: 32,
|
|
@@ -1440,6 +1609,28 @@ var menuTokens = {
|
|
|
1440
1609
|
listItemLeadingTrailingIconColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1441
1610
|
menuListItemLeadingIconColor: "var(--m3e-sys-color-on-secondary-container)"
|
|
1442
1611
|
};
|
|
1612
|
+
var menuDefaults = {
|
|
1613
|
+
menuVerticalMargin: 48,
|
|
1614
|
+
menuHorizontalMargin: 8,
|
|
1615
|
+
menuBaselineHorizontalMargin: 0,
|
|
1616
|
+
menuBaselineVerticalPadding: 8,
|
|
1617
|
+
menuBaselineItemHeight: 48,
|
|
1618
|
+
menuItemHorizontalPadding: 12,
|
|
1619
|
+
menuItemVerticalPadding: 12,
|
|
1620
|
+
menuItemOuterPaddingHorizontal: 4,
|
|
1621
|
+
menuItemOuterPaddingVerticalSupporting: 2,
|
|
1622
|
+
menuItemIconLabelSpace: 8,
|
|
1623
|
+
menuItemMinWidth: 112,
|
|
1624
|
+
menuItemMaxWidth: 280,
|
|
1625
|
+
menuGroupVerticalPadding: 2,
|
|
1626
|
+
menuGroupLabelMinHeight: 32,
|
|
1627
|
+
menuGroupLabelPaddingStart: 12,
|
|
1628
|
+
menuGroupLabelPaddingEnd: 4,
|
|
1629
|
+
menuDividerPaddingHorizontal: 12,
|
|
1630
|
+
menuDividerPaddingVertical: 2,
|
|
1631
|
+
menuClosedScale: 0.8,
|
|
1632
|
+
menuClosedOpacity: 0
|
|
1633
|
+
};
|
|
1443
1634
|
var navigationBarTokens = {
|
|
1444
1635
|
containerColor: "var(--m3e-sys-color-surface-container)",
|
|
1445
1636
|
containerElevation: "var(--m3e-sys-elevation-level2)",
|
|
@@ -1981,6 +2172,46 @@ var progressIndicatorTokens = {
|
|
|
1981
2172
|
trackColor: "var(--m3e-sys-color-secondary-container)",
|
|
1982
2173
|
trackShape: "var(--m3e-sys-shape-corner-full)"
|
|
1983
2174
|
};
|
|
2175
|
+
var progressIndicatorDefaults = {
|
|
2176
|
+
progressIndicatorDefaultsLinearWidth: 240,
|
|
2177
|
+
progressIndicatorDefaultsLinearStopTrailingSpaceMax: 6,
|
|
2178
|
+
progressIndicatorDefaultsCircularIndeterminateTrackColor: "transparent",
|
|
2179
|
+
progressIndicatorDefaultsProgressDampingRatio: 1,
|
|
2180
|
+
progressIndicatorDefaultsProgressStiffness: 50,
|
|
2181
|
+
progressIndicatorDefaultsProgressVisibilityThreshold: 1e-3,
|
|
2182
|
+
progressIndicatorDefaultsProgressDuration: 1305,
|
|
2183
|
+
progressIndicatorDefaultsProgressEasing: "linear(0, 0.0012 0.54%, 0.0052 1.15%, 0.0119 1.76%, 0.0208 2.38%, 0.0317 2.99%, 0.0461 3.68%, 0.0624 4.37%, 0.0824 5.13%, 0.1176 6.36%, 0.1607 7.74%, 0.366 13.87%, 0.4179 15.48%, 0.4629 16.93%, 0.5124 18.62%, 0.5567 20.23%, 0.5981 21.84%, 0.6365 23.45%, 0.672 25.06%, 0.706 26.74%, 0.7371 28.43%, 0.7665 30.19%, 0.793 31.95%, 0.8178 33.79%, 0.8399 35.63%, 0.8603 37.55%, 0.8804 39.69%, 0.8988 41.99%, 0.9151 44.37%, 0.9297 46.9%, 0.9422 49.5%, 0.9534 52.34%, 0.9632 55.4%, 0.9713 58.62%, 0.9778 61.92%, 0.9833 65.52%, 0.9914 73.79%, 0.996 83.14%, 0.999 99.92%, 1)",
|
|
2184
|
+
progressIndicatorDefaultsAmplitudeMinProgress: 0.1,
|
|
2185
|
+
progressIndicatorDefaultsAmplitudeMaxProgress: 0.95,
|
|
2186
|
+
progressIndicatorDefaultsAmplitudeIncreaseDuration: "var(--m3e-sys-motion-duration-long2)",
|
|
2187
|
+
progressIndicatorDefaultsAmplitudeIncreaseEasing: "var(--m3e-sys-motion-easing-standard)",
|
|
2188
|
+
progressIndicatorDefaultsAmplitudeDecreaseDuration: "var(--m3e-sys-motion-duration-long2)",
|
|
2189
|
+
progressIndicatorDefaultsAmplitudeDecreaseEasing: "var(--m3e-sys-motion-easing-emphasized-accelerate)",
|
|
2190
|
+
progressIndicatorDefaultsWaveTravelDuration: 1e3,
|
|
2191
|
+
progressIndicatorDefaultsWaveMinTravelDuration: 50,
|
|
2192
|
+
progressIndicatorDefaultsLinearIndeterminateDuration: 1750,
|
|
2193
|
+
progressIndicatorDefaultsLinearFirstHeadDelay: 0,
|
|
2194
|
+
progressIndicatorDefaultsLinearFirstHeadDuration: 1e3,
|
|
2195
|
+
progressIndicatorDefaultsLinearFirstTailDelay: 250,
|
|
2196
|
+
progressIndicatorDefaultsLinearFirstTailDuration: 1e3,
|
|
2197
|
+
progressIndicatorDefaultsLinearSecondHeadDelay: 650,
|
|
2198
|
+
progressIndicatorDefaultsLinearSecondHeadDuration: 850,
|
|
2199
|
+
progressIndicatorDefaultsLinearSecondTailDelay: 900,
|
|
2200
|
+
progressIndicatorDefaultsLinearSecondTailDuration: 850,
|
|
2201
|
+
progressIndicatorDefaultsLinearIndeterminateEasing: "var(--m3e-sys-motion-easing-emphasized-accelerate)",
|
|
2202
|
+
progressIndicatorDefaultsCircularIndeterminateDuration: 6e3,
|
|
2203
|
+
progressIndicatorDefaultsCircularRotation: 1080,
|
|
2204
|
+
progressIndicatorDefaultsCircularAdditionalRotation: 360,
|
|
2205
|
+
progressIndicatorDefaultsCircularAdditionalRotationDelay: 1500,
|
|
2206
|
+
progressIndicatorDefaultsCircularAdditionalRotationDuration: 300,
|
|
2207
|
+
progressIndicatorDefaultsCircularMinProgress: 0.1,
|
|
2208
|
+
progressIndicatorDefaultsCircularMaxProgress: 0.87,
|
|
2209
|
+
progressIndicatorDefaultsCircularProgressEasing: "var(--m3e-sys-motion-easing-standard)",
|
|
2210
|
+
progressIndicatorDefaultsThickThickness: 8,
|
|
2211
|
+
progressIndicatorDefaultsLinearThickWavyHeight: 14,
|
|
2212
|
+
progressIndicatorDefaultsCircularThickSize: 52,
|
|
2213
|
+
progressIndicatorDefaultsLinearThickHeight: 8
|
|
2214
|
+
};
|
|
1984
2215
|
var radioButtonTokens = {
|
|
1985
2216
|
iconColorDisabledSelected: "var(--m3e-sys-color-on-surface)",
|
|
1986
2217
|
iconOpacityDisabledSelected: 0.38,
|
|
@@ -2084,6 +2315,69 @@ var searchBarTokens = {
|
|
|
2084
2315
|
},
|
|
2085
2316
|
trailingIconColor: "var(--m3e-sys-color-on-surface-variant)"
|
|
2086
2317
|
};
|
|
2318
|
+
var searchBarDefaults = {
|
|
2319
|
+
searchMinWidth: 360,
|
|
2320
|
+
searchMaxWidth: 720,
|
|
2321
|
+
searchVerticalPadding: 8,
|
|
2322
|
+
searchIconOffset: 4,
|
|
2323
|
+
searchAppBarHorizontalPadding: 4,
|
|
2324
|
+
searchAppBarVerticalPadding: 4,
|
|
2325
|
+
searchAppBarSearchPadding: 8,
|
|
2326
|
+
searchContainedHorizontalPadding: 8,
|
|
2327
|
+
searchDockedMinHeight: 240,
|
|
2328
|
+
searchDockedMaxHeightRatio: 0.6666666666666666,
|
|
2329
|
+
searchDockedWithGapMaxHeightRatio: 0.5,
|
|
2330
|
+
searchCollapsedCornerRadius: 28,
|
|
2331
|
+
searchDropdownCornerRadius: 12,
|
|
2332
|
+
searchDropdownGap: 2,
|
|
2333
|
+
searchScrimColor: "var(--m3e-sys-color-scrim)",
|
|
2334
|
+
searchScrimOpacity: 0.32,
|
|
2335
|
+
searchShadowElevation: "var(--m3e-sys-elevation-level0)",
|
|
2336
|
+
searchShadow: "var(--m3e-sys-elevation-level0-shadow)",
|
|
2337
|
+
searchContainedContainerColor: "var(--m3e-sys-color-surface-container-low)",
|
|
2338
|
+
searchScrolledContainerColor: "var(--m3e-sys-color-surface-container-highest)",
|
|
2339
|
+
searchExpandDuration: "var(--m3e-sys-motion-spring-slow-spatial-duration)",
|
|
2340
|
+
searchExpandEasing: "var(--m3e-sys-motion-spring-slow-spatial-easing)",
|
|
2341
|
+
searchExpandDampingRatio: "var(--m3e-sys-motion-spring-slow-spatial-damping-ratio)",
|
|
2342
|
+
searchExpandStiffness: "var(--m3e-sys-motion-spring-slow-spatial-stiffness)",
|
|
2343
|
+
searchCollapseDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
2344
|
+
searchCollapseEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
2345
|
+
searchCollapseDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
2346
|
+
searchCollapseStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
2347
|
+
searchContainedExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
2348
|
+
searchContainedExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
2349
|
+
searchContainedExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
2350
|
+
searchContainedExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
2351
|
+
searchContainedCollapseDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
2352
|
+
searchContainedCollapseEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
2353
|
+
searchContainedCollapseDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
2354
|
+
searchContainedCollapseStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
2355
|
+
searchWithGapExpandDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)",
|
|
2356
|
+
searchWithGapExpandEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)",
|
|
2357
|
+
searchWithGapExpandDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)",
|
|
2358
|
+
searchWithGapExpandStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)",
|
|
2359
|
+
searchWithGapCollapseDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
2360
|
+
searchWithGapCollapseEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
2361
|
+
searchWithGapCollapseDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
2362
|
+
searchWithGapCollapseStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
2363
|
+
searchContentFadeInDuration: "var(--m3e-sys-motion-duration-short2)",
|
|
2364
|
+
searchContentFadeInDelay: "var(--m3e-sys-motion-duration-short1)",
|
|
2365
|
+
searchContentFadeInEasing: "var(--m3e-sys-motion-easing-standard-accelerate)",
|
|
2366
|
+
searchContentFadeOutDuration: "var(--m3e-sys-motion-duration-short2)",
|
|
2367
|
+
searchContentFadeOutEasing: "var(--m3e-sys-motion-easing-standard-decelerate)",
|
|
2368
|
+
searchAppBarColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
2369
|
+
searchAppBarColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
2370
|
+
searchAppBarColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
2371
|
+
searchAppBarColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
2372
|
+
searchAppBarSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
2373
|
+
searchAppBarSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
2374
|
+
searchAppBarSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
2375
|
+
searchAppBarSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
2376
|
+
searchInputPadding: 16,
|
|
2377
|
+
searchResultPaddingHorizontal: 16,
|
|
2378
|
+
searchResultPaddingVertical: 4,
|
|
2379
|
+
searchInputIconPadding: 12
|
|
2380
|
+
};
|
|
2087
2381
|
var searchViewTokens = {
|
|
2088
2382
|
containerColor: "var(--m3e-sys-color-surface-container-high)",
|
|
2089
2383
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -2325,6 +2619,20 @@ var snackbarTokens = {
|
|
|
2325
2619
|
singleLineContainerHeight: 48,
|
|
2326
2620
|
twoLinesContainerHeight: 68
|
|
2327
2621
|
};
|
|
2622
|
+
var splitButtonDefaults = {
|
|
2623
|
+
splitButtonSpacing: 2,
|
|
2624
|
+
splitButtonLeadingButtonMinWidth: 48,
|
|
2625
|
+
splitButtonTrailingButtonMinWidth: 48,
|
|
2626
|
+
splitButtonTrailingButtonStateLayerOpacityChecked: "var(--m3e-sys-state-pressed-state-layer-opacity)",
|
|
2627
|
+
splitButtonShapeDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
2628
|
+
splitButtonShapeEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
2629
|
+
splitButtonCenterOpticallyCoefficient: 0.11,
|
|
2630
|
+
splitButtonTrailingIconRotationChecked: 180,
|
|
2631
|
+
splitButtonTrailingIconRotationDampingRatio: 1,
|
|
2632
|
+
splitButtonTrailingIconRotationStiffness: 1500,
|
|
2633
|
+
splitButtonTrailingIconRotationDuration: 319,
|
|
2634
|
+
splitButtonTrailingIconRotationEasing: "linear(0, 0.0007 0.31%, 0.0028 0.63%, 0.0062 0.94%, 0.0165 1.57%, 0.0232 1.88%, 0.0391 2.51%, 0.0582 3.13%, 0.0797 3.76%, 0.1157 4.7%, 0.1548 5.64%, 0.196 6.58%, 0.3236 9.4%, 0.3791 10.66%, 0.4327 11.91%, 0.4836 13.17%, 0.5432 14.73%, 0.5872 15.99%, 0.6281 17.24%, 0.6657 18.5%, 0.7002 19.75%, 0.739 21.32%, 0.7735 22.88%, 0.804 24.45%, 0.8307 26.02%, 0.8584 27.9%, 0.8782 29.47%, 0.8987 31.35%, 0.9158 33.23%, 0.9324 35.42%, 0.9459 37.62%, 0.9567 39.81%, 0.9666 42.32%, 0.9743 44.83%, 0.9809 47.65%, 0.9863 50.78%, 0.9935 57.68%, 0.9975 66.46%, 0.9993 78.37%, 1)"
|
|
2635
|
+
};
|
|
2328
2636
|
var splitButtonLargeTokens = {
|
|
2329
2637
|
betweenSpace: 2,
|
|
2330
2638
|
containerHeight: 96,
|
|
@@ -2789,7 +3097,26 @@ var tonalButtonTokens = {
|
|
|
2789
3097
|
};
|
|
2790
3098
|
var appBar = {
|
|
2791
3099
|
topAppBarHorizontalPadding: 4,
|
|
2792
|
-
topAppBarTitleInset: 12
|
|
3100
|
+
topAppBarTitleInset: 12,
|
|
3101
|
+
topAppBarExpandedHeight: 64,
|
|
3102
|
+
topAppBarMediumCollapsedHeight: 64,
|
|
3103
|
+
topAppBarMediumFlexibleExpandedHeight: 112,
|
|
3104
|
+
topAppBarMediumFlexibleWithSubtitleExpandedHeight: 136,
|
|
3105
|
+
topAppBarLargeCollapsedHeight: 64,
|
|
3106
|
+
topAppBarLargeFlexibleExpandedHeight: 120,
|
|
3107
|
+
topAppBarLargeFlexibleWithSubtitleExpandedHeight: 152,
|
|
3108
|
+
topAppBarTwoRowsCollapsedHeight: 64,
|
|
3109
|
+
topAppBarTwoRowsExpandedHeight: 112,
|
|
3110
|
+
topAppBarTwoRowsWithSubtitleExpandedHeight: 136,
|
|
3111
|
+
topAppBarMediumTitleBottomPadding: 24,
|
|
3112
|
+
topAppBarLargeTitleBottomPadding: 28,
|
|
3113
|
+
topAppBarTwoRowsTitleBottomPadding: 0,
|
|
3114
|
+
topAppBarSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
3115
|
+
topAppBarSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
3116
|
+
topAppBarSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)",
|
|
3117
|
+
topAppBarSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)",
|
|
3118
|
+
topAppBarTopTitleAlphaEasing: "cubic-bezier(0.8, 0, 0.8, 0.15)",
|
|
3119
|
+
topAppBarContainerColorEasing: "cubic-bezier(0.4, 0, 1, 1)"
|
|
2793
3120
|
};
|
|
2794
3121
|
var vibrantMenuTokens = {
|
|
2795
3122
|
buttonIconIconColorDisabled: "var(--m3e-sys-color-on-tertiary-container)",
|
|
@@ -2878,6 +3205,6 @@ var xSmallIconButtonTokens = {
|
|
|
2878
3205
|
wideTrailingSpace: 10
|
|
2879
3206
|
};
|
|
2880
3207
|
|
|
2881
|
-
export { appBar, appBarLargeFlexibleTokens, appBarLargeTokens, appBarMediumFlexibleTokens, appBarMediumTokens, appBarSmallTokens, appBarTokens, assistChipDefaults, assistChipTokens, badgeTokens, baselineButtonTokens, bottomAppBarTokens, buttonDefaults, buttonGroupSmallTokens, buttonLargeTokens, buttonMediumTokens, buttonSmallTokens, buttonXLargeTokens, buttonXSmallTokens, checkboxTokens, chipsTokens, circularProgressIndicatorTokens, connectedButtonGroupSmallTokens, dateInputModalTokens, datePickerModalTokens, dialogTokens, dividerTokens, 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, floatingToolbarTokens, inputChipTokens, largeIconButtonTokens, linearProgressIndicatorTokens, listTokens, loadingIndicator, loadingIndicatorTokens, mediumIconButtonTokens, menuTokens, navigationBarHorizontalItemTokens, navigationBarTokens, navigationBarVerticalItemTokens, navigationDefaults, navigationDrawerTokens, navigationRailBaselineItemTokens, navigationRailCollapsedTokens, navigationRailColorTokens, navigationRailExpandedTokens, navigationRailHorizontalItemTokens, navigationRailVerticalItemTokens, outlinedAutocompleteTokens, outlinedButtonTokens, outlinedCardTokens, outlinedIconButtonTokens, outlinedSegmentedButtonTokens, outlinedTextFieldTokens, plainTooltipTokens, primaryNavigationTabTokens, progressIndicatorTokens, radioButtonTokens, reorderListTokens, revealListTokens, richTooltipTokens, scrimTokens, searchBarTokens, searchViewTokens, secondaryNavigationTabTokens, segmentedMenuTokens, sheetBottomTokens, sliderTokens, smallIconButtonTokens, snackbarTokens, splitButtonLargeTokens, splitButtonMediumTokens, splitButtonSmallTokens, splitButtonXLargeTokens, splitButtonXSmallTokens, standardIconButtonTokens, standardMenuTokens, suggestionChipTokens, switchTokens, textButtonTokens, timeInputTokens, timePickerTokens, tonalButtonTokens, vibrantMenuTokens, xLargeIconButtonTokens, xSmallIconButtonTokens };
|
|
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 };
|
|
2882
3209
|
//# sourceMappingURL=components.js.map
|
|
2883
3210
|
//# sourceMappingURL=components.js.map
|