@skbkontur/colors 1.1.2-799ba.0 → 1.1.2-97dd9.0
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/dist/cjs/get-base-tokens.js +2 -0
- package/dist/cjs/get-default-tokens.d.ts +40 -22
- package/dist/cjs/get-default-tokens.js +163 -145
- package/dist/cjs/helpers/get-palette.js +1 -1
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-blue_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-blue_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-green_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-green_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-mint_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-mint_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-orange_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-orange_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-purple_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-purple_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-red_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-red_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
- package/dist/cjs/tokens/base/js/brand-violet_accent-brand.js +52 -26
- package/dist/cjs/tokens/base/js/brand-violet_accent-gray.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
- package/dist/cjs/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
- package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
- package/dist/cjs/types/base-tokens.d.ts +1 -0
- package/dist/esm/get-base-tokens.js +2 -0
- package/dist/esm/get-default-tokens.d.ts +40 -22
- package/dist/esm/get-default-tokens.js +163 -145
- package/dist/esm/helpers/get-palette.js +1 -1
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-blue_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-blue_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-green_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-green_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-mint_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-mint_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-orange_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-orange_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-purple_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-purple_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-red_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-red_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
- package/dist/esm/tokens/base/js/brand-violet_accent-brand.js +52 -26
- package/dist/esm/tokens/base/js/brand-violet_accent-gray.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
- package/dist/esm/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-green_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-green_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-red_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-red_accent-gray.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
- package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
- package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
- package/dist/esm/types/base-tokens.d.ts +1 -0
- package/package.json +3 -3
|
@@ -415,6 +415,32 @@ export namespace BASE_TOKENS {
|
|
|
415
415
|
const onBrand92: string;
|
|
416
416
|
const onBrand96: string;
|
|
417
417
|
const onBrand100: string;
|
|
418
|
+
const onAccent4: string;
|
|
419
|
+
const onAccent6: string;
|
|
420
|
+
const onAccent8: string;
|
|
421
|
+
const onAccent12: string;
|
|
422
|
+
const onAccent16: string;
|
|
423
|
+
const onAccent20: string;
|
|
424
|
+
const onAccent24: string;
|
|
425
|
+
const onAccent28: string;
|
|
426
|
+
const onAccent32: string;
|
|
427
|
+
const onAccent36: string;
|
|
428
|
+
const onAccent40: string;
|
|
429
|
+
const onAccent44: string;
|
|
430
|
+
const onAccent48: string;
|
|
431
|
+
const onAccent52: string;
|
|
432
|
+
const onAccent56: string;
|
|
433
|
+
const onAccent60: string;
|
|
434
|
+
const onAccent64: string;
|
|
435
|
+
const onAccent68: string;
|
|
436
|
+
const onAccent72: string;
|
|
437
|
+
const onAccent76: string;
|
|
438
|
+
const onAccent80: string;
|
|
439
|
+
const onAccent84: string;
|
|
440
|
+
const onAccent88: string;
|
|
441
|
+
const onAccent92: string;
|
|
442
|
+
const onAccent96: string;
|
|
443
|
+
const onAccent100: string;
|
|
418
444
|
const customizableRedVivid20: string;
|
|
419
445
|
const customizableRedVivid24: string;
|
|
420
446
|
const customizableRedVivid28: string;
|
|
@@ -389,32 +389,58 @@ export var BASE_TOKENS = {
|
|
|
389
389
|
blackAlpha92: 'rgba(0, 0, 0, 0.92)',
|
|
390
390
|
blackAlpha96: 'rgba(0, 0, 0, 0.96)',
|
|
391
391
|
blackAlpha100: 'rgba(0, 0, 0, 1)',
|
|
392
|
-
onBrand4: 'rgba(
|
|
393
|
-
onBrand6: 'rgba(
|
|
394
|
-
onBrand8: 'rgba(
|
|
395
|
-
onBrand12: 'rgba(
|
|
396
|
-
onBrand16: 'rgba(
|
|
397
|
-
onBrand20: 'rgba(
|
|
398
|
-
onBrand24: 'rgba(
|
|
399
|
-
onBrand28: 'rgba(
|
|
400
|
-
onBrand32: 'rgba(
|
|
401
|
-
onBrand36: 'rgba(
|
|
402
|
-
onBrand40: 'rgba(
|
|
403
|
-
onBrand44: 'rgba(
|
|
404
|
-
onBrand48: 'rgba(
|
|
405
|
-
onBrand52: 'rgba(
|
|
406
|
-
onBrand56: 'rgba(
|
|
407
|
-
onBrand60: 'rgba(
|
|
408
|
-
onBrand64: 'rgba(
|
|
409
|
-
onBrand68: 'rgba(
|
|
410
|
-
onBrand72: 'rgba(
|
|
411
|
-
onBrand76: 'rgba(
|
|
412
|
-
onBrand80: 'rgba(
|
|
413
|
-
onBrand84: 'rgba(
|
|
414
|
-
onBrand88: 'rgba(
|
|
415
|
-
onBrand92: 'rgba(
|
|
416
|
-
onBrand96: 'rgba(
|
|
417
|
-
onBrand100: 'rgba(
|
|
392
|
+
onBrand4: 'rgba(255, 255, 255, 0.04)',
|
|
393
|
+
onBrand6: 'rgba(255, 255, 255, 0.06)',
|
|
394
|
+
onBrand8: 'rgba(255, 255, 255, 0.08)',
|
|
395
|
+
onBrand12: 'rgba(255, 255, 255, 0.12)',
|
|
396
|
+
onBrand16: 'rgba(255, 255, 255, 0.16)',
|
|
397
|
+
onBrand20: 'rgba(255, 255, 255, 0.2)',
|
|
398
|
+
onBrand24: 'rgba(255, 255, 255, 0.24)',
|
|
399
|
+
onBrand28: 'rgba(255, 255, 255, 0.28)',
|
|
400
|
+
onBrand32: 'rgba(255, 255, 255, 0.32)',
|
|
401
|
+
onBrand36: 'rgba(255, 255, 255, 0.36)',
|
|
402
|
+
onBrand40: 'rgba(255, 255, 255, 0.4)',
|
|
403
|
+
onBrand44: 'rgba(255, 255, 255, 0.44)',
|
|
404
|
+
onBrand48: 'rgba(255, 255, 255, 0.48)',
|
|
405
|
+
onBrand52: 'rgba(255, 255, 255, 0.52)',
|
|
406
|
+
onBrand56: 'rgba(255, 255, 255, 0.56)',
|
|
407
|
+
onBrand60: 'rgba(255, 255, 255, 0.6)',
|
|
408
|
+
onBrand64: 'rgba(255, 255, 255, 0.64)',
|
|
409
|
+
onBrand68: 'rgba(255, 255, 255, 0.68)',
|
|
410
|
+
onBrand72: 'rgba(255, 255, 255, 0.72)',
|
|
411
|
+
onBrand76: 'rgba(255, 255, 255, 0.76)',
|
|
412
|
+
onBrand80: 'rgba(255, 255, 255, 0.8)',
|
|
413
|
+
onBrand84: 'rgba(255, 255, 255, 0.84)',
|
|
414
|
+
onBrand88: 'rgba(255, 255, 255, 0.88)',
|
|
415
|
+
onBrand92: 'rgba(255, 255, 255, 0.92)',
|
|
416
|
+
onBrand96: 'rgba(255, 255, 255, 0.96)',
|
|
417
|
+
onBrand100: 'rgba(255, 255, 255, 1)',
|
|
418
|
+
onAccent4: 'rgba(255, 255, 255, 0.04)',
|
|
419
|
+
onAccent6: 'rgba(255, 255, 255, 0.06)',
|
|
420
|
+
onAccent8: 'rgba(255, 255, 255, 0.08)',
|
|
421
|
+
onAccent12: 'rgba(255, 255, 255, 0.12)',
|
|
422
|
+
onAccent16: 'rgba(255, 255, 255, 0.16)',
|
|
423
|
+
onAccent20: 'rgba(255, 255, 255, 0.2)',
|
|
424
|
+
onAccent24: 'rgba(255, 255, 255, 0.24)',
|
|
425
|
+
onAccent28: 'rgba(255, 255, 255, 0.28)',
|
|
426
|
+
onAccent32: 'rgba(255, 255, 255, 0.32)',
|
|
427
|
+
onAccent36: 'rgba(255, 255, 255, 0.36)',
|
|
428
|
+
onAccent40: 'rgba(255, 255, 255, 0.4)',
|
|
429
|
+
onAccent44: 'rgba(255, 255, 255, 0.44)',
|
|
430
|
+
onAccent48: 'rgba(255, 255, 255, 0.48)',
|
|
431
|
+
onAccent52: 'rgba(255, 255, 255, 0.52)',
|
|
432
|
+
onAccent56: 'rgba(255, 255, 255, 0.56)',
|
|
433
|
+
onAccent60: 'rgba(255, 255, 255, 0.6)',
|
|
434
|
+
onAccent64: 'rgba(255, 255, 255, 0.64)',
|
|
435
|
+
onAccent68: 'rgba(255, 255, 255, 0.68)',
|
|
436
|
+
onAccent72: 'rgba(255, 255, 255, 0.72)',
|
|
437
|
+
onAccent76: 'rgba(255, 255, 255, 0.76)',
|
|
438
|
+
onAccent80: 'rgba(255, 255, 255, 0.8)',
|
|
439
|
+
onAccent84: 'rgba(255, 255, 255, 0.84)',
|
|
440
|
+
onAccent88: 'rgba(255, 255, 255, 0.88)',
|
|
441
|
+
onAccent92: 'rgba(255, 255, 255, 0.92)',
|
|
442
|
+
onAccent96: 'rgba(255, 255, 255, 0.96)',
|
|
443
|
+
onAccent100: 'rgba(255, 255, 255, 1)',
|
|
418
444
|
customizableRedVivid20: '#320003',
|
|
419
445
|
customizableRedVivid24: '#420005',
|
|
420
446
|
customizableRedVivid28: '#540007',
|
|
@@ -329,32 +329,32 @@ export var BASE_TOKENS = {
|
|
|
329
329
|
blackAlpha92: 'rgba(0, 0, 0, 0.92)',
|
|
330
330
|
blackAlpha96: 'rgba(0, 0, 0, 0.96)',
|
|
331
331
|
blackAlpha100: 'rgba(0, 0, 0, 1)',
|
|
332
|
-
onBrand4: 'rgba(
|
|
333
|
-
onBrand6: 'rgba(
|
|
334
|
-
onBrand8: 'rgba(
|
|
335
|
-
onBrand12: 'rgba(
|
|
336
|
-
onBrand16: 'rgba(
|
|
337
|
-
onBrand20: 'rgba(
|
|
338
|
-
onBrand24: 'rgba(
|
|
339
|
-
onBrand28: 'rgba(
|
|
340
|
-
onBrand32: 'rgba(
|
|
341
|
-
onBrand36: 'rgba(
|
|
342
|
-
onBrand40: 'rgba(
|
|
343
|
-
onBrand44: 'rgba(
|
|
344
|
-
onBrand48: 'rgba(
|
|
345
|
-
onBrand52: 'rgba(
|
|
346
|
-
onBrand56: 'rgba(
|
|
347
|
-
onBrand60: 'rgba(
|
|
348
|
-
onBrand64: 'rgba(
|
|
349
|
-
onBrand68: 'rgba(
|
|
350
|
-
onBrand72: 'rgba(
|
|
351
|
-
onBrand76: 'rgba(
|
|
352
|
-
onBrand80: 'rgba(
|
|
353
|
-
onBrand84: 'rgba(
|
|
354
|
-
onBrand88: 'rgba(
|
|
355
|
-
onBrand92: 'rgba(
|
|
356
|
-
onBrand96: 'rgba(
|
|
357
|
-
onBrand100: 'rgba(
|
|
332
|
+
onBrand4: 'rgba(255, 255, 255, 0.04)',
|
|
333
|
+
onBrand6: 'rgba(255, 255, 255, 0.06)',
|
|
334
|
+
onBrand8: 'rgba(255, 255, 255, 0.08)',
|
|
335
|
+
onBrand12: 'rgba(255, 255, 255, 0.12)',
|
|
336
|
+
onBrand16: 'rgba(255, 255, 255, 0.16)',
|
|
337
|
+
onBrand20: 'rgba(255, 255, 255, 0.2)',
|
|
338
|
+
onBrand24: 'rgba(255, 255, 255, 0.24)',
|
|
339
|
+
onBrand28: 'rgba(255, 255, 255, 0.28)',
|
|
340
|
+
onBrand32: 'rgba(255, 255, 255, 0.32)',
|
|
341
|
+
onBrand36: 'rgba(255, 255, 255, 0.36)',
|
|
342
|
+
onBrand40: 'rgba(255, 255, 255, 0.4)',
|
|
343
|
+
onBrand44: 'rgba(255, 255, 255, 0.44)',
|
|
344
|
+
onBrand48: 'rgba(255, 255, 255, 0.48)',
|
|
345
|
+
onBrand52: 'rgba(255, 255, 255, 0.52)',
|
|
346
|
+
onBrand56: 'rgba(255, 255, 255, 0.56)',
|
|
347
|
+
onBrand60: 'rgba(255, 255, 255, 0.6)',
|
|
348
|
+
onBrand64: 'rgba(255, 255, 255, 0.64)',
|
|
349
|
+
onBrand68: 'rgba(255, 255, 255, 0.68)',
|
|
350
|
+
onBrand72: 'rgba(255, 255, 255, 0.72)',
|
|
351
|
+
onBrand76: 'rgba(255, 255, 255, 0.76)',
|
|
352
|
+
onBrand80: 'rgba(255, 255, 255, 0.8)',
|
|
353
|
+
onBrand84: 'rgba(255, 255, 255, 0.84)',
|
|
354
|
+
onBrand88: 'rgba(255, 255, 255, 0.88)',
|
|
355
|
+
onBrand92: 'rgba(255, 255, 255, 0.92)',
|
|
356
|
+
onBrand96: 'rgba(255, 255, 255, 0.96)',
|
|
357
|
+
onBrand100: 'rgba(255, 255, 255, 1)',
|
|
358
358
|
customizableRedVivid20: '#320003',
|
|
359
359
|
customizableRedVivid24: '#420005',
|
|
360
360
|
customizableRedVivid28: '#540007',
|
|
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
|
|
|
510
510
|
96: string;
|
|
511
511
|
100: string;
|
|
512
512
|
};
|
|
513
|
+
const onAccent: {
|
|
514
|
+
4: string;
|
|
515
|
+
6: string;
|
|
516
|
+
8: string;
|
|
517
|
+
12: string;
|
|
518
|
+
16: string;
|
|
519
|
+
20: string;
|
|
520
|
+
24: string;
|
|
521
|
+
28: string;
|
|
522
|
+
32: string;
|
|
523
|
+
36: string;
|
|
524
|
+
40: string;
|
|
525
|
+
44: string;
|
|
526
|
+
48: string;
|
|
527
|
+
52: string;
|
|
528
|
+
56: string;
|
|
529
|
+
60: string;
|
|
530
|
+
64: string;
|
|
531
|
+
68: string;
|
|
532
|
+
72: string;
|
|
533
|
+
76: string;
|
|
534
|
+
80: string;
|
|
535
|
+
84: string;
|
|
536
|
+
88: string;
|
|
537
|
+
92: string;
|
|
538
|
+
96: string;
|
|
539
|
+
100: string;
|
|
540
|
+
};
|
|
513
541
|
namespace customizable {
|
|
514
542
|
namespace red {
|
|
515
543
|
const vivid_5: {
|
|
@@ -456,32 +456,60 @@ export var BASE_TOKENS = {
|
|
|
456
456
|
100: 'rgba(0, 0, 0, 1)',
|
|
457
457
|
},
|
|
458
458
|
onBrand: {
|
|
459
|
-
4: 'rgba(
|
|
460
|
-
6: 'rgba(
|
|
461
|
-
8: 'rgba(
|
|
462
|
-
12: 'rgba(
|
|
463
|
-
16: 'rgba(
|
|
464
|
-
20: 'rgba(
|
|
465
|
-
24: 'rgba(
|
|
466
|
-
28: 'rgba(
|
|
467
|
-
32: 'rgba(
|
|
468
|
-
36: 'rgba(
|
|
469
|
-
40: 'rgba(
|
|
470
|
-
44: 'rgba(
|
|
471
|
-
48: 'rgba(
|
|
472
|
-
52: 'rgba(
|
|
473
|
-
56: 'rgba(
|
|
474
|
-
60: 'rgba(
|
|
475
|
-
64: 'rgba(
|
|
476
|
-
68: 'rgba(
|
|
477
|
-
72: 'rgba(
|
|
478
|
-
76: 'rgba(
|
|
479
|
-
80: 'rgba(
|
|
480
|
-
84: 'rgba(
|
|
481
|
-
88: 'rgba(
|
|
482
|
-
92: 'rgba(
|
|
483
|
-
96: 'rgba(
|
|
484
|
-
100: 'rgba(
|
|
459
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
460
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
461
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
462
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
463
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
464
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
465
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
466
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
467
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
468
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
469
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
470
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
471
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
472
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
473
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
474
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
475
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
476
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
477
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
478
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
479
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
480
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
481
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
482
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
483
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
484
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
485
|
+
},
|
|
486
|
+
onAccent: {
|
|
487
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
488
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
489
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
490
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
491
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
492
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
493
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
494
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
495
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
496
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
497
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
498
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
499
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
500
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
501
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
502
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
503
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
504
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
505
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
506
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
507
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
508
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
509
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
510
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
511
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
512
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
485
513
|
},
|
|
486
514
|
customizable: {
|
|
487
515
|
red: {
|
|
@@ -388,32 +388,32 @@ export var BASE_TOKENS = {
|
|
|
388
388
|
100: 'rgba(0, 0, 0, 1)',
|
|
389
389
|
},
|
|
390
390
|
onBrand: {
|
|
391
|
-
4: 'rgba(
|
|
392
|
-
6: 'rgba(
|
|
393
|
-
8: 'rgba(
|
|
394
|
-
12: 'rgba(
|
|
395
|
-
16: 'rgba(
|
|
396
|
-
20: 'rgba(
|
|
397
|
-
24: 'rgba(
|
|
398
|
-
28: 'rgba(
|
|
399
|
-
32: 'rgba(
|
|
400
|
-
36: 'rgba(
|
|
401
|
-
40: 'rgba(
|
|
402
|
-
44: 'rgba(
|
|
403
|
-
48: 'rgba(
|
|
404
|
-
52: 'rgba(
|
|
405
|
-
56: 'rgba(
|
|
406
|
-
60: 'rgba(
|
|
407
|
-
64: 'rgba(
|
|
408
|
-
68: 'rgba(
|
|
409
|
-
72: 'rgba(
|
|
410
|
-
76: 'rgba(
|
|
411
|
-
80: 'rgba(
|
|
412
|
-
84: 'rgba(
|
|
413
|
-
88: 'rgba(
|
|
414
|
-
92: 'rgba(
|
|
415
|
-
96: 'rgba(
|
|
416
|
-
100: 'rgba(
|
|
391
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
392
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
393
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
394
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
395
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
396
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
397
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
398
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
399
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
400
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
401
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
402
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
403
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
404
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
405
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
406
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
407
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
408
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
409
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
410
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
411
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
412
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
413
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
414
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
415
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
416
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
417
417
|
},
|
|
418
418
|
customizable: {
|
|
419
419
|
red: {
|
|
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
|
|
|
510
510
|
96: string;
|
|
511
511
|
100: string;
|
|
512
512
|
};
|
|
513
|
+
const onAccent: {
|
|
514
|
+
4: string;
|
|
515
|
+
6: string;
|
|
516
|
+
8: string;
|
|
517
|
+
12: string;
|
|
518
|
+
16: string;
|
|
519
|
+
20: string;
|
|
520
|
+
24: string;
|
|
521
|
+
28: string;
|
|
522
|
+
32: string;
|
|
523
|
+
36: string;
|
|
524
|
+
40: string;
|
|
525
|
+
44: string;
|
|
526
|
+
48: string;
|
|
527
|
+
52: string;
|
|
528
|
+
56: string;
|
|
529
|
+
60: string;
|
|
530
|
+
64: string;
|
|
531
|
+
68: string;
|
|
532
|
+
72: string;
|
|
533
|
+
76: string;
|
|
534
|
+
80: string;
|
|
535
|
+
84: string;
|
|
536
|
+
88: string;
|
|
537
|
+
92: string;
|
|
538
|
+
96: string;
|
|
539
|
+
100: string;
|
|
540
|
+
};
|
|
513
541
|
namespace customizable {
|
|
514
542
|
namespace red {
|
|
515
543
|
const vivid_5: {
|
|
@@ -456,32 +456,60 @@ export var BASE_TOKENS = {
|
|
|
456
456
|
100: 'rgba(0, 0, 0, 1)',
|
|
457
457
|
},
|
|
458
458
|
onBrand: {
|
|
459
|
-
4: 'rgba(
|
|
460
|
-
6: 'rgba(
|
|
461
|
-
8: 'rgba(
|
|
462
|
-
12: 'rgba(
|
|
463
|
-
16: 'rgba(
|
|
464
|
-
20: 'rgba(
|
|
465
|
-
24: 'rgba(
|
|
466
|
-
28: 'rgba(
|
|
467
|
-
32: 'rgba(
|
|
468
|
-
36: 'rgba(
|
|
469
|
-
40: 'rgba(
|
|
470
|
-
44: 'rgba(
|
|
471
|
-
48: 'rgba(
|
|
472
|
-
52: 'rgba(
|
|
473
|
-
56: 'rgba(
|
|
474
|
-
60: 'rgba(
|
|
475
|
-
64: 'rgba(
|
|
476
|
-
68: 'rgba(
|
|
477
|
-
72: 'rgba(
|
|
478
|
-
76: 'rgba(
|
|
479
|
-
80: 'rgba(
|
|
480
|
-
84: 'rgba(
|
|
481
|
-
88: 'rgba(
|
|
482
|
-
92: 'rgba(
|
|
483
|
-
96: 'rgba(
|
|
484
|
-
100: 'rgba(
|
|
459
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
460
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
461
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
462
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
463
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
464
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
465
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
466
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
467
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
468
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
469
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
470
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
471
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
472
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
473
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
474
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
475
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
476
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
477
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
478
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
479
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
480
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
481
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
482
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
483
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
484
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
485
|
+
},
|
|
486
|
+
onAccent: {
|
|
487
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
488
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
489
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
490
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
491
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
492
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
493
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
494
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
495
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
496
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
497
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
498
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
499
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
500
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
501
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
502
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
503
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
504
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
505
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
506
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
507
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
508
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
509
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
510
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
511
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
512
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
485
513
|
},
|
|
486
514
|
customizable: {
|
|
487
515
|
red: {
|
|
@@ -388,32 +388,32 @@ export var BASE_TOKENS = {
|
|
|
388
388
|
100: 'rgba(0, 0, 0, 1)',
|
|
389
389
|
},
|
|
390
390
|
onBrand: {
|
|
391
|
-
4: 'rgba(
|
|
392
|
-
6: 'rgba(
|
|
393
|
-
8: 'rgba(
|
|
394
|
-
12: 'rgba(
|
|
395
|
-
16: 'rgba(
|
|
396
|
-
20: 'rgba(
|
|
397
|
-
24: 'rgba(
|
|
398
|
-
28: 'rgba(
|
|
399
|
-
32: 'rgba(
|
|
400
|
-
36: 'rgba(
|
|
401
|
-
40: 'rgba(
|
|
402
|
-
44: 'rgba(
|
|
403
|
-
48: 'rgba(
|
|
404
|
-
52: 'rgba(
|
|
405
|
-
56: 'rgba(
|
|
406
|
-
60: 'rgba(
|
|
407
|
-
64: 'rgba(
|
|
408
|
-
68: 'rgba(
|
|
409
|
-
72: 'rgba(
|
|
410
|
-
76: 'rgba(
|
|
411
|
-
80: 'rgba(
|
|
412
|
-
84: 'rgba(
|
|
413
|
-
88: 'rgba(
|
|
414
|
-
92: 'rgba(
|
|
415
|
-
96: 'rgba(
|
|
416
|
-
100: 'rgba(
|
|
391
|
+
4: 'rgba(255, 255, 255, 0.04)',
|
|
392
|
+
6: 'rgba(255, 255, 255, 0.06)',
|
|
393
|
+
8: 'rgba(255, 255, 255, 0.08)',
|
|
394
|
+
12: 'rgba(255, 255, 255, 0.12)',
|
|
395
|
+
16: 'rgba(255, 255, 255, 0.16)',
|
|
396
|
+
20: 'rgba(255, 255, 255, 0.2)',
|
|
397
|
+
24: 'rgba(255, 255, 255, 0.24)',
|
|
398
|
+
28: 'rgba(255, 255, 255, 0.28)',
|
|
399
|
+
32: 'rgba(255, 255, 255, 0.32)',
|
|
400
|
+
36: 'rgba(255, 255, 255, 0.36)',
|
|
401
|
+
40: 'rgba(255, 255, 255, 0.4)',
|
|
402
|
+
44: 'rgba(255, 255, 255, 0.44)',
|
|
403
|
+
48: 'rgba(255, 255, 255, 0.48)',
|
|
404
|
+
52: 'rgba(255, 255, 255, 0.52)',
|
|
405
|
+
56: 'rgba(255, 255, 255, 0.56)',
|
|
406
|
+
60: 'rgba(255, 255, 255, 0.6)',
|
|
407
|
+
64: 'rgba(255, 255, 255, 0.64)',
|
|
408
|
+
68: 'rgba(255, 255, 255, 0.68)',
|
|
409
|
+
72: 'rgba(255, 255, 255, 0.72)',
|
|
410
|
+
76: 'rgba(255, 255, 255, 0.76)',
|
|
411
|
+
80: 'rgba(255, 255, 255, 0.8)',
|
|
412
|
+
84: 'rgba(255, 255, 255, 0.84)',
|
|
413
|
+
88: 'rgba(255, 255, 255, 0.88)',
|
|
414
|
+
92: 'rgba(255, 255, 255, 0.92)',
|
|
415
|
+
96: 'rgba(255, 255, 255, 0.96)',
|
|
416
|
+
100: 'rgba(255, 255, 255, 1)',
|
|
417
417
|
},
|
|
418
418
|
customizable: {
|
|
419
419
|
red: {
|
|
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
|
|
|
510
510
|
96: string;
|
|
511
511
|
100: string;
|
|
512
512
|
};
|
|
513
|
+
const onAccent: {
|
|
514
|
+
4: string;
|
|
515
|
+
6: string;
|
|
516
|
+
8: string;
|
|
517
|
+
12: string;
|
|
518
|
+
16: string;
|
|
519
|
+
20: string;
|
|
520
|
+
24: string;
|
|
521
|
+
28: string;
|
|
522
|
+
32: string;
|
|
523
|
+
36: string;
|
|
524
|
+
40: string;
|
|
525
|
+
44: string;
|
|
526
|
+
48: string;
|
|
527
|
+
52: string;
|
|
528
|
+
56: string;
|
|
529
|
+
60: string;
|
|
530
|
+
64: string;
|
|
531
|
+
68: string;
|
|
532
|
+
72: string;
|
|
533
|
+
76: string;
|
|
534
|
+
80: string;
|
|
535
|
+
84: string;
|
|
536
|
+
88: string;
|
|
537
|
+
92: string;
|
|
538
|
+
96: string;
|
|
539
|
+
100: string;
|
|
540
|
+
};
|
|
513
541
|
namespace customizable {
|
|
514
542
|
namespace red {
|
|
515
543
|
const vivid_5: {
|