@breadstone/mosaik-themes 0.1.23 → 0.1.26

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 (2) hide show
  1. package/package.json +2 -2
  2. package/themes/joy.scss +248 -248
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@breadstone/mosaik-themes",
3
- "version": "0.1.23",
3
+ "version": "0.1.26",
4
4
  "description": "Mosaik elements various themes.",
5
5
  "license": "MIT",
6
6
  "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -14,7 +14,7 @@
14
14
  "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
15
15
  },
16
16
  "dependencies": {
17
- "@breadstone/mosaik-elements": "0.1.23",
17
+ "@breadstone/mosaik-elements": "0.1.26",
18
18
  "tslib": "2.8.1"
19
19
  },
20
20
  "peerDependencies": {
package/themes/joy.scss CHANGED
@@ -2051,12 +2051,12 @@ $badge-props: (
2051
2051
  'padding-left': var(--joy-layout-space),
2052
2052
  'padding-right': var(--joy-layout-space),
2053
2053
  'padding-top': calc(var(--joy-layout-space) / 2),
2054
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
2055
- 'shadow-blur': var(--joy-elevation-light-blur),
2056
- 'shadow-color': var(--joy-elevation-light-color),
2057
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
2058
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
2059
- 'shadow-spread': var(--joy-elevation-light-spread),
2054
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
2055
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
2056
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
2057
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
2058
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
2059
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
2060
2060
  'transition-duration': var(--mosaik-duration-short),
2061
2061
  'transition-mode': ease,
2062
2062
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -2090,12 +2090,12 @@ $banner-props: (
2090
2090
  'padding-left': calc(var(--joy-layout-space) * 2),
2091
2091
  'padding-right': calc(var(--joy-layout-space) * 2),
2092
2092
  'padding-top': var(--joy-layout-space),
2093
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
2094
- 'shadow-blur': var(--joy-elevation-light-blur),
2095
- 'shadow-color': var(--joy-elevation-light-color),
2096
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
2097
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
2098
- 'shadow-spread': var(--joy-elevation-light-spread),
2093
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
2094
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
2095
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
2096
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
2097
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
2098
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
2099
2099
  'transition-duration': var(--mosaik-duration-short),
2100
2100
  'transition-mode': ease,
2101
2101
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -2394,12 +2394,12 @@ $button-props: (
2394
2394
  'progress-ring-width': var(--joy-layout-thickness),
2395
2395
  'ripple-color': unset,
2396
2396
  'ripple-duration': 0.20s,
2397
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
2398
- 'shadow-blur': var(--joy-elevation-semilight-blur),
2399
- 'shadow-color': var(--joy-elevation-semilight-color),
2400
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
2401
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
2402
- 'shadow-spread': var(--joy-elevation-semilight-spread),
2397
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
2398
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
2399
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
2400
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
2401
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
2402
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
2403
2403
  'transition-duration': var(--mosaik-duration-short),
2404
2404
  'transition-mode': ease,
2405
2405
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -2474,12 +2474,12 @@ $calendar-props: (
2474
2474
  'padding-left': calc(var(--joy-layout-space) * 2),
2475
2475
  'padding-right': calc(var(--joy-layout-space) * 2),
2476
2476
  'padding-top': var(--joy-layout-space),
2477
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
2478
- 'shadow-blur': var(--joy-elevation-light-blur),
2479
- 'shadow-color': var(--joy-elevation-light-color),
2480
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
2481
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
2482
- 'shadow-spread': var(--joy-elevation-light-spread),
2477
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
2478
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
2479
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
2480
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
2481
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
2482
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
2483
2483
  'transition-duration': var(--mosaik-duration-short),
2484
2484
  'transition-mode': ease,
2485
2485
  'transition-property': (background-color, color, border-color, opacity),
@@ -2596,12 +2596,12 @@ $calendar-item-props: (
2596
2596
  'ripple-color': unset,
2597
2597
  'ripple-duration': 0.20s,
2598
2598
  'selection-background-color': var(--joy-scheme-selection),
2599
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
2600
- 'shadow-blur': var(--joy-elevation-light-blur),
2601
- 'shadow-color': var(--joy-elevation-light-color),
2602
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
2603
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
2604
- 'shadow-spread': var(--joy-elevation-light-spread),
2599
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
2600
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
2601
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
2602
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
2603
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
2604
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
2605
2605
  'today-border-color': var(--joy-color-primary-500),
2606
2606
  'today-border-width': 2px,
2607
2607
  'transition-duration': var(--mosaik-duration-short),
@@ -2781,12 +2781,12 @@ $card-props: (
2781
2781
  'padding-left': unset,
2782
2782
  'padding-right': unset,
2783
2783
  'padding-top': unset,
2784
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
2785
- 'shadow-blur': var(--joy-elevation-light-blur),
2786
- 'shadow-color': var(--joy-elevation-light-color),
2787
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
2788
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
2789
- 'shadow-spread': var(--joy-elevation-light-spread),
2784
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
2785
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
2786
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
2787
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
2788
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
2789
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
2790
2790
  'transition-duration': var(--mosaik-duration-short),
2791
2791
  'transition-mode': ease,
2792
2792
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -3199,12 +3199,12 @@ $cell-group-props: (
3199
3199
  'padding-left': unset,
3200
3200
  'padding-right': unset,
3201
3201
  'padding-top': unset,
3202
- 'shadow': var(--joy-elevation-bold-offset-x) var(--joy-elevation-bold-offset-y) var(--joy-elevation-bold-blur) var(--joy-elevation-bold-spread) var(--joy-elevation-bold-color),
3203
- 'shadow-blur': var(--joy-elevation-bold-blur),
3204
- 'shadow-color': var(--joy-elevation-bold-color),
3205
- 'shadow-offset-x': var(--joy-elevation-bold-offset-x),
3206
- 'shadow-offset-y': var(--joy-elevation-bold-offset-y),
3207
- 'shadow-spread': var(--joy-elevation-bold-spread),
3202
+ 'shadow': var(--joy-elevation-light-bold-offset-x-0) var(--joy-elevation-light-bold-offset-y-0) var(--joy-elevation-light-bold-blur-0) var(--joy-elevation-light-bold-spread-0) var(--joy-elevation-light-bold-color-0),
3203
+ 'shadow-blur': var(--joy-elevation-light-bold-blur-0),
3204
+ 'shadow-color': var(--joy-elevation-light-bold-color-0),
3205
+ 'shadow-offset-x': var(--joy-elevation-light-bold-offset-x-0),
3206
+ 'shadow-offset-y': var(--joy-elevation-light-bold-offset-y-0),
3207
+ 'shadow-spread': var(--joy-elevation-light-bold-spread-0),
3208
3208
  'transition-duration': unset,
3209
3209
  'transition-mode': unset,
3210
3210
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -3347,12 +3347,12 @@ $chat-input-props: (
3347
3347
  'padding-left': calc(var(--joy-layout-space) * 1.5),
3348
3348
  'padding-right': calc(var(--joy-layout-space) * 1.5),
3349
3349
  'padding-top': var(--joy-layout-space),
3350
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
3351
- 'shadow-blur': var(--joy-elevation-semilight-blur),
3352
- 'shadow-color': var(--joy-elevation-semilight-color),
3353
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
3354
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
3355
- 'shadow-spread': var(--joy-elevation-semilight-spread),
3350
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
3351
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
3352
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
3353
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
3354
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
3355
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
3356
3356
  'transition-duration': var(--mosaik-duration-short),
3357
3357
  'transition-mode': ease,
3358
3358
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -3386,12 +3386,12 @@ $chat-input-attachment-list-props: (
3386
3386
  'padding-left': calc(var(--joy-layout-space) * 1.5),
3387
3387
  'padding-right': calc(var(--joy-layout-space) * 1.5),
3388
3388
  'padding-top': var(--joy-layout-space),
3389
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
3390
- 'shadow-blur': var(--joy-elevation-semilight-blur),
3391
- 'shadow-color': var(--joy-elevation-semilight-color),
3392
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
3393
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
3394
- 'shadow-spread': var(--joy-elevation-semilight-spread),
3389
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
3390
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
3391
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
3392
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
3393
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
3394
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
3395
3395
  'transition-duration': var(--mosaik-duration-short),
3396
3396
  'transition-mode': ease,
3397
3397
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -3464,12 +3464,12 @@ $chat-message-props: (
3464
3464
  'padding-left': calc(var(--joy-layout-space) * 2),
3465
3465
  'padding-right': calc(var(--joy-layout-space) * 2),
3466
3466
  'padding-top': var(--joy-layout-space),
3467
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
3468
- 'shadow-blur': var(--joy-elevation-light-blur),
3469
- 'shadow-color': var(--joy-elevation-light-color),
3470
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
3471
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
3472
- 'shadow-spread': var(--joy-elevation-light-spread),
3467
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
3468
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
3469
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
3470
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
3471
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
3472
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
3473
3473
  'transition-duration': var(--mosaik-duration-short),
3474
3474
  'transition-mode': ease,
3475
3475
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate, transform),
@@ -3730,12 +3730,12 @@ $checkmark-props: (
3730
3730
  'padding-left': var(--joy-layout-space),
3731
3731
  'padding-right': var(--joy-layout-space),
3732
3732
  'padding-top': calc(var(--joy-layout-space) / 2),
3733
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
3734
- 'shadow-blur': var(--joy-elevation-light-blur),
3735
- 'shadow-color': var(--joy-elevation-light-color),
3736
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
3737
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
3738
- 'shadow-spread': var(--joy-elevation-light-spread),
3733
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
3734
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
3735
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
3736
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
3737
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
3738
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
3739
3739
  'thickness': 2px,
3740
3740
  'transition-duration': var(--mosaik-duration-short),
3741
3741
  'transition-mode': ease,
@@ -3778,12 +3778,12 @@ $chip-props: (
3778
3778
  'padding-top': var(--joy-layout-space),
3779
3779
  'ripple-color': unset,
3780
3780
  'ripple-duration': 0.20s,
3781
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
3782
- 'shadow-blur': var(--joy-elevation-light-blur),
3783
- 'shadow-color': var(--joy-elevation-light-color),
3784
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
3785
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
3786
- 'shadow-spread': var(--joy-elevation-light-spread),
3781
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
3782
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
3783
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
3784
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
3785
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
3786
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
3787
3787
  'transition-duration': var(--mosaik-duration-short),
3788
3788
  'transition-mode': ease,
3789
3789
  'transition-property': (background-color, color, border-color, box-shadow, opacity, box-shadow),
@@ -3824,12 +3824,12 @@ $chip-box-props: (
3824
3824
  'padding-right': calc(var(--joy-layout-space) * 1.5),
3825
3825
  'padding-top': var(--joy-layout-space),
3826
3826
  'prefix-icon-size': 20px,
3827
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
3828
- 'shadow-blur': var(--joy-elevation-semilight-blur),
3829
- 'shadow-color': var(--joy-elevation-semilight-color),
3830
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
3831
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
3832
- 'shadow-spread': var(--joy-elevation-semilight-spread),
3827
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
3828
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
3829
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
3830
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
3831
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
3832
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
3833
3833
  'suffix-icon-size': 20px,
3834
3834
  'transition-duration': var(--mosaik-duration-short),
3835
3835
  'transition-mode': ease,
@@ -4141,12 +4141,12 @@ $color-box-props: (
4141
4141
  'padding-left': calc(var(--joy-layout-space) * 1.5),
4142
4142
  'padding-right': calc(var(--joy-layout-space) * 1.5),
4143
4143
  'padding-top': var(--joy-layout-space),
4144
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
4145
- 'shadow-blur': var(--joy-elevation-semilight-blur),
4146
- 'shadow-color': var(--joy-elevation-semilight-color),
4147
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
4148
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
4149
- 'shadow-spread': var(--joy-elevation-semilight-spread),
4144
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
4145
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
4146
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
4147
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
4148
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
4149
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
4150
4150
  'transition-duration': var(--mosaik-duration-short),
4151
4151
  'transition-mode': ease,
4152
4152
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -4231,12 +4231,12 @@ $color-editor-alpha-slider-props: (
4231
4231
  'padding-left': unset,
4232
4232
  'padding-right': unset,
4233
4233
  'padding-top': unset,
4234
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
4235
- 'shadow-blur': var(--joy-elevation-light-blur),
4236
- 'shadow-color': var(--joy-elevation-light-color),
4237
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
4238
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
4239
- 'shadow-spread': var(--joy-elevation-light-spread),
4234
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
4235
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
4236
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
4237
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
4238
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
4239
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
4240
4240
  'thumb-background-color': var(--joy-scheme-highlight),
4241
4241
  'thumb-border-color': var(--joy-scheme-highlight),
4242
4242
  'thumb-border-radius': 50%,
@@ -4282,12 +4282,12 @@ $color-editor-area-props: (
4282
4282
  'padding-left': unset,
4283
4283
  'padding-right': unset,
4284
4284
  'padding-top': unset,
4285
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
4286
- 'shadow-blur': var(--joy-elevation-light-blur),
4287
- 'shadow-color': var(--joy-elevation-light-color),
4288
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
4289
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
4290
- 'shadow-spread': var(--joy-elevation-light-spread),
4285
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
4286
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
4287
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
4288
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
4289
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
4290
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
4291
4291
  'thumb-border-color': var(--joy-scheme-surface),
4292
4292
  'thumb-border-radius': 50%,
4293
4293
  'thumb-border-width': var(--joy-layout-thickness),
@@ -4332,12 +4332,12 @@ $color-editor-hue-slider-props: (
4332
4332
  'padding-left': unset,
4333
4333
  'padding-right': unset,
4334
4334
  'padding-top': unset,
4335
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
4336
- 'shadow-blur': var(--joy-elevation-light-blur),
4337
- 'shadow-color': var(--joy-elevation-light-color),
4338
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
4339
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
4340
- 'shadow-spread': var(--joy-elevation-light-spread),
4335
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
4336
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
4337
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
4338
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
4339
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
4340
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
4341
4341
  'thumb-background-color': var(--joy-scheme-highlight),
4342
4342
  'thumb-border-color': var(--joy-scheme-highlight),
4343
4343
  'thumb-border-radius': 50%,
@@ -4478,12 +4478,12 @@ $color-editor-shade-slider-props: (
4478
4478
  'padding-left': unset,
4479
4479
  'padding-right': unset,
4480
4480
  'padding-top': unset,
4481
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
4482
- 'shadow-blur': var(--joy-elevation-light-blur),
4483
- 'shadow-color': var(--joy-elevation-light-color),
4484
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
4485
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
4486
- 'shadow-spread': var(--joy-elevation-light-spread),
4481
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
4482
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
4483
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
4484
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
4485
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
4486
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
4487
4487
  'thumb-background-color': var(--joy-scheme-highlight),
4488
4488
  'thumb-border-color': var(--joy-scheme-highlight),
4489
4489
  'thumb-border-radius': 50%,
@@ -4901,12 +4901,12 @@ $compound-button-props: (
4901
4901
  'progress-ring-width': var(--joy-layout-thickness),
4902
4902
  'ripple-color': unset,
4903
4903
  'ripple-duration': 0.20s,
4904
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
4905
- 'shadow-blur': var(--joy-elevation-semilight-blur),
4906
- 'shadow-color': var(--joy-elevation-semilight-color),
4907
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
4908
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
4909
- 'shadow-spread': var(--joy-elevation-semilight-spread),
4904
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
4905
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
4906
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
4907
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
4908
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
4909
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
4910
4910
  'transition-duration': var(--mosaik-duration-short),
4911
4911
  'transition-mode': ease,
4912
4912
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -5080,12 +5080,12 @@ $date-box-props: (
5080
5080
  'padding-left': calc(var(--joy-layout-space) * 1.5),
5081
5081
  'padding-right': calc(var(--joy-layout-space) * 1.5),
5082
5082
  'padding-top': var(--joy-layout-space),
5083
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
5084
- 'shadow-blur': var(--joy-elevation-semilight-blur),
5085
- 'shadow-color': var(--joy-elevation-semilight-color),
5086
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
5087
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
5088
- 'shadow-spread': var(--joy-elevation-semilight-spread),
5083
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
5084
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
5085
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
5086
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
5087
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
5088
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
5089
5089
  'transition-duration': var(--mosaik-duration-short),
5090
5090
  'transition-mode': ease,
5091
5091
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -5306,12 +5306,12 @@ $dialog-props: (
5306
5306
  'padding-left': calc(var(--joy-layout-space)*2),
5307
5307
  'padding-right': calc(var(--joy-layout-space)*2),
5308
5308
  'padding-top': var(--joy-layout-space),
5309
- 'shadow': var(--joy-elevation-regular-offset-x) var(--joy-elevation-regular-offset-y) var(--joy-elevation-regular-blur) var(--joy-elevation-regular-spread) var(--joy-elevation-regular-color),
5310
- 'shadow-blur': var(--joy-elevation-regular-blur),
5311
- 'shadow-color': var(--joy-elevation-regular-color),
5312
- 'shadow-offset-x': var(--joy-elevation-regular-offset-x),
5313
- 'shadow-offset-y': var(--joy-elevation-regular-offset-y),
5314
- 'shadow-spread': var(--joy-elevation-regular-spread),
5309
+ 'shadow': var(--joy-elevation-light-regular-offset-x-0) var(--joy-elevation-light-regular-offset-y-0) var(--joy-elevation-light-regular-blur-0) var(--joy-elevation-light-regular-spread-0) var(--joy-elevation-light-regular-color-0),
5310
+ 'shadow-blur': var(--joy-elevation-light-regular-blur-0),
5311
+ 'shadow-color': var(--joy-elevation-light-regular-color-0),
5312
+ 'shadow-offset-x': var(--joy-elevation-light-regular-offset-x-0),
5313
+ 'shadow-offset-y': var(--joy-elevation-light-regular-offset-y-0),
5314
+ 'shadow-spread': var(--joy-elevation-light-regular-spread-0),
5315
5315
  'transition-duration': var(--mosaik-duration-short),
5316
5316
  'transition-mode': ease,
5317
5317
  'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),
@@ -6670,12 +6670,12 @@ $expander-props: (
6670
6670
  'padding-top': var(--joy-layout-space),
6671
6671
  'ripple-color': unset,
6672
6672
  'ripple-duration': 0.20s,
6673
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
6674
- 'shadow-blur': var(--joy-elevation-light-blur),
6675
- 'shadow-color': var(--joy-elevation-light-color),
6676
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
6677
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
6678
- 'shadow-spread': var(--joy-elevation-light-spread),
6673
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
6674
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
6675
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
6676
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
6677
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
6678
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
6679
6679
  'transition-duration': var(--mosaik-duration-short),
6680
6680
  'transition-mode': ease,
6681
6681
  'transition-property': (background-color, color, border-color, box-shadow, opacity, box-shadow, transform, margin),
@@ -6826,12 +6826,12 @@ $file-box-props: (
6826
6826
  'padding-left': calc(var(--joy-layout-space) * 1.5),
6827
6827
  'padding-right': calc(var(--joy-layout-space) * 1.5),
6828
6828
  'padding-top': var(--joy-layout-space),
6829
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
6830
- 'shadow-blur': var(--joy-elevation-semilight-blur),
6831
- 'shadow-color': var(--joy-elevation-semilight-color),
6832
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
6833
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
6834
- 'shadow-spread': var(--joy-elevation-semilight-spread),
6829
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
6830
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
6831
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
6832
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
6833
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
6834
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
6835
6835
  'transition-duration': var(--mosaik-duration-short),
6836
6836
  'transition-mode': ease,
6837
6837
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -7068,12 +7068,12 @@ $floating-action-button-props: (
7068
7068
  'progress-ring-width': var(--joy-layout-thickness),
7069
7069
  'ripple-color': unset,
7070
7070
  'ripple-duration': 0.20s,
7071
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
7072
- 'shadow-blur': var(--joy-elevation-semilight-blur),
7073
- 'shadow-color': var(--joy-elevation-semilight-color),
7074
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
7075
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
7076
- 'shadow-spread': var(--joy-elevation-semilight-spread),
7071
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
7072
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
7073
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
7074
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
7075
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
7076
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
7077
7077
  'transition-duration': var(--mosaik-duration-short),
7078
7078
  'transition-mode': ease,
7079
7079
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -7309,12 +7309,12 @@ $flow-board-column-item-props: (
7309
7309
  'padding-right': unset,
7310
7310
  'padding-top': unset,
7311
7311
  'pinned-background-color': var(--joy-scheme-surface),
7312
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
7313
- 'shadow-blur': var(--joy-elevation-light-blur),
7314
- 'shadow-color': var(--joy-elevation-light-color),
7315
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
7316
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
7317
- 'shadow-spread': var(--joy-elevation-light-spread),
7312
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
7313
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
7314
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
7315
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
7316
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
7317
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
7318
7318
  'transition-duration': var(--mosaik-duration-medium),
7319
7319
  'transition-mode': ease,
7320
7320
  'transition-property': (background-color, box-shadow, transform),
@@ -8125,12 +8125,12 @@ $kbd-props: (
8125
8125
  'padding-left': calc(var(--joy-layout-space) / 2),
8126
8126
  'padding-right': calc(var(--joy-layout-space) / 2),
8127
8127
  'padding-top': calc(var(--joy-layout-space) / 2),
8128
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
8129
- 'shadow-blur': var(--joy-elevation-light-blur),
8130
- 'shadow-color': var(--joy-elevation-light-color),
8131
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
8132
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
8133
- 'shadow-spread': var(--joy-elevation-light-spread),
8128
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
8129
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
8130
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
8131
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
8132
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
8133
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
8134
8134
  'transition-duration': unset,
8135
8135
  'transition-mode': unset,
8136
8136
  'transition-property': unset,
@@ -8424,12 +8424,12 @@ $listing-item-marker-props: (
8424
8424
  'padding-left': calc(var(--joy-layout-space) / 2),
8425
8425
  'padding-right': calc(var(--joy-layout-space) / 2),
8426
8426
  'padding-top': calc(var(--joy-layout-space) / 2),
8427
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
8428
- 'shadow-blur': var(--joy-elevation-light-blur),
8429
- 'shadow-color': var(--joy-elevation-light-color),
8430
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
8431
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
8432
- 'shadow-spread': var(--joy-elevation-light-spread),
8427
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
8428
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
8429
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
8430
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
8431
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
8432
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
8433
8433
  'transition-duration': var(--mosaik-duration-short),
8434
8434
  'transition-mode': ease,
8435
8435
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -8737,12 +8737,12 @@ $message-props: (
8737
8737
  'padding-left': calc(var(--joy-layout-space) * 2),
8738
8738
  'padding-right': calc(var(--joy-layout-space) * 2),
8739
8739
  'padding-top': var(--joy-layout-space),
8740
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
8741
- 'shadow-blur': var(--joy-elevation-semilight-blur),
8742
- 'shadow-color': var(--joy-elevation-semilight-color),
8743
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
8744
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
8745
- 'shadow-spread': var(--joy-elevation-semilight-spread),
8740
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
8741
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
8742
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
8743
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
8744
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
8745
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
8746
8746
  'transition-duration': var(--mosaik-duration-short),
8747
8747
  'transition-mode': ease,
8748
8748
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -8785,12 +8785,12 @@ $message-box-props: (
8785
8785
  'padding-left': calc(var(--joy-layout-space)*2),
8786
8786
  'padding-right': calc(var(--joy-layout-space)*2),
8787
8787
  'padding-top': var(--joy-layout-space),
8788
- 'shadow': var(--joy-elevation-regular-offset-x) var(--joy-elevation-regular-offset-y) var(--joy-elevation-regular-blur) var(--joy-elevation-regular-spread) var(--joy-elevation-regular-color),
8789
- 'shadow-blur': var(--joy-elevation-regular-blur),
8790
- 'shadow-color': var(--joy-elevation-regular-color),
8791
- 'shadow-offset-x': var(--joy-elevation-regular-offset-x),
8792
- 'shadow-offset-y': var(--joy-elevation-regular-offset-y),
8793
- 'shadow-spread': var(--joy-elevation-regular-spread),
8788
+ 'shadow': var(--joy-elevation-light-regular-offset-x-0) var(--joy-elevation-light-regular-offset-y-0) var(--joy-elevation-light-regular-blur-0) var(--joy-elevation-light-regular-spread-0) var(--joy-elevation-light-regular-color-0),
8789
+ 'shadow-blur': var(--joy-elevation-light-regular-blur-0),
8790
+ 'shadow-color': var(--joy-elevation-light-regular-color-0),
8791
+ 'shadow-offset-x': var(--joy-elevation-light-regular-offset-x-0),
8792
+ 'shadow-offset-y': var(--joy-elevation-light-regular-offset-y-0),
8793
+ 'shadow-spread': var(--joy-elevation-light-regular-spread-0),
8794
8794
  'sub-header-font-family': var(--joy-font-family),
8795
8795
  'sub-header-font-letter-spacing': var(--joy-typography-subtitle2-letter-spacing),
8796
8796
  'sub-header-font-line-height': var(--joy-typography-subtitle2-line-height),
@@ -9302,12 +9302,12 @@ $password-box-props: (
9302
9302
  'padding-left': calc(var(--joy-layout-space) * 1.5),
9303
9303
  'padding-right': calc(var(--joy-layout-space) * 1.5),
9304
9304
  'padding-top': var(--joy-layout-space),
9305
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
9306
- 'shadow-blur': var(--joy-elevation-semilight-blur),
9307
- 'shadow-color': var(--joy-elevation-semilight-color),
9308
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
9309
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
9310
- 'shadow-spread': var(--joy-elevation-semilight-spread),
9305
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
9306
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
9307
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
9308
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
9309
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
9310
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
9311
9311
  'transition-duration': var(--mosaik-duration-short),
9312
9312
  'transition-mode': ease,
9313
9313
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -9453,12 +9453,12 @@ $pin-box-props: (
9453
9453
  'padding-left': calc(var(--joy-layout-space) * 1.5),
9454
9454
  'padding-right': calc(var(--joy-layout-space) * 1.5),
9455
9455
  'padding-top': var(--joy-layout-space),
9456
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
9457
- 'shadow-blur': var(--joy-elevation-semilight-blur),
9458
- 'shadow-color': var(--joy-elevation-semilight-color),
9459
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
9460
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
9461
- 'shadow-spread': var(--joy-elevation-semilight-spread),
9456
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
9457
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
9458
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
9459
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
9460
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
9461
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
9462
9462
  'transition-duration': var(--mosaik-duration-short),
9463
9463
  'transition-mode': ease,
9464
9464
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -9493,12 +9493,12 @@ $pip-props: (
9493
9493
  'padding-left': calc(var(--joy-layout-space) / 2),
9494
9494
  'padding-right': calc(var(--joy-layout-space) / 2),
9495
9495
  'padding-top': calc(var(--joy-layout-space) / 2),
9496
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
9497
- 'shadow-blur': var(--joy-elevation-light-blur),
9498
- 'shadow-color': var(--joy-elevation-light-color),
9499
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
9500
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
9501
- 'shadow-spread': var(--joy-elevation-light-spread),
9496
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
9497
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
9498
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
9499
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
9500
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
9501
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
9502
9502
  'transition-duration': var(--mosaik-duration-short),
9503
9503
  'transition-mode': ease,
9504
9504
  'transition-property': (background-color, color, border-color, opacity, box-shadow),
@@ -9570,12 +9570,12 @@ $popup-props: (
9570
9570
  'padding-left': calc(var(--joy-layout-space) * 1.25),
9571
9571
  'padding-right': calc(var(--joy-layout-space) * 1.25),
9572
9572
  'padding-top': calc(var(--joy-layout-space) * 1),
9573
- 'shadow': var(--joy-elevation-regular-offset-x) var(--joy-elevation-regular-offset-y) var(--joy-elevation-regular-blur) var(--joy-elevation-regular-spread) var(--joy-elevation-regular-color),
9574
- 'shadow-blur': var(--joy-elevation-regular-blur),
9575
- 'shadow-color': var(--joy-elevation-regular-color),
9576
- 'shadow-offset-x': var(--joy-elevation-regular-offset-x),
9577
- 'shadow-offset-y': var(--joy-elevation-regular-offset-y),
9578
- 'shadow-spread': var(--joy-elevation-regular-spread),
9573
+ 'shadow': var(--joy-elevation-light-regular-offset-x-0) var(--joy-elevation-light-regular-offset-y-0) var(--joy-elevation-light-regular-blur-0) var(--joy-elevation-light-regular-spread-0) var(--joy-elevation-light-regular-color-0),
9574
+ 'shadow-blur': var(--joy-elevation-light-regular-blur-0),
9575
+ 'shadow-color': var(--joy-elevation-light-regular-color-0),
9576
+ 'shadow-offset-x': var(--joy-elevation-light-regular-offset-x-0),
9577
+ 'shadow-offset-y': var(--joy-elevation-light-regular-offset-y-0),
9578
+ 'shadow-spread': var(--joy-elevation-light-regular-spread-0),
9579
9579
  'transition-duration': var(--mosaik-duration-short),
9580
9580
  'transition-mode': ease,
9581
9581
  'transition-property': (background-color, border-color, box-shadow, color, transform, opacity),
@@ -10759,12 +10759,12 @@ $scheduler-event-props: (
10759
10759
  'padding-top': unset,
10760
10760
  'ripple-color': unset,
10761
10761
  'ripple-duration': 0.20s,
10762
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
10763
- 'shadow-blur': var(--joy-elevation-light-blur),
10764
- 'shadow-color': var(--joy-elevation-light-color),
10765
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
10766
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
10767
- 'shadow-spread': var(--joy-elevation-light-spread),
10762
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
10763
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
10764
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
10765
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
10766
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
10767
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
10768
10768
  'transition-duration': var(--mosaik-duration-medium),
10769
10769
  'transition-mode': ease,
10770
10770
  'transition-property': (background-color, box-shadow, transform),
@@ -11091,7 +11091,7 @@ $scrub-slider-props: (
11091
11091
  'tooltip-padding-left': var(--joy-layout-space),
11092
11092
  'tooltip-padding-right': var(--joy-layout-space),
11093
11093
  'tooltip-padding-top': var(--joy-layout-space),
11094
- 'tooltip-shadow': var(--joy-elevation-light),
11094
+ 'tooltip-shadow': var(--joy-elevation-light-light),
11095
11095
  'tooltip-transition-duration': var(--mosaik-duration-short),
11096
11096
  'tooltip-transition-mode': ease,
11097
11097
  'tooltip-transition-property': (background-color, color, border-color, opacity, transform),
@@ -11135,12 +11135,12 @@ $search-box-props: (
11135
11135
  'padding-left': calc(var(--joy-layout-space) * 1.5),
11136
11136
  'padding-right': calc(var(--joy-layout-space) * 1.5),
11137
11137
  'padding-top': var(--joy-layout-space),
11138
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
11139
- 'shadow-blur': var(--joy-elevation-semilight-blur),
11140
- 'shadow-color': var(--joy-elevation-semilight-color),
11141
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
11142
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
11143
- 'shadow-spread': var(--joy-elevation-semilight-spread),
11138
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
11139
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
11140
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
11141
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
11142
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
11143
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
11144
11144
  'transition-duration': var(--mosaik-duration-short),
11145
11145
  'transition-mode': ease,
11146
11146
  'transition-property': (all),
@@ -11175,12 +11175,12 @@ $segment-props: (
11175
11175
  'padding-left': var(--joy-layout-space),
11176
11176
  'padding-right': var(--joy-layout-space),
11177
11177
  'padding-top': var(--joy-layout-space),
11178
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
11179
- 'shadow-blur': var(--joy-elevation-semilight-blur),
11180
- 'shadow-color': var(--joy-elevation-semilight-color),
11181
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
11182
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
11183
- 'shadow-spread': var(--joy-elevation-semilight-spread),
11178
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
11179
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
11180
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
11181
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
11182
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
11183
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
11184
11184
  'transition-duration': var(--joy-layout-transition),
11185
11185
  'transition-mode': ease,
11186
11186
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
@@ -11716,7 +11716,7 @@ $slider-props: (
11716
11716
  'tooltip-padding-left': var(--joy-layout-space),
11717
11717
  'tooltip-padding-right': var(--joy-layout-space),
11718
11718
  'tooltip-padding-top': var(--joy-layout-space),
11719
- 'tooltip-shadow': var(--joy-elevation-light),
11719
+ 'tooltip-shadow': var(--joy-elevation-light-light),
11720
11720
  'tooltip-transition-duration': var(--mosaik-duration-short),
11721
11721
  'tooltip-transition-mode': ease,
11722
11722
  'tooltip-transition-property': (background-color, color, border-color, opacity, transform),
@@ -12213,12 +12213,12 @@ $tab-props: (
12213
12213
  'padding-right': calc(var(--joy-layout-space) * 2),
12214
12214
  'padding-top': var(--joy-layout-space),
12215
12215
  'panel-background-color': var(--tab-background-color),
12216
- 'shadow': var(--joy-elevation-bold-offset-x) var(--joy-elevation-bold-offset-y) var(--joy-elevation-bold-blur) var(--joy-elevation-bold-spread) var(--joy-elevation-bold-color),
12217
- 'shadow-blur': var(--joy-elevation-bold-blur),
12218
- 'shadow-color': var(--joy-elevation-bold-color),
12219
- 'shadow-offset-x': var(--joy-elevation-bold-offset-x),
12220
- 'shadow-offset-y': var(--joy-elevation-bold-offset-y),
12221
- 'shadow-spread': var(--joy-elevation-bold-spread),
12216
+ 'shadow': var(--joy-elevation-light-bold-offset-x-0) var(--joy-elevation-light-bold-offset-y-0) var(--joy-elevation-light-bold-blur-0) var(--joy-elevation-light-bold-spread-0) var(--joy-elevation-light-bold-color-0),
12217
+ 'shadow-blur': var(--joy-elevation-light-bold-blur-0),
12218
+ 'shadow-color': var(--joy-elevation-light-bold-color-0),
12219
+ 'shadow-offset-x': var(--joy-elevation-light-bold-offset-x-0),
12220
+ 'shadow-offset-y': var(--joy-elevation-light-bold-offset-y-0),
12221
+ 'shadow-spread': var(--joy-elevation-light-bold-spread-0),
12222
12222
  'strip-background-color': var(--joy-scheme-transparent),
12223
12223
  'strip-padding-bottom': 0,
12224
12224
  'strip-padding-left': 0,
@@ -12904,12 +12904,12 @@ $text-box-props: (
12904
12904
  'padding-right': calc(var(--joy-layout-space) * 1.5),
12905
12905
  'padding-top': var(--joy-layout-space),
12906
12906
  'prefix-icon-size': 20px,
12907
- 'shadow': var(--joy-elevation-semilight-offset-x) var(--joy-elevation-semilight-offset-y) var(--joy-elevation-semilight-blur) var(--joy-elevation-semilight-spread) var(--joy-elevation-semilight-color),
12908
- 'shadow-blur': var(--joy-elevation-semilight-blur),
12909
- 'shadow-color': var(--joy-elevation-semilight-color),
12910
- 'shadow-offset-x': var(--joy-elevation-semilight-offset-x),
12911
- 'shadow-offset-y': var(--joy-elevation-semilight-offset-y),
12912
- 'shadow-spread': var(--joy-elevation-semilight-spread),
12907
+ 'shadow': var(--joy-elevation-light-semilight-offset-x-0) var(--joy-elevation-light-semilight-offset-y-0) var(--joy-elevation-light-semilight-blur-0) var(--joy-elevation-light-semilight-spread-0) var(--joy-elevation-light-semilight-color-0),
12908
+ 'shadow-blur': var(--joy-elevation-light-semilight-blur-0),
12909
+ 'shadow-color': var(--joy-elevation-light-semilight-color-0),
12910
+ 'shadow-offset-x': var(--joy-elevation-light-semilight-offset-x-0),
12911
+ 'shadow-offset-y': var(--joy-elevation-light-semilight-offset-y-0),
12912
+ 'shadow-spread': var(--joy-elevation-light-semilight-spread-0),
12913
12913
  'suffix-icon-size': 20px,
12914
12914
  'transition-duration': var(--mosaik-duration-short),
12915
12915
  'transition-mode': ease,
@@ -12976,12 +12976,12 @@ $thumb-props: (
12976
12976
  'padding-left': unset,
12977
12977
  'padding-right': unset,
12978
12978
  'padding-top': unset,
12979
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
12980
- 'shadow-blur': var(--joy-elevation-light-blur),
12981
- 'shadow-color': var(--joy-elevation-light-color),
12982
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
12983
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
12984
- 'shadow-spread': var(--joy-elevation-light-spread),
12979
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
12980
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
12981
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
12982
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
12983
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
12984
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
12985
12985
  'transition-duration': var(--mosaik-duration-short),
12986
12986
  'transition-mode': ease,
12987
12987
  'transition-property': (background-color, color, border-color, opacity, box-shadow, translate, transform),
@@ -13097,12 +13097,12 @@ $tile-props: (
13097
13097
  'padding-top': var(--joy-layout-space),
13098
13098
  'ripple-color': var(--joy-scheme-highlight),
13099
13099
  'ripple-duration': 0.20s,
13100
- 'shadow': var(--joy-elevation-light-offset-x) var(--joy-elevation-light-offset-y) var(--joy-elevation-light-blur) var(--joy-elevation-light-spread) var(--joy-elevation-light-color),
13101
- 'shadow-blur': var(--joy-elevation-light-blur),
13102
- 'shadow-color': var(--joy-elevation-light-color),
13103
- 'shadow-offset-x': var(--joy-elevation-light-offset-x),
13104
- 'shadow-offset-y': var(--joy-elevation-light-offset-y),
13105
- 'shadow-spread': var(--joy-elevation-light-spread),
13100
+ 'shadow': var(--joy-elevation-light-light-offset-x-0) var(--joy-elevation-light-light-offset-y-0) var(--joy-elevation-light-light-blur-0) var(--joy-elevation-light-light-spread-0) var(--joy-elevation-light-light-color-0),
13101
+ 'shadow-blur': var(--joy-elevation-light-light-blur-0),
13102
+ 'shadow-color': var(--joy-elevation-light-light-color-0),
13103
+ 'shadow-offset-x': var(--joy-elevation-light-light-offset-x-0),
13104
+ 'shadow-offset-y': var(--joy-elevation-light-light-offset-y-0),
13105
+ 'shadow-spread': var(--joy-elevation-light-light-spread-0),
13106
13106
  'transition-duration': var(--mosaik-duration-short),
13107
13107
  'transition-mode': ease,
13108
13108
  'transition-property': (background-color, color, border-color, box-shadow),
@@ -13610,12 +13610,12 @@ $toast-props: (
13610
13610
  'padding-top': var(--joy-layout-space),
13611
13611
  'progress-fill-color': currentColor,
13612
13612
  'progress-ring-fill-color': var(--joy-scheme-foreground),
13613
- 'shadow': var(--joy-elevation-regular-offset-x) var(--joy-elevation-regular-offset-y) var(--joy-elevation-regular-blur) var(--joy-elevation-regular-spread) var(--joy-elevation-regular-color),
13614
- 'shadow-blur': var(--joy-elevation-regular-blur),
13615
- 'shadow-color': var(--joy-elevation-regular-color),
13616
- 'shadow-offset-x': var(--joy-elevation-regular-offset-x),
13617
- 'shadow-offset-y': var(--joy-elevation-regular-offset-y),
13618
- 'shadow-spread': var(--joy-elevation-regular-spread),
13613
+ 'shadow': var(--joy-elevation-light-regular-offset-x-0) var(--joy-elevation-light-regular-offset-y-0) var(--joy-elevation-light-regular-blur-0) var(--joy-elevation-light-regular-spread-0) var(--joy-elevation-light-regular-color-0),
13614
+ 'shadow-blur': var(--joy-elevation-light-regular-blur-0),
13615
+ 'shadow-color': var(--joy-elevation-light-regular-color-0),
13616
+ 'shadow-offset-x': var(--joy-elevation-light-regular-offset-x-0),
13617
+ 'shadow-offset-y': var(--joy-elevation-light-regular-offset-y-0),
13618
+ 'shadow-spread': var(--joy-elevation-light-regular-spread-0),
13619
13619
  'transition-duration': var(--mosaik-duration-short),
13620
13620
  'transition-mode': ease,
13621
13621
  'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),