@workday/canvas-tokens-web 3.1.2 → 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.
Files changed (29) hide show
  1. package/css/base/_variables.css +157 -157
  2. package/css/brand/_variables.css +1 -1
  3. package/css/system/_variables.css +7 -7
  4. package/dist/common-js/base/index.d.ts +1 -1
  5. package/dist/common-js/base/index.js +1 -1
  6. package/dist/common-js/brand/index.d.ts +1 -1
  7. package/dist/common-js/brand/index.js +1 -1
  8. package/dist/common-js/index.d.ts +1 -1
  9. package/dist/common-js/index.js +1 -1
  10. package/dist/common-js/system/index.d.ts +1 -1
  11. package/dist/common-js/system/index.js +1 -1
  12. package/dist/es6/base/index.d.ts +1 -1
  13. package/dist/es6/base/index.js +1 -1
  14. package/dist/es6/brand/index.d.ts +1 -1
  15. package/dist/es6/brand/index.js +1 -1
  16. package/dist/es6/index.d.ts +1 -1
  17. package/dist/es6/index.js +1 -1
  18. package/dist/es6/system/index.d.ts +1 -1
  19. package/dist/es6/system/index.js +1 -1
  20. package/less/base/_variables.less +157 -157
  21. package/less/brand/_variables.less +1 -1
  22. package/less/system/_variables.less +13 -13
  23. package/package.json +1 -1
  24. package/scss/base/_variables.sass +157 -157
  25. package/scss/base/_variables.scss +157 -157
  26. package/scss/brand/_variables.sass +1 -1
  27. package/scss/brand/_variables.scss +1 -1
  28. package/scss/system/_variables.sass +13 -13
  29. package/scss/system/_variables.scss +13 -13
package/scss/base/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Sep 2025 15:42:08 GMT
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 @@ $cnvs-base-palette-teal-800: oklch(0.3982 0.0687 209.08 / 1);
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: var(--cnvs-base-palette-red-50);
177
- $cnvs-base-palette-cinnamon-200: var(--cnvs-base-palette-red-100);
178
- $cnvs-base-palette-cinnamon-300: var(--cnvs-base-palette-red-300);
179
- $cnvs-base-palette-cinnamon-400: var(--cnvs-base-palette-red-400);
180
- $cnvs-base-palette-cinnamon-500: var(--cnvs-base-palette-red-600);
181
- $cnvs-base-palette-cinnamon-600: var(--cnvs-base-palette-red-700);
182
- $cnvs-base-palette-peach-100: var(--cnvs-base-palette-coral-50);
183
- $cnvs-base-palette-peach-200: var(--cnvs-base-palette-coral-200);
184
- $cnvs-base-palette-peach-300: var(--cnvs-base-palette-coral-300);
185
- $cnvs-base-palette-peach-400: var(--cnvs-base-palette-red-400);
186
- $cnvs-base-palette-peach-500: var(--cnvs-base-palette-coral-600);
187
- $cnvs-base-palette-peach-600: var(--cnvs-base-palette-coral-700);
188
- $cnvs-base-palette-chili-mango-100: var(--cnvs-base-palette-coral-100);
189
- $cnvs-base-palette-chili-mango-200: var(--cnvs-base-palette-coral-200);
190
- $cnvs-base-palette-chili-mango-300: var(--cnvs-base-palette-coral-300);
191
- $cnvs-base-palette-chili-mango-400: var(--cnvs-base-palette-orange-500);
192
- $cnvs-base-palette-chili-mango-500: var(--cnvs-base-palette-orange-500);
193
- $cnvs-base-palette-chili-mango-600: var(--cnvs-base-palette-orange-700);
194
- $cnvs-base-palette-cantaloupe-100: var(--cnvs-base-palette-amber-50);
195
- $cnvs-base-palette-cantaloupe-200: var(--cnvs-base-palette-amber-200);
196
- $cnvs-base-palette-cantaloupe-300: var(--cnvs-base-palette-amber-300);
197
- $cnvs-base-palette-cantaloupe-400: var(--cnvs-base-palette-amber-400);
198
- $cnvs-base-palette-cantaloupe-500: var(--cnvs-base-palette-amber-500);
199
- $cnvs-base-palette-cantaloupe-600: var(--cnvs-base-palette-amber-600);
200
- $cnvs-base-palette-sour-lemon-100: var(--cnvs-base-palette-amber-25);
201
- $cnvs-base-palette-sour-lemon-200: var(--cnvs-base-palette-amber-100);
202
- $cnvs-base-palette-sour-lemon-300: var(--cnvs-base-palette-amber-200);
203
- $cnvs-base-palette-sour-lemon-400: var(--cnvs-base-palette-amber-300);
204
- $cnvs-base-palette-sour-lemon-500: var(--cnvs-base-palette-amber-300);
205
- $cnvs-base-palette-sour-lemon-600: var(--cnvs-base-palette-amber-500);
206
- $cnvs-base-palette-juicy-pear-100: var(--cnvs-base-palette-amber-25);
207
- $cnvs-base-palette-juicy-pear-200: var(--cnvs-base-palette-amber-100);
208
- $cnvs-base-palette-juicy-pear-300: var(--cnvs-base-palette-amber-200);
209
- $cnvs-base-palette-juicy-pear-400: var(--cnvs-base-palette-amber-200);
210
- $cnvs-base-palette-juicy-pear-500: var(--cnvs-base-palette-green-500);
211
- $cnvs-base-palette-juicy-pear-600: var(--cnvs-base-palette-green-700);
212
- $cnvs-base-palette-kiwi-100: var(--cnvs-base-palette-green-50);
213
- $cnvs-base-palette-kiwi-200: var(--cnvs-base-palette-green-100);
214
- $cnvs-base-palette-kiwi-300: var(--cnvs-base-palette-green-200);
215
- $cnvs-base-palette-kiwi-400: var(--cnvs-base-palette-green-500);
216
- $cnvs-base-palette-kiwi-500: var(--cnvs-base-palette-green-500);
217
- $cnvs-base-palette-kiwi-600: var(--cnvs-base-palette-green-700);
218
- $cnvs-base-palette-green-apple-100: var(--cnvs-base-palette-green-50);
219
- $cnvs-base-palette-green-apple-200: var(--cnvs-base-palette-green-100);
220
- $cnvs-base-palette-green-apple-300: var(--cnvs-base-palette-green-200);
221
- $cnvs-base-palette-green-apple-400: var(--cnvs-base-palette-green-600);
222
- $cnvs-base-palette-green-apple-500: var(--cnvs-base-palette-green-700);
223
- $cnvs-base-palette-green-apple-600: var(--cnvs-base-palette-green-800);
224
- $cnvs-base-palette-watermelon-100: var(--cnvs-base-palette-teal-25);
225
- $cnvs-base-palette-watermelon-200: var(--cnvs-base-palette-teal-100);
226
- $cnvs-base-palette-watermelon-300: var(--cnvs-base-palette-green-100);
227
- $cnvs-base-palette-watermelon-400: var(--cnvs-base-palette-green-600);
228
- $cnvs-base-palette-watermelon-500: var(--cnvs-base-palette-green-800);
229
- $cnvs-base-palette-watermelon-600: var(--cnvs-base-palette-green-800);
230
- $cnvs-base-palette-jewel-100: var(--cnvs-base-palette-teal-25);
231
- $cnvs-base-palette-jewel-200: var(--cnvs-base-palette-teal-200);
232
- $cnvs-base-palette-jewel-300: var(--cnvs-base-palette-teal-400);
233
- $cnvs-base-palette-jewel-400: var(--cnvs-base-palette-teal-500);
234
- $cnvs-base-palette-jewel-500: var(--cnvs-base-palette-teal-600);
235
- $cnvs-base-palette-jewel-600: var(--cnvs-base-palette-teal-700);
236
- $cnvs-base-palette-toothpaste-100: var(--cnvs-base-palette-azure-50);
237
- $cnvs-base-palette-toothpaste-200: var(--cnvs-base-palette-azure-200);
238
- $cnvs-base-palette-toothpaste-300: var(--cnvs-base-palette-azure-300);
239
- $cnvs-base-palette-toothpaste-400: var(--cnvs-base-palette-azure-500);
240
- $cnvs-base-palette-toothpaste-500: var(--cnvs-base-palette-azure-700);
241
- $cnvs-base-palette-toothpaste-600: var(--cnvs-base-palette-azure-800);
242
- $cnvs-base-palette-blueberry-100: var(--cnvs-base-palette-blue-100);
243
- $cnvs-base-palette-blueberry-200: var(--cnvs-base-palette-blue-100);
244
- $cnvs-base-palette-blueberry-300: var(--cnvs-base-palette-blue-400);
245
- $cnvs-base-palette-blueberry-400: var(--cnvs-base-palette-blue-600);
246
- $cnvs-base-palette-blueberry-500: var(--cnvs-base-palette-blue-700);
247
- $cnvs-base-palette-blueberry-600: var(--cnvs-base-palette-blue-800);
248
- $cnvs-base-palette-plum-100: var(--cnvs-base-palette-blue-100);
249
- $cnvs-base-palette-plum-200: var(--cnvs-base-palette-blue-200);
250
- $cnvs-base-palette-plum-300: var(--cnvs-base-palette-blue-400);
251
- $cnvs-base-palette-plum-400: var(--cnvs-base-palette-blue-600);
252
- $cnvs-base-palette-plum-500: var(--cnvs-base-palette-blue-700);
253
- $cnvs-base-palette-plum-600: var(--cnvs-base-palette-blue-800);
254
- $cnvs-base-palette-berry-smoothie-100: var(--cnvs-base-palette-indigo-50);
255
- $cnvs-base-palette-berry-smoothie-200: var(--cnvs-base-palette-indigo-200);
256
- $cnvs-base-palette-berry-smoothie-300: var(--cnvs-base-palette-indigo-400);
257
- $cnvs-base-palette-berry-smoothie-400: var(--cnvs-base-palette-blue-500);
258
- $cnvs-base-palette-berry-smoothie-500: var(--cnvs-base-palette-blue-700);
259
- $cnvs-base-palette-berry-smoothie-600: var(--cnvs-base-palette-blue-800);
260
- $cnvs-base-palette-blackberry-100: var(--cnvs-base-palette-indigo-25);
261
- $cnvs-base-palette-blackberry-200: var(--cnvs-base-palette-indigo-200);
262
- $cnvs-base-palette-blackberry-300: var(--cnvs-base-palette-indigo-400);
263
- $cnvs-base-palette-blackberry-400: var(--cnvs-base-palette-indigo-500);
264
- $cnvs-base-palette-blackberry-500: var(--cnvs-base-palette-indigo-700);
265
- $cnvs-base-palette-blackberry-600: var(--cnvs-base-palette-indigo-900);
266
- $cnvs-base-palette-island-punch-100: var(--cnvs-base-palette-purple-25);
267
- $cnvs-base-palette-island-punch-200: var(--cnvs-base-palette-purple-200);
268
- $cnvs-base-palette-island-punch-300: var(--cnvs-base-palette-purple-500);
269
- $cnvs-base-palette-island-punch-400: var(--cnvs-base-palette-purple-500);
270
- $cnvs-base-palette-island-punch-500: var(--cnvs-base-palette-purple-700);
271
- $cnvs-base-palette-island-punch-600: var(--cnvs-base-palette-purple-800);
272
- $cnvs-base-palette-grape-soda-100: var(--cnvs-base-palette-magenta-50);
273
- $cnvs-base-palette-grape-soda-200: var(--cnvs-base-palette-magenta-200);
274
- $cnvs-base-palette-grape-soda-300: var(--cnvs-base-palette-purple-400);
275
- $cnvs-base-palette-grape-soda-400: var(--cnvs-base-palette-purple-500);
276
- $cnvs-base-palette-grape-soda-500: var(--cnvs-base-palette-purple-600);
277
- $cnvs-base-palette-grape-soda-600: var(--cnvs-base-palette-purple-800);
278
- $cnvs-base-palette-pomegranate-100: var(--cnvs-base-palette-magenta-50);
279
- $cnvs-base-palette-pomegranate-200: var(--cnvs-base-palette-magenta-100);
280
- $cnvs-base-palette-pomegranate-300: var(--cnvs-base-palette-magenta-500);
281
- $cnvs-base-palette-pomegranate-400: var(--cnvs-base-palette-magenta-500);
282
- $cnvs-base-palette-pomegranate-500: var(--cnvs-base-palette-red-700);
283
- $cnvs-base-palette-pomegranate-600: var(--cnvs-base-palette-red-800);
284
- $cnvs-base-palette-fruit-punch-100: var(--cnvs-base-palette-red-25);
285
- $cnvs-base-palette-fruit-punch-200: var(--cnvs-base-palette-red-200);
286
- $cnvs-base-palette-fruit-punch-300: var(--cnvs-base-palette-red-300);
287
- $cnvs-base-palette-fruit-punch-400: var(--cnvs-base-palette-red-400);
288
- $cnvs-base-palette-fruit-punch-500: var(--cnvs-base-palette-red-400);
289
- $cnvs-base-palette-fruit-punch-600: var(--cnvs-base-palette-red-700);
290
- $cnvs-base-palette-root-beer-100: var(--cnvs-base-palette-coral-25);
291
- $cnvs-base-palette-root-beer-200: var(--cnvs-base-palette-coral-100);
292
- $cnvs-base-palette-root-beer-300: var(--cnvs-base-palette-coral-200);
293
- $cnvs-base-palette-root-beer-400: var(--cnvs-base-palette-coral-200);
294
- $cnvs-base-palette-root-beer-500: var(--cnvs-base-palette-amber-900);
295
- $cnvs-base-palette-root-beer-600: var(--cnvs-base-palette-amber-950);
296
- $cnvs-base-palette-toasted-marshmallow-100: var(--cnvs-base-palette-amber-25);
297
- $cnvs-base-palette-toasted-marshmallow-200: var(--cnvs-base-palette-orange-100);
298
- $cnvs-base-palette-toasted-marshmallow-300: var(--cnvs-base-palette-orange-200);
299
- $cnvs-base-palette-toasted-marshmallow-400: var(--cnvs-base-palette-orange-300);
300
- $cnvs-base-palette-toasted-marshmallow-500: var(--cnvs-base-palette-amber-500);
301
- $cnvs-base-palette-toasted-marshmallow-600: var(--cnvs-base-palette-amber-600);
302
- $cnvs-base-palette-licorice-100: var(--cnvs-base-palette-slate-400);
303
- $cnvs-base-palette-licorice-200: var(--cnvs-base-palette-slate-500);
304
- $cnvs-base-palette-licorice-300: var(--cnvs-base-palette-slate-600);
305
- $cnvs-base-palette-licorice-400: var(--cnvs-base-palette-slate-700);
306
- $cnvs-base-palette-licorice-500: var(--cnvs-base-palette-slate-800);
307
- $cnvs-base-palette-licorice-600: var(--cnvs-base-palette-slate-900);
308
- $cnvs-base-palette-soap-100: var(--cnvs-base-palette-slate-25);
309
- $cnvs-base-palette-soap-200: var(--cnvs-base-palette-slate-50);
310
- $cnvs-base-palette-soap-300: var(--cnvs-base-palette-slate-100);
311
- $cnvs-base-palette-soap-400: var(--cnvs-base-palette-slate-200);
312
- $cnvs-base-palette-soap-500: var(--cnvs-base-palette-slate-300);
313
- $cnvs-base-palette-soap-600: var(--cnvs-base-palette-slate-300);
314
- $cnvs-base-palette-french-vanilla-100: var(--cnvs-base-palette-neutral-0);
315
- $cnvs-base-palette-french-vanilla-200: var(--cnvs-base-palette-neutral-100);
316
- $cnvs-base-palette-french-vanilla-300: var(--cnvs-base-palette-neutral-200);
317
- $cnvs-base-palette-french-vanilla-400: var(--cnvs-base-palette-neutral-300);
318
- $cnvs-base-palette-french-vanilla-500: var(--cnvs-base-palette-neutral-400);
319
- $cnvs-base-palette-french-vanilla-600: var(--cnvs-base-palette-neutral-500);
320
- $cnvs-base-palette-black-pepper-100: var(--cnvs-base-palette-neutral-500);
321
- $cnvs-base-palette-black-pepper-200: var(--cnvs-base-palette-neutral-700);
322
- $cnvs-base-palette-black-pepper-300: var(--cnvs-base-palette-neutral-800);
323
- $cnvs-base-palette-black-pepper-400: var(--cnvs-base-palette-neutral-900);
324
- $cnvs-base-palette-black-pepper-500: var(--cnvs-base-palette-neutral-950);
325
- $cnvs-base-palette-black-pepper-600: var(--cnvs-base-palette-neutral-1000);
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 @@ $cnvs-base-letter-spacing-100: 0.02rem;
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);
package/scss/brand/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Sep 2025 15:42:08 GMT
3
+ // Generated on Fri, 31 Oct 2025 14:47:45 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/brand/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Sep 2025 15:42:08 GMT
3
+ // Generated on Fri, 31 Oct 2025 14:47:45 GMT
4
4
 
5
5
  $cnvs-brand-common-alert-outer: $cnvs-base-palette-amber-500;
6
6
  $cnvs-brand-common-alert-inner: $cnvs-base-palette-amber-400;
package/scss/system/_variables.sass CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Sep 2025 15:42:08 GMT
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.
@@ -51,8 +51,8 @@ $cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
51
51
  $cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
52
52
  $cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
53
53
  $cnvs-sys-color-shadow-default: $cnvs-base-palette-slate-900; // Main shadow color
54
- $cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Second shadow color
55
- $cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)); // First shadow color
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
56
56
  $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500; // Brand, Focus
57
57
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI borders
58
58
  $cnvs-sys-color-border-container: $cnvs-base-palette-slate-300; // Cards, Toasts, Surfaces
@@ -211,10 +211,10 @@ $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
211
211
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-100; // Surface hover, Secondary surfaces
212
212
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
213
213
  $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-slate-25; // Disabled inputs
214
- $cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
215
- $cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
216
- $cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); // Inverse Secondary Button Active state
217
- $cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-100)); // Inverse Secondary Button Hover state
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
218
218
  $cnvs-sys-color-bg-transparent-default: transparent; // Transparent background
219
219
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Main background color
220
220
  $cnvs-sys-color-static-amber-soft: $cnvs-base-palette-amber-100; // Soft amber
@@ -269,12 +269,12 @@ $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
269
269
  $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
270
270
  $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
271
271
  $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;
272
- $cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.125rem 0.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Standard card depth
273
- $cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.25rem 1rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Top navigation, Bottom Navigation
274
- $cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.375rem 1.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Floating Action Buttons (FAB), Menus
275
- $cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.5rem 2rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Bottom Sheets
276
- $cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.625rem 2.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // 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 var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.75rem 3rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
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)
278
278
 
279
279
  .cnvs-sys-type-subtext-small {
280
280
  font-family: $cnvs-sys-font-family-default;
package/scss/system/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 25 Sep 2025 15:42:08 GMT
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.
@@ -51,8 +51,8 @@ $cnvs-sys-breakpoints-l: 1024px; // Large screens, such as desktops.
51
51
  $cnvs-sys-breakpoints-m: 768px; // Medium screens, such as laptops.
52
52
  $cnvs-sys-breakpoints-s: 320px; // The `min-width` for mobile devices, such as phones and tablets.
53
53
  $cnvs-sys-color-shadow-default: $cnvs-base-palette-slate-900; // Main shadow color
54
- $cnvs-sys-color-shadow-2: oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Second shadow color
55
- $cnvs-sys-color-shadow-1: oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)); // First shadow color
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
56
56
  $cnvs-sys-color-border-info-default: $cnvs-base-palette-blue-500; // Brand, Focus
57
57
  $cnvs-sys-color-border-ai: $cnvs-base-palette-blue-950; // Active state on AI borders
58
58
  $cnvs-sys-color-border-container: $cnvs-base-palette-slate-300; // Cards, Toasts, Surfaces
@@ -211,10 +211,10 @@ $cnvs-sys-color-bg-alt-strong: $cnvs-base-palette-slate-200; // Active states
211
211
  $cnvs-sys-color-bg-alt-default: $cnvs-base-palette-slate-100; // Surface hover, Secondary surfaces
212
212
  $cnvs-sys-color-bg-alt-soft: $cnvs-base-palette-slate-50; // Alternative page background
213
213
  $cnvs-sys-color-bg-alt-softer: $cnvs-base-palette-slate-25; // Disabled inputs
214
- $cnvs-sys-color-bg-translucent: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-500)); // Tooltip, Status Indicator
215
- $cnvs-sys-color-bg-overlay: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-400)); // Overlay background
216
- $cnvs-sys-color-bg-transparent-stronger: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-250)); // Inverse Secondary Button Active state
217
- $cnvs-sys-color-bg-transparent-strong: oklch(from var(--cnvs-base-palette-neutral-1000) l c h / var(--cnvs-base-opacity-100)); // Inverse Secondary Button Hover state
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
218
218
  $cnvs-sys-color-bg-transparent-default: transparent; // Transparent background
219
219
  $cnvs-sys-color-bg-default: $cnvs-base-palette-neutral-0; // Main background color
220
220
  $cnvs-sys-color-static-amber-soft: $cnvs-base-palette-amber-100; // Soft amber
@@ -269,12 +269,12 @@ $cnvs-sys-font-size-heading-large: $cnvs-base-font-size-300;
269
269
  $cnvs-sys-font-size-title-small: $cnvs-base-font-size-400;
270
270
  $cnvs-sys-font-size-title-medium: $cnvs-base-font-size-500;
271
271
  $cnvs-sys-font-size-title-large: $cnvs-base-font-size-600;
272
- $cnvs-sys-depth-1: 0 0.0625rem 0.25rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.125rem 0.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Standard card depth
273
- $cnvs-sys-depth-2: 0 0.125rem 0.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.25rem 1rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Top navigation, Bottom Navigation
274
- $cnvs-sys-depth-3: 0 0.1875rem 0.75rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.375rem 1.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Floating Action Buttons (FAB), Menus
275
- $cnvs-sys-depth-4: 0 0.25rem 1rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.5rem 2rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Bottom Sheets
276
- $cnvs-sys-depth-5: 0 0.3125rem 1.25rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.625rem 2.5rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // 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 var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-200)), 0 0.75rem 3rem 0 oklch(from var(--cnvs-base-palette-slate-900) l c h / var(--cnvs-base-opacity-100)); // Modal Dialogs, Side Panels (when opacity overlay behaviour; is applied)
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)
278
278
 
279
279
  .cnvs-sys-type-subtext-small {
280
280
  font-family: $cnvs-sys-font-family-default;