@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.
- package/package.json +2 -2
- package/themes/cosmopolitan.scss +310 -274
- package/themes/joy.scss +422 -403
- package/themes/memphis.scss +342 -306
package/themes/joy.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});
|
|
@@ -862,6 +880,7 @@ $_color-dark: (
|
|
|
862
880
|
:host {
|
|
863
881
|
@each $key, $value in $durations {
|
|
864
882
|
--#{$prefix}-duration-#{$key}: #{$value};
|
|
883
|
+
--mosaik-duration-#{$key}: var(--#{$prefix}-duration-#{$key});
|
|
865
884
|
}
|
|
866
885
|
}
|
|
867
886
|
}
|
|
@@ -1494,7 +1513,7 @@ $actionbar-group-props: (
|
|
|
1494
1513
|
'shadow-offset-x': unset,
|
|
1495
1514
|
'shadow-offset-y': unset,
|
|
1496
1515
|
'shadow-spread': unset,
|
|
1497
|
-
'transition-duration': var(--
|
|
1516
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1498
1517
|
'transition-mode': ease,
|
|
1499
1518
|
'transition-property': (all),
|
|
1500
1519
|
'translate': none
|
|
@@ -1531,7 +1550,7 @@ $actionbar-item-props: (
|
|
|
1531
1550
|
'shadow-offset-x': unset,
|
|
1532
1551
|
'shadow-offset-y': unset,
|
|
1533
1552
|
'shadow-spread': unset,
|
|
1534
|
-
'transition-duration': var(--
|
|
1553
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1535
1554
|
'transition-mode': ease,
|
|
1536
1555
|
'transition-property': (background-color),
|
|
1537
1556
|
'translate': none
|
|
@@ -1566,7 +1585,7 @@ $actionbar-separator-props: (
|
|
|
1566
1585
|
'shadow-offset-y': unset,
|
|
1567
1586
|
'shadow-spread': unset,
|
|
1568
1587
|
'thickness': 1px,
|
|
1569
|
-
'transition-duration': var(--
|
|
1588
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1570
1589
|
'transition-mode': ease,
|
|
1571
1590
|
'transition-property': (all),
|
|
1572
1591
|
'translate': none
|
|
@@ -1606,7 +1625,7 @@ $actionbar-props: (
|
|
|
1606
1625
|
'shadow-offset-x': unset,
|
|
1607
1626
|
'shadow-offset-y': unset,
|
|
1608
1627
|
'shadow-spread': unset,
|
|
1609
|
-
'transition-duration': var(--
|
|
1628
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1610
1629
|
'transition-mode': ease,
|
|
1611
1630
|
'transition-property': (all),
|
|
1612
1631
|
'translate': none
|
|
@@ -1675,7 +1694,7 @@ $anchor-props: (
|
|
|
1675
1694
|
'shadow-offset-x': unset,
|
|
1676
1695
|
'shadow-offset-y': unset,
|
|
1677
1696
|
'shadow-spread': unset,
|
|
1678
|
-
'transition-duration': var(--
|
|
1697
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1679
1698
|
'transition-mode': ease,
|
|
1680
1699
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
1681
1700
|
'translate': none
|
|
@@ -1715,7 +1734,7 @@ $app-props: (
|
|
|
1715
1734
|
'shadow-offset-x': unset,
|
|
1716
1735
|
'shadow-offset-y': unset,
|
|
1717
1736
|
'shadow-spread': unset,
|
|
1718
|
-
'transition-duration': var(--
|
|
1737
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1719
1738
|
'transition-mode': ease,
|
|
1720
1739
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
1721
1740
|
'translate': none
|
|
@@ -1755,7 +1774,7 @@ $app-header-props: (
|
|
|
1755
1774
|
'shadow-offset-x': unset,
|
|
1756
1775
|
'shadow-offset-y': unset,
|
|
1757
1776
|
'shadow-spread': unset,
|
|
1758
|
-
'transition-duration': var(--
|
|
1777
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1759
1778
|
'transition-mode': ease,
|
|
1760
1779
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
1761
1780
|
'translate': none
|
|
@@ -1802,7 +1821,7 @@ $audio-props: (
|
|
|
1802
1821
|
'shadow-offset-x': unset,
|
|
1803
1822
|
'shadow-offset-y': unset,
|
|
1804
1823
|
'shadow-spread': unset,
|
|
1805
|
-
'transition-duration': var(--
|
|
1824
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1806
1825
|
'transition-mode': ease,
|
|
1807
1826
|
'transition-property': (color, background-color, border-color, opacity, box-shadow),
|
|
1808
1827
|
'translate': none
|
|
@@ -1846,7 +1865,7 @@ $auto-complete-box-props: (
|
|
|
1846
1865
|
'shadow-offset-x': unset,
|
|
1847
1866
|
'shadow-offset-y': unset,
|
|
1848
1867
|
'shadow-spread': unset,
|
|
1849
|
-
'transition-duration': var(--
|
|
1868
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1850
1869
|
'transition-mode': ease,
|
|
1851
1870
|
'transition-property': (all),
|
|
1852
1871
|
'translate': none
|
|
@@ -1891,7 +1910,7 @@ $avatar-props: (
|
|
|
1891
1910
|
'shadow-offset-x': unset,
|
|
1892
1911
|
'shadow-offset-y': unset,
|
|
1893
1912
|
'shadow-spread': unset,
|
|
1894
|
-
'transition-duration': var(--
|
|
1913
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1895
1914
|
'transition-mode': ease,
|
|
1896
1915
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
1897
1916
|
'translate': none
|
|
@@ -1930,7 +1949,7 @@ $avatar-group-props: (
|
|
|
1930
1949
|
'shadow-offset-x': unset,
|
|
1931
1950
|
'shadow-offset-y': unset,
|
|
1932
1951
|
'shadow-spread': unset,
|
|
1933
|
-
'transition-duration': var(--
|
|
1952
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
1934
1953
|
'transition-mode': ease,
|
|
1935
1954
|
'transition-property': (margin-left),
|
|
1936
1955
|
'translate': none
|
|
@@ -1998,7 +2017,7 @@ $backdrop-props: (
|
|
|
1998
2017
|
'shadow-offset-x': unset,
|
|
1999
2018
|
'shadow-offset-y': unset,
|
|
2000
2019
|
'shadow-spread': unset,
|
|
2001
|
-
'transition-duration': var(--
|
|
2020
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2002
2021
|
'transition-mode': ease,
|
|
2003
2022
|
'transition-property': (opacity, backdrop-filter),
|
|
2004
2023
|
'translate': none
|
|
@@ -2032,13 +2051,13 @@ $badge-props: (
|
|
|
2032
2051
|
'padding-left': var(--joy-layout-space),
|
|
2033
2052
|
'padding-right': var(--joy-layout-space),
|
|
2034
2053
|
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
2035
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
2036
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
2037
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
2038
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
2039
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
2040
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
2041
|
-
'transition-duration': var(--
|
|
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),
|
|
2060
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2042
2061
|
'transition-mode': ease,
|
|
2043
2062
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
2044
2063
|
'translate': none
|
|
@@ -2071,13 +2090,13 @@ $banner-props: (
|
|
|
2071
2090
|
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
2072
2091
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
2073
2092
|
'padding-top': var(--joy-layout-space),
|
|
2074
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
2075
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
2076
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
2077
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
2078
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
2079
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
2080
|
-
'transition-duration': var(--
|
|
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),
|
|
2099
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2081
2100
|
'transition-mode': ease,
|
|
2082
2101
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
2083
2102
|
'translate': none
|
|
@@ -2375,13 +2394,13 @@ $button-props: (
|
|
|
2375
2394
|
'progress-ring-width': var(--joy-layout-thickness),
|
|
2376
2395
|
'ripple-color': unset,
|
|
2377
2396
|
'ripple-duration': 0.20s,
|
|
2378
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
2379
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
2380
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
2381
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
2382
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
2383
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
2384
|
-
'transition-duration': var(--
|
|
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),
|
|
2403
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2385
2404
|
'transition-mode': ease,
|
|
2386
2405
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
2387
2406
|
'translate': none,
|
|
@@ -2421,7 +2440,7 @@ $button-group-props: (
|
|
|
2421
2440
|
'shadow-offset-x': unset,
|
|
2422
2441
|
'shadow-offset-y': unset,
|
|
2423
2442
|
'shadow-spread': unset,
|
|
2424
|
-
'transition-duration': var(--
|
|
2443
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2425
2444
|
'transition-mode': ease,
|
|
2426
2445
|
'transition-property': (background-color, color, border-color, opacity),
|
|
2427
2446
|
'translate': none
|
|
@@ -2455,13 +2474,13 @@ $calendar-props: (
|
|
|
2455
2474
|
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
2456
2475
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
2457
2476
|
'padding-top': var(--joy-layout-space),
|
|
2458
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
2459
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
2460
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
2461
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
2462
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
2463
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
2464
|
-
'transition-duration': var(--
|
|
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),
|
|
2483
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2465
2484
|
'transition-mode': ease,
|
|
2466
2485
|
'transition-property': (background-color, color, border-color, opacity),
|
|
2467
2486
|
'translate': none
|
|
@@ -2577,15 +2596,15 @@ $calendar-item-props: (
|
|
|
2577
2596
|
'ripple-color': unset,
|
|
2578
2597
|
'ripple-duration': 0.20s,
|
|
2579
2598
|
'selection-background-color': var(--joy-scheme-selection),
|
|
2580
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
2581
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
2582
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
2583
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
2584
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
2585
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
2586
2605
|
'today-border-color': var(--joy-color-primary-500),
|
|
2587
2606
|
'today-border-width': 2px,
|
|
2588
|
-
'transition-duration': var(--
|
|
2607
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2589
2608
|
'transition-mode': ease,
|
|
2590
2609
|
'transition-property': (background-color, color, border-color, opacity),
|
|
2591
2610
|
'translate': none
|
|
@@ -2762,13 +2781,13 @@ $card-props: (
|
|
|
2762
2781
|
'padding-left': unset,
|
|
2763
2782
|
'padding-right': unset,
|
|
2764
2783
|
'padding-top': unset,
|
|
2765
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
2766
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
2767
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
2768
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
2769
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
2770
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
2771
|
-
'transition-duration': var(--
|
|
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),
|
|
2790
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
2772
2791
|
'transition-mode': ease,
|
|
2773
2792
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
2774
2793
|
'translate': none
|
|
@@ -3007,7 +3026,7 @@ $carousel-props: (
|
|
|
3007
3026
|
'shadow-offset-x': unset,
|
|
3008
3027
|
'shadow-offset-y': unset,
|
|
3009
3028
|
'shadow-spread': unset,
|
|
3010
|
-
'transition-duration': var(--
|
|
3029
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3011
3030
|
'transition-mode': ease,
|
|
3012
3031
|
'transition-property': unset,
|
|
3013
3032
|
'translate': none
|
|
@@ -3180,12 +3199,12 @@ $cell-group-props: (
|
|
|
3180
3199
|
'padding-left': unset,
|
|
3181
3200
|
'padding-right': unset,
|
|
3182
3201
|
'padding-top': unset,
|
|
3183
|
-
'shadow': var(--joy-elevation-bold-offset-x
|
|
3184
|
-
'shadow-blur': var(--joy-elevation-bold-blur
|
|
3185
|
-
'shadow-color': var(--joy-elevation-bold-color
|
|
3186
|
-
'shadow-offset-x': var(--joy-elevation-bold-offset-x
|
|
3187
|
-
'shadow-offset-y': var(--joy-elevation-bold-offset-y
|
|
3188
|
-
'shadow-spread': var(--joy-elevation-bold-spread
|
|
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),
|
|
3189
3208
|
'transition-duration': unset,
|
|
3190
3209
|
'transition-mode': unset,
|
|
3191
3210
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
@@ -3261,7 +3280,7 @@ $chat-props: (
|
|
|
3261
3280
|
'shadow-offset-x': unset,
|
|
3262
3281
|
'shadow-offset-y': unset,
|
|
3263
3282
|
'shadow-spread': unset,
|
|
3264
|
-
'transition-duration': var(--
|
|
3283
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3265
3284
|
'transition-mode': ease,
|
|
3266
3285
|
'transition-property': (all),
|
|
3267
3286
|
'translate': none
|
|
@@ -3328,13 +3347,13 @@ $chat-input-props: (
|
|
|
3328
3347
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
3329
3348
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
3330
3349
|
'padding-top': var(--joy-layout-space),
|
|
3331
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
3332
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
3333
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
3334
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
3335
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
3336
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
3337
|
-
'transition-duration': var(--
|
|
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),
|
|
3356
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3338
3357
|
'transition-mode': ease,
|
|
3339
3358
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
3340
3359
|
'translate': none
|
|
@@ -3367,13 +3386,13 @@ $chat-input-attachment-list-props: (
|
|
|
3367
3386
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
3368
3387
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
3369
3388
|
'padding-top': var(--joy-layout-space),
|
|
3370
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
3371
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
3372
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
3373
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
3374
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
3375
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
3376
|
-
'transition-duration': var(--
|
|
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),
|
|
3395
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3377
3396
|
'transition-mode': ease,
|
|
3378
3397
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
3379
3398
|
'translate': none
|
|
@@ -3445,13 +3464,13 @@ $chat-message-props: (
|
|
|
3445
3464
|
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
3446
3465
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
3447
3466
|
'padding-top': var(--joy-layout-space),
|
|
3448
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
3449
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
3450
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
3451
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
3452
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
3453
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
3454
|
-
'transition-duration': var(--
|
|
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),
|
|
3473
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3455
3474
|
'transition-mode': ease,
|
|
3456
3475
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate, transform),
|
|
3457
3476
|
'translate': none,
|
|
@@ -3497,7 +3516,7 @@ $chat-message-avatar-props: (
|
|
|
3497
3516
|
'shadow-offset-x': unset,
|
|
3498
3517
|
'shadow-offset-y': unset,
|
|
3499
3518
|
'shadow-spread': unset,
|
|
3500
|
-
'transition-duration': var(--
|
|
3519
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3501
3520
|
'transition-mode': ease,
|
|
3502
3521
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
3503
3522
|
'translate': none
|
|
@@ -3531,7 +3550,7 @@ $chat-message-divider-props: (
|
|
|
3531
3550
|
'shadow-offset-x': unset,
|
|
3532
3551
|
'shadow-offset-y': unset,
|
|
3533
3552
|
'shadow-spread': unset,
|
|
3534
|
-
'transition-duration': var(--
|
|
3553
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3535
3554
|
'transition-mode': ease,
|
|
3536
3555
|
'transition-property': (color, opacity, transform),
|
|
3537
3556
|
'translate': none
|
|
@@ -3565,7 +3584,7 @@ $chat-message-reaction-props: (
|
|
|
3565
3584
|
'shadow-offset-x': unset,
|
|
3566
3585
|
'shadow-offset-y': unset,
|
|
3567
3586
|
'shadow-spread': unset,
|
|
3568
|
-
'transition-duration': var(--
|
|
3587
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3569
3588
|
'transition-mode': ease,
|
|
3570
3589
|
'transition-property': (background-color, color, transform),
|
|
3571
3590
|
'translate': none
|
|
@@ -3637,7 +3656,7 @@ $check-box-props: (
|
|
|
3637
3656
|
'shadow-offset-x': unset,
|
|
3638
3657
|
'shadow-offset-y': unset,
|
|
3639
3658
|
'shadow-spread': unset,
|
|
3640
|
-
'transition-duration': var(--
|
|
3659
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3641
3660
|
'transition-mode': ease,
|
|
3642
3661
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
3643
3662
|
'translate': none
|
|
@@ -3711,14 +3730,14 @@ $checkmark-props: (
|
|
|
3711
3730
|
'padding-left': var(--joy-layout-space),
|
|
3712
3731
|
'padding-right': var(--joy-layout-space),
|
|
3713
3732
|
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
3714
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
3715
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
3716
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
3717
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
3718
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
3719
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
3720
3739
|
'thickness': 2px,
|
|
3721
|
-
'transition-duration': var(--
|
|
3740
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3722
3741
|
'transition-mode': ease,
|
|
3723
3742
|
'transition-property': (background-color, color),
|
|
3724
3743
|
'translate': none,
|
|
@@ -3759,13 +3778,13 @@ $chip-props: (
|
|
|
3759
3778
|
'padding-top': var(--joy-layout-space),
|
|
3760
3779
|
'ripple-color': unset,
|
|
3761
3780
|
'ripple-duration': 0.20s,
|
|
3762
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
3763
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
3764
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
3765
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
3766
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
3767
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
3768
|
-
'transition-duration': var(--
|
|
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),
|
|
3787
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3769
3788
|
'transition-mode': ease,
|
|
3770
3789
|
'transition-property': (background-color, color, border-color, box-shadow, opacity, box-shadow),
|
|
3771
3790
|
'translate': none
|
|
@@ -3805,14 +3824,14 @@ $chip-box-props: (
|
|
|
3805
3824
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
3806
3825
|
'padding-top': var(--joy-layout-space),
|
|
3807
3826
|
'prefix-icon-size': 20px,
|
|
3808
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
3809
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
3810
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
3811
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
3812
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
3813
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
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),
|
|
3814
3833
|
'suffix-icon-size': 20px,
|
|
3815
|
-
'transition-duration': var(--
|
|
3834
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3816
3835
|
'transition-mode': ease,
|
|
3817
3836
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
3818
3837
|
'translate': none
|
|
@@ -3894,7 +3913,7 @@ $choice-props: (
|
|
|
3894
3913
|
'shadow-offset-x': unset,
|
|
3895
3914
|
'shadow-offset-y': unset,
|
|
3896
3915
|
'shadow-spread': unset,
|
|
3897
|
-
'transition-duration': var(--
|
|
3916
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3898
3917
|
'transition-mode': ease,
|
|
3899
3918
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
3900
3919
|
'translate': none
|
|
@@ -3933,7 +3952,7 @@ $choice-group-props: (
|
|
|
3933
3952
|
'shadow-offset-x': unset,
|
|
3934
3953
|
'shadow-offset-y': unset,
|
|
3935
3954
|
'shadow-spread': unset,
|
|
3936
|
-
'transition-duration': var(--
|
|
3955
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3937
3956
|
'transition-mode': ease,
|
|
3938
3957
|
'transition-property': (background-color, color, border-color, box-shadow, transform),
|
|
3939
3958
|
'translate': none
|
|
@@ -3972,7 +3991,7 @@ $choice-group-header-props: (
|
|
|
3972
3991
|
'shadow-offset-x': unset,
|
|
3973
3992
|
'shadow-offset-y': unset,
|
|
3974
3993
|
'shadow-spread': unset,
|
|
3975
|
-
'transition-duration': var(--
|
|
3994
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
3976
3995
|
'transition-mode': ease,
|
|
3977
3996
|
'transition-property': (color, transform),
|
|
3978
3997
|
'translate': none
|
|
@@ -4016,7 +4035,7 @@ $clickable-props: (
|
|
|
4016
4035
|
'shadow-offset-x': unset,
|
|
4017
4036
|
'shadow-offset-y': unset,
|
|
4018
4037
|
'shadow-spread': unset,
|
|
4019
|
-
'transition-duration': var(--
|
|
4038
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4020
4039
|
'transition-mode': ease,
|
|
4021
4040
|
'transition-property': (border-color, background-color),
|
|
4022
4041
|
'translate': none
|
|
@@ -4122,13 +4141,13 @@ $color-box-props: (
|
|
|
4122
4141
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
4123
4142
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
4124
4143
|
'padding-top': var(--joy-layout-space),
|
|
4125
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
4126
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
4127
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
4128
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
4129
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
4130
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
4131
|
-
'transition-duration': var(--
|
|
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),
|
|
4150
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4132
4151
|
'transition-mode': ease,
|
|
4133
4152
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
4134
4153
|
'translate': none
|
|
@@ -4172,7 +4191,7 @@ $color-editor-props: (
|
|
|
4172
4191
|
'shadow-offset-x': unset,
|
|
4173
4192
|
'shadow-offset-y': unset,
|
|
4174
4193
|
'shadow-spread': unset,
|
|
4175
|
-
'transition-duration': var(--
|
|
4194
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4176
4195
|
'transition-mode': ease,
|
|
4177
4196
|
'transition-property': (background-color, border-color, box-shadow),
|
|
4178
4197
|
'translate': none,
|
|
@@ -4212,19 +4231,19 @@ $color-editor-alpha-slider-props: (
|
|
|
4212
4231
|
'padding-left': unset,
|
|
4213
4232
|
'padding-right': unset,
|
|
4214
4233
|
'padding-top': unset,
|
|
4215
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
4216
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
4217
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
4218
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
4219
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
4220
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
4221
4240
|
'thumb-background-color': var(--joy-scheme-highlight),
|
|
4222
4241
|
'thumb-border-color': var(--joy-scheme-highlight),
|
|
4223
4242
|
'thumb-border-radius': 50%,
|
|
4224
4243
|
'thumb-border-width': var(--joy-layout-thickness),
|
|
4225
4244
|
'thumb-shadow': var(--joy-elevation-light-light),
|
|
4226
4245
|
'thumb-size': 14px,
|
|
4227
|
-
'transition-duration': var(--
|
|
4246
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4228
4247
|
'transition-mode': ease,
|
|
4229
4248
|
'transition-property': (box-shadow, border-color),
|
|
4230
4249
|
'translate': none,
|
|
@@ -4263,18 +4282,18 @@ $color-editor-area-props: (
|
|
|
4263
4282
|
'padding-left': unset,
|
|
4264
4283
|
'padding-right': unset,
|
|
4265
4284
|
'padding-top': unset,
|
|
4266
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
4267
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
4268
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
4269
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
4270
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
4271
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
4272
4291
|
'thumb-border-color': var(--joy-scheme-surface),
|
|
4273
4292
|
'thumb-border-radius': 50%,
|
|
4274
4293
|
'thumb-border-width': var(--joy-layout-thickness),
|
|
4275
4294
|
'thumb-shadow': var(--joy-elevation-light-light),
|
|
4276
4295
|
'thumb-size': calc(var(--joy-layout-space) * 1.5),
|
|
4277
|
-
'transition-duration': var(--
|
|
4296
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4278
4297
|
'transition-mode': ease,
|
|
4279
4298
|
'transition-property': (box-shadow, border-color),
|
|
4280
4299
|
'translate': none,
|
|
@@ -4313,19 +4332,19 @@ $color-editor-hue-slider-props: (
|
|
|
4313
4332
|
'padding-left': unset,
|
|
4314
4333
|
'padding-right': unset,
|
|
4315
4334
|
'padding-top': unset,
|
|
4316
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
4317
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
4318
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
4319
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
4320
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
4321
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
4322
4341
|
'thumb-background-color': var(--joy-scheme-highlight),
|
|
4323
4342
|
'thumb-border-color': var(--joy-scheme-highlight),
|
|
4324
4343
|
'thumb-border-radius': 50%,
|
|
4325
4344
|
'thumb-border-width': var(--joy-layout-thickness),
|
|
4326
4345
|
'thumb-shadow': var(--joy-elevation-light-light),
|
|
4327
4346
|
'thumb-size': 14px,
|
|
4328
|
-
'transition-duration': var(--
|
|
4347
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4329
4348
|
'transition-mode': ease,
|
|
4330
4349
|
'transition-property': (box-shadow, border-color),
|
|
4331
4350
|
'translate': none,
|
|
@@ -4373,7 +4392,7 @@ $color-editor-inputs-props: (
|
|
|
4373
4392
|
'shadow-offset-x': unset,
|
|
4374
4393
|
'shadow-offset-y': unset,
|
|
4375
4394
|
'shadow-spread': unset,
|
|
4376
|
-
'transition-duration': var(--
|
|
4395
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4377
4396
|
'transition-mode': ease,
|
|
4378
4397
|
'transition-property': (border-color, background-color),
|
|
4379
4398
|
'translate': none,
|
|
@@ -4420,7 +4439,7 @@ $color-editor-palette-props: (
|
|
|
4420
4439
|
'shadow-offset-x': unset,
|
|
4421
4440
|
'shadow-offset-y': unset,
|
|
4422
4441
|
'shadow-spread': unset,
|
|
4423
|
-
'transition-duration': var(--
|
|
4442
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4424
4443
|
'transition-mode': ease,
|
|
4425
4444
|
'transition-property': (transform, border-color),
|
|
4426
4445
|
'translate': none,
|
|
@@ -4459,19 +4478,19 @@ $color-editor-shade-slider-props: (
|
|
|
4459
4478
|
'padding-left': unset,
|
|
4460
4479
|
'padding-right': unset,
|
|
4461
4480
|
'padding-top': unset,
|
|
4462
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
4463
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
4464
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
4465
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
4466
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
4467
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
4468
4487
|
'thumb-background-color': var(--joy-scheme-highlight),
|
|
4469
4488
|
'thumb-border-color': var(--joy-scheme-highlight),
|
|
4470
4489
|
'thumb-border-radius': 50%,
|
|
4471
4490
|
'thumb-border-width': var(--joy-layout-thickness),
|
|
4472
4491
|
'thumb-shadow': var(--joy-elevation-light-light),
|
|
4473
4492
|
'thumb-size': 14px,
|
|
4474
|
-
'transition-duration': var(--
|
|
4493
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4475
4494
|
'transition-mode': ease,
|
|
4476
4495
|
'transition-property': (box-shadow, border-color),
|
|
4477
4496
|
'translate': none,
|
|
@@ -4513,7 +4532,7 @@ $color-editor-swatch-props: (
|
|
|
4513
4532
|
'shadow-offset-x': unset,
|
|
4514
4533
|
'shadow-offset-y': unset,
|
|
4515
4534
|
'shadow-spread': unset,
|
|
4516
|
-
'transition-duration': var(--
|
|
4535
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4517
4536
|
'transition-mode': ease,
|
|
4518
4537
|
'transition-property': (opacity, background-color),
|
|
4519
4538
|
'translate': none,
|
|
@@ -4554,7 +4573,7 @@ $color-picker-props: (
|
|
|
4554
4573
|
'shadow-offset-y': unset,
|
|
4555
4574
|
'shadow-spread': unset,
|
|
4556
4575
|
'size': 24px,
|
|
4557
|
-
'transition-duration': var(--
|
|
4576
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4558
4577
|
'transition-mode': ease,
|
|
4559
4578
|
'transition-property': (all),
|
|
4560
4579
|
'translate': none
|
|
@@ -4633,7 +4652,7 @@ $color-swatch-props: (
|
|
|
4633
4652
|
'shadow-offset-y': unset,
|
|
4634
4653
|
'shadow-spread': unset,
|
|
4635
4654
|
'size': 24px,
|
|
4636
|
-
'transition-duration': var(--
|
|
4655
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4637
4656
|
'transition-mode': ease,
|
|
4638
4657
|
'transition-property': (all),
|
|
4639
4658
|
'translate': none
|
|
@@ -4672,7 +4691,7 @@ $color-swatch-group-props: (
|
|
|
4672
4691
|
'shadow-offset-x': unset,
|
|
4673
4692
|
'shadow-offset-y': unset,
|
|
4674
4693
|
'shadow-spread': unset,
|
|
4675
|
-
'transition-duration': var(--
|
|
4694
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4676
4695
|
'transition-mode': ease,
|
|
4677
4696
|
'transition-property': (margin-left),
|
|
4678
4697
|
'translate': none
|
|
@@ -4712,7 +4731,7 @@ $color-thumb-props: (
|
|
|
4712
4731
|
'shadow-offset-y': unset,
|
|
4713
4732
|
'shadow-spread': unset,
|
|
4714
4733
|
'size': 24px,
|
|
4715
|
-
'transition-duration': var(--
|
|
4734
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4716
4735
|
'transition-mode': ease,
|
|
4717
4736
|
'transition-property': (all),
|
|
4718
4737
|
'translate': none
|
|
@@ -4756,7 +4775,7 @@ $combo-props: (
|
|
|
4756
4775
|
'shadow-offset-x': unset,
|
|
4757
4776
|
'shadow-offset-y': unset,
|
|
4758
4777
|
'shadow-spread': unset,
|
|
4759
|
-
'transition-duration': var(--
|
|
4778
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4760
4779
|
'transition-mode': ease,
|
|
4761
4780
|
'transition-property': (transform),
|
|
4762
4781
|
'translate': none
|
|
@@ -4801,7 +4820,7 @@ $combo-item-props: (
|
|
|
4801
4820
|
'shadow-offset-x': unset,
|
|
4802
4821
|
'shadow-offset-y': unset,
|
|
4803
4822
|
'shadow-spread': unset,
|
|
4804
|
-
'transition-duration': var(--
|
|
4823
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4805
4824
|
'transition-mode': ease,
|
|
4806
4825
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
4807
4826
|
'translate': none
|
|
@@ -4837,7 +4856,7 @@ $comment-props: (
|
|
|
4837
4856
|
'shadow-offset-x': unset,
|
|
4838
4857
|
'shadow-offset-y': unset,
|
|
4839
4858
|
'shadow-spread': unset,
|
|
4840
|
-
'transition-duration': var(--
|
|
4859
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4841
4860
|
'transition-mode': ease,
|
|
4842
4861
|
'transition-property': (color, background-color, border-color, opacity, transform),
|
|
4843
4862
|
'translate': none
|
|
@@ -4882,13 +4901,13 @@ $compound-button-props: (
|
|
|
4882
4901
|
'progress-ring-width': var(--joy-layout-thickness),
|
|
4883
4902
|
'ripple-color': unset,
|
|
4884
4903
|
'ripple-duration': 0.20s,
|
|
4885
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
4886
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
4887
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
4888
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
4889
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
4890
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
4891
|
-
'transition-duration': var(--
|
|
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),
|
|
4910
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
4892
4911
|
'transition-mode': ease,
|
|
4893
4912
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
4894
4913
|
'translate': none,
|
|
@@ -5061,13 +5080,13 @@ $date-box-props: (
|
|
|
5061
5080
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
5062
5081
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
5063
5082
|
'padding-top': var(--joy-layout-space),
|
|
5064
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
5065
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
5066
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
5067
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
5068
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
5069
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
5070
|
-
'transition-duration': var(--
|
|
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),
|
|
5089
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5071
5090
|
'transition-mode': ease,
|
|
5072
5091
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
5073
5092
|
'translate': none
|
|
@@ -5112,7 +5131,7 @@ $date-time-box-props: (
|
|
|
5112
5131
|
'shadow-offset-x': unset,
|
|
5113
5132
|
'shadow-offset-y': unset,
|
|
5114
5133
|
'shadow-spread': unset,
|
|
5115
|
-
'transition-duration': var(--
|
|
5134
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5116
5135
|
'transition-mode': ease,
|
|
5117
5136
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
5118
5137
|
'translate': none
|
|
@@ -5287,13 +5306,13 @@ $dialog-props: (
|
|
|
5287
5306
|
'padding-left': calc(var(--joy-layout-space)*2),
|
|
5288
5307
|
'padding-right': calc(var(--joy-layout-space)*2),
|
|
5289
5308
|
'padding-top': var(--joy-layout-space),
|
|
5290
|
-
'shadow': var(--joy-elevation-regular-offset-x
|
|
5291
|
-
'shadow-blur': var(--joy-elevation-regular-blur
|
|
5292
|
-
'shadow-color': var(--joy-elevation-regular-color
|
|
5293
|
-
'shadow-offset-x': var(--joy-elevation-regular-offset-x
|
|
5294
|
-
'shadow-offset-y': var(--joy-elevation-regular-offset-y
|
|
5295
|
-
'shadow-spread': var(--joy-elevation-regular-spread
|
|
5296
|
-
'transition-duration': var(--
|
|
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),
|
|
5315
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5297
5316
|
'transition-mode': ease,
|
|
5298
5317
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),
|
|
5299
5318
|
'translate': none
|
|
@@ -5599,7 +5618,7 @@ $divider-props: (
|
|
|
5599
5618
|
'shadow-offset-y': unset,
|
|
5600
5619
|
'shadow-spread': unset,
|
|
5601
5620
|
'thickness': var(--joy-layout-thickness),
|
|
5602
|
-
'transition-duration': var(--
|
|
5621
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5603
5622
|
'transition-mode': ease,
|
|
5604
5623
|
'transition-property': (background-color, color),
|
|
5605
5624
|
'translate': none
|
|
@@ -5672,7 +5691,7 @@ $dot-props: (
|
|
|
5672
5691
|
'shadow-offset-y': unset,
|
|
5673
5692
|
'shadow-spread': unset,
|
|
5674
5693
|
'size': 16px,
|
|
5675
|
-
'transition-duration': var(--
|
|
5694
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5676
5695
|
'transition-mode': ease,
|
|
5677
5696
|
'transition-property': (all),
|
|
5678
5697
|
'translate': none
|
|
@@ -5711,7 +5730,7 @@ $dot-group-props: (
|
|
|
5711
5730
|
'shadow-offset-x': unset,
|
|
5712
5731
|
'shadow-offset-y': unset,
|
|
5713
5732
|
'shadow-spread': unset,
|
|
5714
|
-
'transition-duration': var(--
|
|
5733
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5715
5734
|
'transition-mode': ease,
|
|
5716
5735
|
'transition-property': (margin-left),
|
|
5717
5736
|
'translate': none
|
|
@@ -5753,7 +5772,7 @@ $drawer-props: (
|
|
|
5753
5772
|
'shadow-offset-x': unset,
|
|
5754
5773
|
'shadow-offset-y': unset,
|
|
5755
5774
|
'shadow-spread': unset,
|
|
5756
|
-
'transition-duration': var(--
|
|
5775
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
5757
5776
|
'transition-mode': ease,
|
|
5758
5777
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, margin, width, max-width, height),
|
|
5759
5778
|
'translate': none,
|
|
@@ -6046,7 +6065,7 @@ $drop-down-button-props: (
|
|
|
6046
6065
|
'shadow-offset-y': unset,
|
|
6047
6066
|
'shadow-spread': unset,
|
|
6048
6067
|
'transform': none,
|
|
6049
|
-
'transition-duration': var(--
|
|
6068
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6050
6069
|
'transition-mode': ease,
|
|
6051
6070
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
6052
6071
|
'translate': none,
|
|
@@ -6163,7 +6182,7 @@ $duration-box-props: (
|
|
|
6163
6182
|
'shadow-offset-x': unset,
|
|
6164
6183
|
'shadow-offset-y': unset,
|
|
6165
6184
|
'shadow-spread': unset,
|
|
6166
|
-
'transition-duration': var(--
|
|
6185
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6167
6186
|
'transition-mode': ease,
|
|
6168
6187
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
6169
6188
|
'translate': none
|
|
@@ -6542,7 +6561,7 @@ $error-props: (
|
|
|
6542
6561
|
'shadow-offset-x': unset,
|
|
6543
6562
|
'shadow-offset-y': unset,
|
|
6544
6563
|
'shadow-spread': unset,
|
|
6545
|
-
'transition-duration': var(--
|
|
6564
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6546
6565
|
'transition-mode': ease,
|
|
6547
6566
|
'transition-property': (all),
|
|
6548
6567
|
'translate': none
|
|
@@ -6651,13 +6670,13 @@ $expander-props: (
|
|
|
6651
6670
|
'padding-top': var(--joy-layout-space),
|
|
6652
6671
|
'ripple-color': unset,
|
|
6653
6672
|
'ripple-duration': 0.20s,
|
|
6654
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
6655
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
6656
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
6657
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
6658
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
6659
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
6660
|
-
'transition-duration': var(--
|
|
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),
|
|
6679
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6661
6680
|
'transition-mode': ease,
|
|
6662
6681
|
'transition-property': (background-color, color, border-color, box-shadow, opacity, box-shadow, transform, margin),
|
|
6663
6682
|
'translate': none
|
|
@@ -6696,7 +6715,7 @@ $expander-group-props: (
|
|
|
6696
6715
|
'shadow-offset-x': unset,
|
|
6697
6716
|
'shadow-offset-y': unset,
|
|
6698
6717
|
'shadow-spread': unset,
|
|
6699
|
-
'transition-duration': var(--
|
|
6718
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6700
6719
|
'transition-mode': ease-out,
|
|
6701
6720
|
'transition-property': (margin),
|
|
6702
6721
|
'translate': none
|
|
@@ -6807,13 +6826,13 @@ $file-box-props: (
|
|
|
6807
6826
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
6808
6827
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
6809
6828
|
'padding-top': var(--joy-layout-space),
|
|
6810
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
6811
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
6812
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
6813
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
6814
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
6815
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
6816
|
-
'transition-duration': var(--
|
|
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),
|
|
6835
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
6817
6836
|
'transition-mode': ease,
|
|
6818
6837
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
6819
6838
|
'translate': none
|
|
@@ -7005,7 +7024,7 @@ $floating-props: (
|
|
|
7005
7024
|
'shadow-offset-x': unset,
|
|
7006
7025
|
'shadow-offset-y': unset,
|
|
7007
7026
|
'shadow-spread': unset,
|
|
7008
|
-
'transition-duration': var(--
|
|
7027
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7009
7028
|
'transition-mode': ease,
|
|
7010
7029
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
7011
7030
|
'translate': none
|
|
@@ -7049,13 +7068,13 @@ $floating-action-button-props: (
|
|
|
7049
7068
|
'progress-ring-width': var(--joy-layout-thickness),
|
|
7050
7069
|
'ripple-color': unset,
|
|
7051
7070
|
'ripple-duration': 0.20s,
|
|
7052
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
7053
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
7054
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
7055
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
7056
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
7057
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
7058
|
-
'transition-duration': var(--
|
|
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),
|
|
7077
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7059
7078
|
'transition-mode': ease,
|
|
7060
7079
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
7061
7080
|
'translate': none
|
|
@@ -7088,7 +7107,7 @@ $floating-action-button-group-props: (
|
|
|
7088
7107
|
'shadow-offset-x': unset,
|
|
7089
7108
|
'shadow-offset-y': unset,
|
|
7090
7109
|
'shadow-spread': unset,
|
|
7091
|
-
'transition-duration': var(--
|
|
7110
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7092
7111
|
'transition-mode': ease,
|
|
7093
7112
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
7094
7113
|
'translate': none
|
|
@@ -7290,13 +7309,13 @@ $flow-board-column-item-props: (
|
|
|
7290
7309
|
'padding-right': unset,
|
|
7291
7310
|
'padding-top': unset,
|
|
7292
7311
|
'pinned-background-color': var(--joy-scheme-surface),
|
|
7293
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
7294
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
7295
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
7296
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
7297
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
7298
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
7299
|
-
'transition-duration': var(--
|
|
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),
|
|
7318
|
+
'transition-duration': var(--mosaik-duration-medium),
|
|
7300
7319
|
'transition-mode': ease,
|
|
7301
7320
|
'transition-property': (background-color, box-shadow, transform),
|
|
7302
7321
|
'translate': none
|
|
@@ -7380,7 +7399,7 @@ $focus-ring-props: (
|
|
|
7380
7399
|
'shadow-offset-y': var(--focus-ring-y, 0),
|
|
7381
7400
|
'shadow-spread': var(--focus-ring-width),
|
|
7382
7401
|
'shape': 6px,
|
|
7383
|
-
'transition-duration': var(--
|
|
7402
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7384
7403
|
'transition-mode': ease,
|
|
7385
7404
|
'transition-property': (all),
|
|
7386
7405
|
'translate': none,
|
|
@@ -7449,7 +7468,7 @@ $font-editor-props: (
|
|
|
7449
7468
|
'shadow-offset-x': unset,
|
|
7450
7469
|
'shadow-offset-y': unset,
|
|
7451
7470
|
'shadow-spread': unset,
|
|
7452
|
-
'transition-duration': var(--
|
|
7471
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7453
7472
|
'transition-mode': ease,
|
|
7454
7473
|
'transition-property': unset,
|
|
7455
7474
|
'translate': none,
|
|
@@ -7662,7 +7681,7 @@ $ghost-props: (
|
|
|
7662
7681
|
'shadow-offset-x': unset,
|
|
7663
7682
|
'shadow-offset-y': unset,
|
|
7664
7683
|
'shadow-spread': unset,
|
|
7665
|
-
'transition-duration': var(--
|
|
7684
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7666
7685
|
'transition-mode': ease,
|
|
7667
7686
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
7668
7687
|
'translate': none
|
|
@@ -7800,7 +7819,7 @@ $hint-props: (
|
|
|
7800
7819
|
'shadow-offset-x': unset,
|
|
7801
7820
|
'shadow-offset-y': unset,
|
|
7802
7821
|
'shadow-spread': unset,
|
|
7803
|
-
'transition-duration': var(--
|
|
7822
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7804
7823
|
'transition-mode': ease,
|
|
7805
7824
|
'transition-property': (all),
|
|
7806
7825
|
'translate': none
|
|
@@ -7839,7 +7858,7 @@ $icon-props: (
|
|
|
7839
7858
|
'shadow-offset-x': unset,
|
|
7840
7859
|
'shadow-offset-y': unset,
|
|
7841
7860
|
'shadow-spread': unset,
|
|
7842
|
-
'transition-duration': var(--
|
|
7861
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7843
7862
|
'transition-mode': ease,
|
|
7844
7863
|
'transition-property': (all),
|
|
7845
7864
|
'translate': none
|
|
@@ -7887,7 +7906,7 @@ $image-props: (
|
|
|
7887
7906
|
'shadow-offset-y': unset,
|
|
7888
7907
|
'shadow-spread': unset,
|
|
7889
7908
|
'thumbnail-blur': 2px,
|
|
7890
|
-
'transition-duration': var(--
|
|
7909
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7891
7910
|
'transition-mode': ease,
|
|
7892
7911
|
'transition-property': (color, background-color, border-color, opacity, box-shadow),
|
|
7893
7912
|
'translate': none
|
|
@@ -7926,7 +7945,7 @@ $indicator-props: (
|
|
|
7926
7945
|
'shadow-offset-x': unset,
|
|
7927
7946
|
'shadow-offset-y': unset,
|
|
7928
7947
|
'shadow-spread': unset,
|
|
7929
|
-
'transition-duration': var(--
|
|
7948
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
7930
7949
|
'transition-mode': ease,
|
|
7931
7950
|
'transition-property': (all),
|
|
7932
7951
|
'translate': none
|
|
@@ -8001,7 +8020,7 @@ $jumbotron-props: (
|
|
|
8001
8020
|
'shadow-offset-x': unset,
|
|
8002
8021
|
'shadow-offset-y': unset,
|
|
8003
8022
|
'shadow-spread': unset,
|
|
8004
|
-
'transition-duration': var(--
|
|
8023
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8005
8024
|
'transition-mode': ease,
|
|
8006
8025
|
'transition-property': (all),
|
|
8007
8026
|
'translate': none
|
|
@@ -8106,12 +8125,12 @@ $kbd-props: (
|
|
|
8106
8125
|
'padding-left': calc(var(--joy-layout-space) / 2),
|
|
8107
8126
|
'padding-right': calc(var(--joy-layout-space) / 2),
|
|
8108
8127
|
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
8109
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
8110
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
8111
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
8112
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
8113
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
8114
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
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),
|
|
8115
8134
|
'transition-duration': unset,
|
|
8116
8135
|
'transition-mode': unset,
|
|
8117
8136
|
'transition-property': unset,
|
|
@@ -8217,7 +8236,7 @@ $list-props: (
|
|
|
8217
8236
|
'shadow-offset-x': unset,
|
|
8218
8237
|
'shadow-offset-y': unset,
|
|
8219
8238
|
'shadow-spread': unset,
|
|
8220
|
-
'transition-duration': var(--
|
|
8239
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8221
8240
|
'transition-mode': ease,
|
|
8222
8241
|
'transition-property': (all),
|
|
8223
8242
|
'translate': none
|
|
@@ -8262,7 +8281,7 @@ $list-item-props: (
|
|
|
8262
8281
|
'shadow-offset-x': unset,
|
|
8263
8282
|
'shadow-offset-y': unset,
|
|
8264
8283
|
'shadow-spread': unset,
|
|
8265
|
-
'transition-duration': var(--
|
|
8284
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8266
8285
|
'transition-mode': ease,
|
|
8267
8286
|
'transition-property': (border-color, background-color),
|
|
8268
8287
|
'translate': none
|
|
@@ -8301,7 +8320,7 @@ $list-item-group-props: (
|
|
|
8301
8320
|
'shadow-offset-x': unset,
|
|
8302
8321
|
'shadow-offset-y': unset,
|
|
8303
8322
|
'shadow-spread': unset,
|
|
8304
|
-
'transition-duration': var(--
|
|
8323
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8305
8324
|
'transition-mode': ease,
|
|
8306
8325
|
'transition-property': (all),
|
|
8307
8326
|
'translate': none
|
|
@@ -8336,7 +8355,7 @@ $listing-props: (
|
|
|
8336
8355
|
'shadow-offset-x': 0px,
|
|
8337
8356
|
'shadow-offset-y': 0px,
|
|
8338
8357
|
'shadow-spread': 0px,
|
|
8339
|
-
'transition-duration': var(--
|
|
8358
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8340
8359
|
'transition-mode': ease,
|
|
8341
8360
|
'transition-property': (color, opacity),
|
|
8342
8361
|
'translate': none
|
|
@@ -8371,7 +8390,7 @@ $listing-item-props: (
|
|
|
8371
8390
|
'shadow-offset-x': 0px,
|
|
8372
8391
|
'shadow-offset-y': 0px,
|
|
8373
8392
|
'shadow-spread': 0px,
|
|
8374
|
-
'transition-duration': var(--
|
|
8393
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8375
8394
|
'transition-mode': ease,
|
|
8376
8395
|
'transition-property': (color, opacity),
|
|
8377
8396
|
'translate': none
|
|
@@ -8405,13 +8424,13 @@ $listing-item-marker-props: (
|
|
|
8405
8424
|
'padding-left': calc(var(--joy-layout-space) / 2),
|
|
8406
8425
|
'padding-right': calc(var(--joy-layout-space) / 2),
|
|
8407
8426
|
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
8408
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
8409
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
8410
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
8411
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
8412
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
8413
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
8414
|
-
'transition-duration': var(--
|
|
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),
|
|
8433
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8415
8434
|
'transition-mode': ease,
|
|
8416
8435
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
8417
8436
|
'translate': none
|
|
@@ -8512,7 +8531,7 @@ $marquee-props: (
|
|
|
8512
8531
|
'shadow-offset-x': unset,
|
|
8513
8532
|
'shadow-offset-y': unset,
|
|
8514
8533
|
'shadow-spread': unset,
|
|
8515
|
-
'speed': calc(var(--
|
|
8534
|
+
'speed': calc(var(--mosaik-duration-long) * 10),
|
|
8516
8535
|
'transition-duration': unset,
|
|
8517
8536
|
'transition-mode': unset,
|
|
8518
8537
|
'transition-property': unset,
|
|
@@ -8586,7 +8605,7 @@ $menu-props: (
|
|
|
8586
8605
|
'shadow-offset-x': unset,
|
|
8587
8606
|
'shadow-offset-y': unset,
|
|
8588
8607
|
'shadow-spread': unset,
|
|
8589
|
-
'transition-duration': var(--
|
|
8608
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8590
8609
|
'transition-mode': ease,
|
|
8591
8610
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
8592
8611
|
'translate': none
|
|
@@ -8635,7 +8654,7 @@ $menu-item-props: (
|
|
|
8635
8654
|
'shadow-offset-x': unset,
|
|
8636
8655
|
'shadow-offset-y': unset,
|
|
8637
8656
|
'shadow-spread': unset,
|
|
8638
|
-
'transition-duration': var(--
|
|
8657
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8639
8658
|
'transition-mode': ease,
|
|
8640
8659
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
8641
8660
|
'translate': none
|
|
@@ -8685,7 +8704,7 @@ $menu-item-group-props: (
|
|
|
8685
8704
|
'shadow-offset-x': unset,
|
|
8686
8705
|
'shadow-offset-y': unset,
|
|
8687
8706
|
'shadow-spread': unset,
|
|
8688
|
-
'transition-duration': var(--
|
|
8707
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8689
8708
|
'transition-mode': ease,
|
|
8690
8709
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
8691
8710
|
'translate': none
|
|
@@ -8718,13 +8737,13 @@ $message-props: (
|
|
|
8718
8737
|
'padding-left': calc(var(--joy-layout-space) * 2),
|
|
8719
8738
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
8720
8739
|
'padding-top': var(--joy-layout-space),
|
|
8721
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
8722
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
8723
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
8724
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
8725
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
8726
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
8727
|
-
'transition-duration': var(--
|
|
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),
|
|
8746
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8728
8747
|
'transition-mode': ease,
|
|
8729
8748
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
8730
8749
|
'translate': none
|
|
@@ -8766,12 +8785,12 @@ $message-box-props: (
|
|
|
8766
8785
|
'padding-left': calc(var(--joy-layout-space)*2),
|
|
8767
8786
|
'padding-right': calc(var(--joy-layout-space)*2),
|
|
8768
8787
|
'padding-top': var(--joy-layout-space),
|
|
8769
|
-
'shadow': var(--joy-elevation-regular-offset-x
|
|
8770
|
-
'shadow-blur': var(--joy-elevation-regular-blur
|
|
8771
|
-
'shadow-color': var(--joy-elevation-regular-color
|
|
8772
|
-
'shadow-offset-x': var(--joy-elevation-regular-offset-x
|
|
8773
|
-
'shadow-offset-y': var(--joy-elevation-regular-offset-y
|
|
8774
|
-
'shadow-spread': var(--joy-elevation-regular-spread
|
|
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),
|
|
8775
8794
|
'sub-header-font-family': var(--joy-font-family),
|
|
8776
8795
|
'sub-header-font-letter-spacing': var(--joy-typography-subtitle2-letter-spacing),
|
|
8777
8796
|
'sub-header-font-line-height': var(--joy-typography-subtitle2-line-height),
|
|
@@ -8780,7 +8799,7 @@ $message-box-props: (
|
|
|
8780
8799
|
'sub-header-font-text-transform': var(--joy-typography-subtitle2-text-transform),
|
|
8781
8800
|
'sub-header-font-weight': var(--joy-typography-subtitle2-font-weight),
|
|
8782
8801
|
'sub-header-foreground-color': var(--joy-scheme-middlelight),
|
|
8783
|
-
'transition-duration': var(--
|
|
8802
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8784
8803
|
'transition-mode': ease,
|
|
8785
8804
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),
|
|
8786
8805
|
'translate': none
|
|
@@ -8864,7 +8883,7 @@ $meter-ring-props: (
|
|
|
8864
8883
|
'shadow-offset-y': unset,
|
|
8865
8884
|
'shadow-spread': unset,
|
|
8866
8885
|
'thickness': 6px,
|
|
8867
|
-
'transition-duration': var(--
|
|
8886
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8868
8887
|
'transition-mode': ease,
|
|
8869
8888
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, stroke-dashoffset),
|
|
8870
8889
|
'translate': none
|
|
@@ -8897,7 +8916,7 @@ $number-props: (
|
|
|
8897
8916
|
'shadow-offset-x': unset,
|
|
8898
8917
|
'shadow-offset-y': unset,
|
|
8899
8918
|
'shadow-spread': unset,
|
|
8900
|
-
'transition-duration': var(--
|
|
8919
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8901
8920
|
'transition-mode': ease,
|
|
8902
8921
|
'transition-property': (color, opacity, box-shadow),
|
|
8903
8922
|
'translate': none
|
|
@@ -8942,7 +8961,7 @@ $number-box-props: (
|
|
|
8942
8961
|
'shadow-offset-x': unset,
|
|
8943
8962
|
'shadow-offset-y': unset,
|
|
8944
8963
|
'shadow-spread': unset,
|
|
8945
|
-
'transition-duration': var(--
|
|
8964
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8946
8965
|
'transition-mode': ease,
|
|
8947
8966
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
8948
8967
|
'translate': none
|
|
@@ -8975,7 +8994,7 @@ $number-counter-props: (
|
|
|
8975
8994
|
'shadow-offset-x': unset,
|
|
8976
8995
|
'shadow-offset-y': unset,
|
|
8977
8996
|
'shadow-spread': unset,
|
|
8978
|
-
'transition-duration': var(--
|
|
8997
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
8979
8998
|
'transition-mode': ease,
|
|
8980
8999
|
'transition-property': (color, opacity, box-shadow),
|
|
8981
9000
|
'translate': none
|
|
@@ -9142,7 +9161,7 @@ $page-menu-props: (
|
|
|
9142
9161
|
'shadow-offset-x': unset,
|
|
9143
9162
|
'shadow-offset-y': unset,
|
|
9144
9163
|
'shadow-spread': unset,
|
|
9145
|
-
'transition-duration': var(--
|
|
9164
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9146
9165
|
'transition-mode': ease,
|
|
9147
9166
|
'transition-property': (all),
|
|
9148
9167
|
'translate': none
|
|
@@ -9283,13 +9302,13 @@ $password-box-props: (
|
|
|
9283
9302
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
9284
9303
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
9285
9304
|
'padding-top': var(--joy-layout-space),
|
|
9286
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
9287
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
9288
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
9289
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
9290
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
9291
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
9292
|
-
'transition-duration': var(--
|
|
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),
|
|
9311
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9293
9312
|
'transition-mode': ease,
|
|
9294
9313
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9295
9314
|
'translate': none
|
|
@@ -9362,7 +9381,7 @@ $persona-props: (
|
|
|
9362
9381
|
'shadow-offset-x': unset,
|
|
9363
9382
|
'shadow-offset-y': unset,
|
|
9364
9383
|
'shadow-spread': unset,
|
|
9365
|
-
'transition-duration': var(--
|
|
9384
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9366
9385
|
'transition-mode': ease,
|
|
9367
9386
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9368
9387
|
'translate': none
|
|
@@ -9434,13 +9453,13 @@ $pin-box-props: (
|
|
|
9434
9453
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
9435
9454
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
9436
9455
|
'padding-top': var(--joy-layout-space),
|
|
9437
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
9438
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
9439
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
9440
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
9441
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
9442
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
9443
|
-
'transition-duration': var(--
|
|
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),
|
|
9462
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9444
9463
|
'transition-mode': ease,
|
|
9445
9464
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9446
9465
|
'translate': none
|
|
@@ -9474,13 +9493,13 @@ $pip-props: (
|
|
|
9474
9493
|
'padding-left': calc(var(--joy-layout-space) / 2),
|
|
9475
9494
|
'padding-right': calc(var(--joy-layout-space) / 2),
|
|
9476
9495
|
'padding-top': calc(var(--joy-layout-space) / 2),
|
|
9477
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
9478
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
9479
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
9480
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
9481
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
9482
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
9483
|
-
'transition-duration': var(--
|
|
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),
|
|
9502
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9484
9503
|
'transition-mode': ease,
|
|
9485
9504
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9486
9505
|
'translate': none
|
|
@@ -9518,7 +9537,7 @@ $placeholder-props: (
|
|
|
9518
9537
|
'shadow-offset-x': unset,
|
|
9519
9538
|
'shadow-offset-y': unset,
|
|
9520
9539
|
'shadow-spread': unset,
|
|
9521
|
-
'transition-duration': var(--
|
|
9540
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9522
9541
|
'transition-mode': ease,
|
|
9523
9542
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
9524
9543
|
'translate': none
|
|
@@ -9551,13 +9570,13 @@ $popup-props: (
|
|
|
9551
9570
|
'padding-left': calc(var(--joy-layout-space) * 1.25),
|
|
9552
9571
|
'padding-right': calc(var(--joy-layout-space) * 1.25),
|
|
9553
9572
|
'padding-top': calc(var(--joy-layout-space) * 1),
|
|
9554
|
-
'shadow': var(--joy-elevation-regular-offset-x
|
|
9555
|
-
'shadow-blur': var(--joy-elevation-regular-blur
|
|
9556
|
-
'shadow-color': var(--joy-elevation-regular-color
|
|
9557
|
-
'shadow-offset-x': var(--joy-elevation-regular-offset-x
|
|
9558
|
-
'shadow-offset-y': var(--joy-elevation-regular-offset-y
|
|
9559
|
-
'shadow-spread': var(--joy-elevation-regular-spread
|
|
9560
|
-
'transition-duration': var(--
|
|
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),
|
|
9579
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9561
9580
|
'transition-mode': ease,
|
|
9562
9581
|
'transition-property': (background-color, border-color, box-shadow, color, transform, opacity),
|
|
9563
9582
|
'translate': none
|
|
@@ -9710,7 +9729,7 @@ $press-button-props: (
|
|
|
9710
9729
|
'shadow-offset-x': unset,
|
|
9711
9730
|
'shadow-offset-y': unset,
|
|
9712
9731
|
'shadow-spread': unset,
|
|
9713
|
-
'transition-duration': var(--
|
|
9732
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9714
9733
|
'transition-mode': ease,
|
|
9715
9734
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9716
9735
|
'translate': none,
|
|
@@ -9786,7 +9805,7 @@ $progress-ring-props: (
|
|
|
9786
9805
|
'shadow-offset-y': unset,
|
|
9787
9806
|
'shadow-spread': unset,
|
|
9788
9807
|
'thickness': 6px,
|
|
9789
|
-
'transition-duration': var(--
|
|
9808
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9790
9809
|
'transition-mode': ease,
|
|
9791
9810
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9792
9811
|
'translate': none
|
|
@@ -9865,7 +9884,7 @@ $radio-props: (
|
|
|
9865
9884
|
'shadow-offset-x': unset,
|
|
9866
9885
|
'shadow-offset-y': unset,
|
|
9867
9886
|
'shadow-spread': unset,
|
|
9868
|
-
'transition-duration': var(--
|
|
9887
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9869
9888
|
'transition-mode': ease,
|
|
9870
9889
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
9871
9890
|
'translate': none
|
|
@@ -9904,7 +9923,7 @@ $radio-group-props: (
|
|
|
9904
9923
|
'shadow-offset-x': unset,
|
|
9905
9924
|
'shadow-offset-y': unset,
|
|
9906
9925
|
'shadow-spread': unset,
|
|
9907
|
-
'transition-duration': var(--
|
|
9926
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
9908
9927
|
'transition-mode': ease,
|
|
9909
9928
|
'transition-property': (background-color, color, border-color, box-shadow, transform),
|
|
9910
9929
|
'translate': none
|
|
@@ -10062,7 +10081,7 @@ $repeat-button-props: (
|
|
|
10062
10081
|
'shadow-offset-x': unset,
|
|
10063
10082
|
'shadow-offset-y': unset,
|
|
10064
10083
|
'shadow-spread': unset,
|
|
10065
|
-
'transition-duration': var(--
|
|
10084
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10066
10085
|
'transition-mode': ease,
|
|
10067
10086
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
10068
10087
|
'translate': none,
|
|
@@ -10214,7 +10233,7 @@ $ribbon-props: (
|
|
|
10214
10233
|
'shadow-offset-x': unset,
|
|
10215
10234
|
'shadow-offset-y': unset,
|
|
10216
10235
|
'shadow-spread': unset,
|
|
10217
|
-
'transition-duration': var(--
|
|
10236
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10218
10237
|
'transition-mode': ease,
|
|
10219
10238
|
'transition-property': (background-color foreground-color border-color),
|
|
10220
10239
|
'translate': none
|
|
@@ -10259,7 +10278,7 @@ $rich-text-box-props: (
|
|
|
10259
10278
|
'shadow-offset-x': unset,
|
|
10260
10279
|
'shadow-offset-y': unset,
|
|
10261
10280
|
'shadow-spread': unset,
|
|
10262
|
-
'transition-duration': var(--
|
|
10281
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10263
10282
|
'transition-mode': ease,
|
|
10264
10283
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
10265
10284
|
'translate': none
|
|
@@ -10401,7 +10420,7 @@ $router-anchor-props: (
|
|
|
10401
10420
|
'shadow-offset-x': unset,
|
|
10402
10421
|
'shadow-offset-y': unset,
|
|
10403
10422
|
'shadow-spread': unset,
|
|
10404
|
-
'transition-duration': var(--
|
|
10423
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10405
10424
|
'transition-mode': ease,
|
|
10406
10425
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
10407
10426
|
'translate': none
|
|
@@ -10584,7 +10603,7 @@ $scheduler-props: (
|
|
|
10584
10603
|
'shadow-spread': unset,
|
|
10585
10604
|
'timescale-width': 80px,
|
|
10586
10605
|
'today-background-color': var(--joy-scheme-semi-transparent),
|
|
10587
|
-
'transition-duration': var(--
|
|
10606
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10588
10607
|
'transition-mode': ease,
|
|
10589
10608
|
'transition-property': (background-color, color, border-color),
|
|
10590
10609
|
'translate': none
|
|
@@ -10740,13 +10759,13 @@ $scheduler-event-props: (
|
|
|
10740
10759
|
'padding-top': unset,
|
|
10741
10760
|
'ripple-color': unset,
|
|
10742
10761
|
'ripple-duration': 0.20s,
|
|
10743
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
10744
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
10745
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
10746
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
10747
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
10748
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
10749
|
-
'transition-duration': var(--
|
|
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),
|
|
10768
|
+
'transition-duration': var(--mosaik-duration-medium),
|
|
10750
10769
|
'transition-mode': ease,
|
|
10751
10770
|
'transition-property': (background-color, box-shadow, transform),
|
|
10752
10771
|
'translate': none
|
|
@@ -10851,7 +10870,7 @@ $scheduler-now-indicator-props: (
|
|
|
10851
10870
|
'shadow-offset-x': unset,
|
|
10852
10871
|
'shadow-offset-y': unset,
|
|
10853
10872
|
'shadow-spread': unset,
|
|
10854
|
-
'transition-duration': var(--
|
|
10873
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
10855
10874
|
'transition-mode': ease,
|
|
10856
10875
|
'transition-property': (top),
|
|
10857
10876
|
'translate': none
|
|
@@ -11007,7 +11026,7 @@ $scroll-props: (
|
|
|
11007
11026
|
'shadow-offset-x': unset,
|
|
11008
11027
|
'shadow-offset-y': unset,
|
|
11009
11028
|
'shadow-spread': unset,
|
|
11010
|
-
'transition-duration': var(--
|
|
11029
|
+
'transition-duration': var(--mosaik-duration-medium),
|
|
11011
11030
|
'transition-mode': ease,
|
|
11012
11031
|
'transition-property': (background-color, box-shadow, transform),
|
|
11013
11032
|
'translate': none
|
|
@@ -11073,11 +11092,11 @@ $scrub-slider-props: (
|
|
|
11073
11092
|
'tooltip-padding-right': var(--joy-layout-space),
|
|
11074
11093
|
'tooltip-padding-top': var(--joy-layout-space),
|
|
11075
11094
|
'tooltip-shadow': var(--joy-elevation-light),
|
|
11076
|
-
'tooltip-transition-duration': var(--
|
|
11095
|
+
'tooltip-transition-duration': var(--mosaik-duration-short),
|
|
11077
11096
|
'tooltip-transition-mode': ease,
|
|
11078
11097
|
'tooltip-transition-property': (background-color, color, border-color, opacity, transform),
|
|
11079
11098
|
'track-size': 4px,
|
|
11080
|
-
'transition-duration': var(--
|
|
11099
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11081
11100
|
'transition-mode': ease,
|
|
11082
11101
|
'transition-property': (background-color, color, border-color, opacity, transform),
|
|
11083
11102
|
'translate': none
|
|
@@ -11116,13 +11135,13 @@ $search-box-props: (
|
|
|
11116
11135
|
'padding-left': calc(var(--joy-layout-space) * 1.5),
|
|
11117
11136
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
11118
11137
|
'padding-top': var(--joy-layout-space),
|
|
11119
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
11120
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
11121
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
11122
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
11123
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
11124
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
11125
|
-
'transition-duration': var(--
|
|
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),
|
|
11144
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11126
11145
|
'transition-mode': ease,
|
|
11127
11146
|
'transition-property': (all),
|
|
11128
11147
|
'translate': none
|
|
@@ -11156,12 +11175,12 @@ $segment-props: (
|
|
|
11156
11175
|
'padding-left': var(--joy-layout-space),
|
|
11157
11176
|
'padding-right': var(--joy-layout-space),
|
|
11158
11177
|
'padding-top': var(--joy-layout-space),
|
|
11159
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
11160
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
11161
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
11162
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
11163
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
11164
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
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),
|
|
11165
11184
|
'transition-duration': var(--joy-layout-transition),
|
|
11166
11185
|
'transition-mode': ease,
|
|
11167
11186
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
@@ -11240,7 +11259,7 @@ $select-props: (
|
|
|
11240
11259
|
'shadow-offset-x': unset,
|
|
11241
11260
|
'shadow-offset-y': unset,
|
|
11242
11261
|
'shadow-spread': unset,
|
|
11243
|
-
'transition-duration': var(--
|
|
11262
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11244
11263
|
'transition-mode': ease,
|
|
11245
11264
|
'transition-property': (transform),
|
|
11246
11265
|
'translate': none
|
|
@@ -11285,7 +11304,7 @@ $select-item-props: (
|
|
|
11285
11304
|
'shadow-offset-x': unset,
|
|
11286
11305
|
'shadow-offset-y': unset,
|
|
11287
11306
|
'shadow-spread': unset,
|
|
11288
|
-
'transition-duration': var(--
|
|
11307
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11289
11308
|
'transition-mode': ease,
|
|
11290
11309
|
'transition-property': (all),
|
|
11291
11310
|
'translate': none
|
|
@@ -11335,7 +11354,7 @@ $select-item-group-props: (
|
|
|
11335
11354
|
'shadow-offset-x': unset,
|
|
11336
11355
|
'shadow-offset-y': unset,
|
|
11337
11356
|
'shadow-spread': unset,
|
|
11338
|
-
'transition-duration': var(--
|
|
11357
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11339
11358
|
'transition-mode': ease,
|
|
11340
11359
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
11341
11360
|
'translate': none
|
|
@@ -11372,7 +11391,7 @@ $sheet-props: (
|
|
|
11372
11391
|
'shadow-offset-x': unset,
|
|
11373
11392
|
'shadow-offset-y': unset,
|
|
11374
11393
|
'shadow-spread': unset,
|
|
11375
|
-
'transition-duration': var(--
|
|
11394
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11376
11395
|
'transition-mode': ease,
|
|
11377
11396
|
'transition-property': (transform, opacity, visibility),
|
|
11378
11397
|
'translate': none,
|
|
@@ -11588,7 +11607,7 @@ $signature-pad-props: (
|
|
|
11588
11607
|
'shadow-offset-x': unset,
|
|
11589
11608
|
'shadow-offset-y': unset,
|
|
11590
11609
|
'shadow-spread': unset,
|
|
11591
|
-
'transition-duration': var(--
|
|
11610
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11592
11611
|
'transition-mode': ease,
|
|
11593
11612
|
'transition-property': (all),
|
|
11594
11613
|
'translate': none
|
|
@@ -11698,11 +11717,11 @@ $slider-props: (
|
|
|
11698
11717
|
'tooltip-padding-right': var(--joy-layout-space),
|
|
11699
11718
|
'tooltip-padding-top': var(--joy-layout-space),
|
|
11700
11719
|
'tooltip-shadow': var(--joy-elevation-light),
|
|
11701
|
-
'tooltip-transition-duration': var(--
|
|
11720
|
+
'tooltip-transition-duration': var(--mosaik-duration-short),
|
|
11702
11721
|
'tooltip-transition-mode': ease,
|
|
11703
11722
|
'tooltip-transition-property': (background-color, color, border-color, opacity, transform),
|
|
11704
11723
|
'track-size': 4px,
|
|
11705
|
-
'transition-duration': var(--
|
|
11724
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11706
11725
|
'transition-mode': ease,
|
|
11707
11726
|
'transition-property': (background-color, color, border-color, opacity, transform),
|
|
11708
11727
|
'translate': none
|
|
@@ -11735,7 +11754,7 @@ $slider2-props: (
|
|
|
11735
11754
|
'shadow-offset-x': unset,
|
|
11736
11755
|
'shadow-offset-y': unset,
|
|
11737
11756
|
'shadow-spread': unset,
|
|
11738
|
-
'transition-duration': var(--
|
|
11757
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11739
11758
|
'transition-mode': ease,
|
|
11740
11759
|
'transition-property': (background-color, color, border-color, box-shadow, transform),
|
|
11741
11760
|
'translate': none
|
|
@@ -11769,7 +11788,7 @@ $slider2thumb-props: (
|
|
|
11769
11788
|
'shadow-offset-y': unset,
|
|
11770
11789
|
'shadow-spread': unset,
|
|
11771
11790
|
'size': 24px,
|
|
11772
|
-
'transition-duration': var(--
|
|
11791
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11773
11792
|
'transition-mode': ease,
|
|
11774
11793
|
'transition-property': (background-color, color, border-color, box-shadow, transform),
|
|
11775
11794
|
'translate': none
|
|
@@ -11843,7 +11862,7 @@ $split-props: (
|
|
|
11843
11862
|
'thumb-border-color': var(--joy-scheme-highlight),
|
|
11844
11863
|
'thumb-border-radius': var(--joy-layout-radius),
|
|
11845
11864
|
'thumb-foreground-color': var(--joy-scheme-foreground),
|
|
11846
|
-
'transition-duration': var(--
|
|
11865
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11847
11866
|
'transition-mode': ease,
|
|
11848
11867
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
11849
11868
|
'translate': none
|
|
@@ -11896,7 +11915,7 @@ $split-button-props: (
|
|
|
11896
11915
|
'shadow-offset-x': unset,
|
|
11897
11916
|
'shadow-offset-y': unset,
|
|
11898
11917
|
'shadow-spread': unset,
|
|
11899
|
-
'transition-duration': var(--
|
|
11918
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
11900
11919
|
'transition-mode': ease,
|
|
11901
11920
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
11902
11921
|
'translate': none,
|
|
@@ -12194,18 +12213,18 @@ $tab-props: (
|
|
|
12194
12213
|
'padding-right': calc(var(--joy-layout-space) * 2),
|
|
12195
12214
|
'padding-top': var(--joy-layout-space),
|
|
12196
12215
|
'panel-background-color': var(--tab-background-color),
|
|
12197
|
-
'shadow': var(--joy-elevation-bold-offset-x
|
|
12198
|
-
'shadow-blur': var(--joy-elevation-bold-blur
|
|
12199
|
-
'shadow-color': var(--joy-elevation-bold-color
|
|
12200
|
-
'shadow-offset-x': var(--joy-elevation-bold-offset-x
|
|
12201
|
-
'shadow-offset-y': var(--joy-elevation-bold-offset-y
|
|
12202
|
-
'shadow-spread': var(--joy-elevation-bold-spread
|
|
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),
|
|
12203
12222
|
'strip-background-color': var(--joy-scheme-transparent),
|
|
12204
12223
|
'strip-padding-bottom': 0,
|
|
12205
12224
|
'strip-padding-left': 0,
|
|
12206
12225
|
'strip-padding-right': 0,
|
|
12207
12226
|
'strip-padding-top': 0,
|
|
12208
|
-
'transition-duration': var(--
|
|
12227
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12209
12228
|
'transition-mode': ease,
|
|
12210
12229
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, transform),
|
|
12211
12230
|
'translate': none
|
|
@@ -12314,7 +12333,7 @@ $tab-strip-props: (
|
|
|
12314
12333
|
'shadow-offset-x': unset,
|
|
12315
12334
|
'shadow-offset-y': unset,
|
|
12316
12335
|
'shadow-spread': unset,
|
|
12317
|
-
'transition-duration': var(--
|
|
12336
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12318
12337
|
'transition-mode': ease,
|
|
12319
12338
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, transform),
|
|
12320
12339
|
'translate': none
|
|
@@ -12361,7 +12380,7 @@ $tab-strip-item-props: (
|
|
|
12361
12380
|
'shadow-spread': unset,
|
|
12362
12381
|
'size': 56px,
|
|
12363
12382
|
'thickness': 4px,
|
|
12364
|
-
'transition-duration': var(--
|
|
12383
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12365
12384
|
'transition-mode': ease,
|
|
12366
12385
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, transform),
|
|
12367
12386
|
'translate': none
|
|
@@ -12410,7 +12429,7 @@ $table-props: (
|
|
|
12410
12429
|
'shadow-offset-x': unset,
|
|
12411
12430
|
'shadow-offset-y': unset,
|
|
12412
12431
|
'shadow-spread': unset,
|
|
12413
|
-
'transition-duration': var(--
|
|
12432
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12414
12433
|
'transition-mode': ease,
|
|
12415
12434
|
'transition-property': (background-color, border-color, color, fill, stroke, opacity, box-shadow, transform),
|
|
12416
12435
|
'translate': none
|
|
@@ -12449,7 +12468,7 @@ $table-body-props: (
|
|
|
12449
12468
|
'shadow-offset-x': unset,
|
|
12450
12469
|
'shadow-offset-y': unset,
|
|
12451
12470
|
'shadow-spread': unset,
|
|
12452
|
-
'transition-duration': var(--
|
|
12471
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12453
12472
|
'transition-mode': ease,
|
|
12454
12473
|
'transition-property': (all),
|
|
12455
12474
|
'translate': none
|
|
@@ -12487,7 +12506,7 @@ $table-body-cell-props: (
|
|
|
12487
12506
|
'shadow-offset-x': unset,
|
|
12488
12507
|
'shadow-offset-y': unset,
|
|
12489
12508
|
'shadow-spread': unset,
|
|
12490
|
-
'transition-duration': var(--
|
|
12509
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12491
12510
|
'transition-mode': ease,
|
|
12492
12511
|
'transition-property': (all),
|
|
12493
12512
|
'translate': none
|
|
@@ -12525,7 +12544,7 @@ $table-body-row-props: (
|
|
|
12525
12544
|
'shadow-offset-x': unset,
|
|
12526
12545
|
'shadow-offset-y': unset,
|
|
12527
12546
|
'shadow-spread': unset,
|
|
12528
|
-
'transition-duration': var(--
|
|
12547
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12529
12548
|
'transition-mode': ease,
|
|
12530
12549
|
'transition-property': (background-color, border-color),
|
|
12531
12550
|
'translate': none
|
|
@@ -12568,7 +12587,7 @@ $table-column-editor-props: (
|
|
|
12568
12587
|
'shadow-offset-x': unset,
|
|
12569
12588
|
'shadow-offset-y': unset,
|
|
12570
12589
|
'shadow-spread': unset,
|
|
12571
|
-
'transition-duration': var(--
|
|
12590
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12572
12591
|
'transition-mode': ease,
|
|
12573
12592
|
'transition-property': (background-color, color),
|
|
12574
12593
|
'translate': none
|
|
@@ -12607,7 +12626,7 @@ $table-footer-props: (
|
|
|
12607
12626
|
'shadow-offset-x': unset,
|
|
12608
12627
|
'shadow-offset-y': unset,
|
|
12609
12628
|
'shadow-spread': unset,
|
|
12610
|
-
'transition-duration': var(--
|
|
12629
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12611
12630
|
'transition-mode': ease,
|
|
12612
12631
|
'transition-property': (all),
|
|
12613
12632
|
'translate': none
|
|
@@ -12645,7 +12664,7 @@ $table-footer-cell-props: (
|
|
|
12645
12664
|
'shadow-offset-x': unset,
|
|
12646
12665
|
'shadow-offset-y': unset,
|
|
12647
12666
|
'shadow-spread': unset,
|
|
12648
|
-
'transition-duration': var(--
|
|
12667
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12649
12668
|
'transition-mode': ease,
|
|
12650
12669
|
'transition-property': (all),
|
|
12651
12670
|
'translate': none
|
|
@@ -12684,7 +12703,7 @@ $table-footer-row-props: (
|
|
|
12684
12703
|
'shadow-offset-x': unset,
|
|
12685
12704
|
'shadow-offset-y': unset,
|
|
12686
12705
|
'shadow-spread': unset,
|
|
12687
|
-
'transition-duration': var(--
|
|
12706
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12688
12707
|
'transition-mode': ease,
|
|
12689
12708
|
'transition-property': (all),
|
|
12690
12709
|
'translate': none
|
|
@@ -12723,7 +12742,7 @@ $table-header-props: (
|
|
|
12723
12742
|
'shadow-offset-x': unset,
|
|
12724
12743
|
'shadow-offset-y': unset,
|
|
12725
12744
|
'shadow-spread': unset,
|
|
12726
|
-
'transition-duration': var(--
|
|
12745
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12727
12746
|
'transition-mode': ease,
|
|
12728
12747
|
'transition-property': (all),
|
|
12729
12748
|
'translate': none
|
|
@@ -12765,7 +12784,7 @@ $table-header-cell-props: (
|
|
|
12765
12784
|
'shadow-offset-x': unset,
|
|
12766
12785
|
'shadow-offset-y': unset,
|
|
12767
12786
|
'shadow-spread': unset,
|
|
12768
|
-
'transition-duration': var(--
|
|
12787
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12769
12788
|
'transition-mode': ease,
|
|
12770
12789
|
'transition-property': (all),
|
|
12771
12790
|
'translate': none
|
|
@@ -12804,7 +12823,7 @@ $table-header-row-props: (
|
|
|
12804
12823
|
'shadow-offset-x': unset,
|
|
12805
12824
|
'shadow-offset-y': unset,
|
|
12806
12825
|
'shadow-spread': unset,
|
|
12807
|
-
'transition-duration': var(--
|
|
12826
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12808
12827
|
'transition-mode': ease,
|
|
12809
12828
|
'transition-property': (background-color, border-color),
|
|
12810
12829
|
'translate': none
|
|
@@ -12845,7 +12864,7 @@ $text-props: (
|
|
|
12845
12864
|
'shadow-offset-x': unset,
|
|
12846
12865
|
'shadow-offset-y': unset,
|
|
12847
12866
|
'shadow-spread': unset,
|
|
12848
|
-
'transition-duration': var(--
|
|
12867
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12849
12868
|
'transition-mode': ease,
|
|
12850
12869
|
'transition-property': (color, opacity, box-shadow),
|
|
12851
12870
|
'translate': none
|
|
@@ -12885,14 +12904,14 @@ $text-box-props: (
|
|
|
12885
12904
|
'padding-right': calc(var(--joy-layout-space) * 1.5),
|
|
12886
12905
|
'padding-top': var(--joy-layout-space),
|
|
12887
12906
|
'prefix-icon-size': 20px,
|
|
12888
|
-
'shadow': var(--joy-elevation-semilight-offset-x
|
|
12889
|
-
'shadow-blur': var(--joy-elevation-semilight-blur
|
|
12890
|
-
'shadow-color': var(--joy-elevation-semilight-color
|
|
12891
|
-
'shadow-offset-x': var(--joy-elevation-semilight-offset-x
|
|
12892
|
-
'shadow-offset-y': var(--joy-elevation-semilight-offset-y
|
|
12893
|
-
'shadow-spread': var(--joy-elevation-semilight-spread
|
|
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),
|
|
12894
12913
|
'suffix-icon-size': 20px,
|
|
12895
|
-
'transition-duration': var(--
|
|
12914
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12896
12915
|
'transition-mode': ease,
|
|
12897
12916
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
12898
12917
|
'translate': none
|
|
@@ -12957,13 +12976,13 @@ $thumb-props: (
|
|
|
12957
12976
|
'padding-left': unset,
|
|
12958
12977
|
'padding-right': unset,
|
|
12959
12978
|
'padding-top': unset,
|
|
12960
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
12961
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
12962
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
12963
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
12964
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
12965
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
12966
|
-
'transition-duration': var(--
|
|
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),
|
|
12985
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
12967
12986
|
'transition-mode': ease,
|
|
12968
12987
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate, transform),
|
|
12969
12988
|
'translate': none
|
|
@@ -13039,7 +13058,7 @@ $tick-bar-props: (
|
|
|
13039
13058
|
'tick-size': 2px,
|
|
13040
13059
|
'tick-text-gap': 4px,
|
|
13041
13060
|
'tick-width': var(--joy-layout-thickness),
|
|
13042
|
-
'transition-duration': var(--
|
|
13061
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13043
13062
|
'transition-mode': ease,
|
|
13044
13063
|
'transition-property': (background-color, color, border-color, opacity, transform),
|
|
13045
13064
|
'translate': none
|
|
@@ -13078,13 +13097,13 @@ $tile-props: (
|
|
|
13078
13097
|
'padding-top': var(--joy-layout-space),
|
|
13079
13098
|
'ripple-color': var(--joy-scheme-highlight),
|
|
13080
13099
|
'ripple-duration': 0.20s,
|
|
13081
|
-
'shadow': var(--joy-elevation-light-offset-x
|
|
13082
|
-
'shadow-blur': var(--joy-elevation-light-blur
|
|
13083
|
-
'shadow-color': var(--joy-elevation-light-color
|
|
13084
|
-
'shadow-offset-x': var(--joy-elevation-light-offset-x
|
|
13085
|
-
'shadow-offset-y': var(--joy-elevation-light-offset-y
|
|
13086
|
-
'shadow-spread': var(--joy-elevation-light-spread
|
|
13087
|
-
'transition-duration': var(--
|
|
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),
|
|
13106
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13088
13107
|
'transition-mode': ease,
|
|
13089
13108
|
'transition-property': (background-color, color, border-color, box-shadow),
|
|
13090
13109
|
'translate': none
|
|
@@ -13300,7 +13319,7 @@ $time-box-props: (
|
|
|
13300
13319
|
'shadow-offset-x': unset,
|
|
13301
13320
|
'shadow-offset-y': unset,
|
|
13302
13321
|
'shadow-spread': unset,
|
|
13303
|
-
'transition-duration': var(--
|
|
13322
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13304
13323
|
'transition-mode': ease,
|
|
13305
13324
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
13306
13325
|
'translate': none
|
|
@@ -13342,7 +13361,7 @@ $timeline-props: (
|
|
|
13342
13361
|
'shadow-offset-x': unset,
|
|
13343
13362
|
'shadow-offset-y': unset,
|
|
13344
13363
|
'shadow-spread': unset,
|
|
13345
|
-
'transition-duration': var(--
|
|
13364
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13346
13365
|
'transition-mode': ease,
|
|
13347
13366
|
'transition-property': (color, background-color, transform),
|
|
13348
13367
|
'translate': none
|
|
@@ -13591,13 +13610,13 @@ $toast-props: (
|
|
|
13591
13610
|
'padding-top': var(--joy-layout-space),
|
|
13592
13611
|
'progress-fill-color': currentColor,
|
|
13593
13612
|
'progress-ring-fill-color': var(--joy-scheme-foreground),
|
|
13594
|
-
'shadow':
|
|
13595
|
-
'shadow-blur':
|
|
13596
|
-
'shadow-color':
|
|
13597
|
-
'shadow-offset-x':
|
|
13598
|
-
'shadow-offset-y':
|
|
13599
|
-
'shadow-spread':
|
|
13600
|
-
'transition-duration': var(--
|
|
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),
|
|
13619
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13601
13620
|
'transition-mode': ease,
|
|
13602
13621
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, margin),
|
|
13603
13622
|
'translate': none
|
|
@@ -13649,7 +13668,7 @@ $toggle-button-props: (
|
|
|
13649
13668
|
'shadow-offset-x': unset,
|
|
13650
13669
|
'shadow-offset-y': unset,
|
|
13651
13670
|
'shadow-spread': unset,
|
|
13652
|
-
'transition-duration': var(--
|
|
13671
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13653
13672
|
'transition-mode': ease,
|
|
13654
13673
|
'transition-property': (background-color, color, border-color, opacity, box-shadow, translate),
|
|
13655
13674
|
'translate': none,
|
|
@@ -13689,7 +13708,7 @@ $toggle-button-group-props: (
|
|
|
13689
13708
|
'shadow-offset-x': unset,
|
|
13690
13709
|
'shadow-offset-y': unset,
|
|
13691
13710
|
'shadow-spread': unset,
|
|
13692
|
-
'transition-duration': var(--
|
|
13711
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13693
13712
|
'transition-mode': ease,
|
|
13694
13713
|
'transition-property': (background-color, color, border-color, opacity),
|
|
13695
13714
|
'translate': none
|
|
@@ -13803,7 +13822,7 @@ $toolbar-props: (
|
|
|
13803
13822
|
'shadow-offset-x': unset,
|
|
13804
13823
|
'shadow-offset-y': unset,
|
|
13805
13824
|
'shadow-spread': unset,
|
|
13806
|
-
'transition-duration': var(--
|
|
13825
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13807
13826
|
'transition-mode': ease,
|
|
13808
13827
|
'transition-property': (all),
|
|
13809
13828
|
'translate': none
|
|
@@ -13843,7 +13862,7 @@ $tooltip-props: (
|
|
|
13843
13862
|
'shadow-offset-x': unset,
|
|
13844
13863
|
'shadow-offset-y': unset,
|
|
13845
13864
|
'shadow-spread': unset,
|
|
13846
|
-
'transition-duration': var(--
|
|
13865
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13847
13866
|
'transition-mode': ease,
|
|
13848
13867
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
13849
13868
|
'translate': none
|
|
@@ -13878,7 +13897,7 @@ $tour-props: (
|
|
|
13878
13897
|
'shadow-offset-y': unset,
|
|
13879
13898
|
'shadow-spread': unset,
|
|
13880
13899
|
'tooltip-max-width': 340px,
|
|
13881
|
-
'transition-duration': var(--
|
|
13900
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13882
13901
|
'transition-mode': ease,
|
|
13883
13902
|
'transition-property': (transform, opacity),
|
|
13884
13903
|
'translate': none
|
|
@@ -13955,7 +13974,7 @@ $tour-step-props: (
|
|
|
13955
13974
|
'shadow-offset-x': none,
|
|
13956
13975
|
'shadow-offset-y': 16px,
|
|
13957
13976
|
'shadow-spread': none,
|
|
13958
|
-
'transition-duration': var(--
|
|
13977
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
13959
13978
|
'transition-mode': ease,
|
|
13960
13979
|
'transition-property': (background-color, color, border-color, opacity, box-shadow),
|
|
13961
13980
|
'translate': none
|
|
@@ -14030,7 +14049,7 @@ $tree-item-props: (
|
|
|
14030
14049
|
'shadow-offset-x': unset,
|
|
14031
14050
|
'shadow-offset-y': unset,
|
|
14032
14051
|
'shadow-spread': unset,
|
|
14033
|
-
'transition-duration': var(--
|
|
14052
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
14034
14053
|
'transition-mode': ease,
|
|
14035
14054
|
'transition-property': ((background-color, color, border-color, box-shadow)),
|
|
14036
14055
|
'translate': none
|
|
@@ -14110,7 +14129,7 @@ $video-props: (
|
|
|
14110
14129
|
'shadow-offset-x': unset,
|
|
14111
14130
|
'shadow-offset-y': unset,
|
|
14112
14131
|
'shadow-spread': unset,
|
|
14113
|
-
'transition-duration': var(--
|
|
14132
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
14114
14133
|
'transition-mode': ease,
|
|
14115
14134
|
'transition-property': (color, background-color, border-color, opacity, box-shadow),
|
|
14116
14135
|
'translate': none
|
|
@@ -14183,7 +14202,7 @@ $wheel-picker-props: (
|
|
|
14183
14202
|
'shadow-offset-x': unset,
|
|
14184
14203
|
'shadow-offset-y': unset,
|
|
14185
14204
|
'shadow-spread': unset,
|
|
14186
|
-
'transition-duration': var(--
|
|
14205
|
+
'transition-duration': var(--mosaik-duration-short),
|
|
14187
14206
|
'transition-mode': ease,
|
|
14188
14207
|
'transition-property': (background-color, color),
|
|
14189
14208
|
'translate': none
|