@dialpad/dialtone-css 8.80.0-next.6 → 8.80.0-next.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/lib/build/js/dialtone_migrate_border_radius/index.mjs +273 -0
  2. package/lib/build/js/dialtone_migrate_border_radius/test.mjs +422 -0
  3. package/lib/build/js/dialtone_migrate_typography/index.mjs +1628 -0
  4. package/lib/build/js/dialtone_migrate_typography/test.mjs +1020 -0
  5. package/lib/build/js/dialtone_migration_helper/configs/theme-to-mode.mjs +108 -0
  6. package/lib/build/js/dialtone_migration_helper/tests/theme-to-mode-test-examples.vue +24 -0
  7. package/lib/build/js/dialtone_migration_helper/tests/theme-to-mode.test.mjs +177 -0
  8. package/lib/build/less/components/box.less +11 -3
  9. package/lib/build/less/components/button.less +32 -25
  10. package/lib/build/less/components/card.less +1 -1
  11. package/lib/build/less/components/chip.less +32 -0
  12. package/lib/build/less/components/emoji-picker.less +10 -11
  13. package/lib/build/less/components/forms.less +22 -16
  14. package/lib/build/less/components/image-viewer.less +1 -0
  15. package/lib/build/less/components/modal.less +9 -3
  16. package/lib/build/less/components/notice.less +4 -0
  17. package/lib/build/less/components/popover.less +2 -2
  18. package/lib/build/less/components/presence.less +23 -3
  19. package/lib/build/less/components/toast.less +2 -2
  20. package/lib/build/less/recipes/leftbar_row.less +1 -0
  21. package/lib/build/less/recipes/unread_pill.less +1 -1
  22. package/lib/build/less/utilities/effects.less +11 -5
  23. package/lib/dist/dialtone-default-theme.css +608 -162
  24. package/lib/dist/dialtone-default-theme.min.css +1 -1
  25. package/lib/dist/dialtone-docs.json +1 -1
  26. package/lib/dist/dialtone.css +446 -118
  27. package/lib/dist/dialtone.min.css +1 -1
  28. package/lib/dist/js/dialtone_migrate_border_radius/index.mjs +273 -0
  29. package/lib/dist/js/dialtone_migrate_border_radius/test.mjs +422 -0
  30. package/lib/dist/js/dialtone_migrate_typography/index.mjs +1628 -0
  31. package/lib/dist/js/dialtone_migrate_typography/test.mjs +1020 -0
  32. package/lib/dist/js/dialtone_migration_helper/configs/theme-to-mode.mjs +108 -0
  33. package/lib/dist/js/dialtone_migration_helper/tests/theme-to-mode-test-examples.vue +24 -0
  34. package/lib/dist/js/dialtone_migration_helper/tests/theme-to-mode.test.mjs +177 -0
  35. package/lib/dist/tokens/tokens-101-dark.css +1 -0
  36. package/lib/dist/tokens/tokens-101-light.css +1 -0
  37. package/lib/dist/tokens/tokens-102-dark.css +1 -0
  38. package/lib/dist/tokens/tokens-102-light.css +1 -0
  39. package/lib/dist/tokens/tokens-103-dark.css +1 -0
  40. package/lib/dist/tokens/tokens-103-light.css +1 -0
  41. package/lib/dist/tokens/tokens-104-dark.css +1 -0
  42. package/lib/dist/tokens/tokens-104-light.css +1 -0
  43. package/lib/dist/tokens/tokens-105-dark.css +1 -0
  44. package/lib/dist/tokens/tokens-105-light.css +1 -0
  45. package/lib/dist/tokens/tokens-106-dark.css +1 -0
  46. package/lib/dist/tokens/tokens-106-light.css +1 -0
  47. package/lib/dist/tokens/tokens-107-dark.css +1 -0
  48. package/lib/dist/tokens/tokens-107-light.css +1 -0
  49. package/lib/dist/tokens/tokens-108-dark.css +1 -0
  50. package/lib/dist/tokens/tokens-108-light.css +1 -0
  51. package/lib/dist/tokens/tokens-109-dark.css +1 -0
  52. package/lib/dist/tokens/tokens-109-light.css +1 -0
  53. package/lib/dist/tokens/tokens-110-dark.css +1 -0
  54. package/lib/dist/tokens/tokens-110-light.css +1 -0
  55. package/lib/dist/tokens/tokens-111-dark.css +1 -0
  56. package/lib/dist/tokens/tokens-111-light.css +1 -0
  57. package/lib/dist/tokens/tokens-112-dark.css +1 -0
  58. package/lib/dist/tokens/tokens-112-light.css +1 -0
  59. package/lib/dist/tokens/tokens-113-dark.css +1 -0
  60. package/lib/dist/tokens/tokens-113-light.css +1 -0
  61. package/lib/dist/tokens/tokens-114-dark.css +1 -0
  62. package/lib/dist/tokens/tokens-114-light.css +1 -0
  63. package/lib/dist/tokens/tokens-115-dark.css +1 -0
  64. package/lib/dist/tokens/tokens-115-light.css +1 -0
  65. package/lib/dist/tokens/tokens-116-dark.css +1 -0
  66. package/lib/dist/tokens/tokens-116-light.css +1 -0
  67. package/lib/dist/tokens/tokens-117-dark.css +1 -0
  68. package/lib/dist/tokens/tokens-117-light.css +1 -0
  69. package/lib/dist/tokens/tokens-118-dark.css +1 -0
  70. package/lib/dist/tokens/tokens-118-light.css +1 -0
  71. package/lib/dist/tokens/tokens-119-dark.css +1 -0
  72. package/lib/dist/tokens/tokens-119-light.css +1 -0
  73. package/lib/dist/tokens/tokens-120-dark.css +1 -0
  74. package/lib/dist/tokens/tokens-120-light.css +1 -0
  75. package/lib/dist/tokens/tokens-121-dark.css +1 -0
  76. package/lib/dist/tokens/tokens-121-light.css +1 -0
  77. package/lib/dist/tokens/tokens-122-dark.css +1 -0
  78. package/lib/dist/tokens/tokens-122-light.css +1 -0
  79. package/lib/dist/tokens/tokens-123-dark.css +1 -0
  80. package/lib/dist/tokens/tokens-123-light.css +1 -0
  81. package/lib/dist/tokens/tokens-124-dark.css +1 -0
  82. package/lib/dist/tokens/tokens-124-light.css +1 -0
  83. package/lib/dist/tokens/tokens-125-dark.css +1 -0
  84. package/lib/dist/tokens/tokens-125-light.css +1 -0
  85. package/lib/dist/tokens/tokens-126-dark.css +1 -0
  86. package/lib/dist/tokens/tokens-126-light.css +1 -0
  87. package/lib/dist/tokens/tokens-127-dark.css +1 -0
  88. package/lib/dist/tokens/tokens-127-light.css +1 -0
  89. package/lib/dist/tokens/tokens-128-dark.css +1 -0
  90. package/lib/dist/tokens/tokens-128-light.css +1 -0
  91. package/lib/dist/tokens/tokens-129-dark.css +1 -0
  92. package/lib/dist/tokens/tokens-129-light.css +1 -0
  93. package/lib/dist/tokens/tokens-130-dark.css +1 -0
  94. package/lib/dist/tokens/tokens-130-light.css +1 -0
  95. package/lib/dist/tokens/tokens-131-dark.css +1 -0
  96. package/lib/dist/tokens/tokens-131-light.css +1 -0
  97. package/lib/dist/tokens/tokens-132-dark.css +1 -0
  98. package/lib/dist/tokens/tokens-132-light.css +1 -0
  99. package/lib/dist/tokens/tokens-133-dark.css +1 -0
  100. package/lib/dist/tokens/tokens-133-light.css +1 -0
  101. package/lib/dist/tokens/tokens-134-dark.css +1 -0
  102. package/lib/dist/tokens/tokens-134-light.css +1 -0
  103. package/lib/dist/tokens/tokens-135-dark.css +1 -0
  104. package/lib/dist/tokens/tokens-135-light.css +1 -0
  105. package/lib/dist/tokens/tokens-136-dark.css +1 -0
  106. package/lib/dist/tokens/tokens-136-light.css +1 -0
  107. package/lib/dist/tokens/tokens-137-dark.css +1 -0
  108. package/lib/dist/tokens/tokens-137-light.css +1 -0
  109. package/lib/dist/tokens/tokens-aegean-dark.css +1 -0
  110. package/lib/dist/tokens/tokens-aegean-light.css +1 -0
  111. package/lib/dist/tokens/tokens-base-dark.css +267 -126
  112. package/lib/dist/tokens/tokens-base-light.css +161 -44
  113. package/lib/dist/tokens/tokens-botany-dark.css +1 -0
  114. package/lib/dist/tokens/tokens-botany-light.css +1 -0
  115. package/lib/dist/tokens/tokens-buttercream-dark.css +1 -0
  116. package/lib/dist/tokens/tokens-buttercream-light.css +1 -0
  117. package/lib/dist/tokens/tokens-ceruleo-dark.css +1 -0
  118. package/lib/dist/tokens/tokens-ceruleo-light.css +1 -0
  119. package/lib/dist/tokens/tokens-debug-base.css +158 -41
  120. package/lib/dist/tokens/tokens-debug-dp.css +1 -0
  121. package/lib/dist/tokens/tokens-dp-dark.css +1 -0
  122. package/lib/dist/tokens/tokens-dp-light.css +1 -0
  123. package/lib/dist/tokens/tokens-expressive-dark.css +1 -0
  124. package/lib/dist/tokens/tokens-expressive-light.css +1 -0
  125. package/lib/dist/tokens/tokens-expressive-sm-dark.css +1 -0
  126. package/lib/dist/tokens/tokens-expressive-sm-light.css +1 -0
  127. package/lib/dist/tokens/tokens-high-desert-dark.css +1 -0
  128. package/lib/dist/tokens/tokens-high-desert-light.css +1 -0
  129. package/lib/dist/tokens/tokens-melon-dark.css +1 -0
  130. package/lib/dist/tokens/tokens-melon-light.css +1 -0
  131. package/lib/dist/tokens/tokens-plum-dark.css +1 -0
  132. package/lib/dist/tokens/tokens-plum-light.css +1 -0
  133. package/lib/dist/tokens/tokens-prota-deuter-dark.css +1 -0
  134. package/lib/dist/tokens/tokens-prota-deuter-light.css +1 -0
  135. package/lib/dist/tokens/tokens-sunflower-dark.css +1 -0
  136. package/lib/dist/tokens/tokens-sunflower-light.css +1 -0
  137. package/lib/dist/tokens/tokens-tmo-dark.css +1 -0
  138. package/lib/dist/tokens/tokens-tmo-light.css +1 -0
  139. package/lib/dist/tokens/tokens-trita-dark.css +1 -0
  140. package/lib/dist/tokens/tokens-trita-light.css +1 -0
  141. package/lib/dist/tokens/tokens-verdant-haze-dark.css +1 -0
  142. package/lib/dist/tokens/tokens-verdant-haze-light.css +1 -0
  143. package/lib/dist/tokens-docs.json +1 -1
  144. package/package.json +5 -3
package/lib/dist/tokens/tokens-base-dark.css CHANGED
@@ -5,70 +5,306 @@
5
5
  --dt-shadow-focus-inset-type: dropShadow;
6
6
  --dt-shadow-focus-2-type: dropShadow;
7
7
  --dt-shadow-focus-1-type: dropShadow;
8
- --dt-shadow-card-7-type: dropShadow;
9
- --dt-shadow-card-7-spread: 0rem;
10
- --dt-shadow-card-7-blur: 0rem;
11
- --dt-shadow-card-6-type: dropShadow;
12
- --dt-shadow-card-6-spread: 0rem;
13
- --dt-shadow-card-6-blur: 0rem;
14
- --dt-shadow-card-5-type: dropShadow;
15
- --dt-shadow-card-5-spread: 0rem;
16
- --dt-shadow-card-5-blur: 0rem;
17
- --dt-shadow-card-4-type: dropShadow;
18
- --dt-shadow-card-3-type: dropShadow;
19
- --dt-shadow-card-3-color: oklch(0 0 0 / 0.5804);
20
- --dt-shadow-card-2-type: dropShadow;
21
- --dt-shadow-card-2-color: oklch(0 0 0 / 0.451);
22
- --dt-shadow-card-1-type: dropShadow;
23
- --dt-shadow-card-1-color: oklch(0 0 0 / 0.349);
8
+ --dt-shadow-extra-large-7-offset-y: -0.05rem;
9
+ --dt-shadow-extra-large-7-offset-x: 0.05rem;
10
+ --dt-shadow-extra-large-7-type: dropShadow;
11
+ --dt-shadow-extra-large-7-color: oklch(0 0 0 / 0.2);
12
+ --dt-shadow-extra-large-7-spread: 0rem;
13
+ --dt-shadow-extra-large-7-blur: 0rem;
14
+ --dt-shadow-extra-large-6-offset-y: 0.05rem;
15
+ --dt-shadow-extra-large-6-offset-x: -0.05rem;
16
+ --dt-shadow-extra-large-6-type: dropShadow;
17
+ --dt-shadow-extra-large-6-color: oklch(0 0 0 / 0.2);
18
+ --dt-shadow-extra-large-6-spread: 0rem;
19
+ --dt-shadow-extra-large-6-blur: 0rem;
20
+ --dt-shadow-extra-large-5-offset-y: -0.05rem;
21
+ --dt-shadow-extra-large-5-offset-x: -0.05rem;
24
22
  --dt-shadow-extra-large-5-type: dropShadow;
23
+ --dt-shadow-extra-large-5-color: oklch(0 0 0 / 0.2);
25
24
  --dt-shadow-extra-large-5-spread: 0rem;
26
25
  --dt-shadow-extra-large-5-blur: 0rem;
26
+ --dt-shadow-extra-large-4-offset-y: 0.05rem;
27
+ --dt-shadow-extra-large-4-offset-x: 0.05rem;
27
28
  --dt-shadow-extra-large-4-type: dropShadow;
29
+ --dt-shadow-extra-large-4-color: oklch(0 0 0 / 0.2);
28
30
  --dt-shadow-extra-large-4-spread: 0rem;
29
31
  --dt-shadow-extra-large-4-blur: 0rem;
32
+ --dt-shadow-extra-large-3-offset-y: 4.8rem;
33
+ --dt-shadow-extra-large-3-offset-x: 0rem;
30
34
  --dt-shadow-extra-large-3-type: dropShadow;
35
+ --dt-shadow-extra-large-3-color: oklch(0 0 0 / 0.32);
31
36
  --dt-shadow-extra-large-3-spread: 0rem;
32
- --dt-shadow-extra-large-3-blur: 0rem;
37
+ --dt-shadow-extra-large-3-blur: 4.8rem;
38
+ --dt-shadow-extra-large-2-offset-y: 1.2rem;
39
+ --dt-shadow-extra-large-2-offset-x: 0rem;
33
40
  --dt-shadow-extra-large-2-type: dropShadow;
41
+ --dt-shadow-extra-large-2-color: oklch(0 0 0 / 0.20);
42
+ --dt-shadow-extra-large-2-spread: 0rem;
43
+ --dt-shadow-extra-large-2-blur: 1.6rem;
44
+ --dt-shadow-extra-large-1-offset-y: 0.4rem;
45
+ --dt-shadow-extra-large-1-offset-x: 0rem;
34
46
  --dt-shadow-extra-large-1-type: dropShadow;
35
- --dt-shadow-extra-large-1-color: oklch(0 0 0 / 0.549);
47
+ --dt-shadow-extra-large-1-color: oklch(0 0 0 / 0.08);
48
+ --dt-shadow-extra-large-1-spread: 0rem;
49
+ --dt-shadow-extra-large-1-blur: 0.6rem;
50
+ --dt-shadow-large-7-offset-y: -0.05rem;
51
+ --dt-shadow-large-7-offset-x: 0.05rem;
52
+ --dt-shadow-large-7-type: dropShadow;
53
+ --dt-shadow-large-7-color: oklch(0 0 0 / 0.2);
54
+ --dt-shadow-large-7-spread: 0rem;
55
+ --dt-shadow-large-7-blur: 0rem;
56
+ --dt-shadow-large-6-offset-y: 0.05rem;
57
+ --dt-shadow-large-6-offset-x: -0.05rem;
58
+ --dt-shadow-large-6-type: dropShadow;
59
+ --dt-shadow-large-6-color: oklch(0 0 0 / 0.2);
60
+ --dt-shadow-large-6-spread: 0rem;
61
+ --dt-shadow-large-6-blur: 0rem;
62
+ --dt-shadow-large-5-offset-y: -0.05rem;
63
+ --dt-shadow-large-5-offset-x: -0.05rem;
36
64
  --dt-shadow-large-5-type: dropShadow;
65
+ --dt-shadow-large-5-color: oklch(0 0 0 / 0.2);
37
66
  --dt-shadow-large-5-spread: 0rem;
38
67
  --dt-shadow-large-5-blur: 0rem;
68
+ --dt-shadow-large-4-offset-y: 0.05rem;
69
+ --dt-shadow-large-4-offset-x: 0.05rem;
39
70
  --dt-shadow-large-4-type: dropShadow;
71
+ --dt-shadow-large-4-color: oklch(0 0 0 / 0.2);
40
72
  --dt-shadow-large-4-spread: 0rem;
41
73
  --dt-shadow-large-4-blur: 0rem;
74
+ --dt-shadow-large-3-offset-y: 0.8rem;
75
+ --dt-shadow-large-3-offset-x: 0rem;
42
76
  --dt-shadow-large-3-type: dropShadow;
77
+ --dt-shadow-large-3-color: oklch(0 0 0 / 0.16);
43
78
  --dt-shadow-large-3-spread: 0rem;
44
- --dt-shadow-large-3-blur: 0rem;
79
+ --dt-shadow-large-3-blur: 1.2rem;
80
+ --dt-shadow-large-2-offset-y: 0.2rem;
81
+ --dt-shadow-large-2-offset-x: 0rem;
45
82
  --dt-shadow-large-2-type: dropShadow;
83
+ --dt-shadow-large-2-color: oklch(0 0 0 / 0.12);
84
+ --dt-shadow-large-2-spread: 0rem;
85
+ --dt-shadow-large-2-blur: 0.8rem;
86
+ --dt-shadow-large-1-offset-y: 0.1rem;
87
+ --dt-shadow-large-1-offset-x: 0rem;
46
88
  --dt-shadow-large-1-type: dropShadow;
47
- --dt-shadow-large-1-color: oklch(0 0 0 / 0.549);
89
+ --dt-shadow-large-1-color: oklch(0 0 0 / 0.08);
90
+ --dt-shadow-large-1-spread: 0rem;
91
+ --dt-shadow-large-1-blur: 0.2rem;
92
+ --dt-shadow-medium-7-offset-y: -0.05rem;
93
+ --dt-shadow-medium-7-offset-x: 0.05rem;
94
+ --dt-shadow-medium-7-type: dropShadow;
95
+ --dt-shadow-medium-7-color: oklch(0 0 0 / 0.2);
96
+ --dt-shadow-medium-7-spread: 0rem;
97
+ --dt-shadow-medium-7-blur: 0rem;
98
+ --dt-shadow-medium-6-offset-y: 0.05rem;
99
+ --dt-shadow-medium-6-offset-x: -0.05rem;
100
+ --dt-shadow-medium-6-type: dropShadow;
101
+ --dt-shadow-medium-6-color: oklch(0 0 0 / 0.2);
102
+ --dt-shadow-medium-6-spread: 0rem;
103
+ --dt-shadow-medium-6-blur: 0rem;
104
+ --dt-shadow-medium-5-offset-y: -0.05rem;
105
+ --dt-shadow-medium-5-offset-x: -0.05rem;
48
106
  --dt-shadow-medium-5-type: dropShadow;
107
+ --dt-shadow-medium-5-color: oklch(0 0 0 / 0.2);
49
108
  --dt-shadow-medium-5-spread: 0rem;
50
109
  --dt-shadow-medium-5-blur: 0rem;
110
+ --dt-shadow-medium-4-offset-y: 0.05rem;
111
+ --dt-shadow-medium-4-offset-x: 0.05rem;
51
112
  --dt-shadow-medium-4-type: dropShadow;
113
+ --dt-shadow-medium-4-color: oklch(0 0 0 / 0.2);
52
114
  --dt-shadow-medium-4-spread: 0rem;
53
115
  --dt-shadow-medium-4-blur: 0rem;
116
+ --dt-shadow-medium-3-offset-y: 0.8rem;
117
+ --dt-shadow-medium-3-offset-x: 0rem;
54
118
  --dt-shadow-medium-3-type: dropShadow;
119
+ --dt-shadow-medium-3-color: oklch(0 0 0 / 0.16);
55
120
  --dt-shadow-medium-3-spread: 0rem;
56
- --dt-shadow-medium-3-blur: 0rem;
121
+ --dt-shadow-medium-3-blur: 1.2rem;
122
+ --dt-shadow-medium-2-offset-y: 0.2rem;
123
+ --dt-shadow-medium-2-offset-x: 0rem;
57
124
  --dt-shadow-medium-2-type: dropShadow;
125
+ --dt-shadow-medium-2-color: oklch(0 0 0 / 0.12);
126
+ --dt-shadow-medium-2-spread: 0rem;
127
+ --dt-shadow-medium-2-blur: 0.8rem;
128
+ --dt-shadow-medium-1-offset-y: 0.1rem;
129
+ --dt-shadow-medium-1-offset-x: 0rem;
58
130
  --dt-shadow-medium-1-type: dropShadow;
59
- --dt-shadow-medium-1-color: oklch(0 0 0 / 0.549);
131
+ --dt-shadow-medium-1-color: oklch(0 0 0 / 0.08);
132
+ --dt-shadow-medium-1-spread: 0rem;
133
+ --dt-shadow-medium-1-blur: 0.2rem;
134
+ --dt-shadow-small-5-offset-y: -0.05rem;
135
+ --dt-shadow-small-5-offset-x: 0.05rem;
60
136
  --dt-shadow-small-5-type: dropShadow;
137
+ --dt-shadow-small-5-color: oklch(0 0 0 / 0.2);
61
138
  --dt-shadow-small-5-spread: 0rem;
62
139
  --dt-shadow-small-5-blur: 0rem;
140
+ --dt-shadow-small-4-offset-y: 0.05rem;
141
+ --dt-shadow-small-4-offset-x: -0.05rem;
63
142
  --dt-shadow-small-4-type: dropShadow;
143
+ --dt-shadow-small-4-color: oklch(0 0 0 / 0.2);
64
144
  --dt-shadow-small-4-spread: 0rem;
65
145
  --dt-shadow-small-4-blur: 0rem;
146
+ --dt-shadow-small-3-offset-y: -0.05rem;
147
+ --dt-shadow-small-3-offset-x: -0.05rem;
66
148
  --dt-shadow-small-3-type: dropShadow;
149
+ --dt-shadow-small-3-color: oklch(0 0 0 / 0.2);
67
150
  --dt-shadow-small-3-spread: 0rem;
68
151
  --dt-shadow-small-3-blur: 0rem;
152
+ --dt-shadow-small-2-offset-y: 0.05rem;
153
+ --dt-shadow-small-2-offset-x: 0.05rem;
69
154
  --dt-shadow-small-2-type: dropShadow;
155
+ --dt-shadow-small-2-color: oklch(0 0 0 / 0.2);
156
+ --dt-shadow-small-2-spread: 0rem;
157
+ --dt-shadow-small-2-blur: 0rem;
158
+ --dt-shadow-small-1-offset-y: 0.2rem;
159
+ --dt-shadow-small-1-offset-x: 0rem;
70
160
  --dt-shadow-small-1-type: dropShadow;
71
- --dt-shadow-small-1-color: oklch(0 0 0 / 0.451);
161
+ --dt-shadow-small-1-color: oklch(0 0 0 / 0.33);
162
+ --dt-shadow-small-1-spread: 0rem;
163
+ --dt-shadow-small-1-blur: 0.6rem;
164
+ --dt-shadow-card-5-offset-y: -0.05rem;
165
+ --dt-shadow-card-5-offset-x: 0.05rem;
166
+ --dt-shadow-card-5-type: dropShadow;
167
+ --dt-shadow-card-5-color: oklch(0 0 0 / 0.2);
168
+ --dt-shadow-card-5-spread: 0rem;
169
+ --dt-shadow-card-5-blur: 0rem;
170
+ --dt-shadow-card-4-offset-y: 0.05rem;
171
+ --dt-shadow-card-4-offset-x: -0.05rem;
172
+ --dt-shadow-card-4-type: dropShadow;
173
+ --dt-shadow-card-4-color: oklch(0 0 0 / 0.2);
174
+ --dt-shadow-card-4-spread: 0rem;
175
+ --dt-shadow-card-4-blur: 0rem;
176
+ --dt-shadow-card-3-offset-y: -0.05rem;
177
+ --dt-shadow-card-3-offset-x: -0.05rem;
178
+ --dt-shadow-card-3-type: dropShadow;
179
+ --dt-shadow-card-3-color: oklch(0 0 0 / 0.2);
180
+ --dt-shadow-card-3-spread: 0rem;
181
+ --dt-shadow-card-3-blur: 0rem;
182
+ --dt-shadow-card-2-offset-y: 0.05rem;
183
+ --dt-shadow-card-2-offset-x: 0.05rem;
184
+ --dt-shadow-card-2-type: dropShadow;
185
+ --dt-shadow-card-2-color: oklch(0 0 0 / 0.2);
186
+ --dt-shadow-card-2-spread: 0rem;
187
+ --dt-shadow-card-2-blur: 0rem;
188
+ --dt-shadow-card-1-offset-y: 0.2rem;
189
+ --dt-shadow-card-1-offset-x: 0rem;
190
+ --dt-shadow-card-1-type: dropShadow;
191
+ --dt-shadow-card-1-color: oklch(0 0 0 / 0.33);
192
+ --dt-shadow-card-1-spread: 0rem;
193
+ --dt-shadow-card-1-blur: 0.6rem;
194
+ --dt-shadow-modal-7-offset-y: -0.05rem;
195
+ --dt-shadow-modal-7-offset-x: 0.05rem;
196
+ --dt-shadow-modal-7-type: dropShadow;
197
+ --dt-shadow-modal-7-color: oklch(0 0 0 / 0.2);
198
+ --dt-shadow-modal-7-spread: 0rem;
199
+ --dt-shadow-modal-7-blur: 0rem;
200
+ --dt-shadow-modal-6-offset-y: 0.05rem;
201
+ --dt-shadow-modal-6-offset-x: -0.05rem;
202
+ --dt-shadow-modal-6-type: dropShadow;
203
+ --dt-shadow-modal-6-color: oklch(0 0 0 / 0.2);
204
+ --dt-shadow-modal-6-spread: 0rem;
205
+ --dt-shadow-modal-6-blur: 0rem;
206
+ --dt-shadow-modal-5-offset-y: -0.05rem;
207
+ --dt-shadow-modal-5-offset-x: -0.05rem;
208
+ --dt-shadow-modal-5-type: dropShadow;
209
+ --dt-shadow-modal-5-color: oklch(0 0 0 / 0.2);
210
+ --dt-shadow-modal-5-spread: 0rem;
211
+ --dt-shadow-modal-5-blur: 0rem;
212
+ --dt-shadow-modal-4-offset-y: 0.05rem;
213
+ --dt-shadow-modal-4-offset-x: 0.05rem;
214
+ --dt-shadow-modal-4-type: dropShadow;
215
+ --dt-shadow-modal-4-color: oklch(0 0 0 / 0.2);
216
+ --dt-shadow-modal-4-spread: 0rem;
217
+ --dt-shadow-modal-4-blur: 0rem;
218
+ --dt-shadow-modal-3-offset-y: 4.8rem;
219
+ --dt-shadow-modal-3-offset-x: 0rem;
220
+ --dt-shadow-modal-3-type: dropShadow;
221
+ --dt-shadow-modal-3-color: oklch(0 0 0 / 0.32);
222
+ --dt-shadow-modal-3-spread: 0rem;
223
+ --dt-shadow-modal-3-blur: 4.8rem;
224
+ --dt-shadow-modal-2-offset-y: 1.2rem;
225
+ --dt-shadow-modal-2-offset-x: 0rem;
226
+ --dt-shadow-modal-2-type: dropShadow;
227
+ --dt-shadow-modal-2-color: oklch(0 0 0 / 0.20);
228
+ --dt-shadow-modal-2-spread: 0rem;
229
+ --dt-shadow-modal-2-blur: 1.6rem;
230
+ --dt-shadow-modal-1-offset-y: 0.4rem;
231
+ --dt-shadow-modal-1-offset-x: 0rem;
232
+ --dt-shadow-modal-1-type: dropShadow;
233
+ --dt-shadow-modal-1-color: oklch(0 0 0 / 0.08);
234
+ --dt-shadow-modal-1-spread: 0rem;
235
+ --dt-shadow-modal-1-blur: 0.6rem;
236
+ --dt-shadow-overlay-7-offset-y: -0.05rem;
237
+ --dt-shadow-overlay-7-offset-x: 0.05rem;
238
+ --dt-shadow-overlay-7-type: dropShadow;
239
+ --dt-shadow-overlay-7-color: oklch(0 0 0 / 0.2);
240
+ --dt-shadow-overlay-7-spread: 0rem;
241
+ --dt-shadow-overlay-7-blur: 0rem;
242
+ --dt-shadow-overlay-6-offset-y: 0.05rem;
243
+ --dt-shadow-overlay-6-offset-x: -0.05rem;
244
+ --dt-shadow-overlay-6-type: dropShadow;
245
+ --dt-shadow-overlay-6-color: oklch(0 0 0 / 0.2);
246
+ --dt-shadow-overlay-6-spread: 0rem;
247
+ --dt-shadow-overlay-6-blur: 0rem;
248
+ --dt-shadow-overlay-5-offset-y: -0.05rem;
249
+ --dt-shadow-overlay-5-offset-x: -0.05rem;
250
+ --dt-shadow-overlay-5-type: dropShadow;
251
+ --dt-shadow-overlay-5-color: oklch(0 0 0 / 0.2);
252
+ --dt-shadow-overlay-5-spread: 0rem;
253
+ --dt-shadow-overlay-5-blur: 0rem;
254
+ --dt-shadow-overlay-4-offset-y: 0.05rem;
255
+ --dt-shadow-overlay-4-offset-x: 0.05rem;
256
+ --dt-shadow-overlay-4-type: dropShadow;
257
+ --dt-shadow-overlay-4-color: oklch(0 0 0 / 0.2);
258
+ --dt-shadow-overlay-4-spread: 0rem;
259
+ --dt-shadow-overlay-4-blur: 0rem;
260
+ --dt-shadow-overlay-3-offset-y: 0.8rem;
261
+ --dt-shadow-overlay-3-offset-x: 0rem;
262
+ --dt-shadow-overlay-3-type: dropShadow;
263
+ --dt-shadow-overlay-3-color: oklch(0 0 0 / 0.16);
264
+ --dt-shadow-overlay-3-spread: 0rem;
265
+ --dt-shadow-overlay-3-blur: 1.2rem;
266
+ --dt-shadow-overlay-2-offset-y: 0.2rem;
267
+ --dt-shadow-overlay-2-offset-x: 0rem;
268
+ --dt-shadow-overlay-2-type: dropShadow;
269
+ --dt-shadow-overlay-2-color: oklch(0 0 0 / 0.12);
270
+ --dt-shadow-overlay-2-spread: 0rem;
271
+ --dt-shadow-overlay-2-blur: 0.8rem;
272
+ --dt-shadow-overlay-1-offset-y: 0.1rem;
273
+ --dt-shadow-overlay-1-offset-x: 0rem;
274
+ --dt-shadow-overlay-1-type: dropShadow;
275
+ --dt-shadow-overlay-1-color: oklch(0 0 0 / 0.08);
276
+ --dt-shadow-overlay-1-spread: 0rem;
277
+ --dt-shadow-overlay-1-blur: 0.2rem;
278
+ --dt-shadow-raised-5-offset-y: -0.05rem;
279
+ --dt-shadow-raised-5-offset-x: 0.05rem;
280
+ --dt-shadow-raised-5-type: dropShadow;
281
+ --dt-shadow-raised-5-color: oklch(0 0 0 / 0.2);
282
+ --dt-shadow-raised-5-spread: 0rem;
283
+ --dt-shadow-raised-5-blur: 0rem;
284
+ --dt-shadow-raised-4-offset-y: 0.05rem;
285
+ --dt-shadow-raised-4-offset-x: -0.05rem;
286
+ --dt-shadow-raised-4-type: dropShadow;
287
+ --dt-shadow-raised-4-color: oklch(0 0 0 / 0.2);
288
+ --dt-shadow-raised-4-spread: 0rem;
289
+ --dt-shadow-raised-4-blur: 0rem;
290
+ --dt-shadow-raised-3-offset-y: -0.05rem;
291
+ --dt-shadow-raised-3-offset-x: -0.05rem;
292
+ --dt-shadow-raised-3-type: dropShadow;
293
+ --dt-shadow-raised-3-color: oklch(0 0 0 / 0.2);
294
+ --dt-shadow-raised-3-spread: 0rem;
295
+ --dt-shadow-raised-3-blur: 0rem;
296
+ --dt-shadow-raised-2-offset-y: 0.05rem;
297
+ --dt-shadow-raised-2-offset-x: 0.05rem;
298
+ --dt-shadow-raised-2-type: dropShadow;
299
+ --dt-shadow-raised-2-color: oklch(0 0 0 / 0.2);
300
+ --dt-shadow-raised-2-spread: 0rem;
301
+ --dt-shadow-raised-2-blur: 0rem;
302
+ --dt-shadow-raised-1-offset-y: 0.2rem;
303
+ --dt-shadow-raised-1-offset-x: 0rem;
304
+ --dt-shadow-raised-1-type: dropShadow;
305
+ --dt-shadow-raised-1-color: oklch(0 0 0 / 0.33);
306
+ --dt-shadow-raised-1-spread: 0rem;
307
+ --dt-shadow-raised-1-blur: 0.6rem;
72
308
  --dt-opacity-1300: 1;
73
309
  --dt-opacity-1200: 0.9;
74
310
  --dt-opacity-1100: 0.8;
@@ -394,104 +630,6 @@
394
630
  --dt-shadow-focus-1-offset-x: var(--dt-size-0);
395
631
  --dt-shadow-focus-1-spread: var(--dt-size-100);
396
632
  --dt-shadow-focus-1-blur: var(--dt-size-0);
397
- --dt-shadow-card-7-offset-y: var(--dt-size-50-negative);
398
- --dt-shadow-card-7-offset-x: var(--dt-size-50);
399
- --dt-shadow-card-7-color: oklch(0 0 0);
400
- --dt-shadow-card-6-offset-y: var(--dt-size-50);
401
- --dt-shadow-card-6-offset-x: var(--dt-size-50-negative);
402
- --dt-shadow-card-6-color: oklch(0 0 0);
403
- --dt-shadow-card-5-offset-y: var(--dt-size-50-negative);
404
- --dt-shadow-card-5-offset-x: var(--dt-size-50-negative);
405
- --dt-shadow-card-5-color: oklch(0 0 0);
406
- --dt-shadow-card-4-offset-y: var(--dt-size-50);
407
- --dt-shadow-card-4-offset-x: var(--dt-size-50);
408
- --dt-shadow-card-4-color: oklch(0 0 0);
409
- --dt-shadow-card-4-spread: var(--dt-size-0);
410
- --dt-shadow-card-4-blur: var(--dt-size-0);
411
- --dt-shadow-card-3-offset-y: var(--dt-size-200);
412
- --dt-shadow-card-3-offset-x: var(--dt-size-0);
413
- --dt-shadow-card-3-spread: var(--dt-size-0);
414
- --dt-shadow-card-3-blur: var(--dt-size-500);
415
- --dt-shadow-card-2-offset-y: var(--dt-size-200);
416
- --dt-shadow-card-2-offset-x: var(--dt-size-0);
417
- --dt-shadow-card-2-spread: var(--dt-size-0);
418
- --dt-shadow-card-2-blur: var(--dt-size-300);
419
- --dt-shadow-card-1-offset-y: var(--dt-size-100);
420
- --dt-shadow-card-1-offset-x: var(--dt-size-0);
421
- --dt-shadow-card-1-spread: var(--dt-size-0);
422
- --dt-shadow-card-1-blur: var(--dt-size-200);
423
- --dt-shadow-extra-large-5-offset-y: var(--dt-size-50-negative);
424
- --dt-shadow-extra-large-5-offset-x: var(--dt-size-50);
425
- --dt-shadow-extra-large-5-color: oklch(0 0 0);
426
- --dt-shadow-extra-large-4-offset-y: var(--dt-size-50);
427
- --dt-shadow-extra-large-4-offset-x: var(--dt-size-50-negative);
428
- --dt-shadow-extra-large-4-color: oklch(0 0 0);
429
- --dt-shadow-extra-large-3-offset-y: var(--dt-size-50-negative);
430
- --dt-shadow-extra-large-3-offset-x: var(--dt-size-50-negative);
431
- --dt-shadow-extra-large-3-color: oklch(0 0 0);
432
- --dt-shadow-extra-large-2-offset-y: var(--dt-size-50);
433
- --dt-shadow-extra-large-2-offset-x: var(--dt-size-50);
434
- --dt-shadow-extra-large-2-color: oklch(0 0 0);
435
- --dt-shadow-extra-large-2-spread: var(--dt-size-0);
436
- --dt-shadow-extra-large-2-blur: var(--dt-size-0);
437
- --dt-shadow-extra-large-1-offset-y: var(--dt-size-200);
438
- --dt-shadow-extra-large-1-offset-x: var(--dt-size-0);
439
- --dt-shadow-extra-large-1-spread: var(--dt-size-0);
440
- --dt-shadow-extra-large-1-blur: var(--dt-size-600);
441
- --dt-shadow-large-5-offset-y: var(--dt-size-50-negative);
442
- --dt-shadow-large-5-offset-x: var(--dt-size-50);
443
- --dt-shadow-large-5-color: oklch(0 0 0);
444
- --dt-shadow-large-4-offset-y: var(--dt-size-50);
445
- --dt-shadow-large-4-offset-x: var(--dt-size-50-negative);
446
- --dt-shadow-large-4-color: oklch(0 0 0);
447
- --dt-shadow-large-3-offset-y: var(--dt-size-50-negative);
448
- --dt-shadow-large-3-offset-x: var(--dt-size-50-negative);
449
- --dt-shadow-large-3-color: oklch(0 0 0);
450
- --dt-shadow-large-2-offset-y: var(--dt-size-50);
451
- --dt-shadow-large-2-offset-x: var(--dt-size-50-negative);
452
- --dt-shadow-large-2-color: oklch(0 0 0);
453
- --dt-shadow-large-2-spread: var(--dt-size-0);
454
- --dt-shadow-large-2-blur: var(--dt-size-0);
455
- --dt-shadow-large-1-offset-y: var(--dt-size-200);
456
- --dt-shadow-large-1-offset-x: var(--dt-size-0);
457
- --dt-shadow-large-1-spread: var(--dt-size-0);
458
- --dt-shadow-large-1-blur: var(--dt-size-500);
459
- --dt-shadow-medium-5-offset-y: var(--dt-size-50-negative);
460
- --dt-shadow-medium-5-offset-x: var(--dt-size-50);
461
- --dt-shadow-medium-5-color: oklch(0 0 0);
462
- --dt-shadow-medium-4-offset-y: var(--dt-size-50);
463
- --dt-shadow-medium-4-offset-x: var(--dt-size-50-negative);
464
- --dt-shadow-medium-4-color: oklch(0 0 0);
465
- --dt-shadow-medium-3-offset-y: var(--dt-size-50-negative);
466
- --dt-shadow-medium-3-offset-x: var(--dt-size-50-negative);
467
- --dt-shadow-medium-3-color: oklch(0 0 0);
468
- --dt-shadow-medium-2-offset-y: var(--dt-size-50);
469
- --dt-shadow-medium-2-offset-x: var(--dt-size-50);
470
- --dt-shadow-medium-2-color: oklch(0 0 0);
471
- --dt-shadow-medium-2-spread: var(--dt-size-0);
472
- --dt-shadow-medium-2-blur: var(--dt-size-0);
473
- --dt-shadow-medium-1-offset-y: var(--dt-size-200);
474
- --dt-shadow-medium-1-offset-x: var(--dt-size-0);
475
- --dt-shadow-medium-1-spread: var(--dt-size-0);
476
- --dt-shadow-medium-1-blur: var(--dt-size-400);
477
- --dt-shadow-small-5-offset-y: var(--dt-size-50-negative);
478
- --dt-shadow-small-5-offset-x: var(--dt-size-50);
479
- --dt-shadow-small-5-color: oklch(0 0 0);
480
- --dt-shadow-small-4-offset-y: var(--dt-size-50);
481
- --dt-shadow-small-4-offset-x: var(--dt-size-50-negative);
482
- --dt-shadow-small-4-color: oklch(0 0 0);
483
- --dt-shadow-small-3-offset-y: var(--dt-size-50-negative);
484
- --dt-shadow-small-3-offset-x: var(--dt-size-50-negative);
485
- --dt-shadow-small-3-color: oklch(0 0 0);
486
- --dt-shadow-small-2-offset-y: var(--dt-size-50);
487
- --dt-shadow-small-2-offset-x: var(--dt-size-50);
488
- --dt-shadow-small-2-color: oklch(0 0 0);
489
- --dt-shadow-small-2-spread: var(--dt-size-0);
490
- --dt-shadow-small-2-blur: var(--dt-size-0);
491
- --dt-shadow-small-1-offset-y: var(--dt-size-200);
492
- --dt-shadow-small-1-offset-x: var(--dt-size-0);
493
- --dt-shadow-small-1-spread: var(--dt-size-0);
494
- --dt-shadow-small-1-blur: var(--dt-size-300);
495
633
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
496
634
  --dt-color-black-1000: oklch(1 0 0);
497
635
  --dt-color-black-950: oklch(0.9622 0.0025 48.72);
@@ -647,12 +785,15 @@
647
785
  --dt-font-size-75: calc(var(--dt-font-size-root) * 1.1); /* xs / extra small */
648
786
  --dt-font-size-50: var(--dt-font-size-root); /* xxs / extra extra small */
649
787
  --dt-shadow-focus-1-color: oklch(0.1949 0.006 91.63);
650
- --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
651
- --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-offset-x) var(--dt-shadow-card-6-offset-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color), var(--dt-shadow-card-7-offset-x) var(--dt-shadow-card-7-offset-y) var(--dt-shadow-card-7-blur) var(--dt-shadow-card-7-spread) var(--dt-shadow-card-7-color);
652
- --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color);
653
- --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
654
- --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
788
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-offset-x) var(--dt-shadow-extra-large-1-offset-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-offset-x) var(--dt-shadow-extra-large-2-offset-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-offset-x) var(--dt-shadow-extra-large-3-offset-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-offset-x) var(--dt-shadow-extra-large-4-offset-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-offset-x) var(--dt-shadow-extra-large-5-offset-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color), var(--dt-shadow-extra-large-6-offset-x) var(--dt-shadow-extra-large-6-offset-y) var(--dt-shadow-extra-large-6-blur) var(--dt-shadow-extra-large-6-spread) var(--dt-shadow-extra-large-6-color), var(--dt-shadow-extra-large-7-offset-x) var(--dt-shadow-extra-large-7-offset-y) var(--dt-shadow-extra-large-7-blur) var(--dt-shadow-extra-large-7-spread) var(--dt-shadow-extra-large-7-color);
789
+ --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color), var(--dt-shadow-large-6-offset-x) var(--dt-shadow-large-6-offset-y) var(--dt-shadow-large-6-blur) var(--dt-shadow-large-6-spread) var(--dt-shadow-large-6-color), var(--dt-shadow-large-7-offset-x) var(--dt-shadow-large-7-offset-y) var(--dt-shadow-large-7-blur) var(--dt-shadow-large-7-spread) var(--dt-shadow-large-7-color);
790
+ --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color), var(--dt-shadow-medium-6-offset-x) var(--dt-shadow-medium-6-offset-y) var(--dt-shadow-medium-6-blur) var(--dt-shadow-medium-6-spread) var(--dt-shadow-medium-6-color), var(--dt-shadow-medium-7-offset-x) var(--dt-shadow-medium-7-offset-y) var(--dt-shadow-medium-7-blur) var(--dt-shadow-medium-7-spread) var(--dt-shadow-medium-7-color);
655
791
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
792
+ --dt-shadow-card: var(--dt-shadow-card-1-offset-x) var(--dt-shadow-card-1-offset-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-offset-x) var(--dt-shadow-card-2-offset-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-offset-x) var(--dt-shadow-card-3-offset-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-offset-x) var(--dt-shadow-card-4-offset-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-offset-x) var(--dt-shadow-card-5-offset-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color);
793
+ --dt-shadow-modal: var(--dt-shadow-modal-1-offset-x) var(--dt-shadow-modal-1-offset-y) var(--dt-shadow-modal-1-blur) var(--dt-shadow-modal-1-spread) var(--dt-shadow-modal-1-color), var(--dt-shadow-modal-2-offset-x) var(--dt-shadow-modal-2-offset-y) var(--dt-shadow-modal-2-blur) var(--dt-shadow-modal-2-spread) var(--dt-shadow-modal-2-color), var(--dt-shadow-modal-3-offset-x) var(--dt-shadow-modal-3-offset-y) var(--dt-shadow-modal-3-blur) var(--dt-shadow-modal-3-spread) var(--dt-shadow-modal-3-color), var(--dt-shadow-modal-4-offset-x) var(--dt-shadow-modal-4-offset-y) var(--dt-shadow-modal-4-blur) var(--dt-shadow-modal-4-spread) var(--dt-shadow-modal-4-color), var(--dt-shadow-modal-5-offset-x) var(--dt-shadow-modal-5-offset-y) var(--dt-shadow-modal-5-blur) var(--dt-shadow-modal-5-spread) var(--dt-shadow-modal-5-color), var(--dt-shadow-modal-6-offset-x) var(--dt-shadow-modal-6-offset-y) var(--dt-shadow-modal-6-blur) var(--dt-shadow-modal-6-spread) var(--dt-shadow-modal-6-color), var(--dt-shadow-modal-7-offset-x) var(--dt-shadow-modal-7-offset-y) var(--dt-shadow-modal-7-blur) var(--dt-shadow-modal-7-spread) var(--dt-shadow-modal-7-color);
794
+ --dt-shadow-overlay: var(--dt-shadow-overlay-1-offset-x) var(--dt-shadow-overlay-1-offset-y) var(--dt-shadow-overlay-1-blur) var(--dt-shadow-overlay-1-spread) var(--dt-shadow-overlay-1-color), var(--dt-shadow-overlay-2-offset-x) var(--dt-shadow-overlay-2-offset-y) var(--dt-shadow-overlay-2-blur) var(--dt-shadow-overlay-2-spread) var(--dt-shadow-overlay-2-color), var(--dt-shadow-overlay-3-offset-x) var(--dt-shadow-overlay-3-offset-y) var(--dt-shadow-overlay-3-blur) var(--dt-shadow-overlay-3-spread) var(--dt-shadow-overlay-3-color), var(--dt-shadow-overlay-4-offset-x) var(--dt-shadow-overlay-4-offset-y) var(--dt-shadow-overlay-4-blur) var(--dt-shadow-overlay-4-spread) var(--dt-shadow-overlay-4-color), var(--dt-shadow-overlay-5-offset-x) var(--dt-shadow-overlay-5-offset-y) var(--dt-shadow-overlay-5-blur) var(--dt-shadow-overlay-5-spread) var(--dt-shadow-overlay-5-color), var(--dt-shadow-overlay-6-offset-x) var(--dt-shadow-overlay-6-offset-y) var(--dt-shadow-overlay-6-blur) var(--dt-shadow-overlay-6-spread) var(--dt-shadow-overlay-6-color), var(--dt-shadow-overlay-7-offset-x) var(--dt-shadow-overlay-7-offset-y) var(--dt-shadow-overlay-7-blur) var(--dt-shadow-overlay-7-spread) var(--dt-shadow-overlay-7-color);
795
+ --dt-shadow-raised: var(--dt-shadow-raised-1-offset-x) var(--dt-shadow-raised-1-offset-y) var(--dt-shadow-raised-1-blur) var(--dt-shadow-raised-1-spread) var(--dt-shadow-raised-1-color), var(--dt-shadow-raised-2-offset-x) var(--dt-shadow-raised-2-offset-y) var(--dt-shadow-raised-2-blur) var(--dt-shadow-raised-2-spread) var(--dt-shadow-raised-2-color), var(--dt-shadow-raised-3-offset-x) var(--dt-shadow-raised-3-offset-y) var(--dt-shadow-raised-3-blur) var(--dt-shadow-raised-3-spread) var(--dt-shadow-raised-3-color), var(--dt-shadow-raised-4-offset-x) var(--dt-shadow-raised-4-offset-y) var(--dt-shadow-raised-4-blur) var(--dt-shadow-raised-4-spread) var(--dt-shadow-raised-4-color), var(--dt-shadow-raised-5-offset-x) var(--dt-shadow-raised-5-offset-y) var(--dt-shadow-raised-5-blur) var(--dt-shadow-raised-5-spread) var(--dt-shadow-raised-5-color);
796
+ --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-offset-x) var(--dt-shadow-focus-inset-offset-y) var(--dt-shadow-focus-inset-blur) var(--dt-shadow-focus-inset-spread) var(--dt-shadow-focus-inset-color) inset;
656
797
  --dt-shadow-focus: var(--dt-shadow-focus-1-offset-x) var(--dt-shadow-focus-1-offset-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-offset-x) var(--dt-shadow-focus-2-offset-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
657
798
  --dt-layout-1600: calc(var(--dt-layout-base) * 16); /* 1024px */
658
799
  --dt-layout-1550: calc(var(--dt-layout-base) * 15.5); /* 992px */