@dialpad/dialtone 9.58.0 → 9.59.0-beta.1

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 (85) hide show
  1. package/README.md +59 -27
  2. package/dist/css/dialtone.css +171 -4734
  3. package/dist/css/dialtone.min.css +1 -1
  4. package/dist/css/tokens/tokens-base-dark.css +938 -0
  5. package/dist/css/tokens/tokens-base-light.css +718 -0
  6. package/dist/css/tokens/tokens-dp-dark.css +1795 -0
  7. package/dist/css/tokens/tokens-dp-light.css +1795 -0
  8. package/dist/css/tokens/tokens-expressive-dark.css +1801 -0
  9. package/dist/css/tokens/tokens-expressive-light.css +1801 -0
  10. package/dist/css/tokens/tokens-expressive-sm-dark.css +1801 -0
  11. package/dist/css/tokens/tokens-expressive-sm-light.css +1801 -0
  12. package/dist/css/tokens/tokens-tmo-dark.css +1795 -0
  13. package/dist/css/tokens/tokens-tmo-light.css +1795 -0
  14. package/dist/themes/config.cjs +1 -0
  15. package/dist/themes/config.js +17 -0
  16. package/dist/themes/dp-dark.cjs +1 -0
  17. package/dist/themes/dp-dark.js +14 -0
  18. package/dist/themes/dp-light.cjs +1 -0
  19. package/dist/themes/dp-light.js +14 -0
  20. package/dist/themes/expressive-dark.cjs +1 -0
  21. package/dist/themes/expressive-dark.js +14 -0
  22. package/dist/themes/expressive-light.cjs +1 -0
  23. package/dist/themes/expressive-light.js +14 -0
  24. package/dist/themes/expressive-sm-dark.cjs +1 -0
  25. package/dist/themes/expressive-sm-dark.js +14 -0
  26. package/dist/themes/expressive-sm-light.cjs +1 -0
  27. package/dist/themes/expressive-sm-light.js +14 -0
  28. package/dist/themes/tmo-dark.cjs +1 -0
  29. package/dist/themes/tmo-dark.js +14 -0
  30. package/dist/themes/tmo-light.cjs +1 -0
  31. package/dist/themes/tmo-light.js +14 -0
  32. package/dist/tokens/css/tokens-base-dark.css +938 -0
  33. package/dist/tokens/css/tokens-base-light.css +718 -0
  34. package/dist/tokens/css/tokens-dp-dark.css +1795 -0
  35. package/dist/tokens/css/tokens-dp-light.css +1795 -0
  36. package/dist/tokens/css/tokens-expressive-dark.css +1801 -0
  37. package/dist/tokens/css/tokens-expressive-light.css +1801 -0
  38. package/dist/tokens/css/tokens-expressive-sm-dark.css +1801 -0
  39. package/dist/tokens/css/tokens-expressive-sm-light.css +1801 -0
  40. package/dist/tokens/css/tokens-tmo-dark.css +1795 -0
  41. package/dist/tokens/css/tokens-tmo-light.css +1795 -0
  42. package/dist/tokens/doc.json +78813 -72005
  43. package/dist/tokens/less/tokens-base-dark.less +488 -0
  44. package/dist/tokens/less/tokens-base-light.less +368 -0
  45. package/dist/tokens/less/tokens-dp-dark.less +451 -0
  46. package/dist/tokens/less/tokens-dp-light.less +451 -0
  47. package/dist/tokens/less/tokens-expressive-dark.less +457 -0
  48. package/dist/tokens/less/tokens-expressive-light.less +457 -0
  49. package/dist/tokens/less/tokens-expressive-sm-dark.less +457 -0
  50. package/dist/tokens/less/tokens-expressive-sm-light.less +457 -0
  51. package/dist/tokens/less/tokens-tmo-dark.less +451 -0
  52. package/dist/tokens/less/tokens-tmo-light.less +451 -0
  53. package/dist/tokens/tokens-base-dark.json +486 -0
  54. package/dist/tokens/tokens-base-light.json +366 -0
  55. package/dist/tokens/tokens-dp-dark.json +449 -0
  56. package/dist/tokens/tokens-dp-light.json +449 -0
  57. package/dist/tokens/tokens-expressive-dark.json +455 -0
  58. package/dist/tokens/tokens-expressive-light.json +455 -0
  59. package/dist/tokens/tokens-expressive-sm-dark.json +455 -0
  60. package/dist/tokens/tokens-expressive-sm-light.json +455 -0
  61. package/dist/tokens/tokens-tmo-dark.json +449 -0
  62. package/dist/tokens/tokens-tmo-light.json +449 -0
  63. package/dist/tokens-base-dark-gxR6WJuq.js +4 -0
  64. package/dist/tokens-base-dark-lGwOt-Tx.cjs +1 -0
  65. package/dist/tokens-base-light-Exwmf79i.cjs +1 -0
  66. package/dist/tokens-base-light-Xfc5qwVj.js +4 -0
  67. package/package.json +9 -2
  68. package/dist/tokens/css/variables-dark.css +0 -941
  69. package/dist/tokens/css/variables-expressive-dark.css +0 -942
  70. package/dist/tokens/css/variables-expressive-light.css +0 -822
  71. package/dist/tokens/css/variables-expressive-sm-dark.css +0 -942
  72. package/dist/tokens/css/variables-expressive-sm-light.css +0 -822
  73. package/dist/tokens/css/variables-light.css +0 -821
  74. package/dist/tokens/css/variables-tmo-dark.css +0 -941
  75. package/dist/tokens/css/variables-tmo-light.css +0 -821
  76. package/dist/tokens/less/variables-dark.less +0 -938
  77. package/dist/tokens/less/variables-expressive-dark.less +0 -939
  78. package/dist/tokens/less/variables-expressive-light.less +0 -819
  79. package/dist/tokens/less/variables-expressive-sm-dark.less +0 -939
  80. package/dist/tokens/less/variables-expressive-sm-light.less +0 -819
  81. package/dist/tokens/less/variables-light.less +0 -818
  82. package/dist/tokens/less/variables-tmo-dark.less +0 -938
  83. package/dist/tokens/less/variables-tmo-light.less +0 -818
  84. package/dist/tokens/tokens-dark.json +0 -933
  85. package/dist/tokens/tokens-light.json +0 -813
@@ -0,0 +1,368 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Wed, 31 Jul 2024 16:26:22 GMT
4
+
5
+ @dt-font-size-100: 1.2rem; // small
6
+ @dt-font-size-200: 1.5rem; // medium / base
7
+ @dt-font-size-300: 1.9rem; // large
8
+ @dt-font-size-400: 2.7rem; // extra large / xl
9
+ @dt-font-size-500: 3.8rem; // extra large / xxl
10
+ @dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ @dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
12
+ @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
13
+ @dt-font-line-height-100: 1;
14
+ @dt-font-line-height-200: 1.2;
15
+ @dt-font-line-height-300: 1.4;
16
+ @dt-font-line-height-400: 1.6;
17
+ @dt-font-line-height-500: 1.8;
18
+ @dt-font-line-height-600: 2;
19
+ @dt-font-weight-normal: 400;
20
+ @dt-font-weight-medium: 500;
21
+ @dt-font-weight-semi-bold: 600;
22
+ @dt-font-weight-bold: 700;
23
+ @dt-font-text-case-uppercase: uppercase;
24
+ @dt-font-text-case-lowercase: lowercase;
25
+ @dt-font-text-case-capitalize: capitalize;
26
+ @dt-font-text-case-none: none;
27
+ @dt-size-0: 0rem;
28
+ @dt-size-50: 0.05rem;
29
+ @dt-size-100: 0.1rem;
30
+ @dt-size-200: 0.2rem;
31
+ @dt-size-300: 0.4rem;
32
+ @dt-size-350: 0.6rem;
33
+ @dt-size-400: 0.8rem;
34
+ @dt-size-450: 1.2rem;
35
+ @dt-size-500: 1.6rem;
36
+ @dt-size-525: 2rem;
37
+ @dt-size-550: 2.4rem;
38
+ @dt-size-600: 3.2rem;
39
+ @dt-size-625: 4.2rem;
40
+ @dt-size-650: 4.8rem;
41
+ @dt-size-700: 6.4rem;
42
+ @dt-size-720: 7.2rem;
43
+ @dt-size-730: 8.4rem;
44
+ @dt-size-750: 9.6rem;
45
+ @dt-size-760: 10.2rem;
46
+ @dt-size-775: 11.4rem;
47
+ @dt-size-800: 12.8rem;
48
+ @dt-size-825: 16.4rem;
49
+ @dt-size-850: 19.2rem;
50
+ @dt-size-875: 21.6rem;
51
+ @dt-size-900: 25.6rem;
52
+ @dt-size-905: 26.4rem;
53
+ @dt-size-925: 33.2rem;
54
+ @dt-size-950: 38.4rem;
55
+ @dt-size-975: 46.4rem;
56
+ @dt-size-1000: 51.2rem;
57
+ @dt-size-1020: 62.8rem;
58
+ @dt-size-1040: 76.4rem;
59
+ @dt-size-1050: 76.8rem;
60
+ @dt-size-1060: 82.8rem;
61
+ @dt-size-1080: 91.2rem;
62
+ @dt-size-1100: 102.4rem;
63
+ @dt-size-1115: 114rem;
64
+ @dt-size-1120: 126.8rem;
65
+ @dt-size-1125: 128rem;
66
+ @dt-size-1130: 134rem;
67
+ @dt-size-1150: 153.6rem;
68
+ @dt-size-1200: 204.8rem;
69
+ @dt-size-border-0: 0rem;
70
+ @dt-size-border-50: 0.05rem;
71
+ @dt-size-border-100: 0.1rem;
72
+ @dt-size-border-150: 0.15rem;
73
+ @dt-size-border-200: 0.2rem;
74
+ @dt-size-border-300: 0.4rem;
75
+ @dt-size-border-400: 0.8rem;
76
+ @dt-size-50-negative: -0.05rem;
77
+ @dt-size-100-negative: -0.1rem;
78
+ @dt-size-200-negative: -0.2rem;
79
+ @dt-size-300-negative: -0.4rem;
80
+ @dt-size-350-negative: -0.6rem;
81
+ @dt-size-400-negative: -0.8rem;
82
+ @dt-size-450-negative: -1.2rem;
83
+ @dt-size-500-negative: -1.6rem;
84
+ @dt-size-525-negative: -2rem;
85
+ @dt-size-550-negative: -2.4rem;
86
+ @dt-size-600-negative: -3.2rem;
87
+ @dt-size-625-negative: -4.2rem;
88
+ @dt-size-650-negative: -4.8rem;
89
+ @dt-size-700-negative: -6.4rem;
90
+ @dt-size-720-negative: -7.2rem;
91
+ @dt-size-730-negative: -8.4rem;
92
+ @dt-size-750-negative: -9.6rem;
93
+ @dt-size-760-negative: -10.2rem;
94
+ @dt-size-775-negative: -11.4rem;
95
+ @dt-size-800-negative: -12.8rem;
96
+ @dt-size-825-negative: -16.4rem;
97
+ @dt-size-850-negative: -19.2rem;
98
+ @dt-size-875-negative: -21.6rem;
99
+ @dt-size-900-negative: -25.6rem;
100
+ @dt-size-905-negative: -26.4rem;
101
+ @dt-size-925-negative: -33.2rem;
102
+ @dt-size-950-negative: -38.4rem;
103
+ @dt-size-975-negative: -46.4rem;
104
+ @dt-size-1000-negative: -51.2rem;
105
+ @dt-size-1020-negative: -62.8rem;
106
+ @dt-size-1040-negative: -76.4rem;
107
+ @dt-size-1050-negative: -76.8rem;
108
+ @dt-size-1060-negative: -82.8rem;
109
+ @dt-size-1080-negative: -91.2rem;
110
+ @dt-size-1100-negative: -102.4rem;
111
+ @dt-size-1115-negative: -114rem;
112
+ @dt-size-1120-negative: -126.8rem;
113
+ @dt-size-1125-negative: -128rem;
114
+ @dt-size-1130-negative: -134rem;
115
+ @dt-size-1150-negative: -153.6rem;
116
+ @dt-size-1200-negative: -204.8rem;
117
+ @dt-size-0-percent: 0%;
118
+ @dt-size-5-percent: 5%;
119
+ @dt-size-10-percent: 10%;
120
+ @dt-size-20-percent: 20%;
121
+ @dt-size-25-percent: 25%;
122
+ @dt-size-30-percent: 30%;
123
+ @dt-size-33-percent: 33.333%;
124
+ @dt-size-40-percent: 40%;
125
+ @dt-size-50-percent: 50%;
126
+ @dt-size-60-percent: 60%;
127
+ @dt-size-66-percent: 66.7%;
128
+ @dt-size-70-percent: 70%;
129
+ @dt-size-75-percent: 75%;
130
+ @dt-size-80-percent: 80%;
131
+ @dt-size-90-percent: 90%;
132
+ @dt-size-95-percent: 95%;
133
+ @dt-size-100-percent: 100%;
134
+ @dt-size-radius-0: 0rem;
135
+ @dt-size-radius-100: 0.1rem;
136
+ @dt-size-radius-200: 0.2rem;
137
+ @dt-size-radius-300: 0.4rem;
138
+ @dt-size-radius-400: 0.8rem;
139
+ @dt-size-radius-500: 1.6rem;
140
+ @dt-size-radius-600: 3.2rem;
141
+ @dt-size-radius-pill: 10.2rem;
142
+ @dt-size-radius-circle: 50%;
143
+ @dt-space-0: 0rem;
144
+ @dt-space-50: 0.05rem;
145
+ @dt-space-100: 0.1rem;
146
+ @dt-space-200: 0.2rem;
147
+ @dt-space-300: 0.4rem;
148
+ @dt-space-350: 0.6rem;
149
+ @dt-space-400: 0.8rem;
150
+ @dt-space-450: 1.2rem;
151
+ @dt-space-500: 1.6rem;
152
+ @dt-space-525: 2rem;
153
+ @dt-space-550: 2.4rem;
154
+ @dt-space-600: 3.2rem;
155
+ @dt-space-625: 4.2rem;
156
+ @dt-space-650: 4.8rem;
157
+ @dt-space-700: 6.4rem;
158
+ @dt-space-720: 7.2rem;
159
+ @dt-space-730: 8.4rem;
160
+ @dt-space-750: 9.6rem;
161
+ @dt-space-760: 10.2rem;
162
+ @dt-space-775: 11.4rem;
163
+ @dt-space-800: 12.8rem;
164
+ @dt-space-825: 16.4rem;
165
+ @dt-space-850: 19.2rem;
166
+ @dt-space-875: 21.6rem;
167
+ @dt-space-900: 25.6rem;
168
+ @dt-space-905: 26.4rem;
169
+ @dt-space-925: 33.2rem;
170
+ @dt-space-950: 38.4rem;
171
+ @dt-space-975: 46.4rem;
172
+ @dt-space-1000: 51.2rem;
173
+ @dt-space-1020: 62.8rem;
174
+ @dt-space-1040: 76.4rem;
175
+ @dt-space-1050: 76.8rem;
176
+ @dt-space-1060: 82.8rem;
177
+ @dt-space-1080: 91.2rem;
178
+ @dt-space-1100: 102.4rem;
179
+ @dt-space-1115: 114rem;
180
+ @dt-space-1120: 126.8rem;
181
+ @dt-space-1125: 128rem;
182
+ @dt-space-1130: 134rem;
183
+ @dt-space-1150: 153.6rem;
184
+ @dt-space-1200: 204.8rem;
185
+ @dt-space-50-negative: -0.05rem;
186
+ @dt-space-100-negative: -0.1rem;
187
+ @dt-space-200-negative: -0.2rem;
188
+ @dt-space-300-negative: -0.4rem;
189
+ @dt-space-350-negative: -0.6rem;
190
+ @dt-space-400-negative: -0.8rem;
191
+ @dt-space-450-negative: -1.2rem;
192
+ @dt-space-500-negative: -1.6rem;
193
+ @dt-space-525-negative: -2rem;
194
+ @dt-space-550-negative: -2.4rem;
195
+ @dt-space-600-negative: -3.2rem;
196
+ @dt-space-625-negative: -4.2rem;
197
+ @dt-space-650-negative: -4.8rem;
198
+ @dt-space-700-negative: -6.4rem;
199
+ @dt-space-720-negative: -7.2rem;
200
+ @dt-space-730-negative: -8.4rem;
201
+ @dt-space-750-negative: -9.6rem;
202
+ @dt-space-760-negative: -10.2rem;
203
+ @dt-space-775-negative: -11.4rem;
204
+ @dt-space-800-negative: -12.8rem;
205
+ @dt-space-825-negative: -16.4rem;
206
+ @dt-space-850-negative: -19.2rem;
207
+ @dt-space-875-negative: -21.6rem;
208
+ @dt-space-900-negative: -25.6rem;
209
+ @dt-space-905-negative: -26.4rem;
210
+ @dt-space-925-negative: -33.2rem;
211
+ @dt-space-950-negative: -38.4rem;
212
+ @dt-space-975-negative: -46.4rem;
213
+ @dt-space-1000-negative: -51.2rem;
214
+ @dt-space-1020-negative: -62.8rem;
215
+ @dt-space-1040-negative: -76.4rem;
216
+ @dt-space-1050-negative: -76.8rem;
217
+ @dt-space-1060-negative: -82.8rem;
218
+ @dt-space-1080-negative: -91.2rem;
219
+ @dt-space-1100-negative: -102.4rem;
220
+ @dt-space-1115-negative: -114rem;
221
+ @dt-space-1120-negative: -126.8rem;
222
+ @dt-space-1125-negative: -128rem;
223
+ @dt-space-1130-negative: -134rem;
224
+ @dt-space-1150-negative: -153.6rem;
225
+ @dt-space-1200-negative: -204.8rem;
226
+ @dt-space-0-percent: 0%;
227
+ @dt-space-5-percent: 5%;
228
+ @dt-space-10-percent: 10%;
229
+ @dt-space-20-percent: 20%;
230
+ @dt-space-25-percent: 25%;
231
+ @dt-space-30-percent: 30%;
232
+ @dt-space-33-percent: 33.333%;
233
+ @dt-space-40-percent: 40%;
234
+ @dt-space-50-percent: 50%;
235
+ @dt-space-60-percent: 60%;
236
+ @dt-space-66-percent: 66.7%;
237
+ @dt-space-70-percent: 70%;
238
+ @dt-space-75-percent: 75%;
239
+ @dt-space-80-percent: 80%;
240
+ @dt-space-90-percent: 90%;
241
+ @dt-space-95-percent: 95%;
242
+ @dt-space-100-percent: 100%;
243
+ @dt-color-neutral-white: #ffffff; // White color independent of any theme.
244
+ @dt-color-neutral-black: #000000; // Black color independent of any theme.
245
+ @dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
246
+ @dt-color-black-100: #F9F9F9;
247
+ @dt-color-black-200: #E9E9E9;
248
+ @dt-color-black-300: #D2D2D2;
249
+ @dt-color-black-400: #AAAAAA;
250
+ @dt-color-black-500: #808080;
251
+ @dt-color-black-600: #555555;
252
+ @dt-color-black-700: #3A3A3A;
253
+ @dt-color-black-800: #222222;
254
+ @dt-color-black-900: #000000;
255
+ @dt-color-purple-100: #F5F0FF;
256
+ @dt-color-purple-200: #DAC7FF;
257
+ @dt-color-purple-300: #AB7EFF;
258
+ @dt-color-purple-400: #7C52FF;
259
+ @dt-color-purple-500: #3A1D95;
260
+ @dt-color-purple-600: #10022C;
261
+ @dt-color-blue-100: #EAF2FA;
262
+ @dt-color-blue-200: #99C8FF;
263
+ @dt-color-blue-300: #51A0FE;
264
+ @dt-color-blue-400: #1768C6;
265
+ @dt-color-blue-500: #01326D;
266
+ @dt-color-magenta-100: #FFE0F2;
267
+ @dt-color-magenta-200: #F985C7;
268
+ @dt-color-magenta-300: #F9008E;
269
+ @dt-color-magenta-400: #8C0E56;
270
+ @dt-color-magenta-500: #541A3B;
271
+ @dt-color-gold-100: #FFF4CC;
272
+ @dt-color-gold-200: #FFDB80;
273
+ @dt-color-gold-300: #F6AB3C;
274
+ @dt-color-gold-400: #D28F2B;
275
+ @dt-color-gold-500: #815008;
276
+ @dt-color-green-100: #EDF9EB;
277
+ @dt-color-green-200: #B0FFA3;
278
+ @dt-color-green-300: #45F777;
279
+ @dt-color-green-400: #1AA340;
280
+ @dt-color-green-500: #124620;
281
+ @dt-color-red-100: #FFE5E6;
282
+ @dt-color-red-200: #FF8585;
283
+ @dt-color-red-300: #EC0E0E;
284
+ @dt-color-red-400: #B70B0B;
285
+ @dt-color-red-500: #5B0505;
286
+ @dt-color-tan-100: #F2F0EE;
287
+ @dt-color-tan-200: #CEC8C4;
288
+ @dt-color-tan-300: #87807B;
289
+ @dt-color-tan-400: #3F3D3C;
290
+ @dt-color-tan-500: #121212;
291
+ @dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
292
+ @dt-color-brand-purple: #7C52FF; // Primary brand color.
293
+ @dt-color-brand-magenta: #F9008E; // Secondary brand color, typically used as an accent color.
294
+ @dt-color-brand-gold: #F6AB3C; // Secondary brand color, typically used as an accent color.
295
+ @dt-opacity-0: 0;
296
+ @dt-opacity-100: .05;
297
+ @dt-opacity-200: .1;
298
+ @dt-opacity-300: .2;
299
+ @dt-opacity-400: .25;
300
+ @dt-opacity-500: .3;
301
+ @dt-opacity-600: .4;
302
+ @dt-opacity-700: .5;
303
+ @dt-opacity-800: .6;
304
+ @dt-opacity-900: .7;
305
+ @dt-opacity-1000: .75;
306
+ @dt-opacity-1100: .8;
307
+ @dt-opacity-1200: .9;
308
+ @dt-opacity-1300: 1;
309
+ @dt-shadow-small-1-x: 0rem;
310
+ @dt-shadow-small-1-y: 0.2rem;
311
+ @dt-shadow-small-1-blur: 0.4rem;
312
+ @dt-shadow-small-1-spread: 0rem;
313
+ @dt-shadow-small-1-color: rgba(0, 0, 0, 0.15);
314
+ @dt-shadow-small-1-type: dropShadow;
315
+ @dt-shadow-medium-1-x: 0rem;
316
+ @dt-shadow-medium-1-y: 0.2rem;
317
+ @dt-shadow-medium-1-blur: 0.8rem;
318
+ @dt-shadow-medium-1-spread: 0rem;
319
+ @dt-shadow-medium-1-color: rgba(0, 0, 0, 0.25);
320
+ @dt-shadow-medium-1-type: dropShadow;
321
+ @dt-shadow-large-1-x: 0rem;
322
+ @dt-shadow-large-1-y: 0.2rem;
323
+ @dt-shadow-large-1-blur: 1.6rem;
324
+ @dt-shadow-large-1-spread: 0rem;
325
+ @dt-shadow-large-1-color: rgba(0, 0, 0, 0.3);
326
+ @dt-shadow-large-1-type: dropShadow;
327
+ @dt-shadow-extra-large-1-x: 0rem;
328
+ @dt-shadow-extra-large-1-y: 0.2rem;
329
+ @dt-shadow-extra-large-1-blur: 3.2rem;
330
+ @dt-shadow-extra-large-1-spread: 0rem;
331
+ @dt-shadow-extra-large-1-color: rgba(0, 0, 0, 0.3);
332
+ @dt-shadow-extra-large-1-type: dropShadow;
333
+ @dt-shadow-card-1-x: 0rem;
334
+ @dt-shadow-card-1-y: 0.1rem;
335
+ @dt-shadow-card-1-blur: 0.2rem;
336
+ @dt-shadow-card-1-spread: 0rem;
337
+ @dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
338
+ @dt-shadow-card-1-type: dropShadow;
339
+ @dt-shadow-card-2-x: 0rem;
340
+ @dt-shadow-card-2-y: 0.2rem;
341
+ @dt-shadow-card-2-blur: 0.4rem;
342
+ @dt-shadow-card-2-spread: 0rem;
343
+ @dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
344
+ @dt-shadow-card-2-type: dropShadow;
345
+ @dt-shadow-card-3-x: 0rem;
346
+ @dt-shadow-card-3-y: 0.2rem;
347
+ @dt-shadow-card-3-blur: 1.6rem;
348
+ @dt-shadow-card-3-spread: 0rem;
349
+ @dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
350
+ @dt-shadow-card-3-type: dropShadow;
351
+ @dt-shadow-focus-1-x: 0rem;
352
+ @dt-shadow-focus-1-y: 0rem;
353
+ @dt-shadow-focus-1-blur: 0rem;
354
+ @dt-shadow-focus-1-spread: 0.1rem;
355
+ @dt-shadow-focus-1-color: #F9F9F9;
356
+ @dt-shadow-focus-1-type: dropShadow;
357
+ @dt-shadow-focus-2-x: 0rem;
358
+ @dt-shadow-focus-2-y: 0rem;
359
+ @dt-shadow-focus-2-blur: 0rem;
360
+ @dt-shadow-focus-2-spread: 0.3rem;
361
+ @dt-shadow-focus-2-color: #51A0FE;
362
+ @dt-shadow-focus-2-type: dropShadow;
363
+ @dt-shadow-focus-inset-1-x: 0rem;
364
+ @dt-shadow-focus-inset-1-y: 0rem;
365
+ @dt-shadow-focus-inset-1-blur: 0rem;
366
+ @dt-shadow-focus-inset-1-spread: 0.2rem;
367
+ @dt-shadow-focus-inset-1-color: #51A0FE;
368
+ @dt-shadow-focus-inset-1-type: innerShadow;