@breadstone/mosaik-themes 0.1.22 → 0.1.23

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.
Files changed (4) hide show
  1. package/package.json +2 -2
  2. package/themes/cosmopolitan.scss +310 -274
  3. package/themes/joy.scss +422 -403
  4. package/themes/memphis.scss +342 -306
package/themes/memphis.scss CHANGED
@@ -5,11 +5,20 @@
5
5
  @mixin _generate-elevation-vars($map, $prefix, $mode) {
6
6
  @each $key, $value in $map {
7
7
  @if meta.type-of($value) == 'map' {
8
+ $primary-layer-key: null;
8
9
  @each $level-key, $level-value in $value {
10
+ @if $primary-layer-key == null {
11
+ $primary-layer-key: $level-key;
12
+ }
9
13
  @each $part, $val in $level-value {
10
14
  #{'--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$level-key}'}: #{$val};
11
15
  }
12
16
  }
17
+ @if $primary-layer-key != null {
18
+ @each $part, $val in map.get($value, $primary-layer-key) {
19
+ #{'--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$primary-layer-key});
20
+ }
21
+ }
13
22
  } @else {
14
23
  #{'--#{$prefix}-elevation-#{$mode}-#{$key}'}: #{$value};
15
24
  }
@@ -33,11 +42,20 @@
33
42
  @mixin _remap-elevation-vars($map, $prefix, $mode) {
34
43
  @each $key, $value in $map {
35
44
  @if meta.type-of($value) == 'map' {
45
+ $primary-layer-key: null;
36
46
  @each $level-key, $level-value in $value {
47
+ @if $primary-layer-key == null {
48
+ $primary-layer-key: $level-key;
49
+ }
37
50
  @each $part, $val in $level-value {
38
51
  #{'--#{$prefix}-elevation-#{$key}-#{$part}-#{$level-key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$level-key});
39
52
  }
40
53
  }
54
+ @if $primary-layer-key != null {
55
+ @each $part, $val in map.get($value, $primary-layer-key) {
56
+ #{'--#{$prefix}-elevation-#{$key}-#{$part}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part});
57
+ }
58
+ }
41
59
  #{'--#{$prefix}-elevation-#{$key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key});
42
60
  } @else {
43
61
  #{'--#{$prefix}-elevation-#{$key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key});
@@ -788,6 +806,23 @@ $_color-dark: (
788
806
  @include _scrollbar-style($prefix);
789
807
  @include _selection-style($prefix);
790
808
  }
809
+ @mixin duration-style($prefix) {
810
+ $durations: (
811
+ 'short': $duration-short,
812
+ 'medium': $duration-medium,
813
+ 'long': $duration-long
814
+ );
815
+ :root,
816
+ :host {
817
+ @each $key, $value in $durations {
818
+ --#{$prefix}-duration-#{$key}: #{$value};
819
+ --mosaik-duration-#{$key}: var(--#{$prefix}-duration-#{$key});
820
+ }
821
+ }
822
+ }
823
+ @function get-duration($duration) {
824
+ @return var(--#{$name}-duration-#{$duration});
825
+ }
791
826
  $_shadows-light: (
792
827
  none: $elevation-none,
793
828
  light: (
@@ -1292,6 +1327,7 @@ $scheme-dark: (
1292
1327
  @mixin memphis-style($radius: $layout-radius, $thickness: $layout-thickness, $space: $layout-space) {
1293
1328
  $theme: 'memphis';
1294
1329
  @include layout-style($theme, $radius, $thickness, $space);
1330
+ @include duration-style($theme);
1295
1331
  @include scheme-style($theme);
1296
1332
  @include color-style($theme);
1297
1333
  @include elevation-style($theme);
@@ -1758,7 +1794,7 @@ $auto-complete-box-props: (
1758
1794
  'shadow-offset-x': unset,
1759
1795
  'shadow-offset-y': unset,
1760
1796
  'shadow-spread': unset,
1761
- 'transition-duration': var(--memphis-duration-short),
1797
+ 'transition-duration': var(--mosaik-duration-short),
1762
1798
  'transition-mode': ease,
1763
1799
  'transition-property': (all),
1764
1800
  'translate': none
@@ -1797,12 +1833,12 @@ $avatar-props: (
1797
1833
  'padding-left': var(--memphis-layout-space),
1798
1834
  'padding-right': var(--memphis-layout-space),
1799
1835
  'padding-top': calc(var(--memphis-layout-space) / 2),
1800
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
1801
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
1802
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
1803
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
1804
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
1805
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
1836
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
1837
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
1838
+ 'shadow-color': var(--memphis-elevation-semilight-color),
1839
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
1840
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
1841
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
1806
1842
  'transition-duration': .2s,
1807
1843
  'transition-mode': ease,
1808
1844
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -1944,12 +1980,12 @@ $badge-props: (
1944
1980
  'padding-left': var(--memphis-layout-space),
1945
1981
  'padding-right': var(--memphis-layout-space),
1946
1982
  'padding-top': var(--memphis-layout-space),
1947
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
1948
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
1949
- 'shadow-color': var(--memphis-elevation-light-color-0),
1950
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
1951
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
1952
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
1983
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
1984
+ 'shadow-blur': var(--memphis-elevation-light-blur),
1985
+ 'shadow-color': var(--memphis-elevation-light-color),
1986
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
1987
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
1988
+ 'shadow-spread': var(--memphis-elevation-light-spread),
1953
1989
  'transition-duration': .2s,
1954
1990
  'transition-mode': ease,
1955
1991
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -1983,12 +2019,12 @@ $banner-props: (
1983
2019
  'padding-left': calc(var(--memphis-layout-space) * 2),
1984
2020
  'padding-right': calc(var(--memphis-layout-space) * 2),
1985
2021
  'padding-top': calc(var(--memphis-layout-space) * 2),
1986
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
1987
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
1988
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
1989
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
1990
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
1991
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
2022
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
2023
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
2024
+ 'shadow-color': var(--memphis-elevation-semilight-color),
2025
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
2026
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
2027
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
1992
2028
  'transition-duration': .2s,
1993
2029
  'transition-mode': ease,
1994
2030
  'transition-property': (all),
@@ -2288,12 +2324,12 @@ $button-props: (
2288
2324
  'progress-ring-width': var(--memphis-layout-thickness),
2289
2325
  'ripple-color': unset,
2290
2326
  'ripple-duration': 0.20s,
2291
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
2292
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
2293
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
2294
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
2295
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
2296
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
2327
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
2328
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
2329
+ 'shadow-color': var(--memphis-elevation-semilight-color),
2330
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
2331
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
2332
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
2297
2333
  'transition-duration': var(--memphis-layout-transition),
2298
2334
  'transition-mode': ease,
2299
2335
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -2368,12 +2404,12 @@ $calendar-props: (
2368
2404
  'padding-left': calc(var(--memphis-layout-space) * 2),
2369
2405
  'padding-right': calc(var(--memphis-layout-space) * 2),
2370
2406
  'padding-top': var(--memphis-layout-space),
2371
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
2372
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
2373
- 'shadow-color': var(--memphis-elevation-light-color-0),
2374
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
2375
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
2376
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
2407
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
2408
+ 'shadow-blur': var(--memphis-elevation-light-blur),
2409
+ 'shadow-color': var(--memphis-elevation-light-color),
2410
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
2411
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
2412
+ 'shadow-spread': var(--memphis-elevation-light-spread),
2377
2413
  'transition-duration': .2s,
2378
2414
  'transition-mode': ease,
2379
2415
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -2490,12 +2526,12 @@ $calendar-item-props: (
2490
2526
  'ripple-color': unset,
2491
2527
  'ripple-duration': 0.20s,
2492
2528
  'selection-background-color': var(--memphis-scheme-selection),
2493
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
2494
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
2495
- 'shadow-color': var(--memphis-elevation-light-color-0),
2496
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
2497
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
2498
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
2529
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
2530
+ 'shadow-blur': var(--memphis-elevation-light-blur),
2531
+ 'shadow-color': var(--memphis-elevation-light-color),
2532
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
2533
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
2534
+ 'shadow-spread': var(--memphis-elevation-light-spread),
2499
2535
  'today-border-color': var(--memphis-color-primary-500),
2500
2536
  'today-border-width': 2px,
2501
2537
  'transition-duration': .2s,
@@ -2675,12 +2711,12 @@ $card-props: (
2675
2711
  'padding-left': unset,
2676
2712
  'padding-right': unset,
2677
2713
  'padding-top': unset,
2678
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
2679
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
2680
- 'shadow-color': var(--memphis-elevation-bold-color-0),
2681
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
2682
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
2683
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
2714
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
2715
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
2716
+ 'shadow-color': var(--memphis-elevation-bold-color),
2717
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
2718
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
2719
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
2684
2720
  'transition-duration': .2s,
2685
2721
  'transition-mode': ease,
2686
2722
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -3093,12 +3129,12 @@ $cell-group-props: (
3093
3129
  'padding-left': unset,
3094
3130
  'padding-right': unset,
3095
3131
  'padding-top': unset,
3096
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
3097
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
3098
- 'shadow-color': var(--memphis-elevation-bold-color-0),
3099
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
3100
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
3101
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
3132
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
3133
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
3134
+ 'shadow-color': var(--memphis-elevation-bold-color),
3135
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
3136
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
3137
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
3102
3138
  'transition-duration': unset,
3103
3139
  'transition-mode': unset,
3104
3140
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -3175,7 +3211,7 @@ $chat-props: (
3175
3211
  'shadow-offset-x': unset,
3176
3212
  'shadow-offset-y': unset,
3177
3213
  'shadow-spread': unset,
3178
- 'transition-duration': var(--memphis-duration-short),
3214
+ 'transition-duration': var(--mosaik-duration-short),
3179
3215
  'transition-mode': ease,
3180
3216
  'transition-property': (all),
3181
3217
  'translate': none
@@ -3243,13 +3279,13 @@ $chat-input-props: (
3243
3279
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
3244
3280
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
3245
3281
  'padding-top': var(--memphis-layout-space),
3246
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
3247
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
3248
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
3249
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
3250
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
3251
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
3252
- 'transition-duration': var(--memphis-duration-short),
3282
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
3283
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
3284
+ 'shadow-color': var(--memphis-elevation-semilight-color),
3285
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
3286
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
3287
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
3288
+ 'transition-duration': var(--mosaik-duration-short),
3253
3289
  'transition-mode': ease,
3254
3290
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
3255
3291
  'translate': none
@@ -3283,13 +3319,13 @@ $chat-input-attachment-list-props: (
3283
3319
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
3284
3320
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
3285
3321
  'padding-top': var(--memphis-layout-space),
3286
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
3287
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
3288
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
3289
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
3290
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
3291
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
3292
- 'transition-duration': var(--memphis-duration-short),
3322
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
3323
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
3324
+ 'shadow-color': var(--memphis-elevation-semilight-color),
3325
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
3326
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
3327
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
3328
+ 'transition-duration': var(--mosaik-duration-short),
3293
3329
  'transition-mode': ease,
3294
3330
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
3295
3331
  'translate': none
@@ -3361,13 +3397,13 @@ $chat-message-props: (
3361
3397
  'padding-left': calc(var(--memphis-layout-space) * 2),
3362
3398
  'padding-right': calc(var(--memphis-layout-space) * 2),
3363
3399
  'padding-top': var(--memphis-layout-space),
3364
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
3365
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
3366
- 'shadow-color': var(--memphis-elevation-light-color-1),
3367
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
3368
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
3369
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
3370
- 'transition-duration': var(--memphis-duration-short),
3400
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
3401
+ 'shadow-blur': var(--memphis-elevation-light-blur),
3402
+ 'shadow-color': var(--memphis-elevation-light-color),
3403
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
3404
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
3405
+ 'shadow-spread': var(--memphis-elevation-light-spread),
3406
+ 'transition-duration': var(--mosaik-duration-short),
3371
3407
  'transition-mode': ease,
3372
3408
  'transition-property': (all),
3373
3409
  'translate': none,
@@ -3413,7 +3449,7 @@ $chat-message-avatar-props: (
3413
3449
  'shadow-offset-x': unset,
3414
3450
  'shadow-offset-y': unset,
3415
3451
  'shadow-spread': unset,
3416
- 'transition-duration': var(--memphis-duration-short),
3452
+ 'transition-duration': var(--mosaik-duration-short),
3417
3453
  'transition-mode': ease,
3418
3454
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
3419
3455
  'translate': none
@@ -3447,7 +3483,7 @@ $chat-message-divider-props: (
3447
3483
  'shadow-offset-x': unset,
3448
3484
  'shadow-offset-y': unset,
3449
3485
  'shadow-spread': unset,
3450
- 'transition-duration': var(--memphis-duration-short),
3486
+ 'transition-duration': var(--mosaik-duration-short),
3451
3487
  'transition-mode': ease,
3452
3488
  'transition-property': (color, opacity, transform),
3453
3489
  'translate': none
@@ -3481,7 +3517,7 @@ $chat-message-reaction-props: (
3481
3517
  'shadow-offset-x': unset,
3482
3518
  'shadow-offset-y': unset,
3483
3519
  'shadow-spread': unset,
3484
- 'transition-duration': var(--memphis-duration-short),
3520
+ 'transition-duration': var(--mosaik-duration-short),
3485
3521
  'transition-mode': ease,
3486
3522
  'transition-property': (background-color, color, transform),
3487
3523
  'translate': none
@@ -3627,14 +3663,14 @@ $checkmark-props: (
3627
3663
  'padding-left': calc(var(--memphis-layout-space) / 4),
3628
3664
  'padding-right': calc(var(--memphis-layout-space) / 4),
3629
3665
  'padding-top': calc(var(--memphis-layout-space) / 4),
3630
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
3631
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
3632
- 'shadow-color': var(--memphis-elevation-light-color-1),
3633
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
3634
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
3635
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
3666
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
3667
+ 'shadow-blur': var(--memphis-elevation-light-blur),
3668
+ 'shadow-color': var(--memphis-elevation-light-color),
3669
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
3670
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
3671
+ 'shadow-spread': var(--memphis-elevation-light-spread),
3636
3672
  'thickness': var(--memphis-layout-thickness),
3637
- 'transition-duration': var(--memphis-duration-short),
3673
+ 'transition-duration': var(--mosaik-duration-short),
3638
3674
  'transition-mode': ease,
3639
3675
  'transition-property': (background-color, color, border-color, box-shadow, transform),
3640
3676
  'translate': none,
@@ -3675,12 +3711,12 @@ $chip-props: (
3675
3711
  'padding-top': var(--memphis-layout-space),
3676
3712
  'ripple-color': unset,
3677
3713
  'ripple-duration': 0.20s,
3678
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
3679
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
3680
- 'shadow-color': var(--memphis-elevation-light-color-0),
3681
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
3682
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
3683
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
3714
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
3715
+ 'shadow-blur': var(--memphis-elevation-light-blur),
3716
+ 'shadow-color': var(--memphis-elevation-light-color),
3717
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
3718
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
3719
+ 'shadow-spread': var(--memphis-elevation-light-spread),
3684
3720
  'transition-duration': .2s,
3685
3721
  'transition-mode': ease,
3686
3722
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -3721,12 +3757,12 @@ $chip-box-props: (
3721
3757
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
3722
3758
  'padding-top': var(--memphis-layout-space),
3723
3759
  'prefix-icon-size': 20px,
3724
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
3725
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
3726
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
3727
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
3728
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
3729
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
3760
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
3761
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
3762
+ 'shadow-color': var(--memphis-elevation-semilight-color),
3763
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
3764
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
3765
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
3730
3766
  'suffix-icon-size': 20px,
3731
3767
  'transition-duration': .2s,
3732
3768
  'transition-mode': ease,
@@ -3810,7 +3846,7 @@ $choice-props: (
3810
3846
  'shadow-offset-x': unset,
3811
3847
  'shadow-offset-y': unset,
3812
3848
  'shadow-spread': unset,
3813
- 'transition-duration': var(--memphis-duration-short),
3849
+ 'transition-duration': var(--mosaik-duration-short),
3814
3850
  'transition-mode': ease,
3815
3851
  'transition-property': (background-color, color, border-color, box-shadow, transform),
3816
3852
  'translate': none
@@ -3849,7 +3885,7 @@ $choice-group-props: (
3849
3885
  'shadow-offset-x': unset,
3850
3886
  'shadow-offset-y': unset,
3851
3887
  'shadow-spread': unset,
3852
- 'transition-duration': var(--memphis-duration-short),
3888
+ 'transition-duration': var(--mosaik-duration-short),
3853
3889
  'transition-mode': ease,
3854
3890
  'transition-property': (background-color, color, border-color, box-shadow, transform),
3855
3891
  'translate': none
@@ -3888,7 +3924,7 @@ $choice-group-header-props: (
3888
3924
  'shadow-offset-x': unset,
3889
3925
  'shadow-offset-y': unset,
3890
3926
  'shadow-spread': unset,
3891
- 'transition-duration': var(--memphis-duration-short),
3927
+ 'transition-duration': var(--mosaik-duration-short),
3892
3928
  'transition-mode': ease,
3893
3929
  'transition-property': (color, transform),
3894
3930
  'translate': none
@@ -3926,7 +3962,7 @@ $clickable-props: (
3926
3962
  'padding-top': 0,
3927
3963
  'ripple-color': unset,
3928
3964
  'ripple-duration': 0.20s,
3929
- 'transition-duration': var(--memphis-duration-short),
3965
+ 'transition-duration': var(--mosaik-duration-short),
3930
3966
  'transition-mode': ease,
3931
3967
  'transition-property': (background-color),
3932
3968
  'translate': unset
@@ -4032,12 +4068,12 @@ $color-box-props: (
4032
4068
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
4033
4069
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
4034
4070
  'padding-top': var(--memphis-layout-space),
4035
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
4036
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
4037
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
4038
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
4039
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
4040
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
4071
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
4072
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
4073
+ 'shadow-color': var(--memphis-elevation-semilight-color),
4074
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
4075
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
4076
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
4041
4077
  'transition-duration': .2s,
4042
4078
  'transition-mode': ease,
4043
4079
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -4082,7 +4118,7 @@ $color-editor-props: (
4082
4118
  'shadow-offset-x': unset,
4083
4119
  'shadow-offset-y': unset,
4084
4120
  'shadow-spread': unset,
4085
- 'transition-duration': var(--memphis-duration-short),
4121
+ 'transition-duration': var(--mosaik-duration-short),
4086
4122
  'transition-mode': ease,
4087
4123
  'transition-property': (background-color, border-color, box-shadow),
4088
4124
  'translate': none,
@@ -4122,19 +4158,19 @@ $color-editor-alpha-slider-props: (
4122
4158
  'padding-left': unset,
4123
4159
  'padding-right': unset,
4124
4160
  'padding-top': unset,
4125
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
4126
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
4127
- 'shadow-color': var(--memphis-elevation-light-color-1),
4128
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
4129
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
4130
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
4161
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
4162
+ 'shadow-blur': var(--memphis-elevation-light-blur),
4163
+ 'shadow-color': var(--memphis-elevation-light-color),
4164
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
4165
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
4166
+ 'shadow-spread': var(--memphis-elevation-light-spread),
4131
4167
  'thumb-background-color': var(--memphis-scheme-surface),
4132
4168
  'thumb-border-color': var(--memphis-scheme-contrast),
4133
4169
  'thumb-border-radius': 0,
4134
4170
  'thumb-border-width': var(--memphis-layout-thickness),
4135
4171
  'thumb-shadow': var(--memphis-shadow-1),
4136
4172
  'thumb-size': calc(var(--memphis-layout-space) * 1.75),
4137
- 'transition-duration': var(--memphis-duration-short),
4173
+ 'transition-duration': var(--mosaik-duration-short),
4138
4174
  'transition-mode': ease,
4139
4175
  'transition-property': (box-shadow, border-color),
4140
4176
  'translate': none,
@@ -4173,18 +4209,18 @@ $color-editor-area-props: (
4173
4209
  'padding-left': unset,
4174
4210
  'padding-right': unset,
4175
4211
  'padding-top': unset,
4176
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
4177
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
4178
- 'shadow-color': var(--memphis-elevation-light-color-1),
4179
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
4180
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
4181
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
4212
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
4213
+ 'shadow-blur': var(--memphis-elevation-light-blur),
4214
+ 'shadow-color': var(--memphis-elevation-light-color),
4215
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
4216
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
4217
+ 'shadow-spread': var(--memphis-elevation-light-spread),
4182
4218
  'thumb-border-color': var(--memphis-scheme-contrast),
4183
4219
  'thumb-border-radius': 0,
4184
4220
  'thumb-border-width': var(--memphis-layout-thickness),
4185
4221
  'thumb-shadow': var(--memphis-shadow-1),
4186
4222
  'thumb-size': calc(var(--memphis-layout-space) * 1.5),
4187
- 'transition-duration': var(--memphis-duration-short),
4223
+ 'transition-duration': var(--mosaik-duration-short),
4188
4224
  'transition-mode': ease,
4189
4225
  'transition-property': (box-shadow, border-color),
4190
4226
  'translate': none,
@@ -4223,19 +4259,19 @@ $color-editor-hue-slider-props: (
4223
4259
  'padding-left': unset,
4224
4260
  'padding-right': unset,
4225
4261
  'padding-top': unset,
4226
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
4227
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
4228
- 'shadow-color': var(--memphis-elevation-light-color-1),
4229
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
4230
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
4231
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
4262
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
4263
+ 'shadow-blur': var(--memphis-elevation-light-blur),
4264
+ 'shadow-color': var(--memphis-elevation-light-color),
4265
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
4266
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
4267
+ 'shadow-spread': var(--memphis-elevation-light-spread),
4232
4268
  'thumb-background-color': var(--memphis-scheme-surface),
4233
4269
  'thumb-border-color': var(--memphis-scheme-contrast),
4234
4270
  'thumb-border-radius': 0,
4235
4271
  'thumb-border-width': var(--memphis-layout-thickness),
4236
4272
  'thumb-shadow': var(--memphis-shadow-1),
4237
4273
  'thumb-size': calc(var(--memphis-layout-space) * 1.75),
4238
- 'transition-duration': var(--memphis-duration-short),
4274
+ 'transition-duration': var(--mosaik-duration-short),
4239
4275
  'transition-mode': ease,
4240
4276
  'transition-property': (box-shadow, border-color),
4241
4277
  'translate': none,
@@ -4283,7 +4319,7 @@ $color-editor-inputs-props: (
4283
4319
  'shadow-offset-x': unset,
4284
4320
  'shadow-offset-y': unset,
4285
4321
  'shadow-spread': unset,
4286
- 'transition-duration': var(--memphis-duration-short),
4322
+ 'transition-duration': var(--mosaik-duration-short),
4287
4323
  'transition-mode': ease,
4288
4324
  'transition-property': (border-color, background-color),
4289
4325
  'translate': none,
@@ -4330,7 +4366,7 @@ $color-editor-palette-props: (
4330
4366
  'shadow-offset-x': unset,
4331
4367
  'shadow-offset-y': unset,
4332
4368
  'shadow-spread': unset,
4333
- 'transition-duration': var(--memphis-duration-short),
4369
+ 'transition-duration': var(--mosaik-duration-short),
4334
4370
  'transition-mode': ease,
4335
4371
  'transition-property': (transform, border-color),
4336
4372
  'translate': none,
@@ -4369,19 +4405,19 @@ $color-editor-shade-slider-props: (
4369
4405
  'padding-left': unset,
4370
4406
  'padding-right': unset,
4371
4407
  'padding-top': unset,
4372
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
4373
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
4374
- 'shadow-color': var(--memphis-elevation-light-color-1),
4375
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
4376
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
4377
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
4408
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
4409
+ 'shadow-blur': var(--memphis-elevation-light-blur),
4410
+ 'shadow-color': var(--memphis-elevation-light-color),
4411
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
4412
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
4413
+ 'shadow-spread': var(--memphis-elevation-light-spread),
4378
4414
  'thumb-background-color': var(--memphis-scheme-surface),
4379
4415
  'thumb-border-color': var(--memphis-scheme-contrast),
4380
4416
  'thumb-border-radius': 0,
4381
4417
  'thumb-border-width': var(--memphis-layout-thickness),
4382
4418
  'thumb-shadow': var(--memphis-shadow-1),
4383
4419
  'thumb-size': calc(var(--memphis-layout-space) * 1.75),
4384
- 'transition-duration': var(--memphis-duration-short),
4420
+ 'transition-duration': var(--mosaik-duration-short),
4385
4421
  'transition-mode': ease,
4386
4422
  'transition-property': (box-shadow, border-color),
4387
4423
  'translate': none,
@@ -4423,7 +4459,7 @@ $color-editor-swatch-props: (
4423
4459
  'shadow-offset-x': unset,
4424
4460
  'shadow-offset-y': unset,
4425
4461
  'shadow-spread': unset,
4426
- 'transition-duration': var(--memphis-duration-short),
4462
+ 'transition-duration': var(--mosaik-duration-short),
4427
4463
  'transition-mode': ease,
4428
4464
  'transition-property': (opacity, background-color),
4429
4465
  'translate': none,
@@ -4665,7 +4701,7 @@ $combo-props: (
4665
4701
  'shadow-offset-x': unset,
4666
4702
  'shadow-offset-y': unset,
4667
4703
  'shadow-spread': unset,
4668
- 'transition-duration': var(--memphis-duration-short),
4704
+ 'transition-duration': var(--mosaik-duration-short),
4669
4705
  'transition-mode': ease,
4670
4706
  'transition-property': (transform),
4671
4707
  'translate': none
@@ -4710,7 +4746,7 @@ $combo-item-props: (
4710
4746
  'shadow-offset-x': unset,
4711
4747
  'shadow-offset-y': unset,
4712
4748
  'shadow-spread': unset,
4713
- 'transition-duration': var(--memphis-duration-short),
4749
+ 'transition-duration': var(--mosaik-duration-short),
4714
4750
  'transition-mode': ease,
4715
4751
  'transition-property': (background-color, color, border-color, box-shadow, transform),
4716
4752
  'translate': none
@@ -4746,7 +4782,7 @@ $comment-props: (
4746
4782
  'shadow-offset-x': unset,
4747
4783
  'shadow-offset-y': unset,
4748
4784
  'shadow-spread': unset,
4749
- 'transition-duration': var(--memphis-duration-short),
4785
+ 'transition-duration': var(--mosaik-duration-short),
4750
4786
  'transition-mode': ease,
4751
4787
  'transition-property': (color, background-color, border-color, opacity, transform),
4752
4788
  'translate': none
@@ -4791,12 +4827,12 @@ $compound-button-props: (
4791
4827
  'progress-ring-width': var(--memphis-layout-thickness),
4792
4828
  'ripple-color': unset,
4793
4829
  'ripple-duration': 0.20s,
4794
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
4795
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
4796
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
4797
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
4798
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
4799
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
4830
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
4831
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
4832
+ 'shadow-color': var(--memphis-elevation-semilight-color),
4833
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
4834
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
4835
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
4800
4836
  'transition-duration': .2s,
4801
4837
  'transition-mode': ease,
4802
4838
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -4970,12 +5006,12 @@ $date-box-props: (
4970
5006
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
4971
5007
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
4972
5008
  'padding-top': var(--memphis-layout-space),
4973
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
4974
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
4975
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
4976
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
4977
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
4978
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
5009
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
5010
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
5011
+ 'shadow-color': var(--memphis-elevation-semilight-color),
5012
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
5013
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
5014
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
4979
5015
  'transition-duration': .2s,
4980
5016
  'transition-mode': ease,
4981
5017
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -5180,12 +5216,12 @@ $dialog-props: (
5180
5216
  'padding-left': calc(var(--memphis-layout-space)*2),
5181
5217
  'padding-right': calc(var(--memphis-layout-space)*2),
5182
5218
  'padding-top': var(--memphis-layout-space),
5183
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
5184
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
5185
- 'shadow-color': var(--memphis-elevation-bold-color-0),
5186
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
5187
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
5188
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
5219
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
5220
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
5221
+ 'shadow-color': var(--memphis-elevation-bold-color),
5222
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
5223
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
5224
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
5189
5225
  'transition-duration': .2s,
5190
5226
  'transition-mode': ease,
5191
5227
  'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),
@@ -6548,12 +6584,12 @@ $expander-props: (
6548
6584
  'padding-top': var(--memphis-layout-space),
6549
6585
  'ripple-color': unset,
6550
6586
  'ripple-duration': 0.20s,
6551
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
6552
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
6553
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
6554
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
6555
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
6556
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
6587
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
6588
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
6589
+ 'shadow-color': var(--memphis-elevation-semilight-color),
6590
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
6591
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
6592
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
6557
6593
  'transition-duration': .2s,
6558
6594
  'transition-mode': ease,
6559
6595
  'transition-property': (background-color, color, border-color, opacity, box-shadow, transform, margin),
@@ -6704,12 +6740,12 @@ $file-box-props: (
6704
6740
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
6705
6741
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
6706
6742
  'padding-top': var(--memphis-layout-space),
6707
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
6708
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
6709
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
6710
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
6711
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
6712
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
6743
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
6744
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
6745
+ 'shadow-color': var(--memphis-elevation-semilight-color),
6746
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
6747
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
6748
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
6713
6749
  'transition-duration': .2s,
6714
6750
  'transition-mode': ease,
6715
6751
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -6946,12 +6982,12 @@ $floating-action-button-props: (
6946
6982
  'progress-ring-width': var(--memphis-layout-thickness),
6947
6983
  'ripple-color': unset,
6948
6984
  'ripple-duration': 0.20s,
6949
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
6950
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
6951
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
6952
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
6953
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
6954
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
6985
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
6986
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
6987
+ 'shadow-color': var(--memphis-elevation-semilight-color),
6988
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
6989
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
6990
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
6955
6991
  'transition-duration': var(--memphis-layout-transition),
6956
6992
  'transition-mode': ease,
6957
6993
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -7191,13 +7227,13 @@ $flow-board-column-item-props: (
7191
7227
  'padding-right': unset,
7192
7228
  'padding-top': unset,
7193
7229
  'pinned-background-color': var(--memphis-color-light-primary-50),
7194
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
7195
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
7196
- 'shadow-color': var(--memphis-elevation-light-color-1),
7197
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
7198
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
7199
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
7200
- 'transition-duration': var(--memphis-duration-medium),
7230
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
7231
+ 'shadow-blur': var(--memphis-elevation-light-blur),
7232
+ 'shadow-color': var(--memphis-elevation-light-color),
7233
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
7234
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
7235
+ 'shadow-spread': var(--memphis-elevation-light-spread),
7236
+ 'transition-duration': var(--mosaik-duration-medium),
7201
7237
  'transition-mode': ease,
7202
7238
  'transition-property': (background-color, box-shadow, transform),
7203
7239
  'translate': none
@@ -7350,7 +7386,7 @@ $font-editor-props: (
7350
7386
  'shadow-offset-x': unset,
7351
7387
  'shadow-offset-y': unset,
7352
7388
  'shadow-spread': unset,
7353
- 'transition-duration': var(--memphis-duration-short),
7389
+ 'transition-duration': var(--mosaik-duration-short),
7354
7390
  'transition-mode': ease,
7355
7391
  'transition-property': unset,
7356
7392
  'translate': none,
@@ -7564,7 +7600,7 @@ $ghost-props: (
7564
7600
  'shadow-offset-x': unset,
7565
7601
  'shadow-offset-y': unset,
7566
7602
  'shadow-spread': unset,
7567
- 'transition-duration': var(--memphis-duration-short),
7603
+ 'transition-duration': var(--mosaik-duration-short),
7568
7604
  'transition-mode': ease,
7569
7605
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
7570
7606
  'translate': none
@@ -8011,12 +8047,12 @@ $kbd-props: (
8011
8047
  'padding-left': unset,
8012
8048
  'padding-right': unset,
8013
8049
  'padding-top': unset,
8014
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
8015
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
8016
- 'shadow-color': var(--memphis-elevation-light-color-1),
8017
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
8018
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
8019
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
8050
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
8051
+ 'shadow-blur': var(--memphis-elevation-light-blur),
8052
+ 'shadow-color': var(--memphis-elevation-light-color),
8053
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
8054
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
8055
+ 'shadow-spread': var(--memphis-elevation-light-spread),
8020
8056
  'transition-duration': unset,
8021
8057
  'transition-mode': unset,
8022
8058
  'transition-property': unset,
@@ -8241,7 +8277,7 @@ $listing-props: (
8241
8277
  'shadow-offset-x': 0px,
8242
8278
  'shadow-offset-y': 0px,
8243
8279
  'shadow-spread': 0px,
8244
- 'transition-duration': var(--memphis-duration-short),
8280
+ 'transition-duration': var(--mosaik-duration-short),
8245
8281
  'transition-mode': ease,
8246
8282
  'transition-property': (color, opacity),
8247
8283
  'translate': none
@@ -8276,7 +8312,7 @@ $listing-item-props: (
8276
8312
  'shadow-offset-x': 0px,
8277
8313
  'shadow-offset-y': 0px,
8278
8314
  'shadow-spread': 0px,
8279
- 'transition-duration': var(--memphis-duration-short),
8315
+ 'transition-duration': var(--mosaik-duration-short),
8280
8316
  'transition-mode': ease,
8281
8317
  'transition-property': (color, opacity),
8282
8318
  'translate': none
@@ -8310,12 +8346,12 @@ $listing-item-marker-props: (
8310
8346
  'padding-left': var(--memphis-layout-space),
8311
8347
  'padding-right': var(--memphis-layout-space),
8312
8348
  'padding-top': var(--memphis-layout-space),
8313
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
8314
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
8315
- 'shadow-color': var(--memphis-elevation-light-color-0),
8316
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
8317
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
8318
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
8349
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
8350
+ 'shadow-blur': var(--memphis-elevation-light-blur),
8351
+ 'shadow-color': var(--memphis-elevation-light-color),
8352
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
8353
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
8354
+ 'shadow-spread': var(--memphis-elevation-light-spread),
8319
8355
  'transition-duration': .2s,
8320
8356
  'transition-mode': ease,
8321
8357
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -8628,12 +8664,12 @@ $message-props: (
8628
8664
  'padding-left': calc(var(--memphis-layout-space) * 2),
8629
8665
  'padding-right': calc(var(--memphis-layout-space) * 2),
8630
8666
  'padding-top': calc(var(--memphis-layout-space) * 2),
8631
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
8632
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
8633
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
8634
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
8635
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
8636
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
8667
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
8668
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
8669
+ 'shadow-color': var(--memphis-elevation-semilight-color),
8670
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
8671
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
8672
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
8637
8673
  'transition-duration': .2s,
8638
8674
  'transition-mode': ease,
8639
8675
  'transition-property': (all),
@@ -8676,12 +8712,12 @@ $message-box-props: (
8676
8712
  'padding-left': calc(var(--memphis-layout-space)*2),
8677
8713
  'padding-right': calc(var(--memphis-layout-space)*2),
8678
8714
  'padding-top': var(--memphis-layout-space),
8679
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
8680
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
8681
- 'shadow-color': var(--memphis-elevation-bold-color-0),
8682
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
8683
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
8684
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
8715
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
8716
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
8717
+ 'shadow-color': var(--memphis-elevation-bold-color),
8718
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
8719
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
8720
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
8685
8721
  'sub-header-font-family': var(--memphis-font-family),
8686
8722
  'sub-header-font-letter-spacing': var(--memphis-typography-subtitle2-letter-spacing),
8687
8723
  'sub-header-font-line-height': var(--memphis-typography-subtitle2-line-height),
@@ -8774,7 +8810,7 @@ $meter-ring-props: (
8774
8810
  'shadow-offset-y': unset,
8775
8811
  'shadow-spread': unset,
8776
8812
  'thickness': 6px,
8777
- 'transition-duration': var(--memphis-duration-short),
8813
+ 'transition-duration': var(--mosaik-duration-short),
8778
8814
  'transition-mode': ease,
8779
8815
  'transition-property': (background-color, color, border-color, opacity, box-shadow, stroke-dashoffset),
8780
8816
  'translate': none
@@ -9202,12 +9238,12 @@ $password-box-props: (
9202
9238
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
9203
9239
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
9204
9240
  'padding-top': var(--memphis-layout-space),
9205
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
9206
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
9207
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
9208
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
9209
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
9210
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
9241
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
9242
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
9243
+ 'shadow-color': var(--memphis-elevation-semilight-color),
9244
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
9245
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
9246
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
9211
9247
  'transition-duration': .2s,
9212
9248
  'transition-mode': ease,
9213
9249
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -9353,12 +9389,12 @@ $pin-box-props: (
9353
9389
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
9354
9390
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
9355
9391
  'padding-top': var(--memphis-layout-space),
9356
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
9357
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
9358
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
9359
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
9360
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
9361
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
9392
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
9393
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
9394
+ 'shadow-color': var(--memphis-elevation-semilight-color),
9395
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
9396
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
9397
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
9362
9398
  'transition-duration': .2s,
9363
9399
  'transition-mode': ease,
9364
9400
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -9393,12 +9429,12 @@ $pip-props: (
9393
9429
  'padding-left': var(--memphis-layout-space),
9394
9430
  'padding-right': var(--memphis-layout-space),
9395
9431
  'padding-top': var(--memphis-layout-space),
9396
- 'shadow': var(--memphis-elevation-light-offset-x-0) var(--memphis-elevation-light-offset-y-0) var(--memphis-elevation-light-blur-0) var(--memphis-elevation-light-spread-0) var(--memphis-elevation-light-color-0),
9397
- 'shadow-blur': var(--memphis-elevation-light-blur-0),
9398
- 'shadow-color': var(--memphis-elevation-light-color-0),
9399
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-0),
9400
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-0),
9401
- 'shadow-spread': var(--memphis-elevation-light-spread-0),
9432
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
9433
+ 'shadow-blur': var(--memphis-elevation-light-blur),
9434
+ 'shadow-color': var(--memphis-elevation-light-color),
9435
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
9436
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
9437
+ 'shadow-spread': var(--memphis-elevation-light-spread),
9402
9438
  'transition-duration': .2s,
9403
9439
  'transition-mode': ease,
9404
9440
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -9437,7 +9473,7 @@ $placeholder-props: (
9437
9473
  'shadow-offset-x': unset,
9438
9474
  'shadow-offset-y': unset,
9439
9475
  'shadow-spread': unset,
9440
- 'transition-duration': var(--memphis-duration-short),
9476
+ 'transition-duration': var(--mosaik-duration-short),
9441
9477
  'transition-mode': ease,
9442
9478
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
9443
9479
  'translate': unset
@@ -9470,13 +9506,13 @@ $popup-props: (
9470
9506
  'padding-left': calc(var(--memphis-layout-space) * 1.8),
9471
9507
  'padding-right': calc(var(--memphis-layout-space) * 1.8),
9472
9508
  'padding-top': calc(var(--memphis-layout-space) * 1.2),
9473
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
9474
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
9475
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
9476
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
9477
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
9478
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
9479
- 'transition-duration': var(--memphis-duration-short),
9509
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
9510
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
9511
+ 'shadow-color': var(--memphis-elevation-semilight-color),
9512
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
9513
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
9514
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
9515
+ 'transition-duration': var(--mosaik-duration-short),
9480
9516
  'transition-mode': ease,
9481
9517
  'transition-property': (opacity, transform, background-color, color, border-color, box-shadow),
9482
9518
  'translate': none
@@ -9706,7 +9742,7 @@ $progress-ring-props: (
9706
9742
  'shadow-offset-y': unset,
9707
9743
  'shadow-spread': unset,
9708
9744
  'thickness': 6px,
9709
- 'transition-duration': var(--memphis-duration-short),
9745
+ 'transition-duration': var(--mosaik-duration-short),
9710
9746
  'transition-mode': ease,
9711
9747
  'transition-property': (stroke, stroke-dashoffset, stroke-dasharray, transform),
9712
9748
  'translate': none
@@ -9785,7 +9821,7 @@ $radio-props: (
9785
9821
  'shadow-offset-x': unset,
9786
9822
  'shadow-offset-y': unset,
9787
9823
  'shadow-spread': unset,
9788
- 'transition-duration': var(--memphis-duration-short),
9824
+ 'transition-duration': var(--mosaik-duration-short),
9789
9825
  'transition-mode': ease,
9790
9826
  'transition-property': (background-color, color, border-color, box-shadow, transform),
9791
9827
  'translate': none
@@ -9824,7 +9860,7 @@ $radio-group-props: (
9824
9860
  'shadow-offset-x': unset,
9825
9861
  'shadow-offset-y': unset,
9826
9862
  'shadow-spread': unset,
9827
- 'transition-duration': var(--memphis-duration-short),
9863
+ 'transition-duration': var(--mosaik-duration-short),
9828
9864
  'transition-mode': ease,
9829
9865
  'transition-property': (background-color, color, border-color, box-shadow, transform),
9830
9866
  'translate': none
@@ -10505,7 +10541,7 @@ $scheduler-props: (
10505
10541
  'shadow-spread': unset,
10506
10542
  'timescale-width': 80px,
10507
10543
  'today-background-color': var(--memphis-scheme-semi-transparent),
10508
- 'transition-duration': var(--memphis-duration-short),
10544
+ 'transition-duration': var(--mosaik-duration-short),
10509
10545
  'transition-mode': ease,
10510
10546
  'transition-property': (background-color, color, border-color),
10511
10547
  'translate': none
@@ -10661,12 +10697,12 @@ $scheduler-event-props: (
10661
10697
  'padding-top': unset,
10662
10698
  'ripple-color': unset,
10663
10699
  'ripple-duration': 0.20s,
10664
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
10665
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
10666
- 'shadow-color': var(--memphis-elevation-light-color-1),
10667
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
10668
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
10669
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
10700
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
10701
+ 'shadow-blur': var(--memphis-elevation-light-blur),
10702
+ 'shadow-color': var(--memphis-elevation-light-color),
10703
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
10704
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
10705
+ 'shadow-spread': var(--memphis-elevation-light-spread),
10670
10706
  'transition-duration': var(--memphis-motion-duration),
10671
10707
  'transition-mode': var(--memphis-motion-mode),
10672
10708
  'transition-property': (background-color, box-shadow, transform),
@@ -10772,7 +10808,7 @@ $scheduler-now-indicator-props: (
10772
10808
  'shadow-offset-x': unset,
10773
10809
  'shadow-offset-y': unset,
10774
10810
  'shadow-spread': unset,
10775
- 'transition-duration': var(--memphis-duration-short),
10811
+ 'transition-duration': var(--mosaik-duration-short),
10776
10812
  'transition-mode': ease,
10777
10813
  'transition-property': (top),
10778
10814
  'translate': none
@@ -10928,7 +10964,7 @@ $scroll-props: (
10928
10964
  'shadow-offset-x': unset,
10929
10965
  'shadow-offset-y': unset,
10930
10966
  'shadow-spread': unset,
10931
- 'transition-duration': var(--memphis-duration-medium),
10967
+ 'transition-duration': var(--mosaik-duration-medium),
10932
10968
  'transition-mode': ease,
10933
10969
  'transition-property': (background-color, box-shadow, transform),
10934
10970
  'translate': none
@@ -11042,12 +11078,12 @@ $search-box-props: (
11042
11078
  'padding-left': calc(var(--memphis-layout-space) * 1.5),
11043
11079
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
11044
11080
  'padding-top': var(--memphis-layout-space),
11045
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
11046
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
11047
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
11048
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
11049
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
11050
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
11081
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
11082
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
11083
+ 'shadow-color': var(--memphis-elevation-semilight-color),
11084
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
11085
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
11086
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
11051
11087
  'transition-duration': .2s,
11052
11088
  'transition-mode': ease,
11053
11089
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -11082,12 +11118,12 @@ $segment-props: (
11082
11118
  'padding-left': var(--memphis-layout-space),
11083
11119
  'padding-right': var(--memphis-layout-space),
11084
11120
  'padding-top': var(--memphis-layout-space),
11085
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
11086
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
11087
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
11088
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
11089
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
11090
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
11121
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
11122
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
11123
+ 'shadow-color': var(--memphis-elevation-semilight-color),
11124
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
11125
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
11126
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
11091
11127
  'transition-duration': var(--memphis-layout-transition),
11092
11128
  'transition-mode': ease,
11093
11129
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -11181,7 +11217,7 @@ $select-props: (
11181
11217
  'shadow-offset-x': unset,
11182
11218
  'shadow-offset-y': unset,
11183
11219
  'shadow-spread': unset,
11184
- 'transition-duration': var(--memphis-duration-short),
11220
+ 'transition-duration': var(--mosaik-duration-short),
11185
11221
  'transition-mode': ease,
11186
11222
  'transition-property': (background-color, color, border-color, box-shadow, transform),
11187
11223
  'translate': none
@@ -11226,7 +11262,7 @@ $select-item-props: (
11226
11262
  'shadow-offset-x': unset,
11227
11263
  'shadow-offset-y': unset,
11228
11264
  'shadow-spread': unset,
11229
- 'transition-duration': var(--memphis-duration-short),
11265
+ 'transition-duration': var(--mosaik-duration-short),
11230
11266
  'transition-mode': ease,
11231
11267
  'transition-property': (background-color, color, border-color, box-shadow, transform),
11232
11268
  'translate': none
@@ -11313,7 +11349,7 @@ $sheet-props: (
11313
11349
  'shadow-offset-x': unset,
11314
11350
  'shadow-offset-y': unset,
11315
11351
  'shadow-spread': unset,
11316
- 'transition-duration': var(--memphis-duration-short),
11352
+ 'transition-duration': var(--mosaik-duration-short),
11317
11353
  'transition-mode': ease,
11318
11354
  'transition-property': (transform, opacity, visibility),
11319
11355
  'translate': none,
@@ -11638,11 +11674,11 @@ $slider-props: (
11638
11674
  'tooltip-padding-right': var(--memphis-layout-space),
11639
11675
  'tooltip-padding-top': var(--memphis-layout-space),
11640
11676
  'tooltip-shadow': var(--memphis-elevation-semilight),
11641
- 'tooltip-transition-duration': var(--memphis-duration-short),
11677
+ 'tooltip-transition-duration': var(--mosaik-duration-short),
11642
11678
  'tooltip-transition-mode': ease,
11643
11679
  'tooltip-transition-property': (background-color, color, border-color, box-shadow, transform),
11644
11680
  'track-size': calc(var(--memphis-layout-thickness) * 1.5),
11645
- 'transition-duration': var(--memphis-duration-short),
11681
+ 'transition-duration': var(--mosaik-duration-short),
11646
11682
  'transition-mode': ease,
11647
11683
  'transition-property': (background-color, color, border-color, box-shadow, transform),
11648
11684
  'translate': none
@@ -11675,7 +11711,7 @@ $slider2-props: (
11675
11711
  'shadow-offset-x': unset,
11676
11712
  'shadow-offset-y': unset,
11677
11713
  'shadow-spread': unset,
11678
- 'transition-duration': var(--memphis-duration-short),
11714
+ 'transition-duration': var(--mosaik-duration-short),
11679
11715
  'transition-mode': ease,
11680
11716
  'transition-property': (background-color, color, border-color, box-shadow, transform),
11681
11717
  'translate': none
@@ -11709,7 +11745,7 @@ $slider2thumb-props: (
11709
11745
  'shadow-offset-y': unset,
11710
11746
  'shadow-spread': unset,
11711
11747
  'size': calc(var(--memphis-layout-space) * 2.4),
11712
- 'transition-duration': var(--memphis-duration-short),
11748
+ 'transition-duration': var(--mosaik-duration-short),
11713
11749
  'transition-mode': ease,
11714
11750
  'transition-property': (background-color, color, border-color, box-shadow, transform),
11715
11751
  'translate': none
@@ -11783,7 +11819,7 @@ $split-props: (
11783
11819
  'thumb-border-color': var(--memphis-scheme-highlight),
11784
11820
  'thumb-border-radius': var(--memphis-layout-radius),
11785
11821
  'thumb-foreground-color': var(--memphis-scheme-foreground),
11786
- 'transition-duration': var(--memphis-duration-short),
11822
+ 'transition-duration': var(--mosaik-duration-short),
11787
11823
  'transition-mode': ease,
11788
11824
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
11789
11825
  'translate': none
@@ -12135,12 +12171,12 @@ $tab-props: (
12135
12171
  'padding-right': calc(var(--memphis-layout-space) * 2),
12136
12172
  'padding-top': var(--memphis-layout-space),
12137
12173
  'panel-background-color': var(--tab-background-color),
12138
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
12139
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
12140
- 'shadow-color': var(--memphis-elevation-bold-color-0),
12141
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
12142
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
12143
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
12174
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
12175
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
12176
+ 'shadow-color': var(--memphis-elevation-bold-color),
12177
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
12178
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
12179
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
12144
12180
  'strip-background-color': var(--memphis-scheme-transparent),
12145
12181
  'strip-padding-bottom': 0,
12146
12182
  'strip-padding-left': 0,
@@ -12504,7 +12540,7 @@ $table-column-editor-props: (
12504
12540
  'padding-left': var(--memphis-layout-space),
12505
12541
  'padding-right': var(--memphis-layout-space),
12506
12542
  'padding-top': var(--memphis-layout-space),
12507
- 'transition-duration': var(--memphis-duration-short),
12543
+ 'transition-duration': var(--mosaik-duration-short),
12508
12544
  'transition-mode': ease,
12509
12545
  'transition-property': (background-color, color),
12510
12546
  'translate': unset
@@ -12823,12 +12859,12 @@ $text-box-props: (
12823
12859
  'padding-right': calc(var(--memphis-layout-space) * 1.5),
12824
12860
  'padding-top': var(--memphis-layout-space),
12825
12861
  'prefix-icon-size': 20px,
12826
- 'shadow': var(--memphis-elevation-semilight-offset-x-0) var(--memphis-elevation-semilight-offset-y-0) var(--memphis-elevation-semilight-blur-0) var(--memphis-elevation-semilight-spread-0) var(--memphis-elevation-semilight-color-0),
12827
- 'shadow-blur': var(--memphis-elevation-semilight-blur-0),
12828
- 'shadow-color': var(--memphis-elevation-semilight-color-0),
12829
- 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x-0),
12830
- 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y-0),
12831
- 'shadow-spread': var(--memphis-elevation-semilight-spread-0),
12862
+ 'shadow': var(--memphis-elevation-semilight-offset-x) var(--memphis-elevation-semilight-offset-y) var(--memphis-elevation-semilight-blur) var(--memphis-elevation-semilight-spread) var(--memphis-elevation-semilight-color),
12863
+ 'shadow-blur': var(--memphis-elevation-semilight-blur),
12864
+ 'shadow-color': var(--memphis-elevation-semilight-color),
12865
+ 'shadow-offset-x': var(--memphis-elevation-semilight-offset-x),
12866
+ 'shadow-offset-y': var(--memphis-elevation-semilight-offset-y),
12867
+ 'shadow-spread': var(--memphis-elevation-semilight-spread),
12832
12868
  'suffix-icon-size': 20px,
12833
12869
  'transition-duration': .2s,
12834
12870
  'transition-mode': ease,
@@ -12895,13 +12931,13 @@ $thumb-props: (
12895
12931
  'padding-left': unset,
12896
12932
  'padding-right': unset,
12897
12933
  'padding-top': unset,
12898
- 'shadow': var(--memphis-elevation-light-offset-x-1) var(--memphis-elevation-light-offset-y-1) var(--memphis-elevation-light-blur-1) var(--memphis-elevation-light-spread-1) var(--memphis-elevation-light-color-1),
12899
- 'shadow-blur': var(--memphis-elevation-light-blur-1),
12900
- 'shadow-color': var(--memphis-elevation-light-color-1),
12901
- 'shadow-offset-x': var(--memphis-elevation-light-offset-x-1),
12902
- 'shadow-offset-y': var(--memphis-elevation-light-offset-y-1),
12903
- 'shadow-spread': var(--memphis-elevation-light-spread-1),
12904
- 'transition-duration': var(--memphis-duration-short),
12934
+ 'shadow': var(--memphis-elevation-light-offset-x) var(--memphis-elevation-light-offset-y) var(--memphis-elevation-light-blur) var(--memphis-elevation-light-spread) var(--memphis-elevation-light-color),
12935
+ 'shadow-blur': var(--memphis-elevation-light-blur),
12936
+ 'shadow-color': var(--memphis-elevation-light-color),
12937
+ 'shadow-offset-x': var(--memphis-elevation-light-offset-x),
12938
+ 'shadow-offset-y': var(--memphis-elevation-light-offset-y),
12939
+ 'shadow-spread': var(--memphis-elevation-light-spread),
12940
+ 'transition-duration': var(--mosaik-duration-short),
12905
12941
  'transition-mode': ease,
12906
12942
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
12907
12943
  'translate': none
@@ -13016,12 +13052,12 @@ $tile-props: (
13016
13052
  'padding-top': var(--memphis-layout-space),
13017
13053
  'ripple-color': var(--memphis-scheme-highlight),
13018
13054
  'ripple-duration': 0.20s,
13019
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
13020
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
13021
- 'shadow-color': var(--memphis-elevation-bold-color-0),
13022
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
13023
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
13024
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
13055
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
13056
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
13057
+ 'shadow-color': var(--memphis-elevation-bold-color),
13058
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
13059
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
13060
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
13025
13061
  'transition-duration': .2s,
13026
13062
  'transition-mode': ease,
13027
13063
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -13281,7 +13317,7 @@ $timeline-props: (
13281
13317
  'shadow-offset-x': unset,
13282
13318
  'shadow-offset-y': unset,
13283
13319
  'shadow-spread': unset,
13284
- 'transition-duration': var(--memphis-duration-medium),
13320
+ 'transition-duration': var(--mosaik-duration-medium),
13285
13321
  'transition-mode': ease,
13286
13322
  'transition-property': (color, background-color, transform),
13287
13323
  'translate': unset
@@ -13536,7 +13572,7 @@ $toast-props: (
13536
13572
  'shadow-offset-x': unset,
13537
13573
  'shadow-offset-y': unset,
13538
13574
  'shadow-spread': unset,
13539
- 'transition-duration': var(--memphis-duration-short),
13575
+ 'transition-duration': var(--mosaik-duration-short),
13540
13576
  'transition-mode': ease,
13541
13577
  'transition-property': (transform, opacity, background-color, color, border-color, box-shadow),
13542
13578
  'translate': none
@@ -13667,7 +13703,7 @@ $toggle-switch-props: (
13667
13703
  'shadow-offset-x': unset,
13668
13704
  'shadow-offset-y': unset,
13669
13705
  'shadow-spread': unset,
13670
- 'transition-duration': var(--memphis-duration-short),
13706
+ 'transition-duration': var(--mosaik-duration-short),
13671
13707
  'transition-mode': ease,
13672
13708
  'transition-property': (background-color, color, border-color, box-shadow, transform),
13673
13709
  'translate': none
@@ -13737,12 +13773,12 @@ $toolbar-props: (
13737
13773
  'padding-left': calc(var(--memphis-layout-space) * 2),
13738
13774
  'padding-right': calc(var(--memphis-layout-space) * 2),
13739
13775
  'padding-top': var(--memphis-layout-space),
13740
- 'shadow': var(--memphis-elevation-bold-offset-x-0) var(--memphis-elevation-bold-offset-y-0) var(--memphis-elevation-bold-blur-0) var(--memphis-elevation-bold-spread-0) var(--memphis-elevation-bold-color-0),
13741
- 'shadow-blur': var(--memphis-elevation-bold-blur-0),
13742
- 'shadow-color': var(--memphis-elevation-bold-color-0),
13743
- 'shadow-offset-x': var(--memphis-elevation-bold-offset-x-0),
13744
- 'shadow-offset-y': var(--memphis-elevation-bold-offset-y-0),
13745
- 'shadow-spread': var(--memphis-elevation-bold-spread-0),
13776
+ 'shadow': var(--memphis-elevation-bold-offset-x) var(--memphis-elevation-bold-offset-y) var(--memphis-elevation-bold-blur) var(--memphis-elevation-bold-spread) var(--memphis-elevation-bold-color),
13777
+ 'shadow-blur': var(--memphis-elevation-bold-blur),
13778
+ 'shadow-color': var(--memphis-elevation-bold-color),
13779
+ 'shadow-offset-x': var(--memphis-elevation-bold-offset-x),
13780
+ 'shadow-offset-y': var(--memphis-elevation-bold-offset-y),
13781
+ 'shadow-spread': var(--memphis-elevation-bold-spread),
13746
13782
  'transition-duration': .2s,
13747
13783
  'transition-mode': ease,
13748
13784
  'transition-property': (all),
@@ -13783,7 +13819,7 @@ $tooltip-props: (
13783
13819
  'shadow-offset-x': unset,
13784
13820
  'shadow-offset-y': unset,
13785
13821
  'shadow-spread': unset,
13786
- 'transition-duration': var(--memphis-duration-short),
13822
+ 'transition-duration': var(--mosaik-duration-short),
13787
13823
  'transition-mode': ease,
13788
13824
  'transition-property': (opacity, transform, visibility),
13789
13825
  'translate': none
@@ -13818,7 +13854,7 @@ $tour-props: (
13818
13854
  'shadow-offset-y': unset,
13819
13855
  'shadow-spread': unset,
13820
13856
  'tooltip-max-width': 340px,
13821
- 'transition-duration': var(--memphis-duration-short),
13857
+ 'transition-duration': var(--mosaik-duration-short),
13822
13858
  'transition-mode': ease,
13823
13859
  'transition-property': (transform, opacity),
13824
13860
  'translate': none
@@ -14123,7 +14159,7 @@ $wheel-picker-props: (
14123
14159
  'shadow-offset-x': unset,
14124
14160
  'shadow-offset-y': unset,
14125
14161
  'shadow-spread': unset,
14126
- 'transition-duration': var(--memphis-duration-short),
14162
+ 'transition-duration': var(--mosaik-duration-short),
14127
14163
  'transition-mode': ease,
14128
14164
  'transition-property': (background-color, color),
14129
14165
  'translate': none