@kyralabs/m3e-tokens 1.3.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 +207 -1
- package/dist/components.js +203 -2
- package/dist/components.js.map +1 -1
- package/dist/generated/components/bottom-app-bar-defaults.css +1 -0
- package/dist/generated/components/docked-toolbar-defaults.css +1 -0
- package/dist/generated/components/floating-toolbar-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/top-app-bar-defaults.css +1 -1
- package/package.json +1 -1
package/dist/components.d.ts
CHANGED
|
@@ -216,6 +216,21 @@ declare const bottomAppBarTokens: {
|
|
|
216
216
|
readonly containerHeight: 80;
|
|
217
217
|
readonly containerShape: "var(--m3e-sys-shape-corner-none)";
|
|
218
218
|
};
|
|
219
|
+
/** BottomAppBarDefaults */
|
|
220
|
+
declare const bottomAppBarDefaults: {
|
|
221
|
+
readonly bottomAppBarDefaultsContainerHeight: 80;
|
|
222
|
+
readonly bottomAppBarDefaultsHorizontalArrangement: "flex-start";
|
|
223
|
+
readonly bottomAppBarDefaultsContentPaddingHorizontal: 4;
|
|
224
|
+
readonly bottomAppBarDefaultsContentPaddingTop: 4;
|
|
225
|
+
readonly bottomAppBarDefaultsFabPaddingEnd: 12;
|
|
226
|
+
readonly bottomAppBarDefaultsFabPaddingTop: 8;
|
|
227
|
+
readonly bottomAppBarDefaultsContainerElevation: 0;
|
|
228
|
+
readonly bottomAppBarDefaultsContainerShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
229
|
+
readonly bottomAppBarDefaultsFabContainerColor: "var(--m3e-sys-color-secondary-container)";
|
|
230
|
+
readonly bottomAppBarDefaultsFabContentColor: "var(--m3e-sys-color-on-secondary-container)";
|
|
231
|
+
readonly bottomAppBarDefaultsFabElevation: 0;
|
|
232
|
+
readonly bottomAppBarDefaultsFabShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
233
|
+
};
|
|
219
234
|
/** ButtonDefaults */
|
|
220
235
|
declare const buttonDefaults: {
|
|
221
236
|
readonly buttonMinWidth: 58;
|
|
@@ -605,6 +620,26 @@ declare const dockedToolbarTokens: {
|
|
|
605
620
|
readonly containerShape: "var(--m3e-sys-shape-corner-none)";
|
|
606
621
|
readonly containerTrailingSpace: 16;
|
|
607
622
|
};
|
|
623
|
+
/** DockedToolbarDefaults */
|
|
624
|
+
declare const dockedToolbarDefaults: {
|
|
625
|
+
readonly dockedToolbarDefaultsContainerHeight: 64;
|
|
626
|
+
readonly dockedToolbarDefaultsContentPaddingStart: 16;
|
|
627
|
+
readonly dockedToolbarDefaultsContentPaddingEnd: 16;
|
|
628
|
+
readonly dockedToolbarDefaultsHorizontalArrangement: "space-between";
|
|
629
|
+
readonly dockedToolbarDefaultsFixedItemSpacing: 32;
|
|
630
|
+
readonly dockedToolbarDefaultsFixedHorizontalArrangement: "center";
|
|
631
|
+
readonly dockedToolbarDefaultsSpaceAroundArrangement: "space-around";
|
|
632
|
+
readonly dockedToolbarDefaultsSpaceEvenlyArrangement: "space-evenly";
|
|
633
|
+
readonly dockedToolbarDefaultsSpacedContentPadding: 0;
|
|
634
|
+
readonly dockedToolbarDefaultsContainerColor: "var(--m3e-sys-color-surface-container)";
|
|
635
|
+
readonly dockedToolbarDefaultsContentColor: "var(--m3e-sys-color-on-surface)";
|
|
636
|
+
readonly dockedToolbarDefaultsVibrantContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
637
|
+
readonly dockedToolbarDefaultsVibrantContentColor: "var(--m3e-sys-color-on-primary-container)";
|
|
638
|
+
readonly dockedToolbarDefaultsSnapDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
639
|
+
readonly dockedToolbarDefaultsSnapEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
640
|
+
readonly dockedToolbarDefaultsSnapDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
641
|
+
readonly dockedToolbarDefaultsSnapStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
642
|
+
};
|
|
608
643
|
/** DragHandleTokens */
|
|
609
644
|
declare const dragHandleTokens: {
|
|
610
645
|
readonly color: "var(--m3e-sys-color-outline)";
|
|
@@ -1298,6 +1333,53 @@ declare const floatingToolbarTokens: {
|
|
|
1298
1333
|
readonly vibrantButtonTextColorUnselected: "var(--m3e-sys-color-on-primary-container)";
|
|
1299
1334
|
readonly vibrantContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
1300
1335
|
};
|
|
1336
|
+
/** FloatingToolbarDefaults */
|
|
1337
|
+
declare const floatingToolbarDefaults: {
|
|
1338
|
+
readonly floatingToolbarDefaultsContainerSize: 64;
|
|
1339
|
+
readonly floatingToolbarDefaultsContentPaddingStart: 8;
|
|
1340
|
+
readonly floatingToolbarDefaultsContentPaddingTop: 8;
|
|
1341
|
+
readonly floatingToolbarDefaultsContentPaddingEnd: 8;
|
|
1342
|
+
readonly floatingToolbarDefaultsContentPaddingBottom: 8;
|
|
1343
|
+
readonly floatingToolbarDefaultsItemSpacing: 0;
|
|
1344
|
+
readonly floatingToolbarDefaultsScreenOffset: 16;
|
|
1345
|
+
readonly floatingToolbarDefaultsExpandedElevation: "var(--m3e-sys-elevation-level0)";
|
|
1346
|
+
readonly floatingToolbarDefaultsExpandedShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
1347
|
+
readonly floatingToolbarDefaultsCollapsedElevation: "var(--m3e-sys-elevation-level0)";
|
|
1348
|
+
readonly floatingToolbarDefaultsCollapsedShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
1349
|
+
readonly floatingToolbarDefaultsExpandedElevationWithFab: "var(--m3e-sys-elevation-level1)";
|
|
1350
|
+
readonly floatingToolbarDefaultsExpandedShadowWithFab: "var(--m3e-sys-elevation-level1-shadow)";
|
|
1351
|
+
readonly floatingToolbarDefaultsCollapsedElevationWithFab: "var(--m3e-sys-elevation-level0)";
|
|
1352
|
+
readonly floatingToolbarDefaultsCollapsedShadowWithFab: "var(--m3e-sys-elevation-level0-shadow)";
|
|
1353
|
+
readonly floatingToolbarDefaultsToolbarToFabGap: 8;
|
|
1354
|
+
readonly floatingToolbarDefaultsFabSizeMin: 56;
|
|
1355
|
+
readonly floatingToolbarDefaultsFabSizeMax: 80;
|
|
1356
|
+
readonly floatingToolbarDefaultsFabShape: "var(--m3e-sys-shape-corner-large)";
|
|
1357
|
+
readonly floatingToolbarDefaultsFabElevation: "var(--m3e-sys-elevation-level2)";
|
|
1358
|
+
readonly floatingToolbarDefaultsFabShadow: "var(--m3e-sys-elevation-level2-shadow)";
|
|
1359
|
+
readonly floatingToolbarDefaultsFabElevationPressed: "var(--m3e-sys-elevation-level2)";
|
|
1360
|
+
readonly floatingToolbarDefaultsFabShadowPressed: "var(--m3e-sys-elevation-level2-shadow)";
|
|
1361
|
+
readonly floatingToolbarDefaultsFabElevationFocused: "var(--m3e-sys-elevation-level2)";
|
|
1362
|
+
readonly floatingToolbarDefaultsFabShadowFocused: "var(--m3e-sys-elevation-level2-shadow)";
|
|
1363
|
+
readonly floatingToolbarDefaultsFabElevationHovered: "var(--m3e-sys-elevation-level3)";
|
|
1364
|
+
readonly floatingToolbarDefaultsFabShadowHovered: "var(--m3e-sys-elevation-level3-shadow)";
|
|
1365
|
+
readonly floatingToolbarDefaultsStandardContainerColor: "var(--m3e-sys-color-surface-container)";
|
|
1366
|
+
readonly floatingToolbarDefaultsStandardContentColor: "var(--m3e-sys-color-on-surface)";
|
|
1367
|
+
readonly floatingToolbarDefaultsStandardFabContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
1368
|
+
readonly floatingToolbarDefaultsStandardFabContentColor: "var(--m3e-sys-color-on-primary-container)";
|
|
1369
|
+
readonly floatingToolbarDefaultsVibrantContainerColor: "var(--m3e-sys-color-primary-container)";
|
|
1370
|
+
readonly floatingToolbarDefaultsVibrantContentColor: "var(--m3e-sys-color-on-primary-container)";
|
|
1371
|
+
readonly floatingToolbarDefaultsVibrantFabContainerColor: "var(--m3e-sys-color-tertiary-container)";
|
|
1372
|
+
readonly floatingToolbarDefaultsVibrantFabContentColor: "var(--m3e-sys-color-on-tertiary-container)";
|
|
1373
|
+
readonly floatingToolbarDefaultsAnimationDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
1374
|
+
readonly floatingToolbarDefaultsAnimationEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
1375
|
+
readonly floatingToolbarDefaultsAnimationDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
1376
|
+
readonly floatingToolbarDefaultsAnimationStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
1377
|
+
readonly floatingToolbarDefaultsSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
1378
|
+
readonly floatingToolbarDefaultsSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
1379
|
+
readonly floatingToolbarDefaultsSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
1380
|
+
readonly floatingToolbarDefaultsSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
1381
|
+
readonly floatingToolbarDefaultsScrollDistanceThreshold: 40;
|
|
1382
|
+
};
|
|
1301
1383
|
/** InputChipTokens */
|
|
1302
1384
|
declare const inputChipTokens: {
|
|
1303
1385
|
readonly containerElevation: "var(--m3e-sys-elevation-level0)";
|
|
@@ -2176,6 +2258,47 @@ declare const progressIndicatorTokens: {
|
|
|
2176
2258
|
readonly trackColor: "var(--m3e-sys-color-secondary-container)";
|
|
2177
2259
|
readonly trackShape: "var(--m3e-sys-shape-corner-full)";
|
|
2178
2260
|
};
|
|
2261
|
+
/** ProgressIndicatorDefaults */
|
|
2262
|
+
declare const progressIndicatorDefaults: {
|
|
2263
|
+
readonly progressIndicatorDefaultsLinearWidth: 240;
|
|
2264
|
+
readonly progressIndicatorDefaultsLinearStopTrailingSpaceMax: 6;
|
|
2265
|
+
readonly progressIndicatorDefaultsCircularIndeterminateTrackColor: "transparent";
|
|
2266
|
+
readonly progressIndicatorDefaultsProgressDampingRatio: 1;
|
|
2267
|
+
readonly progressIndicatorDefaultsProgressStiffness: 50;
|
|
2268
|
+
readonly progressIndicatorDefaultsProgressVisibilityThreshold: 0.001;
|
|
2269
|
+
readonly progressIndicatorDefaultsProgressDuration: 1305;
|
|
2270
|
+
readonly 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)";
|
|
2271
|
+
readonly progressIndicatorDefaultsAmplitudeMinProgress: 0.1;
|
|
2272
|
+
readonly progressIndicatorDefaultsAmplitudeMaxProgress: 0.95;
|
|
2273
|
+
readonly progressIndicatorDefaultsAmplitudeIncreaseDuration: "var(--m3e-sys-motion-duration-long2)";
|
|
2274
|
+
readonly progressIndicatorDefaultsAmplitudeIncreaseEasing: "var(--m3e-sys-motion-easing-standard)";
|
|
2275
|
+
readonly progressIndicatorDefaultsAmplitudeDecreaseDuration: "var(--m3e-sys-motion-duration-long2)";
|
|
2276
|
+
readonly progressIndicatorDefaultsAmplitudeDecreaseEasing: "var(--m3e-sys-motion-easing-emphasized-accelerate)";
|
|
2277
|
+
readonly progressIndicatorDefaultsWaveTravelDuration: 1000;
|
|
2278
|
+
readonly progressIndicatorDefaultsWaveMinTravelDuration: 50;
|
|
2279
|
+
readonly progressIndicatorDefaultsLinearIndeterminateDuration: 1750;
|
|
2280
|
+
readonly progressIndicatorDefaultsLinearFirstHeadDelay: 0;
|
|
2281
|
+
readonly progressIndicatorDefaultsLinearFirstHeadDuration: 1000;
|
|
2282
|
+
readonly progressIndicatorDefaultsLinearFirstTailDelay: 250;
|
|
2283
|
+
readonly progressIndicatorDefaultsLinearFirstTailDuration: 1000;
|
|
2284
|
+
readonly progressIndicatorDefaultsLinearSecondHeadDelay: 650;
|
|
2285
|
+
readonly progressIndicatorDefaultsLinearSecondHeadDuration: 850;
|
|
2286
|
+
readonly progressIndicatorDefaultsLinearSecondTailDelay: 900;
|
|
2287
|
+
readonly progressIndicatorDefaultsLinearSecondTailDuration: 850;
|
|
2288
|
+
readonly progressIndicatorDefaultsLinearIndeterminateEasing: "var(--m3e-sys-motion-easing-emphasized-accelerate)";
|
|
2289
|
+
readonly progressIndicatorDefaultsCircularIndeterminateDuration: 6000;
|
|
2290
|
+
readonly progressIndicatorDefaultsCircularRotation: 1080;
|
|
2291
|
+
readonly progressIndicatorDefaultsCircularAdditionalRotation: 360;
|
|
2292
|
+
readonly progressIndicatorDefaultsCircularAdditionalRotationDelay: 1500;
|
|
2293
|
+
readonly progressIndicatorDefaultsCircularAdditionalRotationDuration: 300;
|
|
2294
|
+
readonly progressIndicatorDefaultsCircularMinProgress: 0.1;
|
|
2295
|
+
readonly progressIndicatorDefaultsCircularMaxProgress: 0.87;
|
|
2296
|
+
readonly progressIndicatorDefaultsCircularProgressEasing: "var(--m3e-sys-motion-easing-standard)";
|
|
2297
|
+
readonly progressIndicatorDefaultsThickThickness: 8;
|
|
2298
|
+
readonly progressIndicatorDefaultsLinearThickWavyHeight: 14;
|
|
2299
|
+
readonly progressIndicatorDefaultsCircularThickSize: 52;
|
|
2300
|
+
readonly progressIndicatorDefaultsLinearThickHeight: 8;
|
|
2301
|
+
};
|
|
2179
2302
|
/** RadioButtonTokens */
|
|
2180
2303
|
declare const radioButtonTokens: {
|
|
2181
2304
|
readonly iconColorDisabledSelected: "var(--m3e-sys-color-on-surface)";
|
|
@@ -2285,6 +2408,70 @@ declare const searchBarTokens: {
|
|
|
2285
2408
|
};
|
|
2286
2409
|
readonly trailingIconColor: "var(--m3e-sys-color-on-surface-variant)";
|
|
2287
2410
|
};
|
|
2411
|
+
/** SearchBarDefaults */
|
|
2412
|
+
declare const searchBarDefaults: {
|
|
2413
|
+
readonly searchMinWidth: 360;
|
|
2414
|
+
readonly searchMaxWidth: 720;
|
|
2415
|
+
readonly searchVerticalPadding: 8;
|
|
2416
|
+
readonly searchIconOffset: 4;
|
|
2417
|
+
readonly searchAppBarHorizontalPadding: 4;
|
|
2418
|
+
readonly searchAppBarVerticalPadding: 4;
|
|
2419
|
+
readonly searchAppBarSearchPadding: 8;
|
|
2420
|
+
readonly searchContainedHorizontalPadding: 8;
|
|
2421
|
+
readonly searchDockedMinHeight: 240;
|
|
2422
|
+
readonly searchDockedMaxHeightRatio: 0.6666666666666666;
|
|
2423
|
+
readonly searchDockedWithGapMaxHeightRatio: 0.5;
|
|
2424
|
+
readonly searchCollapsedCornerRadius: 28;
|
|
2425
|
+
readonly searchDropdownCornerRadius: 12;
|
|
2426
|
+
readonly searchDropdownGap: 2;
|
|
2427
|
+
readonly searchScrimColor: "var(--m3e-sys-color-scrim)";
|
|
2428
|
+
readonly searchScrimOpacity: 0.32;
|
|
2429
|
+
readonly searchShadowElevation: "var(--m3e-sys-elevation-level0)";
|
|
2430
|
+
readonly searchShadow: "var(--m3e-sys-elevation-level0-shadow)";
|
|
2431
|
+
readonly searchContainedContainerColor: "var(--m3e-sys-color-surface-container-low)";
|
|
2432
|
+
readonly searchScrolledContainerColor: "var(--m3e-sys-color-surface-container-highest)";
|
|
2433
|
+
readonly searchExpandDuration: "var(--m3e-sys-motion-spring-slow-spatial-duration)";
|
|
2434
|
+
readonly searchExpandEasing: "var(--m3e-sys-motion-spring-slow-spatial-easing)";
|
|
2435
|
+
readonly searchExpandDampingRatio: "var(--m3e-sys-motion-spring-slow-spatial-damping-ratio)";
|
|
2436
|
+
readonly searchExpandStiffness: "var(--m3e-sys-motion-spring-slow-spatial-stiffness)";
|
|
2437
|
+
readonly searchCollapseDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)";
|
|
2438
|
+
readonly searchCollapseEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)";
|
|
2439
|
+
readonly searchCollapseDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)";
|
|
2440
|
+
readonly searchCollapseStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)";
|
|
2441
|
+
readonly searchContainedExpandDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
2442
|
+
readonly searchContainedExpandEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
2443
|
+
readonly searchContainedExpandDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
2444
|
+
readonly searchContainedExpandStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
2445
|
+
readonly searchContainedCollapseDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
2446
|
+
readonly searchContainedCollapseEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
2447
|
+
readonly searchContainedCollapseDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
2448
|
+
readonly searchContainedCollapseStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
2449
|
+
readonly searchWithGapExpandDuration: "var(--m3e-sys-motion-spring-default-spatial-duration)";
|
|
2450
|
+
readonly searchWithGapExpandEasing: "var(--m3e-sys-motion-spring-default-spatial-easing)";
|
|
2451
|
+
readonly searchWithGapExpandDampingRatio: "var(--m3e-sys-motion-spring-default-spatial-damping-ratio)";
|
|
2452
|
+
readonly searchWithGapExpandStiffness: "var(--m3e-sys-motion-spring-default-spatial-stiffness)";
|
|
2453
|
+
readonly searchWithGapCollapseDuration: "var(--m3e-sys-motion-spring-fast-spatial-duration)";
|
|
2454
|
+
readonly searchWithGapCollapseEasing: "var(--m3e-sys-motion-spring-fast-spatial-easing)";
|
|
2455
|
+
readonly searchWithGapCollapseDampingRatio: "var(--m3e-sys-motion-spring-fast-spatial-damping-ratio)";
|
|
2456
|
+
readonly searchWithGapCollapseStiffness: "var(--m3e-sys-motion-spring-fast-spatial-stiffness)";
|
|
2457
|
+
readonly searchContentFadeInDuration: "var(--m3e-sys-motion-duration-short2)";
|
|
2458
|
+
readonly searchContentFadeInDelay: "var(--m3e-sys-motion-duration-short1)";
|
|
2459
|
+
readonly searchContentFadeInEasing: "var(--m3e-sys-motion-easing-standard-accelerate)";
|
|
2460
|
+
readonly searchContentFadeOutDuration: "var(--m3e-sys-motion-duration-short2)";
|
|
2461
|
+
readonly searchContentFadeOutEasing: "var(--m3e-sys-motion-easing-standard-decelerate)";
|
|
2462
|
+
readonly searchAppBarColorDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
2463
|
+
readonly searchAppBarColorEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
2464
|
+
readonly searchAppBarColorDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
2465
|
+
readonly searchAppBarColorStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
2466
|
+
readonly searchAppBarSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
2467
|
+
readonly searchAppBarSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
2468
|
+
readonly searchAppBarSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
2469
|
+
readonly searchAppBarSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
2470
|
+
readonly searchInputPadding: 16;
|
|
2471
|
+
readonly searchResultPaddingHorizontal: 16;
|
|
2472
|
+
readonly searchResultPaddingVertical: 4;
|
|
2473
|
+
readonly searchInputIconPadding: 12;
|
|
2474
|
+
};
|
|
2288
2475
|
/** SearchViewTokens */
|
|
2289
2476
|
declare const searchViewTokens: {
|
|
2290
2477
|
readonly containerColor: "var(--m3e-sys-color-surface-container-high)";
|
|
@@ -3027,6 +3214,25 @@ declare const tonalButtonTokens: {
|
|
|
3027
3214
|
declare const appBar: {
|
|
3028
3215
|
readonly topAppBarHorizontalPadding: 4;
|
|
3029
3216
|
readonly topAppBarTitleInset: 12;
|
|
3217
|
+
readonly topAppBarExpandedHeight: 64;
|
|
3218
|
+
readonly topAppBarMediumCollapsedHeight: 64;
|
|
3219
|
+
readonly topAppBarMediumFlexibleExpandedHeight: 112;
|
|
3220
|
+
readonly topAppBarMediumFlexibleWithSubtitleExpandedHeight: 136;
|
|
3221
|
+
readonly topAppBarLargeCollapsedHeight: 64;
|
|
3222
|
+
readonly topAppBarLargeFlexibleExpandedHeight: 120;
|
|
3223
|
+
readonly topAppBarLargeFlexibleWithSubtitleExpandedHeight: 152;
|
|
3224
|
+
readonly topAppBarTwoRowsCollapsedHeight: 64;
|
|
3225
|
+
readonly topAppBarTwoRowsExpandedHeight: 112;
|
|
3226
|
+
readonly topAppBarTwoRowsWithSubtitleExpandedHeight: 136;
|
|
3227
|
+
readonly topAppBarMediumTitleBottomPadding: 24;
|
|
3228
|
+
readonly topAppBarLargeTitleBottomPadding: 28;
|
|
3229
|
+
readonly topAppBarTwoRowsTitleBottomPadding: 0;
|
|
3230
|
+
readonly topAppBarSnapDuration: "var(--m3e-sys-motion-spring-default-effects-duration)";
|
|
3231
|
+
readonly topAppBarSnapEasing: "var(--m3e-sys-motion-spring-default-effects-easing)";
|
|
3232
|
+
readonly topAppBarSnapDampingRatio: "var(--m3e-sys-motion-spring-default-effects-damping-ratio)";
|
|
3233
|
+
readonly topAppBarSnapStiffness: "var(--m3e-sys-motion-spring-default-effects-stiffness)";
|
|
3234
|
+
readonly topAppBarTopTitleAlphaEasing: "cubic-bezier(0.8, 0, 0.8, 0.15)";
|
|
3235
|
+
readonly topAppBarContainerColorEasing: "cubic-bezier(0.4, 0, 1, 1)";
|
|
3030
3236
|
};
|
|
3031
3237
|
/** VibrantMenuTokens */
|
|
3032
3238
|
declare const vibrantMenuTokens: {
|
|
@@ -3118,4 +3324,4 @@ declare const xSmallIconButtonTokens: {
|
|
|
3118
3324
|
readonly wideTrailingSpace: 10;
|
|
3119
3325
|
};
|
|
3120
3326
|
|
|
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 };
|
|
3327
|
+
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 };
|
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,
|
|
@@ -578,6 +592,25 @@ var dockedToolbarTokens = {
|
|
|
578
592
|
containerShape: "var(--m3e-sys-shape-corner-none)",
|
|
579
593
|
containerTrailingSpace: 16
|
|
580
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
|
+
};
|
|
581
614
|
var dragHandleTokens = {
|
|
582
615
|
color: "var(--m3e-sys-color-outline)",
|
|
583
616
|
containerWidth: 24,
|
|
@@ -1244,6 +1277,52 @@ var floatingToolbarTokens = {
|
|
|
1244
1277
|
vibrantButtonTextColorUnselected: "var(--m3e-sys-color-on-primary-container)",
|
|
1245
1278
|
vibrantContainerColor: "var(--m3e-sys-color-primary-container)"
|
|
1246
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
|
+
};
|
|
1247
1326
|
var inputChipTokens = {
|
|
1248
1327
|
containerElevation: "var(--m3e-sys-elevation-level0)",
|
|
1249
1328
|
containerHeight: 32,
|
|
@@ -2093,6 +2172,46 @@ var progressIndicatorTokens = {
|
|
|
2093
2172
|
trackColor: "var(--m3e-sys-color-secondary-container)",
|
|
2094
2173
|
trackShape: "var(--m3e-sys-shape-corner-full)"
|
|
2095
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
|
+
};
|
|
2096
2215
|
var radioButtonTokens = {
|
|
2097
2216
|
iconColorDisabledSelected: "var(--m3e-sys-color-on-surface)",
|
|
2098
2217
|
iconOpacityDisabledSelected: 0.38,
|
|
@@ -2196,6 +2315,69 @@ var searchBarTokens = {
|
|
|
2196
2315
|
},
|
|
2197
2316
|
trailingIconColor: "var(--m3e-sys-color-on-surface-variant)"
|
|
2198
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
|
+
};
|
|
2199
2381
|
var searchViewTokens = {
|
|
2200
2382
|
containerColor: "var(--m3e-sys-color-surface-container-high)",
|
|
2201
2383
|
containerElevation: "var(--m3e-sys-elevation-level3)",
|
|
@@ -2915,7 +3097,26 @@ var tonalButtonTokens = {
|
|
|
2915
3097
|
};
|
|
2916
3098
|
var appBar = {
|
|
2917
3099
|
topAppBarHorizontalPadding: 4,
|
|
2918
|
-
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)"
|
|
2919
3120
|
};
|
|
2920
3121
|
var vibrantMenuTokens = {
|
|
2921
3122
|
buttonIconIconColorDisabled: "var(--m3e-sys-color-on-tertiary-container)",
|
|
@@ -3004,6 +3205,6 @@ var xSmallIconButtonTokens = {
|
|
|
3004
3205
|
wideTrailingSpace: 10
|
|
3005
3206
|
};
|
|
3006
3207
|
|
|
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 };
|
|
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 };
|
|
3008
3209
|
//# sourceMappingURL=components.js.map
|
|
3009
3210
|
//# sourceMappingURL=components.js.map
|