@kyralabs/m3e-tokens 1.1.0 → 1.3.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/README.md +28 -2
- package/dist/components.d.ts +132 -1
- package/dist/components.js +127 -1
- package/dist/components.js.map +1 -1
- package/dist/generated/components/button-group-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/menu-defaults.css +1 -0
- package/dist/generated/components/split-button-defaults.css +1 -0
- package/fonts/fonts-rond.css +117 -0
- package/fonts/google-sans-flex-rond-canadian-aboriginal.woff2 +0 -0
- package/fonts/google-sans-flex-rond-cherokee.woff2 +0 -0
- package/fonts/google-sans-flex-rond-latin-ext.woff2 +0 -0
- package/fonts/google-sans-flex-rond-latin.woff2 +0 -0
- package/fonts/google-sans-flex-rond-math.woff2 +0 -0
- package/fonts/google-sans-flex-rond-nushu.woff2 +0 -0
- package/fonts/google-sans-flex-rond-symbols.woff2 +0 -0
- package/fonts/google-sans-flex-rond-syriac.woff2 +0 -0
- package/fonts/google-sans-flex-rond-tifinagh.woff2 +0 -0
- package/fonts/google-sans-flex-rond-vietnamese.woff2 +0 -0
- package/fonts/google-sans-flex.manifest.json +62 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -56,8 +56,34 @@ The CLI flags are `--secondary`, `--tertiary`, `--neutral`, `--neutral-variant`
|
|
|
56
56
|
With spec 2025 (the `tonalSpot`, `neutral`, `vibrant` and `expressive` variants) the outline and
|
|
57
57
|
surface-variant roles come from the neutral palette, so `neutralVariant` has no effect there.
|
|
58
58
|
|
|
59
|
+
## Font profiles
|
|
60
|
+
|
|
61
|
+
Import exactly one Google Sans Flex profile. Each registers the same `"Google Sans Flex"` family,
|
|
62
|
+
so the others are drop-in replacements for `fonts.css`, imported instead of it, not beside it.
|
|
63
|
+
|
|
64
|
+
| Entry | Variable axes | Latin chunk | All chunks |
|
|
65
|
+
| ------------------- | ---------------------------- | ----------- | ---------- |
|
|
66
|
+
| `./fonts.css` | wght, opsz (default) | 138.8 KiB | 328.5 KiB |
|
|
67
|
+
| `./fonts-rond.css` | wght, opsz, ROND | 205.2 KiB | 468.1 KiB |
|
|
68
|
+
| `./fonts-full.css` | wght, opsz, ROND, wdth, slnt | 1020.8 KiB | 2026.8 KiB |
|
|
69
|
+
|
|
70
|
+
Axes a profile drops are fixed at their defaults (wdth 100, ROND 0, slnt 0), so every profile
|
|
71
|
+
renders the typescale identically. Browsers download only the chunks a page's text needs.
|
|
72
|
+
`fonts-rond.css` adds roundness (0–100, default 0), which CSS can set only through
|
|
73
|
+
`font-variation-settings`; that property replaces any inherited value rather than merging with it,
|
|
74
|
+
so repeat other axes you set in the same declaration:
|
|
75
|
+
|
|
76
|
+
```css
|
|
77
|
+
@import '@kyralabs/m3e-tokens/fonts-rond.css'; /* instead of fonts.css */
|
|
78
|
+
|
|
79
|
+
.playful {
|
|
80
|
+
font-variation-settings: 'ROND' 100;
|
|
81
|
+
}
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
The typescale tokens do not use ROND, wdth or slnt (no Material source specifies values).
|
|
85
|
+
|
|
59
86
|
Other entries: `./components/<name>.css` (component tokens), `./material-symbols.css` (Rounded;
|
|
60
|
-
`-outlined` and `-sharp` too),
|
|
61
|
-
objects from `.` and `./components`.
|
|
87
|
+
`-outlined` and `-sharp` too), and JS token objects from `.` and `./components`.
|
|
62
88
|
|
|
63
89
|
Apache-2.0; see `LICENSE` and `NOTICE`. The bundled fonts carry their own licenses in `fonts/`.
|
package/dist/components.d.ts
CHANGED
|
@@ -229,6 +229,35 @@ declare const buttonDefaults: {
|
|
|
229
229
|
readonly toggleButtonSmallPressedShape: 6;
|
|
230
230
|
readonly minimumInteractiveComponentSize: 48;
|
|
231
231
|
};
|
|
232
|
+
/** ButtonGroupDefaults */
|
|
233
|
+
declare const buttonGroupDefaults: {
|
|
234
|
+
readonly buttonGroupExpandedRatio: 0.15;
|
|
235
|
+
readonly buttonGroupWidthSpringDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
236
|
+
readonly buttonGroupWidthSpringStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
237
|
+
readonly buttonGroupWidthSpringDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
238
|
+
readonly buttonGroupReleaseThreshold: 0.75;
|
|
239
|
+
readonly buttonGroupReleaseMaxWait: 1000;
|
|
240
|
+
readonly buttonGroupXSmallBetweenSpace: 18;
|
|
241
|
+
readonly connectedButtonGroupXSmallBetweenSpace: "var(--m3e-sys-space-25)";
|
|
242
|
+
readonly connectedButtonGroupXSmallInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)";
|
|
243
|
+
readonly connectedButtonGroupXSmallInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)";
|
|
244
|
+
readonly connectedButtonGroupXSmallInnerCornerCornerSizePercentSelected: 50;
|
|
245
|
+
readonly buttonGroupMediumBetweenSpace: "var(--m3e-sys-space-100)";
|
|
246
|
+
readonly connectedButtonGroupMediumBetweenSpace: "var(--m3e-sys-space-25)";
|
|
247
|
+
readonly connectedButtonGroupMediumInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)";
|
|
248
|
+
readonly connectedButtonGroupMediumInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)";
|
|
249
|
+
readonly connectedButtonGroupMediumInnerCornerCornerSizePercentSelected: 50;
|
|
250
|
+
readonly buttonGroupLargeBetweenSpace: "var(--m3e-sys-space-100)";
|
|
251
|
+
readonly connectedButtonGroupLargeBetweenSpace: "var(--m3e-sys-space-25)";
|
|
252
|
+
readonly connectedButtonGroupLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large)";
|
|
253
|
+
readonly connectedButtonGroupLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-medium)";
|
|
254
|
+
readonly connectedButtonGroupLargeInnerCornerCornerSizePercentSelected: 50;
|
|
255
|
+
readonly buttonGroupXLargeBetweenSpace: "var(--m3e-sys-space-100)";
|
|
256
|
+
readonly connectedButtonGroupXLargeBetweenSpace: "var(--m3e-sys-space-25)";
|
|
257
|
+
readonly connectedButtonGroupXLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large-increased)";
|
|
258
|
+
readonly connectedButtonGroupXLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-large)";
|
|
259
|
+
readonly connectedButtonGroupXLargeInnerCornerCornerSizePercentSelected: 50;
|
|
260
|
+
};
|
|
232
261
|
/** ButtonGroupSmallTokens */
|
|
233
262
|
declare const buttonGroupSmallTokens: {
|
|
234
263
|
readonly betweenSpace: 12;
|
|
@@ -734,6 +763,33 @@ declare const fabBaselineTokens: {
|
|
|
734
763
|
readonly containerWidth: 56;
|
|
735
764
|
readonly iconSize: 24;
|
|
736
765
|
};
|
|
766
|
+
/** FloatingActionButtonDefaults */
|
|
767
|
+
declare const floatingActionButtonDefaults: {
|
|
768
|
+
readonly fabDefaultsLargeIconSize: 36;
|
|
769
|
+
readonly fabDefaultsMediumShape: "var(--m3e-sys-shape-corner-large-increased)";
|
|
770
|
+
readonly fabDefaultsMediumExtendedShape: "var(--m3e-sys-shape-corner-large-increased)";
|
|
771
|
+
readonly fabDefaultsMediumExtendedIconPadding: 12;
|
|
772
|
+
readonly fabDefaultsLargeExtendedIconPadding: 16;
|
|
773
|
+
readonly fabDefaultsSmallExtendedLabelFont: "var(--m3e-sys-typescale-title-medium-font)";
|
|
774
|
+
readonly fabDefaultsSmallExtendedLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)";
|
|
775
|
+
readonly fabDefaultsSmallExtendedLabelSize: "var(--m3e-sys-typescale-title-medium-size)";
|
|
776
|
+
readonly fabDefaultsSmallExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)";
|
|
777
|
+
readonly fabDefaultsSmallExtendedLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)";
|
|
778
|
+
readonly fabDefaultsMediumExtendedLabelFont: "var(--m3e-sys-typescale-title-large-font)";
|
|
779
|
+
readonly fabDefaultsMediumExtendedLabelWeight: "var(--m3e-sys-typescale-title-large-weight)";
|
|
780
|
+
readonly fabDefaultsMediumExtendedLabelSize: "var(--m3e-sys-typescale-title-large-size)";
|
|
781
|
+
readonly fabDefaultsMediumExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-large-line-height)";
|
|
782
|
+
readonly fabDefaultsMediumExtendedLabelTracking: "var(--m3e-sys-typescale-title-large-tracking)";
|
|
783
|
+
readonly fabDefaultsLargeExtendedLabelFont: "var(--m3e-sys-typescale-headline-small-font)";
|
|
784
|
+
readonly fabDefaultsLargeExtendedLabelWeight: "var(--m3e-sys-typescale-headline-small-weight)";
|
|
785
|
+
readonly fabDefaultsLargeExtendedLabelSize: "var(--m3e-sys-typescale-headline-small-size)";
|
|
786
|
+
readonly fabDefaultsLargeExtendedLabelLineHeight: "var(--m3e-sys-typescale-headline-small-line-height)";
|
|
787
|
+
readonly fabDefaultsLargeExtendedLabelTracking: "var(--m3e-sys-typescale-headline-small-tracking)";
|
|
788
|
+
readonly fabDefaultsExtendedWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
789
|
+
readonly fabDefaultsExtendedWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
790
|
+
readonly fabDefaultsExtendedLabelOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
791
|
+
readonly fabDefaultsExtendedLabelOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
792
|
+
};
|
|
737
793
|
/** FabLargeTokens */
|
|
738
794
|
declare const fabLargeTokens: {
|
|
739
795
|
readonly containerHeight: 96;
|
|
@@ -764,6 +820,43 @@ declare const fabMenuBaselineTokens: {
|
|
|
764
820
|
readonly listItemLeadingSpace: 24;
|
|
765
821
|
readonly listItemTrailingSpace: 24;
|
|
766
822
|
};
|
|
823
|
+
/** FloatingActionButtonMenuDefaults */
|
|
824
|
+
declare const floatingActionButtonMenuDefaults: {
|
|
825
|
+
readonly fabMenuDefaultsToggleInitialCornerRadius: 16;
|
|
826
|
+
readonly fabMenuDefaultsToggleMediumInitialCornerRadius: 20;
|
|
827
|
+
readonly fabMenuDefaultsToggleLargeInitialCornerRadius: 28;
|
|
828
|
+
readonly fabMenuDefaultsToggleLargeInitialIconSize: 36;
|
|
829
|
+
readonly fabMenuDefaultsToggleFinalCornerRadius: 28;
|
|
830
|
+
readonly fabMenuDefaultsPaddingHorizontal: 16;
|
|
831
|
+
readonly fabMenuDefaultsButtonPaddingBottom: 16;
|
|
832
|
+
readonly fabMenuDefaultsToggleContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
833
|
+
readonly fabMenuDefaultsToggleCheckedContainerColor: "var(--m3e-sys-color-primary)";
|
|
834
|
+
readonly fabMenuDefaultsToggleIconColor: "var(--m3e-sys-color-on-primary-container)";
|
|
835
|
+
readonly fabMenuDefaultsToggleCheckedIconColor: "var(--m3e-sys-color-on-primary)";
|
|
836
|
+
readonly fabMenuDefaultsItemContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
837
|
+
readonly fabMenuDefaultsItemLabelFont: "var(--m3e-sys-typescale-title-medium-font)";
|
|
838
|
+
readonly fabMenuDefaultsItemLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)";
|
|
839
|
+
readonly fabMenuDefaultsItemLabelSize: "var(--m3e-sys-typescale-title-medium-size)";
|
|
840
|
+
readonly fabMenuDefaultsItemLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)";
|
|
841
|
+
readonly fabMenuDefaultsItemLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)";
|
|
842
|
+
readonly fabMenuDefaultsToggleProgressDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
843
|
+
readonly fabMenuDefaultsToggleProgressEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
844
|
+
readonly fabMenuDefaultsToggleProgressDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
845
|
+
readonly fabMenuDefaultsToggleProgressStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
846
|
+
readonly fabMenuDefaultsItemWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
847
|
+
readonly fabMenuDefaultsItemWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
848
|
+
readonly fabMenuDefaultsItemWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
849
|
+
readonly fabMenuDefaultsItemWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
850
|
+
readonly fabMenuDefaultsItemOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)";
|
|
851
|
+
readonly fabMenuDefaultsItemOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)";
|
|
852
|
+
readonly fabMenuDefaultsItemOpacityDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)";
|
|
853
|
+
readonly fabMenuDefaultsItemOpacityStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)";
|
|
854
|
+
readonly fabMenuDefaultsStaggerDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)";
|
|
855
|
+
readonly fabMenuDefaultsStaggerEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)";
|
|
856
|
+
readonly fabMenuDefaultsStaggerDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)";
|
|
857
|
+
readonly fabMenuDefaultsStaggerStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)";
|
|
858
|
+
readonly fabMenuDefaultsStaggerVisibilityThreshold: 1;
|
|
859
|
+
};
|
|
767
860
|
/** FabPrimaryContainerTokens */
|
|
768
861
|
declare const fabPrimaryContainerTokens: {
|
|
769
862
|
readonly containerColor: "var(--m3e-sys-color-primary-container)";
|
|
@@ -1499,6 +1592,29 @@ declare const menuTokens: {
|
|
|
1499
1592
|
readonly listItemLeadingTrailingIconColorSelected: "var(--m3e-sys-color-on-secondary-container)";
|
|
1500
1593
|
readonly menuListItemLeadingIconColor: "var(--m3e-sys-color-on-secondary-container)";
|
|
1501
1594
|
};
|
|
1595
|
+
/** MenuDefaults */
|
|
1596
|
+
declare const menuDefaults: {
|
|
1597
|
+
readonly menuVerticalMargin: 48;
|
|
1598
|
+
readonly menuHorizontalMargin: 8;
|
|
1599
|
+
readonly menuBaselineHorizontalMargin: 0;
|
|
1600
|
+
readonly menuBaselineVerticalPadding: 8;
|
|
1601
|
+
readonly menuBaselineItemHeight: 48;
|
|
1602
|
+
readonly menuItemHorizontalPadding: 12;
|
|
1603
|
+
readonly menuItemVerticalPadding: 12;
|
|
1604
|
+
readonly menuItemOuterPaddingHorizontal: 4;
|
|
1605
|
+
readonly menuItemOuterPaddingVerticalSupporting: 2;
|
|
1606
|
+
readonly menuItemIconLabelSpace: 8;
|
|
1607
|
+
readonly menuItemMinWidth: 112;
|
|
1608
|
+
readonly menuItemMaxWidth: 280;
|
|
1609
|
+
readonly menuGroupVerticalPadding: 2;
|
|
1610
|
+
readonly menuGroupLabelMinHeight: 32;
|
|
1611
|
+
readonly menuGroupLabelPaddingStart: 12;
|
|
1612
|
+
readonly menuGroupLabelPaddingEnd: 4;
|
|
1613
|
+
readonly menuDividerPaddingHorizontal: 12;
|
|
1614
|
+
readonly menuDividerPaddingVertical: 2;
|
|
1615
|
+
readonly menuClosedScale: 0.8;
|
|
1616
|
+
readonly menuClosedOpacity: 0;
|
|
1617
|
+
};
|
|
1502
1618
|
/** NavigationBarTokens */
|
|
1503
1619
|
declare const navigationBarTokens: {
|
|
1504
1620
|
readonly containerColor: "var(--m3e-sys-color-surface-container)";
|
|
@@ -2417,6 +2533,21 @@ declare const snackbarTokens: {
|
|
|
2417
2533
|
readonly singleLineContainerHeight: 48;
|
|
2418
2534
|
readonly twoLinesContainerHeight: 68;
|
|
2419
2535
|
};
|
|
2536
|
+
/** SplitButtonDefaults */
|
|
2537
|
+
declare const splitButtonDefaults: {
|
|
2538
|
+
readonly splitButtonSpacing: 2;
|
|
2539
|
+
readonly splitButtonLeadingButtonMinWidth: 48;
|
|
2540
|
+
readonly splitButtonTrailingButtonMinWidth: 48;
|
|
2541
|
+
readonly splitButtonTrailingButtonStateLayerOpacityChecked: "var(--m3e-sys-state-pressed-state-layer-opacity)";
|
|
2542
|
+
readonly splitButtonShapeDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
2543
|
+
readonly splitButtonShapeEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
2544
|
+
readonly splitButtonCenterOpticallyCoefficient: 0.11;
|
|
2545
|
+
readonly splitButtonTrailingIconRotationChecked: 180;
|
|
2546
|
+
readonly splitButtonTrailingIconRotationDampingRatio: 1;
|
|
2547
|
+
readonly splitButtonTrailingIconRotationStiffness: 1500;
|
|
2548
|
+
readonly splitButtonTrailingIconRotationDuration: 319;
|
|
2549
|
+
readonly 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)";
|
|
2550
|
+
};
|
|
2420
2551
|
/** SplitButtonLargeTokens */
|
|
2421
2552
|
declare const splitButtonLargeTokens: {
|
|
2422
2553
|
readonly betweenSpace: 2;
|
|
@@ -2987,4 +3118,4 @@ declare const xSmallIconButtonTokens: {
|
|
|
2987
3118
|
readonly wideTrailingSpace: 10;
|
|
2988
3119
|
};
|
|
2989
3120
|
|
|
2990
|
-
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 };
|
|
3121
|
+
export { appBar, appBarLargeFlexibleTokens, appBarLargeTokens, appBarMediumFlexibleTokens, appBarMediumTokens, appBarSmallTokens, appBarTokens, assistChipDefaults, assistChipTokens, badgeTokens, baselineButtonTokens, bottomAppBarTokens, buttonDefaults, buttonGroupDefaults, 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, floatingActionButtonDefaults, floatingActionButtonMenuDefaults, 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, progressIndicatorTokens, radioButtonTokens, reorderListTokens, revealListTokens, richTooltipTokens, scrimTokens, 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 };
|
package/dist/components.js
CHANGED
|
@@ -218,6 +218,34 @@ var buttonDefaults = {
|
|
|
218
218
|
toggleButtonSmallPressedShape: 6,
|
|
219
219
|
minimumInteractiveComponentSize: 48
|
|
220
220
|
};
|
|
221
|
+
var buttonGroupDefaults = {
|
|
222
|
+
buttonGroupExpandedRatio: 0.15,
|
|
223
|
+
buttonGroupWidthSpringDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
224
|
+
buttonGroupWidthSpringStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
225
|
+
buttonGroupWidthSpringDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
226
|
+
buttonGroupReleaseThreshold: 0.75,
|
|
227
|
+
buttonGroupReleaseMaxWait: 1e3,
|
|
228
|
+
buttonGroupXSmallBetweenSpace: 18,
|
|
229
|
+
connectedButtonGroupXSmallBetweenSpace: "var(--m3e-sys-space-25)",
|
|
230
|
+
connectedButtonGroupXSmallInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)",
|
|
231
|
+
connectedButtonGroupXSmallInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)",
|
|
232
|
+
connectedButtonGroupXSmallInnerCornerCornerSizePercentSelected: 50,
|
|
233
|
+
buttonGroupMediumBetweenSpace: "var(--m3e-sys-space-100)",
|
|
234
|
+
connectedButtonGroupMediumBetweenSpace: "var(--m3e-sys-space-25)",
|
|
235
|
+
connectedButtonGroupMediumInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-small)",
|
|
236
|
+
connectedButtonGroupMediumInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-extra-small)",
|
|
237
|
+
connectedButtonGroupMediumInnerCornerCornerSizePercentSelected: 50,
|
|
238
|
+
buttonGroupLargeBetweenSpace: "var(--m3e-sys-space-100)",
|
|
239
|
+
connectedButtonGroupLargeBetweenSpace: "var(--m3e-sys-space-25)",
|
|
240
|
+
connectedButtonGroupLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large)",
|
|
241
|
+
connectedButtonGroupLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-medium)",
|
|
242
|
+
connectedButtonGroupLargeInnerCornerCornerSizePercentSelected: 50,
|
|
243
|
+
buttonGroupXLargeBetweenSpace: "var(--m3e-sys-space-100)",
|
|
244
|
+
connectedButtonGroupXLargeBetweenSpace: "var(--m3e-sys-space-25)",
|
|
245
|
+
connectedButtonGroupXLargeInnerCornerCornerSize: "var(--m3e-sys-shape-corner-value-large-increased)",
|
|
246
|
+
connectedButtonGroupXLargeInnerCornerCornerSizePressed: "var(--m3e-sys-shape-corner-value-large)",
|
|
247
|
+
connectedButtonGroupXLargeInnerCornerCornerSizePercentSelected: 50
|
|
248
|
+
};
|
|
221
249
|
var buttonGroupSmallTokens = {
|
|
222
250
|
betweenSpace: 12,
|
|
223
251
|
containerHeight: 40
|
|
@@ -698,6 +726,32 @@ var fabBaselineTokens = {
|
|
|
698
726
|
containerWidth: 56,
|
|
699
727
|
iconSize: 24
|
|
700
728
|
};
|
|
729
|
+
var floatingActionButtonDefaults = {
|
|
730
|
+
fabDefaultsLargeIconSize: 36,
|
|
731
|
+
fabDefaultsMediumShape: "var(--m3e-sys-shape-corner-large-increased)",
|
|
732
|
+
fabDefaultsMediumExtendedShape: "var(--m3e-sys-shape-corner-large-increased)",
|
|
733
|
+
fabDefaultsMediumExtendedIconPadding: 12,
|
|
734
|
+
fabDefaultsLargeExtendedIconPadding: 16,
|
|
735
|
+
fabDefaultsSmallExtendedLabelFont: "var(--m3e-sys-typescale-title-medium-font)",
|
|
736
|
+
fabDefaultsSmallExtendedLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)",
|
|
737
|
+
fabDefaultsSmallExtendedLabelSize: "var(--m3e-sys-typescale-title-medium-size)",
|
|
738
|
+
fabDefaultsSmallExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)",
|
|
739
|
+
fabDefaultsSmallExtendedLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)",
|
|
740
|
+
fabDefaultsMediumExtendedLabelFont: "var(--m3e-sys-typescale-title-large-font)",
|
|
741
|
+
fabDefaultsMediumExtendedLabelWeight: "var(--m3e-sys-typescale-title-large-weight)",
|
|
742
|
+
fabDefaultsMediumExtendedLabelSize: "var(--m3e-sys-typescale-title-large-size)",
|
|
743
|
+
fabDefaultsMediumExtendedLabelLineHeight: "var(--m3e-sys-typescale-title-large-line-height)",
|
|
744
|
+
fabDefaultsMediumExtendedLabelTracking: "var(--m3e-sys-typescale-title-large-tracking)",
|
|
745
|
+
fabDefaultsLargeExtendedLabelFont: "var(--m3e-sys-typescale-headline-small-font)",
|
|
746
|
+
fabDefaultsLargeExtendedLabelWeight: "var(--m3e-sys-typescale-headline-small-weight)",
|
|
747
|
+
fabDefaultsLargeExtendedLabelSize: "var(--m3e-sys-typescale-headline-small-size)",
|
|
748
|
+
fabDefaultsLargeExtendedLabelLineHeight: "var(--m3e-sys-typescale-headline-small-line-height)",
|
|
749
|
+
fabDefaultsLargeExtendedLabelTracking: "var(--m3e-sys-typescale-headline-small-tracking)",
|
|
750
|
+
fabDefaultsExtendedWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
751
|
+
fabDefaultsExtendedWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
752
|
+
fabDefaultsExtendedLabelOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
753
|
+
fabDefaultsExtendedLabelOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)"
|
|
754
|
+
};
|
|
701
755
|
var fabLargeTokens = {
|
|
702
756
|
containerHeight: 96,
|
|
703
757
|
containerShape: "var(--m3e-sys-shape-corner-extra-large)",
|
|
@@ -725,6 +779,42 @@ var fabMenuBaselineTokens = {
|
|
|
725
779
|
listItemLeadingSpace: 24,
|
|
726
780
|
listItemTrailingSpace: 24
|
|
727
781
|
};
|
|
782
|
+
var floatingActionButtonMenuDefaults = {
|
|
783
|
+
fabMenuDefaultsToggleInitialCornerRadius: 16,
|
|
784
|
+
fabMenuDefaultsToggleMediumInitialCornerRadius: 20,
|
|
785
|
+
fabMenuDefaultsToggleLargeInitialCornerRadius: 28,
|
|
786
|
+
fabMenuDefaultsToggleLargeInitialIconSize: 36,
|
|
787
|
+
fabMenuDefaultsToggleFinalCornerRadius: 28,
|
|
788
|
+
fabMenuDefaultsPaddingHorizontal: 16,
|
|
789
|
+
fabMenuDefaultsButtonPaddingBottom: 16,
|
|
790
|
+
fabMenuDefaultsToggleContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
791
|
+
fabMenuDefaultsToggleCheckedContainerColor: "var(--m3e-sys-color-primary)",
|
|
792
|
+
fabMenuDefaultsToggleIconColor: "var(--m3e-sys-color-on-primary-container)",
|
|
793
|
+
fabMenuDefaultsToggleCheckedIconColor: "var(--m3e-sys-color-on-primary)",
|
|
794
|
+
fabMenuDefaultsItemContainerColor: "var(--m3e-sys-color-primary-container)",
|
|
795
|
+
fabMenuDefaultsItemLabelFont: "var(--m3e-sys-typescale-title-medium-font)",
|
|
796
|
+
fabMenuDefaultsItemLabelWeight: "var(--m3e-sys-typescale-title-medium-weight)",
|
|
797
|
+
fabMenuDefaultsItemLabelSize: "var(--m3e-sys-typescale-title-medium-size)",
|
|
798
|
+
fabMenuDefaultsItemLabelLineHeight: "var(--m3e-sys-typescale-title-medium-line-height)",
|
|
799
|
+
fabMenuDefaultsItemLabelTracking: "var(--m3e-sys-typescale-title-medium-tracking)",
|
|
800
|
+
fabMenuDefaultsToggleProgressDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
801
|
+
fabMenuDefaultsToggleProgressEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
802
|
+
fabMenuDefaultsToggleProgressDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
803
|
+
fabMenuDefaultsToggleProgressStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
804
|
+
fabMenuDefaultsItemWidthDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)",
|
|
805
|
+
fabMenuDefaultsItemWidthEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)",
|
|
806
|
+
fabMenuDefaultsItemWidthDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)",
|
|
807
|
+
fabMenuDefaultsItemWidthStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)",
|
|
808
|
+
fabMenuDefaultsItemOpacityDuration: "var(--m3e-sys-motion-spring-fast-effects-duration)",
|
|
809
|
+
fabMenuDefaultsItemOpacityEasing: "var(--m3e-sys-motion-spring-fast-effects-easing)",
|
|
810
|
+
fabMenuDefaultsItemOpacityDampingRatio: "var(--m3e-sys-motion-spring-fast-effects-damping-ratio)",
|
|
811
|
+
fabMenuDefaultsItemOpacityStiffness: "var(--m3e-sys-motion-spring-fast-effects-stiffness)",
|
|
812
|
+
fabMenuDefaultsStaggerDuration: "var(--m3e-sys-motion-spring-slow-effects-duration)",
|
|
813
|
+
fabMenuDefaultsStaggerEasing: "var(--m3e-sys-motion-spring-slow-effects-easing)",
|
|
814
|
+
fabMenuDefaultsStaggerDampingRatio: "var(--m3e-sys-motion-spring-slow-effects-damping-ratio)",
|
|
815
|
+
fabMenuDefaultsStaggerStiffness: "var(--m3e-sys-motion-spring-slow-effects-stiffness)",
|
|
816
|
+
fabMenuDefaultsStaggerVisibilityThreshold: 1
|
|
817
|
+
};
|
|
728
818
|
var fabPrimaryContainerTokens = {
|
|
729
819
|
containerColor: "var(--m3e-sys-color-primary-container)",
|
|
730
820
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -1440,6 +1530,28 @@ var menuTokens = {
|
|
|
1440
1530
|
listItemLeadingTrailingIconColorSelected: "var(--m3e-sys-color-on-secondary-container)",
|
|
1441
1531
|
menuListItemLeadingIconColor: "var(--m3e-sys-color-on-secondary-container)"
|
|
1442
1532
|
};
|
|
1533
|
+
var menuDefaults = {
|
|
1534
|
+
menuVerticalMargin: 48,
|
|
1535
|
+
menuHorizontalMargin: 8,
|
|
1536
|
+
menuBaselineHorizontalMargin: 0,
|
|
1537
|
+
menuBaselineVerticalPadding: 8,
|
|
1538
|
+
menuBaselineItemHeight: 48,
|
|
1539
|
+
menuItemHorizontalPadding: 12,
|
|
1540
|
+
menuItemVerticalPadding: 12,
|
|
1541
|
+
menuItemOuterPaddingHorizontal: 4,
|
|
1542
|
+
menuItemOuterPaddingVerticalSupporting: 2,
|
|
1543
|
+
menuItemIconLabelSpace: 8,
|
|
1544
|
+
menuItemMinWidth: 112,
|
|
1545
|
+
menuItemMaxWidth: 280,
|
|
1546
|
+
menuGroupVerticalPadding: 2,
|
|
1547
|
+
menuGroupLabelMinHeight: 32,
|
|
1548
|
+
menuGroupLabelPaddingStart: 12,
|
|
1549
|
+
menuGroupLabelPaddingEnd: 4,
|
|
1550
|
+
menuDividerPaddingHorizontal: 12,
|
|
1551
|
+
menuDividerPaddingVertical: 2,
|
|
1552
|
+
menuClosedScale: 0.8,
|
|
1553
|
+
menuClosedOpacity: 0
|
|
1554
|
+
};
|
|
1443
1555
|
var navigationBarTokens = {
|
|
1444
1556
|
containerColor: "var(--m3e-sys-color-surface-container)",
|
|
1445
1557
|
containerElevation: "var(--m3e-sys-elevation-level2)",
|
|
@@ -2325,6 +2437,20 @@ var snackbarTokens = {
|
|
|
2325
2437
|
singleLineContainerHeight: 48,
|
|
2326
2438
|
twoLinesContainerHeight: 68
|
|
2327
2439
|
};
|
|
2440
|
+
var splitButtonDefaults = {
|
|
2441
|
+
splitButtonSpacing: 2,
|
|
2442
|
+
splitButtonLeadingButtonMinWidth: 48,
|
|
2443
|
+
splitButtonTrailingButtonMinWidth: 48,
|
|
2444
|
+
splitButtonTrailingButtonStateLayerOpacityChecked: "var(--m3e-sys-state-pressed-state-layer-opacity)",
|
|
2445
|
+
splitButtonShapeDuration: "var(--m3e-sys-motion-spring-default-effects-duration)",
|
|
2446
|
+
splitButtonShapeEasing: "var(--m3e-sys-motion-spring-default-effects-easing)",
|
|
2447
|
+
splitButtonCenterOpticallyCoefficient: 0.11,
|
|
2448
|
+
splitButtonTrailingIconRotationChecked: 180,
|
|
2449
|
+
splitButtonTrailingIconRotationDampingRatio: 1,
|
|
2450
|
+
splitButtonTrailingIconRotationStiffness: 1500,
|
|
2451
|
+
splitButtonTrailingIconRotationDuration: 319,
|
|
2452
|
+
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)"
|
|
2453
|
+
};
|
|
2328
2454
|
var splitButtonLargeTokens = {
|
|
2329
2455
|
betweenSpace: 2,
|
|
2330
2456
|
containerHeight: 96,
|
|
@@ -2878,6 +3004,6 @@ var xSmallIconButtonTokens = {
|
|
|
2878
3004
|
wideTrailingSpace: 10
|
|
2879
3005
|
};
|
|
2880
3006
|
|
|
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 };
|
|
3007
|
+
export { appBar, appBarLargeFlexibleTokens, appBarLargeTokens, appBarMediumFlexibleTokens, appBarMediumTokens, appBarSmallTokens, appBarTokens, assistChipDefaults, assistChipTokens, badgeTokens, baselineButtonTokens, bottomAppBarTokens, buttonDefaults, buttonGroupDefaults, 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, floatingActionButtonDefaults, floatingActionButtonMenuDefaults, 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, progressIndicatorTokens, radioButtonTokens, reorderListTokens, revealListTokens, richTooltipTokens, scrimTokens, 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
3008
|
//# sourceMappingURL=components.js.map
|
|
2883
3009
|
//# sourceMappingURL=components.js.map
|