@workday/canvas-tokens-web 3.1.1 → 3.1.3
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/css/base/_variables.css +157 -157
- package/css/brand/_variables.css +1 -1
- package/css/system/_variables.css +91 -87
- package/dist/common-js/base/index.d.ts +1 -1
- package/dist/common-js/base/index.js +1 -1
- package/dist/common-js/brand/index.d.ts +1 -1
- package/dist/common-js/brand/index.js +1 -1
- package/dist/common-js/index.d.ts +3 -3
- package/dist/common-js/index.js +3 -3
- package/dist/common-js/system/index.d.ts +993 -981
- package/dist/common-js/system/index.js +232 -224
- package/dist/es6/base/index.d.ts +1 -1
- package/dist/es6/base/index.js +1 -1
- package/dist/es6/brand/index.d.ts +1 -1
- package/dist/es6/brand/index.js +1 -1
- package/dist/es6/index.d.ts +3 -3
- package/dist/es6/index.js +3 -3
- package/dist/es6/system/index.d.ts +993 -981
- package/dist/es6/system/index.js +232 -224
- package/less/base/_variables.less +157 -157
- package/less/brand/_variables.less +1 -1
- package/less/system/_variables.less +97 -93
- package/package.json +1 -1
- package/scss/base/_variables.sass +157 -157
- package/scss/base/_variables.scss +157 -157
- package/scss/brand/_variables.sass +1 -1
- package/scss/brand/_variables.scss +1 -1
- package/scss/system/_variables.sass +97 -93
- package/scss/system/_variables.scss +97 -93
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Fri,
|
|
3
|
+
// Generated on Fri, 31 Oct 2025 14:47:45 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-base-palette-amber-25: oklch(0.9779 0.0214 95.33 / 1);
|
|
6
6
|
@cnvs-base-palette-amber-50: oklch(0.969 0.0619 101.63 / 1);
|
|
@@ -173,156 +173,156 @@
|
|
|
173
173
|
@cnvs-base-palette-teal-900: oklch(0.3052 0.0529 210.69 / 1);
|
|
174
174
|
@cnvs-base-palette-teal-950: oklch(0.2425 0.042 210.69 / 1);
|
|
175
175
|
@cnvs-base-palette-teal-975: oklch(0.2037 0.0354 211.24 / 1);
|
|
176
|
-
@cnvs-base-palette-cinnamon-100:
|
|
177
|
-
@cnvs-base-palette-cinnamon-200:
|
|
178
|
-
@cnvs-base-palette-cinnamon-300:
|
|
179
|
-
@cnvs-base-palette-cinnamon-400:
|
|
180
|
-
@cnvs-base-palette-cinnamon-500:
|
|
181
|
-
@cnvs-base-palette-cinnamon-600:
|
|
182
|
-
@cnvs-base-palette-peach-100:
|
|
183
|
-
@cnvs-base-palette-peach-200:
|
|
184
|
-
@cnvs-base-palette-peach-300:
|
|
185
|
-
@cnvs-base-palette-peach-400:
|
|
186
|
-
@cnvs-base-palette-peach-500:
|
|
187
|
-
@cnvs-base-palette-peach-600:
|
|
188
|
-
@cnvs-base-palette-chili-mango-100:
|
|
189
|
-
@cnvs-base-palette-chili-mango-200:
|
|
190
|
-
@cnvs-base-palette-chili-mango-300:
|
|
191
|
-
@cnvs-base-palette-chili-mango-400:
|
|
192
|
-
@cnvs-base-palette-chili-mango-500:
|
|
193
|
-
@cnvs-base-palette-chili-mango-600:
|
|
194
|
-
@cnvs-base-palette-cantaloupe-100:
|
|
195
|
-
@cnvs-base-palette-cantaloupe-200:
|
|
196
|
-
@cnvs-base-palette-cantaloupe-300:
|
|
197
|
-
@cnvs-base-palette-cantaloupe-400:
|
|
198
|
-
@cnvs-base-palette-cantaloupe-500:
|
|
199
|
-
@cnvs-base-palette-cantaloupe-600:
|
|
200
|
-
@cnvs-base-palette-sour-lemon-100:
|
|
201
|
-
@cnvs-base-palette-sour-lemon-200:
|
|
202
|
-
@cnvs-base-palette-sour-lemon-300:
|
|
203
|
-
@cnvs-base-palette-sour-lemon-400:
|
|
204
|
-
@cnvs-base-palette-sour-lemon-500:
|
|
205
|
-
@cnvs-base-palette-sour-lemon-600:
|
|
206
|
-
@cnvs-base-palette-juicy-pear-100:
|
|
207
|
-
@cnvs-base-palette-juicy-pear-200:
|
|
208
|
-
@cnvs-base-palette-juicy-pear-300:
|
|
209
|
-
@cnvs-base-palette-juicy-pear-400:
|
|
210
|
-
@cnvs-base-palette-juicy-pear-500:
|
|
211
|
-
@cnvs-base-palette-juicy-pear-600:
|
|
212
|
-
@cnvs-base-palette-kiwi-100:
|
|
213
|
-
@cnvs-base-palette-kiwi-200:
|
|
214
|
-
@cnvs-base-palette-kiwi-300:
|
|
215
|
-
@cnvs-base-palette-kiwi-400:
|
|
216
|
-
@cnvs-base-palette-kiwi-500:
|
|
217
|
-
@cnvs-base-palette-kiwi-600:
|
|
218
|
-
@cnvs-base-palette-green-apple-100:
|
|
219
|
-
@cnvs-base-palette-green-apple-200:
|
|
220
|
-
@cnvs-base-palette-green-apple-300:
|
|
221
|
-
@cnvs-base-palette-green-apple-400:
|
|
222
|
-
@cnvs-base-palette-green-apple-500:
|
|
223
|
-
@cnvs-base-palette-green-apple-600:
|
|
224
|
-
@cnvs-base-palette-watermelon-100:
|
|
225
|
-
@cnvs-base-palette-watermelon-200:
|
|
226
|
-
@cnvs-base-palette-watermelon-300:
|
|
227
|
-
@cnvs-base-palette-watermelon-400:
|
|
228
|
-
@cnvs-base-palette-watermelon-500:
|
|
229
|
-
@cnvs-base-palette-watermelon-600:
|
|
230
|
-
@cnvs-base-palette-jewel-100:
|
|
231
|
-
@cnvs-base-palette-jewel-200:
|
|
232
|
-
@cnvs-base-palette-jewel-300:
|
|
233
|
-
@cnvs-base-palette-jewel-400:
|
|
234
|
-
@cnvs-base-palette-jewel-500:
|
|
235
|
-
@cnvs-base-palette-jewel-600:
|
|
236
|
-
@cnvs-base-palette-toothpaste-100:
|
|
237
|
-
@cnvs-base-palette-toothpaste-200:
|
|
238
|
-
@cnvs-base-palette-toothpaste-300:
|
|
239
|
-
@cnvs-base-palette-toothpaste-400:
|
|
240
|
-
@cnvs-base-palette-toothpaste-500:
|
|
241
|
-
@cnvs-base-palette-toothpaste-600:
|
|
242
|
-
@cnvs-base-palette-blueberry-100:
|
|
243
|
-
@cnvs-base-palette-blueberry-200:
|
|
244
|
-
@cnvs-base-palette-blueberry-300:
|
|
245
|
-
@cnvs-base-palette-blueberry-400:
|
|
246
|
-
@cnvs-base-palette-blueberry-500:
|
|
247
|
-
@cnvs-base-palette-blueberry-600:
|
|
248
|
-
@cnvs-base-palette-plum-100:
|
|
249
|
-
@cnvs-base-palette-plum-200:
|
|
250
|
-
@cnvs-base-palette-plum-300:
|
|
251
|
-
@cnvs-base-palette-plum-400:
|
|
252
|
-
@cnvs-base-palette-plum-500:
|
|
253
|
-
@cnvs-base-palette-plum-600:
|
|
254
|
-
@cnvs-base-palette-berry-smoothie-100:
|
|
255
|
-
@cnvs-base-palette-berry-smoothie-200:
|
|
256
|
-
@cnvs-base-palette-berry-smoothie-300:
|
|
257
|
-
@cnvs-base-palette-berry-smoothie-400:
|
|
258
|
-
@cnvs-base-palette-berry-smoothie-500:
|
|
259
|
-
@cnvs-base-palette-berry-smoothie-600:
|
|
260
|
-
@cnvs-base-palette-blackberry-100:
|
|
261
|
-
@cnvs-base-palette-blackberry-200:
|
|
262
|
-
@cnvs-base-palette-blackberry-300:
|
|
263
|
-
@cnvs-base-palette-blackberry-400:
|
|
264
|
-
@cnvs-base-palette-blackberry-500:
|
|
265
|
-
@cnvs-base-palette-blackberry-600:
|
|
266
|
-
@cnvs-base-palette-island-punch-100:
|
|
267
|
-
@cnvs-base-palette-island-punch-200:
|
|
268
|
-
@cnvs-base-palette-island-punch-300:
|
|
269
|
-
@cnvs-base-palette-island-punch-400:
|
|
270
|
-
@cnvs-base-palette-island-punch-500:
|
|
271
|
-
@cnvs-base-palette-island-punch-600:
|
|
272
|
-
@cnvs-base-palette-grape-soda-100:
|
|
273
|
-
@cnvs-base-palette-grape-soda-200:
|
|
274
|
-
@cnvs-base-palette-grape-soda-300:
|
|
275
|
-
@cnvs-base-palette-grape-soda-400:
|
|
276
|
-
@cnvs-base-palette-grape-soda-500:
|
|
277
|
-
@cnvs-base-palette-grape-soda-600:
|
|
278
|
-
@cnvs-base-palette-pomegranate-100:
|
|
279
|
-
@cnvs-base-palette-pomegranate-200:
|
|
280
|
-
@cnvs-base-palette-pomegranate-300:
|
|
281
|
-
@cnvs-base-palette-pomegranate-400:
|
|
282
|
-
@cnvs-base-palette-pomegranate-500:
|
|
283
|
-
@cnvs-base-palette-pomegranate-600:
|
|
284
|
-
@cnvs-base-palette-fruit-punch-100:
|
|
285
|
-
@cnvs-base-palette-fruit-punch-200:
|
|
286
|
-
@cnvs-base-palette-fruit-punch-300:
|
|
287
|
-
@cnvs-base-palette-fruit-punch-400:
|
|
288
|
-
@cnvs-base-palette-fruit-punch-500:
|
|
289
|
-
@cnvs-base-palette-fruit-punch-600:
|
|
290
|
-
@cnvs-base-palette-root-beer-100:
|
|
291
|
-
@cnvs-base-palette-root-beer-200:
|
|
292
|
-
@cnvs-base-palette-root-beer-300:
|
|
293
|
-
@cnvs-base-palette-root-beer-400:
|
|
294
|
-
@cnvs-base-palette-root-beer-500:
|
|
295
|
-
@cnvs-base-palette-root-beer-600:
|
|
296
|
-
@cnvs-base-palette-toasted-marshmallow-100:
|
|
297
|
-
@cnvs-base-palette-toasted-marshmallow-200:
|
|
298
|
-
@cnvs-base-palette-toasted-marshmallow-300:
|
|
299
|
-
@cnvs-base-palette-toasted-marshmallow-400:
|
|
300
|
-
@cnvs-base-palette-toasted-marshmallow-500:
|
|
301
|
-
@cnvs-base-palette-toasted-marshmallow-600:
|
|
302
|
-
@cnvs-base-palette-licorice-100:
|
|
303
|
-
@cnvs-base-palette-licorice-200:
|
|
304
|
-
@cnvs-base-palette-licorice-300:
|
|
305
|
-
@cnvs-base-palette-licorice-400:
|
|
306
|
-
@cnvs-base-palette-licorice-500:
|
|
307
|
-
@cnvs-base-palette-licorice-600:
|
|
308
|
-
@cnvs-base-palette-soap-100:
|
|
309
|
-
@cnvs-base-palette-soap-200:
|
|
310
|
-
@cnvs-base-palette-soap-300:
|
|
311
|
-
@cnvs-base-palette-soap-400:
|
|
312
|
-
@cnvs-base-palette-soap-500:
|
|
313
|
-
@cnvs-base-palette-soap-600:
|
|
314
|
-
@cnvs-base-palette-french-vanilla-100:
|
|
315
|
-
@cnvs-base-palette-french-vanilla-200:
|
|
316
|
-
@cnvs-base-palette-french-vanilla-300:
|
|
317
|
-
@cnvs-base-palette-french-vanilla-400:
|
|
318
|
-
@cnvs-base-palette-french-vanilla-500:
|
|
319
|
-
@cnvs-base-palette-french-vanilla-600:
|
|
320
|
-
@cnvs-base-palette-black-pepper-100:
|
|
321
|
-
@cnvs-base-palette-black-pepper-200:
|
|
322
|
-
@cnvs-base-palette-black-pepper-300:
|
|
323
|
-
@cnvs-base-palette-black-pepper-400:
|
|
324
|
-
@cnvs-base-palette-black-pepper-500:
|
|
325
|
-
@cnvs-base-palette-black-pepper-600:
|
|
176
|
+
@cnvs-base-palette-cinnamon-100: oklch(0.9533 0.0231 23.95 / 1);
|
|
177
|
+
@cnvs-base-palette-cinnamon-200: oklch(0.9225 0.0394 25.51 / 1);
|
|
178
|
+
@cnvs-base-palette-cinnamon-300: oklch(0.7533 0.1484 28.45 / 1);
|
|
179
|
+
@cnvs-base-palette-cinnamon-400: oklch(0.6857 0.2037 29.76 / 1);
|
|
180
|
+
@cnvs-base-palette-cinnamon-500: oklch(0.5342 0.2172 29.53 / 1);
|
|
181
|
+
@cnvs-base-palette-cinnamon-600: oklch(0.4517 0.1847 28.2 / 1);
|
|
182
|
+
@cnvs-base-palette-peach-100: oklch(0.9659 0.0171 35.14 / 1);
|
|
183
|
+
@cnvs-base-palette-peach-200: oklch(0.8476 0.0856 37.59 / 1);
|
|
184
|
+
@cnvs-base-palette-peach-300: oklch(0.7671 0.1418 38.37 / 1);
|
|
185
|
+
@cnvs-base-palette-peach-400: oklch(0.6857 0.2037 29.76 / 1);
|
|
186
|
+
@cnvs-base-palette-peach-500: oklch(0.5394 0.1828 36.43 / 1);
|
|
187
|
+
@cnvs-base-palette-peach-600: oklch(0.4616 0.1629 34.74 / 1);
|
|
188
|
+
@cnvs-base-palette-chili-mango-100: oklch(0.9344 0.0339 35.8 / 1);
|
|
189
|
+
@cnvs-base-palette-chili-mango-200: oklch(0.8476 0.0856 37.59 / 1);
|
|
190
|
+
@cnvs-base-palette-chili-mango-300: oklch(0.7671 0.1418 38.37 / 1);
|
|
191
|
+
@cnvs-base-palette-chili-mango-400: oklch(0.6617 0.1893 44.93 / 1);
|
|
192
|
+
@cnvs-base-palette-chili-mango-500: oklch(0.6617 0.1893 44.93 / 1);
|
|
193
|
+
@cnvs-base-palette-chili-mango-600: oklch(0.4689 0.1456 40.5 / 1);
|
|
194
|
+
@cnvs-base-palette-cantaloupe-100: oklch(0.969 0.0619 101.63 / 1);
|
|
195
|
+
@cnvs-base-palette-cantaloupe-200: oklch(0.9191 0.1547 99.7 / 1);
|
|
196
|
+
@cnvs-base-palette-cantaloupe-300: oklch(0.8432 0.1713 85.24 / 1);
|
|
197
|
+
@cnvs-base-palette-cantaloupe-400: oklch(0.7909 0.1711 70.15 / 1);
|
|
198
|
+
@cnvs-base-palette-cantaloupe-500: oklch(0.6601 0.1537 60.7 / 1);
|
|
199
|
+
@cnvs-base-palette-cantaloupe-600: oklch(0.5505 0.1439 50.78 / 1);
|
|
200
|
+
@cnvs-base-palette-sour-lemon-100: oklch(0.9779 0.0214 95.33 / 1);
|
|
201
|
+
@cnvs-base-palette-sour-lemon-200: oklch(0.9567 0.0948 100.22 / 1);
|
|
202
|
+
@cnvs-base-palette-sour-lemon-300: oklch(0.9191 0.1547 99.7 / 1);
|
|
203
|
+
@cnvs-base-palette-sour-lemon-400: oklch(0.8432 0.1713 85.24 / 1);
|
|
204
|
+
@cnvs-base-palette-sour-lemon-500: oklch(0.8432 0.1713 85.24 / 1);
|
|
205
|
+
@cnvs-base-palette-sour-lemon-600: oklch(0.6601 0.1537 60.7 / 1);
|
|
206
|
+
@cnvs-base-palette-juicy-pear-100: oklch(0.9779 0.0214 95.33 / 1);
|
|
207
|
+
@cnvs-base-palette-juicy-pear-200: oklch(0.9567 0.0948 100.22 / 1);
|
|
208
|
+
@cnvs-base-palette-juicy-pear-300: oklch(0.9191 0.1547 99.7 / 1);
|
|
209
|
+
@cnvs-base-palette-juicy-pear-400: oklch(0.9191 0.1547 99.7 / 1);
|
|
210
|
+
@cnvs-base-palette-juicy-pear-500: oklch(0.6362 0.1974 145.47 / 1);
|
|
211
|
+
@cnvs-base-palette-juicy-pear-600: oklch(0.4463 0.1422 144.58 / 1);
|
|
212
|
+
@cnvs-base-palette-kiwi-100: oklch(0.9655 0.0561 149.93 / 1);
|
|
213
|
+
@cnvs-base-palette-kiwi-200: oklch(0.9278 0.1024 149.88 / 1);
|
|
214
|
+
@cnvs-base-palette-kiwi-300: oklch(0.8506 0.1804 149.93 / 1);
|
|
215
|
+
@cnvs-base-palette-kiwi-400: oklch(0.6362 0.1974 145.47 / 1);
|
|
216
|
+
@cnvs-base-palette-kiwi-500: oklch(0.6362 0.1974 145.47 / 1);
|
|
217
|
+
@cnvs-base-palette-kiwi-600: oklch(0.4463 0.1422 144.58 / 1);
|
|
218
|
+
@cnvs-base-palette-green-apple-100: oklch(0.9655 0.0561 149.93 / 1);
|
|
219
|
+
@cnvs-base-palette-green-apple-200: oklch(0.9278 0.1024 149.88 / 1);
|
|
220
|
+
@cnvs-base-palette-green-apple-300: oklch(0.8506 0.1804 149.93 / 1);
|
|
221
|
+
@cnvs-base-palette-green-apple-400: oklch(0.5069 0.1569 145.56 / 1);
|
|
222
|
+
@cnvs-base-palette-green-apple-500: oklch(0.4463 0.1422 144.58 / 1);
|
|
223
|
+
@cnvs-base-palette-green-apple-600: oklch(0.3955 0.1156 147.66 / 1);
|
|
224
|
+
@cnvs-base-palette-watermelon-100: oklch(0.9827 0.021 200.66 / 1);
|
|
225
|
+
@cnvs-base-palette-watermelon-200: oklch(0.935 0.046 205.09 / 1);
|
|
226
|
+
@cnvs-base-palette-watermelon-300: oklch(0.9278 0.1024 149.88 / 1);
|
|
227
|
+
@cnvs-base-palette-watermelon-400: oklch(0.5069 0.1569 145.56 / 1);
|
|
228
|
+
@cnvs-base-palette-watermelon-500: oklch(0.3955 0.1156 147.66 / 1);
|
|
229
|
+
@cnvs-base-palette-watermelon-600: oklch(0.3955 0.1156 147.66 / 1);
|
|
230
|
+
@cnvs-base-palette-jewel-100: oklch(0.9827 0.021 200.66 / 1);
|
|
231
|
+
@cnvs-base-palette-jewel-200: oklch(0.8766 0.0677 204.24 / 1);
|
|
232
|
+
@cnvs-base-palette-jewel-300: oklch(0.7154 0.1006 206.05 / 1);
|
|
233
|
+
@cnvs-base-palette-jewel-400: oklch(0.6385 0.1093 205.92 / 1);
|
|
234
|
+
@cnvs-base-palette-jewel-500: oklch(0.5141 0.0882 207.28 / 1);
|
|
235
|
+
@cnvs-base-palette-jewel-600: oklch(0.4634 0.0796 207.82 / 1);
|
|
236
|
+
@cnvs-base-palette-toothpaste-100: oklch(0.9549 0.0295 223.86 / 1);
|
|
237
|
+
@cnvs-base-palette-toothpaste-200: oklch(0.8594 0.0867 230.07 / 1);
|
|
238
|
+
@cnvs-base-palette-toothpaste-300: oklch(0.7991 0.107 239.24 / 1);
|
|
239
|
+
@cnvs-base-palette-toothpaste-400: oklch(0.6555 0.1553 244.48 / 1);
|
|
240
|
+
@cnvs-base-palette-toothpaste-500: oklch(0.4618 0.1098 242.11 / 1);
|
|
241
|
+
@cnvs-base-palette-toothpaste-600: oklch(0.3912 0.0855 237.05 / 1);
|
|
242
|
+
@cnvs-base-palette-blueberry-100: oklch(0.928 0.0359 250.6 / 1);
|
|
243
|
+
@cnvs-base-palette-blueberry-200: oklch(0.928 0.0359 250.6 / 1);
|
|
244
|
+
@cnvs-base-palette-blueberry-300: oklch(0.708 0.1549 255.41 / 1);
|
|
245
|
+
@cnvs-base-palette-blueberry-400: oklch(0.5198 0.1782 256.11 / 1);
|
|
246
|
+
@cnvs-base-palette-blueberry-500: oklch(0.4658 0.1562 255.5 / 1);
|
|
247
|
+
@cnvs-base-palette-blueberry-600: oklch(0.3908 0.128 256 / 1);
|
|
248
|
+
@cnvs-base-palette-plum-100: oklch(0.928 0.0359 250.6 / 1);
|
|
249
|
+
@cnvs-base-palette-plum-200: oklch(0.8627 0.0701 250.6 / 1);
|
|
250
|
+
@cnvs-base-palette-plum-300: oklch(0.708 0.1549 255.41 / 1);
|
|
251
|
+
@cnvs-base-palette-plum-400: oklch(0.5198 0.1782 256.11 / 1);
|
|
252
|
+
@cnvs-base-palette-plum-500: oklch(0.4658 0.1562 255.5 / 1);
|
|
253
|
+
@cnvs-base-palette-plum-600: oklch(0.3908 0.128 256 / 1);
|
|
254
|
+
@cnvs-base-palette-berry-smoothie-100: oklch(0.9499 0.0243 280.81 / 1);
|
|
255
|
+
@cnvs-base-palette-berry-smoothie-200: oklch(0.8503 0.0754 280.52 / 1);
|
|
256
|
+
@cnvs-base-palette-berry-smoothie-300: oklch(0.712 0.1531 280.1 / 1);
|
|
257
|
+
@cnvs-base-palette-berry-smoothie-400: oklch(0.6023 0.2032 255.68 / 1);
|
|
258
|
+
@cnvs-base-palette-berry-smoothie-500: oklch(0.4658 0.1562 255.5 / 1);
|
|
259
|
+
@cnvs-base-palette-berry-smoothie-600: oklch(0.3908 0.128 256 / 1);
|
|
260
|
+
@cnvs-base-palette-blackberry-100: oklch(0.9703 0.0147 286 / 1);
|
|
261
|
+
@cnvs-base-palette-blackberry-200: oklch(0.8503 0.0754 280.52 / 1);
|
|
262
|
+
@cnvs-base-palette-blackberry-300: oklch(0.712 0.1531 280.1 / 1);
|
|
263
|
+
@cnvs-base-palette-blackberry-400: oklch(0.615 0.2131 280.7 / 1);
|
|
264
|
+
@cnvs-base-palette-blackberry-500: oklch(0.466 0.1961 280.9 / 1);
|
|
265
|
+
@cnvs-base-palette-blackberry-600: oklch(0.317 0.142 278.2 / 1);
|
|
266
|
+
@cnvs-base-palette-island-punch-100: oklch(0.9776 0.0147 312 / 1);
|
|
267
|
+
@cnvs-base-palette-island-punch-200: oklch(0.8701 0.0965 316.6 / 1);
|
|
268
|
+
@cnvs-base-palette-island-punch-300: oklch(0.628 0.1681 312.69 / 1);
|
|
269
|
+
@cnvs-base-palette-island-punch-400: oklch(0.628 0.1681 312.69 / 1);
|
|
270
|
+
@cnvs-base-palette-island-punch-500: oklch(0.476 0.156 313.2 / 1);
|
|
271
|
+
@cnvs-base-palette-island-punch-600: oklch(0.422 0.136 315.49 / 1);
|
|
272
|
+
@cnvs-base-palette-grape-soda-100: oklch(0.9637 0.0322 325.69 / 1);
|
|
273
|
+
@cnvs-base-palette-grape-soda-200: oklch(0.887 0.1029 327.44 / 1);
|
|
274
|
+
@cnvs-base-palette-grape-soda-300: oklch(0.734 0.1621 315.88 / 1);
|
|
275
|
+
@cnvs-base-palette-grape-soda-400: oklch(0.628 0.1681 312.69 / 1);
|
|
276
|
+
@cnvs-base-palette-grape-soda-500: oklch(0.5177 0.162 313.92 / 1);
|
|
277
|
+
@cnvs-base-palette-grape-soda-600: oklch(0.422 0.136 315.49 / 1);
|
|
278
|
+
@cnvs-base-palette-pomegranate-100: oklch(0.9637 0.0322 325.69 / 1);
|
|
279
|
+
@cnvs-base-palette-pomegranate-200: oklch(0.9253 0.0627 329.34 / 1);
|
|
280
|
+
@cnvs-base-palette-pomegranate-300: oklch(0.6557 0.2007 346.62 / 1);
|
|
281
|
+
@cnvs-base-palette-pomegranate-400: oklch(0.6557 0.2007 346.62 / 1);
|
|
282
|
+
@cnvs-base-palette-pomegranate-500: oklch(0.4517 0.1847 28.2 / 1);
|
|
283
|
+
@cnvs-base-palette-pomegranate-600: oklch(0.3712 0.1509 26.08 / 1);
|
|
284
|
+
@cnvs-base-palette-fruit-punch-100: oklch(0.9667 0.0163 21.82 / 1);
|
|
285
|
+
@cnvs-base-palette-fruit-punch-200: oklch(0.8339 0.092 28.19 / 1);
|
|
286
|
+
@cnvs-base-palette-fruit-punch-300: oklch(0.7533 0.1484 28.45 / 1);
|
|
287
|
+
@cnvs-base-palette-fruit-punch-400: oklch(0.6857 0.2037 29.76 / 1);
|
|
288
|
+
@cnvs-base-palette-fruit-punch-500: oklch(0.6857 0.2037 29.76 / 1);
|
|
289
|
+
@cnvs-base-palette-fruit-punch-600: oklch(0.4517 0.1847 28.2 / 1);
|
|
290
|
+
@cnvs-base-palette-root-beer-100: oklch(0.9837 0.0085 44.54 / 1);
|
|
291
|
+
@cnvs-base-palette-root-beer-200: oklch(0.9344 0.0339 35.8 / 1);
|
|
292
|
+
@cnvs-base-palette-root-beer-300: oklch(0.8476 0.0856 37.59 / 1);
|
|
293
|
+
@cnvs-base-palette-root-beer-400: oklch(0.8476 0.0856 37.59 / 1);
|
|
294
|
+
@cnvs-base-palette-root-beer-500: oklch(0.32 0.098 41.19 / 1);
|
|
295
|
+
@cnvs-base-palette-root-beer-600: oklch(0.2489 0.0771 40.64 / 1);
|
|
296
|
+
@cnvs-base-palette-toasted-marshmallow-100: oklch(0.9779 0.0214 95.33 / 1);
|
|
297
|
+
@cnvs-base-palette-toasted-marshmallow-200: oklch(0.9243 0.0542 67.95 / 1);
|
|
298
|
+
@cnvs-base-palette-toasted-marshmallow-300: oklch(0.8606 0.1002 65.34 / 1);
|
|
299
|
+
@cnvs-base-palette-toasted-marshmallow-400: oklch(0.7839 0.1608 63.57 / 1);
|
|
300
|
+
@cnvs-base-palette-toasted-marshmallow-500: oklch(0.6601 0.1537 60.7 / 1);
|
|
301
|
+
@cnvs-base-palette-toasted-marshmallow-600: oklch(0.5505 0.1439 50.78 / 1);
|
|
302
|
+
@cnvs-base-palette-licorice-100: oklch(0.754 0.0181 256.33 / 1);
|
|
303
|
+
@cnvs-base-palette-licorice-200: oklch(0.629 0.0281 255.62 / 1);
|
|
304
|
+
@cnvs-base-palette-licorice-300: oklch(0.5103 0.0255 256.8 / 1);
|
|
305
|
+
@cnvs-base-palette-licorice-400: oklch(0.45 0.022 255.52 / 1);
|
|
306
|
+
@cnvs-base-palette-licorice-500: oklch(0.3685 0.0218 256.4 / 1);
|
|
307
|
+
@cnvs-base-palette-licorice-600: oklch(0.278 0.0156 252.4 / 1);
|
|
308
|
+
@cnvs-base-palette-soap-100: oklch(0.9846 0.0018 248.57 / 1);
|
|
309
|
+
@cnvs-base-palette-soap-200: oklch(0.9692 0.0035 248.23 / 1);
|
|
310
|
+
@cnvs-base-palette-soap-300: oklch(0.9447 0.0053 248.12 / 1);
|
|
311
|
+
@cnvs-base-palette-soap-400: oklch(0.917 0.0081 254 / 1);
|
|
312
|
+
@cnvs-base-palette-soap-500: oklch(0.856 0.0111 256.85 / 1);
|
|
313
|
+
@cnvs-base-palette-soap-600: oklch(0.856 0.0111 256.85 / 1);
|
|
314
|
+
@cnvs-base-palette-french-vanilla-100: oklch(1 0 0 / 1);
|
|
315
|
+
@cnvs-base-palette-french-vanilla-200: oklch(0.9431 0 0 / 1);
|
|
316
|
+
@cnvs-base-palette-french-vanilla-300: oklch(0.8699 0 0 / 1);
|
|
317
|
+
@cnvs-base-palette-french-vanilla-400: oklch(0.8015 0 0 / 1);
|
|
318
|
+
@cnvs-base-palette-french-vanilla-500: oklch(0.72 0 0 / 1);
|
|
319
|
+
@cnvs-base-palette-french-vanilla-600: oklch(0.6234 0 0 / 1);
|
|
320
|
+
@cnvs-base-palette-black-pepper-100: oklch(0.6234 0 0 / 1);
|
|
321
|
+
@cnvs-base-palette-black-pepper-200: oklch(0.4494 0 0 / 1);
|
|
322
|
+
@cnvs-base-palette-black-pepper-300: oklch(0.3523 0 0 / 1);
|
|
323
|
+
@cnvs-base-palette-black-pepper-400: oklch(0.2891 0 0 / 1);
|
|
324
|
+
@cnvs-base-palette-black-pepper-500: oklch(0.2308 0 0 / 1);
|
|
325
|
+
@cnvs-base-palette-black-pepper-600: oklch(0 0 0 / 1);
|
|
326
326
|
@cnvs-base-palette-coconut-100: #F0EEEE;
|
|
327
327
|
@cnvs-base-palette-coconut-200: #e3dfdf;
|
|
328
328
|
@cnvs-base-palette-coconut-300: #d1cbcc;
|
|
@@ -382,9 +382,9 @@
|
|
|
382
382
|
@cnvs-base-letter-spacing-150: 0.015rem;
|
|
383
383
|
@cnvs-base-letter-spacing-200: 0.01rem;
|
|
384
384
|
@cnvs-base-unit: 0.25rem; // The base unit used in the grid system.;
|
|
385
|
-
@cnvs-base-extended-palette-dragon-fruit-100: ;
|
|
386
|
-
@cnvs-base-extended-palette-dragon-fruit-200: ;
|
|
387
|
-
@cnvs-base-extended-palette-dragon-fruit-300: ;
|
|
388
|
-
@cnvs-base-extended-palette-dragon-fruit-400: ;
|
|
389
|
-
@cnvs-base-extended-palette-dragon-fruit-500: ;
|
|
390
|
-
@cnvs-base-extended-palette-dragon-fruit-600: ;
|
|
385
|
+
@cnvs-base-extended-palette-dragon-fruit-100: oklch(0.9776 0.0147 312 / 1);
|
|
386
|
+
@cnvs-base-extended-palette-dragon-fruit-200: oklch(0.909 0.0637 314.43 / 1);
|
|
387
|
+
@cnvs-base-extended-palette-dragon-fruit-300: oklch(0.615 0.2131 280.7 / 1);
|
|
388
|
+
@cnvs-base-extended-palette-dragon-fruit-400: oklch(0.5289 0.2241 281.65 / 1);
|
|
389
|
+
@cnvs-base-extended-palette-dragon-fruit-500: oklch(0.466 0.1961 280.9 / 1);
|
|
390
|
+
@cnvs-base-extended-palette-dragon-fruit-600: oklch(0.317 0.142 278.2 / 1);
|
|
@@ -1,52 +1,58 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Fri,
|
|
3
|
+
// Generated on Fri, 31 Oct 2025 14:47:45 GMT
|
|
4
4
|
|
|
5
5
|
@cnvs-sys-space-zero: 0; // Stacks, rows in tables
|
|
6
6
|
@cnvs-sys-shape-zero: 0rem; // This is the initial shape of every new element. Use this for backgrounds screens and fixed navigation containers such as headers, and side-panels.
|
|
7
7
|
@cnvs-sys-opacity-full: 1; // Dev only
|
|
8
8
|
@cnvs-sys-opacity-zero: 0; // Dev only
|
|
9
9
|
@cnvs-sys-breakpoints-zero: 0px; // Use to set a media query `min-width` below small.
|
|
10
|
-
@cnvs-sys-
|
|
11
|
-
@cnvs-sys-
|
|
12
|
-
@cnvs-sys-
|
|
13
|
-
@cnvs-sys-
|
|
14
|
-
@cnvs-sys-
|
|
15
|
-
@cnvs-sys-
|
|
16
|
-
@cnvs-sys-
|
|
17
|
-
@cnvs-sys-
|
|
18
|
-
@cnvs-sys-
|
|
19
|
-
@cnvs-sys-
|
|
20
|
-
@cnvs-sys-
|
|
21
|
-
@cnvs-sys-
|
|
22
|
-
@cnvs-sys-
|
|
23
|
-
@cnvs-sys-
|
|
24
|
-
@cnvs-sys-
|
|
25
|
-
@cnvs-sys-
|
|
26
|
-
@cnvs-sys-
|
|
27
|
-
@cnvs-sys-
|
|
28
|
-
@cnvs-sys-
|
|
29
|
-
@cnvs-sys-
|
|
30
|
-
@cnvs-sys-
|
|
31
|
-
@cnvs-sys-
|
|
32
|
-
@cnvs-sys-
|
|
33
|
-
@cnvs-sys-
|
|
34
|
-
@cnvs-sys-
|
|
35
|
-
@cnvs-sys-
|
|
36
|
-
@cnvs-sys-
|
|
37
|
-
@cnvs-sys-
|
|
38
|
-
@cnvs-sys-
|
|
39
|
-
@cnvs-sys-
|
|
40
|
-
@cnvs-sys-
|
|
41
|
-
@cnvs-sys-
|
|
42
|
-
@cnvs-sys-
|
|
43
|
-
@cnvs-sys-
|
|
44
|
-
@cnvs-sys-
|
|
45
|
-
@cnvs-sys-
|
|
46
|
-
@cnvs-sys-
|
|
10
|
+
@cnvs-sys-font-weight-bold: @cnvs-base-font-weight-700;
|
|
11
|
+
@cnvs-sys-font-weight-medium: @cnvs-base-font-weight-500;
|
|
12
|
+
@cnvs-sys-font-weight-normal: @cnvs-base-font-weight-400;
|
|
13
|
+
@cnvs-sys-font-weight-light: @cnvs-base-font-weight-300;
|
|
14
|
+
@cnvs-sys-line-height-title-large: @cnvs-base-line-height-600;
|
|
15
|
+
@cnvs-sys-line-height-title-medium: @cnvs-base-line-height-500;
|
|
16
|
+
@cnvs-sys-line-height-title-small: @cnvs-base-line-height-400;
|
|
17
|
+
@cnvs-sys-line-height-heading-large: @cnvs-base-line-height-350;
|
|
18
|
+
@cnvs-sys-line-height-heading-medium: @cnvs-base-line-height-300;
|
|
19
|
+
@cnvs-sys-line-height-heading-small: @cnvs-base-line-height-250;
|
|
20
|
+
@cnvs-sys-line-height-body-large: @cnvs-base-line-height-200;
|
|
21
|
+
@cnvs-sys-line-height-body-medium: @cnvs-base-line-height-200;
|
|
22
|
+
@cnvs-sys-line-height-body-small: @cnvs-base-line-height-150;
|
|
23
|
+
@cnvs-sys-line-height-subtext-large: @cnvs-base-line-height-100;
|
|
24
|
+
@cnvs-sys-line-height-subtext-medium: @cnvs-base-line-height-50;
|
|
25
|
+
@cnvs-sys-line-height-subtext-small: @cnvs-base-line-height-50;
|
|
26
|
+
@cnvs-sys-font-size-subtext-small: @cnvs-base-font-size-25;
|
|
27
|
+
@cnvs-sys-font-family-global: @cnvs-base-font-family-200;
|
|
28
|
+
@cnvs-sys-font-family-mono: @cnvs-base-font-family-100;
|
|
29
|
+
@cnvs-sys-font-family-default: @cnvs-base-font-family-50;
|
|
30
|
+
@cnvs-sys-space-x20: calc(@cnvs-base-unit * 20); // - Use sparingly; - Helps to put focus on the primary element within your page; - Use to de-clutter your UI when a lot of space is available
|
|
31
|
+
@cnvs-sys-space-x16: calc(@cnvs-base-unit * 16); // - Use to de-clutter your UI when a lot of space is available; - Separate banner sections from page content; - Use to differentiate page content like page sections
|
|
32
|
+
@cnvs-sys-space-x10: calc(@cnvs-base-unit * 10); // • Used for outer margins on the overall page content ; • Used for inner margins on large items such as page sections
|
|
33
|
+
@cnvs-sys-space-x8: calc(@cnvs-base-unit * 8); // • Standard spacing between cards; • Used to separate groups of content ; • Separate section headings or titles from body text or inputs
|
|
34
|
+
@cnvs-sys-space-x6: calc(@cnvs-base-unit * 6); // • Padding around card content; • Related elements where more space between them can be afforded; • Separate section headings or titles from body text or inputs
|
|
35
|
+
@cnvs-sys-space-x4: calc(@cnvs-base-unit * 4); // Default space token. Used to group Inputs with related data
|
|
36
|
+
@cnvs-sys-space-x3: calc(@cnvs-base-unit * 3); // Use when compact padding is required
|
|
37
|
+
@cnvs-sys-space-x2: calc(@cnvs-base-unit * 2); // Commonly used to group compact elements like icon buttons
|
|
38
|
+
@cnvs-sys-space-x1: @cnvs-base-unit; // Compact spacing between text or icons
|
|
39
|
+
@cnvs-sys-shape-round: calc(@cnvs-base-unit * 250); // Commonly used for our standard buttons and profile avatars: All Primary, Secondary Buttons, Radio Buttons and Notification Badges.
|
|
40
|
+
@cnvs-sys-shape-x2: calc(@cnvs-base-unit * 2); // Use this for all the containers and popups: All Cards, Modals, Tooltips and Toasts.
|
|
41
|
+
@cnvs-sys-shape-x1-half: calc(@cnvs-base-unit * 1.5);
|
|
42
|
+
@cnvs-sys-shape-x1: @cnvs-base-unit;
|
|
43
|
+
@cnvs-sys-shape-half: calc(@cnvs-base-unit * 0.5); // Use this for subtle and small components that don’t require to group complex information like Status Indicators, Checkboxes and Color Swatches.
|
|
44
|
+
@cnvs-sys-opacity-shadow-second: @cnvs-base-opacity-100; // Alpha on second shadow
|
|
45
|
+
@cnvs-sys-opacity-shadow-first: @cnvs-base-opacity-200; // Alpha on first shadow
|
|
46
|
+
@cnvs-sys-opacity-contrast: @cnvs-base-opacity-500; // Tooltips, Status Indicator
|
|
47
|
+
@cnvs-sys-opacity-overlay: @cnvs-base-opacity-400; // Overlay
|
|
48
|
+
@cnvs-sys-opacity-disabled: @cnvs-base-opacity-300; // Disabled states
|
|
49
|
+
@cnvs-sys-breakpoints-xl: 1440px; // Used for extra large screens, such as wide monitors and TVs.
|
|
50
|
+
@cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
|
|
51
|
+
@cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
|
|
52
|
+
@cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
|
|
47
53
|
@cnvs-sys-color-shadow-default: @cnvs-base-palette-slate-900; // Main shadow color
|
|
48
|
-
@cnvs-sys-color-shadow-2: oklch(from
|
|
49
|
-
@cnvs-sys-color-shadow-1: oklch(from
|
|
54
|
+
@cnvs-sys-color-shadow-2: oklch(from @cnvs-base-palette-slate-900 l c h / @cnvs-base-opacity-100); // Second shadow color
|
|
55
|
+
@cnvs-sys-color-shadow-1: oklch(from @cnvs-base-palette-slate-900 l c h / @cnvs-base-opacity-200); // First shadow color
|
|
50
56
|
@cnvs-sys-color-border-info-default: @cnvs-base-palette-blue-500; // Brand, Focus
|
|
51
57
|
@cnvs-sys-color-border-ai: @cnvs-base-palette-blue-950; // Active state on AI borders
|
|
52
58
|
@cnvs-sys-color-border-container: @cnvs-base-palette-slate-300; // Cards, Toasts, Surfaces
|
|
@@ -205,55 +211,53 @@
|
|
|
205
211
|
@cnvs-sys-color-bg-alt-default: @cnvs-base-palette-slate-100; // Surface hover, Secondary surfaces
|
|
206
212
|
@cnvs-sys-color-bg-alt-soft: @cnvs-base-palette-slate-50; // Alternative page background
|
|
207
213
|
@cnvs-sys-color-bg-alt-softer: @cnvs-base-palette-slate-25; // Disabled inputs
|
|
208
|
-
@cnvs-sys-color-bg-translucent: oklch(from
|
|
209
|
-
@cnvs-sys-color-bg-overlay: oklch(from
|
|
210
|
-
@cnvs-sys-color-bg-transparent-stronger: oklch(from
|
|
211
|
-
@cnvs-sys-color-bg-transparent-strong: oklch(from
|
|
214
|
+
@cnvs-sys-color-bg-translucent: oklch(from @cnvs-base-palette-neutral-1000 l c h / @cnvs-base-opacity-500); // Tooltip, Status Indicator
|
|
215
|
+
@cnvs-sys-color-bg-overlay: oklch(from @cnvs-base-palette-neutral-1000 l c h / @cnvs-base-opacity-400); // Overlay background
|
|
216
|
+
@cnvs-sys-color-bg-transparent-stronger: oklch(from @cnvs-base-palette-neutral-1000 l c h / @cnvs-base-opacity-250); // Inverse Secondary Button Active state
|
|
217
|
+
@cnvs-sys-color-bg-transparent-strong: oklch(from @cnvs-base-palette-neutral-1000 l c h / @cnvs-base-opacity-100); // Inverse Secondary Button Hover state
|
|
212
218
|
@cnvs-sys-color-bg-transparent-default: transparent; // Transparent background
|
|
213
219
|
@cnvs-sys-color-bg-default: @cnvs-base-palette-neutral-0; // Main background color
|
|
214
|
-
@cnvs-sys-
|
|
215
|
-
@cnvs-sys-
|
|
216
|
-
@cnvs-sys-
|
|
217
|
-
@cnvs-sys-
|
|
218
|
-
@cnvs-sys-
|
|
219
|
-
@cnvs-sys-
|
|
220
|
-
@cnvs-sys-
|
|
221
|
-
@cnvs-sys-
|
|
222
|
-
@cnvs-sys-
|
|
223
|
-
@cnvs-sys-
|
|
224
|
-
@cnvs-sys-
|
|
225
|
-
@cnvs-sys-
|
|
226
|
-
@cnvs-sys-
|
|
227
|
-
@cnvs-sys-
|
|
228
|
-
@cnvs-sys-
|
|
229
|
-
@cnvs-sys-
|
|
230
|
-
@cnvs-sys-
|
|
231
|
-
@cnvs-sys-
|
|
232
|
-
@cnvs-sys-
|
|
233
|
-
@cnvs-sys-
|
|
234
|
-
@cnvs-sys-
|
|
235
|
-
@cnvs-sys-
|
|
236
|
-
@cnvs-sys-
|
|
237
|
-
@cnvs-sys-
|
|
238
|
-
@cnvs-sys-
|
|
239
|
-
@cnvs-sys-
|
|
240
|
-
@cnvs-sys-
|
|
241
|
-
@cnvs-sys-
|
|
242
|
-
@cnvs-sys-
|
|
243
|
-
@cnvs-sys-
|
|
244
|
-
@cnvs-sys-
|
|
245
|
-
@cnvs-sys-
|
|
246
|
-
@cnvs-sys-
|
|
247
|
-
@cnvs-sys-
|
|
248
|
-
@cnvs-sys-
|
|
249
|
-
@cnvs-sys-
|
|
250
|
-
@cnvs-sys-
|
|
251
|
-
@cnvs-sys-
|
|
252
|
-
@cnvs-sys-
|
|
253
|
-
@cnvs-sys-
|
|
254
|
-
@cnvs-sys-
|
|
255
|
-
@cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
|
|
256
|
-
@cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
|
|
220
|
+
@cnvs-sys-color-static-amber-soft: @cnvs-base-palette-amber-100; // Soft amber
|
|
221
|
+
@cnvs-sys-color-static-amber-strongest: @cnvs-base-palette-amber-950; // Stronger amber
|
|
222
|
+
@cnvs-sys-color-static-amber-softer: @cnvs-base-palette-amber-50; // Soft amber
|
|
223
|
+
@cnvs-sys-color-static-amber-stronger: @cnvs-base-palette-amber-600; // Stronger amber
|
|
224
|
+
@cnvs-sys-color-static-amber-strong: @cnvs-base-palette-amber-500; // Stronger amber
|
|
225
|
+
@cnvs-sys-color-static-amber-softest: @cnvs-base-palette-amber-25; // Soft amber
|
|
226
|
+
@cnvs-sys-color-static-amber-default: @cnvs-base-palette-amber-400; // amber
|
|
227
|
+
@cnvs-sys-color-static-gray-softer: @cnvs-base-palette-slate-100; // Light gray
|
|
228
|
+
@cnvs-sys-color-static-gray-softest: @cnvs-base-palette-slate-50; // Light gray
|
|
229
|
+
@cnvs-sys-color-static-gray-strongest: @cnvs-base-palette-slate-950; // Strongerer gray
|
|
230
|
+
@cnvs-sys-color-static-gray-stronger: @cnvs-base-palette-slate-800; // Strongerer gray
|
|
231
|
+
@cnvs-sys-color-static-gray-strong: @cnvs-base-palette-slate-700; // Stronger gray
|
|
232
|
+
@cnvs-sys-color-static-gray-soft: @cnvs-base-palette-slate-200; // Light gray
|
|
233
|
+
@cnvs-sys-color-static-gray-default: @cnvs-base-palette-slate-600; // Gray
|
|
234
|
+
@cnvs-sys-color-static-black: @cnvs-base-palette-neutral-1000; // Just black
|
|
235
|
+
@cnvs-sys-color-static-white: @cnvs-base-palette-neutral-0; // Just white
|
|
236
|
+
@cnvs-sys-color-static-red-softer: @cnvs-base-palette-red-50; // Light red
|
|
237
|
+
@cnvs-sys-color-static-red-strongest: @cnvs-base-palette-red-950; // Strong red
|
|
238
|
+
@cnvs-sys-color-static-red-softest: @cnvs-base-palette-red-25; // Light red
|
|
239
|
+
@cnvs-sys-color-static-red-stronger: @cnvs-base-palette-red-800; // Strong red
|
|
240
|
+
@cnvs-sys-color-static-red-strong: @cnvs-base-palette-red-700; // Strong red
|
|
241
|
+
@cnvs-sys-color-static-red-soft: @cnvs-base-palette-red-100; // Light red
|
|
242
|
+
@cnvs-sys-color-static-red-default: @cnvs-base-palette-red-600; // Red
|
|
243
|
+
@cnvs-sys-color-static-green-strongest: @cnvs-base-palette-green-950; // Stronger green
|
|
244
|
+
@cnvs-sys-color-static-green-softest: @cnvs-base-palette-green-25; // Light green
|
|
245
|
+
@cnvs-sys-color-static-green-stronger: @cnvs-base-palette-green-800; // Stronger green
|
|
246
|
+
@cnvs-sys-color-static-green-softer: @cnvs-base-palette-green-50; // Light green
|
|
247
|
+
@cnvs-sys-color-static-green-strong: @cnvs-base-palette-green-700; // Stronger green
|
|
248
|
+
@cnvs-sys-color-static-green-soft: @cnvs-base-palette-green-100; // Light green
|
|
249
|
+
@cnvs-sys-color-static-green-default: @cnvs-base-palette-green-600; // Default green
|
|
250
|
+
@cnvs-sys-color-static-blue-strongest: @cnvs-base-palette-blue-950; // Stronger blue
|
|
251
|
+
@cnvs-sys-color-static-blue-soft: @cnvs-base-palette-blue-100; // Light blue
|
|
252
|
+
@cnvs-sys-color-static-blue-softer: @cnvs-base-palette-blue-50; // Light blue
|
|
253
|
+
@cnvs-sys-color-static-blue-stronger: @cnvs-base-palette-blue-800; // Stronger blue
|
|
254
|
+
@cnvs-sys-color-static-blue-strong: @cnvs-base-palette-blue-700; // Stronger blue
|
|
255
|
+
@cnvs-sys-color-static-blue-softest: @cnvs-base-palette-blue-25; // Light blue
|
|
256
|
+
@cnvs-sys-color-static-blue-default: @cnvs-base-palette-blue-600; // Blue
|
|
257
|
+
@cnvs-sys-color-static-orange-strong: @cnvs-base-palette-amber-500;
|
|
258
|
+
@cnvs-sys-color-static-orange-soft: @cnvs-base-palette-amber-100;
|
|
259
|
+
@cnvs-sys-color-static-orange-default: @cnvs-base-palette-amber-400;
|
|
260
|
+
@cnvs-sys-color-static-gold-stronger: @cnvs-base-palette-amber-600;
|
|
257
261
|
@cnvs-sys-font-size-subtext-medium: @cnvs-base-font-size-50;
|
|
258
262
|
@cnvs-sys-font-size-subtext-large: @cnvs-base-font-size-75;
|
|
259
263
|
@cnvs-sys-font-size-body-small: @cnvs-base-font-size-100;
|
|
@@ -265,12 +269,12 @@
|
|
|
265
269
|
@cnvs-sys-font-size-title-small: @cnvs-base-font-size-400;
|
|
266
270
|
@cnvs-sys-font-size-title-medium: @cnvs-base-font-size-500;
|
|
267
271
|
@cnvs-sys-font-size-title-large: @cnvs-base-font-size-600;
|
|
268
|
-
@cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from
|
|
269
|
-
@cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from
|
|
270
|
-
@cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from
|
|
271
|
-
@cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from
|
|
272
|
-
@cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from
|
|
273
|
-
@cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from
|
|
272
|
+
@cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Standard card depth
|
|
273
|
+
@cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Top navigation, Bottom Navigation
|
|
274
|
+
@cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Floating Action Buttons (FAB), Menus
|
|
275
|
+
@cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.5rem 2rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Bottom Sheets
|
|
276
|
+
@cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.625rem 2.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Banners, Snackbars, Toast Messages, Non modal Dialogs, ; Side Panels (when opacity overlay behaviour is not applied)
|
|
277
|
+
@cnvs-sys-depth-6: 0 0.375rem 1.5rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.12), 0 0.75rem 3rem 0 oklch(from oklch(0.278 0.0156 252.4 / 1) l c h / 0.08); // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
|
|
274
278
|
|
|
275
279
|
.cnvs-sys-type-subtext-small {
|
|
276
280
|
font-family: @cnvs-sys-font-family-default;
|