@common-origin/design-system 2.22.0 → 2.23.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/client.js +39 -2
- package/dist/client.js.map +1 -1
- package/dist/components/atoms/Box/Box.d.mts +25 -1
- package/dist/components/atoms/Box/Box.d.ts +25 -1
- package/dist/components/atoms/Box/Box.mjs +5 -2
- package/dist/components/molecules/AccountCard/AccountCard.mjs +1 -1
- package/dist/data.js +31 -30
- package/dist/data.js.map +1 -1
- package/dist/lib/tokenAliases.d.mts +9 -0
- package/dist/lib/tokenAliases.d.ts +9 -0
- package/dist/lib/tokenAliases.mjs +35 -1
- package/dist/lib/tokenAliases.mjs.map +1 -1
- package/dist/styles/tokens.d.mts +310 -2
- package/dist/styles/tokens.d.ts +310 -2
- package/dist/styles/tokens.json +31 -30
- package/dist/styles/tokens.json.mjs +31 -30
- package/dist/styles/tokens.json.mjs.map +1 -1
- package/dist/tokens/index.js +31 -30
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs +31 -30
- package/dist/tokens/index.mjs.map +1 -1
- package/dist/tokens/styles/tokens.d.mts +310 -2
- package/dist/tokens/styles/tokens.d.ts +310 -2
- package/dist/tokens.css +107 -106
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -96,6 +96,7 @@
|
|
|
96
96
|
--co-base-size-max: max-content;
|
|
97
97
|
--co-base-size-fit: fit-content;
|
|
98
98
|
--co-base-color-transparent: transparent; /** Fully transparent. For colour values that must not show, such as a border that keeps its width (semantic.color.border.none). */
|
|
99
|
+
--co-base-color-white: #ffffff; /** Pure white, outside the ramps: raised surfaces (semantic.surface.raised) that sit on the gray.100 page. The ramps' contrast is measured against it (decision 0049). */
|
|
99
100
|
--co-base-color-gray-100: #fcfcfc; /** Page background. oklch(0.991 0 0), 1.03:1 on white. */
|
|
100
101
|
--co-base-color-gray-200: #f9f9f9; /** Subtle background. oklch(0.982 0 0), 1.05:1 on white. */
|
|
101
102
|
--co-base-color-gray-300: #f2f2f2; /** Component fill at rest. oklch(0.961 0 0), 1.12:1 on white. */
|
|
@@ -360,108 +361,108 @@
|
|
|
360
361
|
--co-base-color-magenta-alpha-1000: rgba(215, 0, 212, 1); /** Solid fill on hover. Composites to magenta.1000 over white. */
|
|
361
362
|
--co-base-color-magenta-alpha-1100: rgba(177, 0, 175, 1); /** Secondary text: at least 4.5:1 on 100 to 500 and white. Composites to magenta.1100 over white. */
|
|
362
363
|
--co-base-color-magenta-alpha-1200: rgba(37, 0, 35, 0.918); /** Primary text, and the darkest step. Composites to magenta.1200 over white. */
|
|
363
|
-
--co-base-color-neutral-100: #f8f9fa;
|
|
364
|
-
--co-base-color-neutral-200: #e9ecef;
|
|
365
|
-
--co-base-color-neutral-300: #dee2e6;
|
|
366
|
-
--co-base-color-neutral-400: #ced4da;
|
|
367
|
-
--co-base-color-neutral-500: #adb5bd;
|
|
368
|
-
--co-base-color-neutral-600: #6c757d;
|
|
369
|
-
--co-base-color-neutral-700: #495057;
|
|
370
|
-
--co-base-color-neutral-800: #343a40;
|
|
371
|
-
--co-base-color-neutral-900: #212529;
|
|
372
|
-
--co-base-color-neutral-1000: #16191C;
|
|
373
|
-
--co-base-color-neutral-000: #ffffff;
|
|
374
|
-
--co-base-color-green-100: #CEF8E0;
|
|
375
|
-
--co-base-color-green-200: #ADF4CE;
|
|
376
|
-
--co-base-color-green-300: #89ECBC;
|
|
377
|
-
--co-base-color-green-400: #67DEA8;
|
|
378
|
-
--co-base-color-green-500: #49CC93;
|
|
379
|
-
--co-base-color-green-600: #2FB880;
|
|
380
|
-
--co-base-color-green-700: #15A46E;
|
|
381
|
-
--co-base-color-green-800: #008F5D;
|
|
382
|
-
--co-base-color-green-900: #007A4D;
|
|
383
|
-
--co-base-color-green-1000: #00653E;
|
|
384
|
-
--co-base-color-green-1100: #005132;
|
|
385
|
-
--co-base-color-green-1200: #053F27;
|
|
386
|
-
--co-base-color-green-1300: #0A2E1D;
|
|
387
|
-
--co-base-color-orange-100: #FFECCC;
|
|
388
|
-
--co-base-color-orange-200: #FFDFAD;
|
|
389
|
-
--co-base-color-orange-300: #FDD291;
|
|
390
|
-
--co-base-color-orange-400: #FFBB63;
|
|
391
|
-
--co-base-color-orange-500: #FFA037;
|
|
392
|
-
--co-base-color-orange-600: #F68511;
|
|
393
|
-
--co-base-color-orange-700: #E46F00;
|
|
394
|
-
--co-base-color-orange-800: #CB5D00;
|
|
395
|
-
--co-base-color-orange-900: #B14C00;
|
|
396
|
-
--co-base-color-orange-1000: #953D00;
|
|
397
|
-
--co-base-color-orange-1100: #7A2F00;
|
|
398
|
-
--co-base-color-orange-1200: #612300;
|
|
399
|
-
--co-base-color-orange-1300: #491901;
|
|
400
|
-
--co-base-color-red-100: #FFEBE7;
|
|
401
|
-
--co-base-color-red-200: #FFDDD6;
|
|
402
|
-
--co-base-color-red-300: #FFCDC3;
|
|
403
|
-
--co-base-color-red-400: #FFB7A9;
|
|
404
|
-
--co-base-color-red-500: #FF9B88;
|
|
405
|
-
--co-base-color-red-600: #FF7C65;
|
|
406
|
-
--co-base-color-red-700: #F75C46;
|
|
407
|
-
--co-base-color-red-800: #EA3829;
|
|
408
|
-
--co-base-color-red-900: #D31510;
|
|
409
|
-
--co-base-color-red-1000: #B40000;
|
|
410
|
-
--co-base-color-red-1100: #930000;
|
|
411
|
-
--co-base-color-red-1200: #740000;
|
|
412
|
-
--co-base-color-red-1300: #590000;
|
|
413
|
-
--co-base-color-blue-100: #E0F2FF;
|
|
414
|
-
--co-base-color-blue-200: #CAE8FF;
|
|
415
|
-
--co-base-color-blue-300: #B5DEFF;
|
|
416
|
-
--co-base-color-blue-400: #96CEFD;
|
|
417
|
-
--co-base-color-blue-500: #78BBFA;
|
|
418
|
-
--co-base-color-blue-600: #59A7F6;
|
|
419
|
-
--co-base-color-blue-700: #3892F3;
|
|
420
|
-
--co-base-color-blue-800: #147AF3;
|
|
421
|
-
--co-base-color-blue-900: #0265DC;
|
|
422
|
-
--co-base-color-blue-1000: #0054B6;
|
|
423
|
-
--co-base-color-blue-1100: #004491;
|
|
424
|
-
--co-base-color-blue-1200: #003571;
|
|
425
|
-
--co-base-color-blue-1300: #002754;
|
|
426
|
-
--co-base-color-purple-100: #F9F0FF;
|
|
427
|
-
--co-base-color-purple-200: #F4E1FF;
|
|
428
|
-
--co-base-color-purple-300: #EDD0FF;
|
|
429
|
-
--co-base-color-purple-400: #E3B8FF;
|
|
430
|
-
--co-base-color-purple-500: #D59DFF;
|
|
431
|
-
--co-base-color-purple-600: #C27EF7;
|
|
432
|
-
--co-base-color-purple-700: #AD5FE8;
|
|
433
|
-
--co-base-color-purple-800: #9644D4;
|
|
434
|
-
--co-base-color-purple-900: #7E2EBD;
|
|
435
|
-
--co-base-color-purple-1000: #67229F;
|
|
436
|
-
--co-base-color-purple-1100: #511882;
|
|
437
|
-
--co-base-color-purple-1200: #3D1066;
|
|
438
|
-
--co-base-color-purple-1300: #2B0A4D;
|
|
439
|
-
--co-base-color-pink-100: #FFEFF9;
|
|
440
|
-
--co-base-color-pink-200: #FFDFF4;
|
|
441
|
-
--co-base-color-pink-300: #FFCBED;
|
|
442
|
-
--co-base-color-pink-400: #FFB0E3;
|
|
443
|
-
--co-base-color-pink-500: #FF8ED4;
|
|
444
|
-
--co-base-color-pink-600: #FF69C1;
|
|
445
|
-
--co-base-color-pink-700: #FF42AB;
|
|
446
|
-
--co-base-color-pink-800: #F31A93;
|
|
447
|
-
--co-base-color-pink-900: #DC007B;
|
|
448
|
-
--co-base-color-pink-1000: #B90064;
|
|
449
|
-
--co-base-color-pink-1100: #97004E;
|
|
450
|
-
--co-base-color-pink-1200: #78003A;
|
|
451
|
-
--co-base-color-pink-1300: #5C0029;
|
|
452
|
-
--co-base-color-yellow-100: #FFF3D6;
|
|
453
|
-
--co-base-color-yellow-200: #FFE9B3;
|
|
454
|
-
--co-base-color-yellow-300: #FFDE8F;
|
|
455
|
-
--co-base-color-yellow-400: #FFD162;
|
|
456
|
-
--co-base-color-yellow-500: #FFC233;
|
|
457
|
-
--co-base-color-yellow-600: #EDAD0A;
|
|
458
|
-
--co-base-color-yellow-700: #D39700;
|
|
459
|
-
--co-base-color-yellow-800: #B88100;
|
|
460
|
-
--co-base-color-yellow-900: #9D6C00;
|
|
461
|
-
--co-base-color-yellow-1000: #825800;
|
|
462
|
-
--co-base-color-yellow-1100: #694600;
|
|
463
|
-
--co-base-color-yellow-1200: #523600;
|
|
464
|
-
--co-base-color-yellow-1300: #3D2800;
|
|
364
|
+
--co-base-color-neutral-100: #f8f9fa; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
365
|
+
--co-base-color-neutral-200: #e9ecef; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
366
|
+
--co-base-color-neutral-300: #dee2e6; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
367
|
+
--co-base-color-neutral-400: #ced4da; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
368
|
+
--co-base-color-neutral-500: #adb5bd; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
369
|
+
--co-base-color-neutral-600: #6c757d; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
370
|
+
--co-base-color-neutral-700: #495057; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
371
|
+
--co-base-color-neutral-800: #343a40; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
372
|
+
--co-base-color-neutral-900: #212529; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
373
|
+
--co-base-color-neutral-1000: #16191C; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0. */
|
|
374
|
+
--co-base-color-neutral-000: #ffffff; /** Deprecated: The Bootstrap neutral ramp is replaced by the gray ramp (decision 0040); its white is base.color.white (decision 0049). Removed in 3.0. */
|
|
375
|
+
--co-base-color-green-100: #CEF8E0; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
376
|
+
--co-base-color-green-200: #ADF4CE; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
377
|
+
--co-base-color-green-300: #89ECBC; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
378
|
+
--co-base-color-green-400: #67DEA8; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
379
|
+
--co-base-color-green-500: #49CC93; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
380
|
+
--co-base-color-green-600: #2FB880; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
381
|
+
--co-base-color-green-700: #15A46E; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
382
|
+
--co-base-color-green-800: #008F5D; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
383
|
+
--co-base-color-green-900: #007A4D; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
384
|
+
--co-base-color-green-1000: #00653E; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
385
|
+
--co-base-color-green-1100: #005132; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
386
|
+
--co-base-color-green-1200: #053F27; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
387
|
+
--co-base-color-green-1300: #0A2E1D; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
388
|
+
--co-base-color-orange-100: #FFECCC; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
389
|
+
--co-base-color-orange-200: #FFDFAD; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
390
|
+
--co-base-color-orange-300: #FDD291; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
391
|
+
--co-base-color-orange-400: #FFBB63; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
392
|
+
--co-base-color-orange-500: #FFA037; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
393
|
+
--co-base-color-orange-600: #F68511; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
394
|
+
--co-base-color-orange-700: #E46F00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
395
|
+
--co-base-color-orange-800: #CB5D00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
396
|
+
--co-base-color-orange-900: #B14C00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
397
|
+
--co-base-color-orange-1000: #953D00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
398
|
+
--co-base-color-orange-1100: #7A2F00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
399
|
+
--co-base-color-orange-1200: #612300; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
400
|
+
--co-base-color-orange-1300: #491901; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
401
|
+
--co-base-color-red-100: #FFEBE7; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
402
|
+
--co-base-color-red-200: #FFDDD6; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
403
|
+
--co-base-color-red-300: #FFCDC3; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
404
|
+
--co-base-color-red-400: #FFB7A9; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
405
|
+
--co-base-color-red-500: #FF9B88; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
406
|
+
--co-base-color-red-600: #FF7C65; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
407
|
+
--co-base-color-red-700: #F75C46; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
408
|
+
--co-base-color-red-800: #EA3829; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
409
|
+
--co-base-color-red-900: #D31510; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
410
|
+
--co-base-color-red-1000: #B40000; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
411
|
+
--co-base-color-red-1100: #930000; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
412
|
+
--co-base-color-red-1200: #740000; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
413
|
+
--co-base-color-red-1300: #590000; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
414
|
+
--co-base-color-blue-100: #E0F2FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
415
|
+
--co-base-color-blue-200: #CAE8FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
416
|
+
--co-base-color-blue-300: #B5DEFF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
417
|
+
--co-base-color-blue-400: #96CEFD; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
418
|
+
--co-base-color-blue-500: #78BBFA; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
419
|
+
--co-base-color-blue-600: #59A7F6; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
420
|
+
--co-base-color-blue-700: #3892F3; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
421
|
+
--co-base-color-blue-800: #147AF3; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
422
|
+
--co-base-color-blue-900: #0265DC; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
423
|
+
--co-base-color-blue-1000: #0054B6; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
424
|
+
--co-base-color-blue-1100: #004491; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
425
|
+
--co-base-color-blue-1200: #003571; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
426
|
+
--co-base-color-blue-1300: #002754; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
427
|
+
--co-base-color-purple-100: #F9F0FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
428
|
+
--co-base-color-purple-200: #F4E1FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
429
|
+
--co-base-color-purple-300: #EDD0FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
430
|
+
--co-base-color-purple-400: #E3B8FF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
431
|
+
--co-base-color-purple-500: #D59DFF; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
432
|
+
--co-base-color-purple-600: #C27EF7; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
433
|
+
--co-base-color-purple-700: #AD5FE8; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
434
|
+
--co-base-color-purple-800: #9644D4; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
435
|
+
--co-base-color-purple-900: #7E2EBD; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
436
|
+
--co-base-color-purple-1000: #67229F; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
437
|
+
--co-base-color-purple-1100: #511882; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
438
|
+
--co-base-color-purple-1200: #3D1066; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
439
|
+
--co-base-color-purple-1300: #2B0A4D; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
440
|
+
--co-base-color-pink-100: #FFEFF9; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
441
|
+
--co-base-color-pink-200: #FFDFF4; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
442
|
+
--co-base-color-pink-300: #FFCBED; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
443
|
+
--co-base-color-pink-400: #FFB0E3; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
444
|
+
--co-base-color-pink-500: #FF8ED4; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
445
|
+
--co-base-color-pink-600: #FF69C1; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
446
|
+
--co-base-color-pink-700: #FF42AB; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
447
|
+
--co-base-color-pink-800: #F31A93; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
448
|
+
--co-base-color-pink-900: #DC007B; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
449
|
+
--co-base-color-pink-1000: #B90064; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
450
|
+
--co-base-color-pink-1100: #97004E; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
451
|
+
--co-base-color-pink-1200: #78003A; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
452
|
+
--co-base-color-pink-1300: #5C0029; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
453
|
+
--co-base-color-yellow-100: #FFF3D6; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
454
|
+
--co-base-color-yellow-200: #FFE9B3; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
455
|
+
--co-base-color-yellow-300: #FFDE8F; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
456
|
+
--co-base-color-yellow-400: #FFD162; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
457
|
+
--co-base-color-yellow-500: #FFC233; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
458
|
+
--co-base-color-yellow-600: #EDAD0A; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
459
|
+
--co-base-color-yellow-700: #D39700; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
460
|
+
--co-base-color-yellow-800: #B88100; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
461
|
+
--co-base-color-yellow-900: #9D6C00; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
462
|
+
--co-base-color-yellow-1000: #825800; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
463
|
+
--co-base-color-yellow-1100: #694600; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
464
|
+
--co-base-color-yellow-1200: #523600; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
465
|
+
--co-base-color-yellow-1300: #3D2800; /** Deprecated: The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0. */
|
|
465
466
|
--co-base-spacing-auto: auto;
|
|
466
467
|
--co-base-font-family-heading: 'Inter', sans-serif;
|
|
467
468
|
--co-base-font-family-body: 'Inter', sans-serif;
|
|
@@ -743,7 +744,7 @@
|
|
|
743
744
|
--co-semantic-spacing-layout-11xl: var(--co-base-dimension-24); /** Deprecated: Renamed to semantic.space.2400 by the semantic grammar (decision 0031). Removed in 3.0. */
|
|
744
745
|
--co-semantic-spacing-layout-auto: var(--co-base-spacing-auto); /** auto: lets the browser compute the space, such as margin: auto to centre or push an element. */
|
|
745
746
|
--co-semantic-color-text-default: var(--co-base-color-gray-1200); /** Primary text: body copy, labels and headings. 15.91:1 on white, 15.51:1 on the page. */
|
|
746
|
-
--co-semantic-color-text-inverse: var(--co-base-color-
|
|
747
|
+
--co-semantic-color-text-inverse: var(--co-base-color-gray-100); /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
|
|
747
748
|
--co-semantic-color-text-disabled: var(--co-base-color-gray-alpha-700); /** Text of disabled controls, translucent so it stays right on tinted surfaces. 1.53:1 on white: disabled text is exempt from the contrast minimum (WCAG 1.4.3), so never use it for text people need to read, including placeholders. */
|
|
748
749
|
--co-semantic-color-text-success: var(--co-base-color-success-1100); /** Success text, such as InlineAlert success messages. 5.99:1 on white. */
|
|
749
750
|
--co-semantic-color-text-warning: var(--co-base-color-warning-1100); /** Warning text, such as InlineAlert warnings (0043: warning is yellow). 6.01:1 on white. */
|
|
@@ -752,7 +753,7 @@
|
|
|
752
753
|
--co-semantic-color-text-danger: var(--co-base-color-danger-1100); /** Error text: field error messages, InlineAlert errors. 6.03:1 on white. */
|
|
753
754
|
--co-semantic-color-text-ai: var(--co-base-color-ai-1100); /** AI-generated content and agent actions, such as the label on proposed content (0046); always with the AI icon and a label, never colour alone (0043). 5.99:1 on white, 5.68:1 on the page. */
|
|
754
755
|
--co-semantic-color-text-serious: var(--co-base-color-serious-1100); /** Serious-warning text: between warning and danger (decisions 0043, 0045). 6.04:1 on white. */
|
|
755
|
-
--co-semantic-color-background-subtle: var(--co-base-color-
|
|
756
|
+
--co-semantic-color-background-subtle: var(--co-base-color-white); /** Deprecated: Split by use (decision 0031): semantic.surface.raised for surfaces such as cards, inputs and sheets; component.slider.thumb.background for Slider's thumb. Removed in 3.0. */
|
|
756
757
|
--co-semantic-color-background-emphasis-hover: var(--co-base-color-neutral-800); /** Deprecated: Renamed to semantic.color.fill.emphasis-hover by the semantic grammar (decision 0031). Removed in 3.0. */
|
|
757
758
|
--co-semantic-color-background-emphasis-active: var(--co-base-color-neutral-1000); /** Deprecated: Renamed to semantic.color.fill.emphasis-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
|
|
758
759
|
--co-semantic-color-background-transparent: var(--co-base-color-transparent); /** Deprecated: Renamed to semantic.color.fill.none by the semantic grammar (decision 0031). Removed in 3.0. */
|
|
@@ -773,7 +774,7 @@
|
|
|
773
774
|
--co-semantic-color-border-ai: var(--co-base-color-ai-800); /** Purple border for AI-generated content and agent actions, always with the AI icon and a label (0043). 3.20:1 on white. */
|
|
774
775
|
--co-semantic-color-icon-default: var(--co-base-color-gray-1200); /** Default icon colour, matching text.default. 15.91:1 on white. */
|
|
775
776
|
--co-semantic-color-icon-disabled: var(--co-base-color-gray-alpha-700); /** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
|
|
776
|
-
--co-semantic-color-icon-inverse: var(--co-base-color-
|
|
777
|
+
--co-semantic-color-icon-inverse: var(--co-base-color-gray-100); /** Icons on dark or coloured fills, matching text.inverse. */
|
|
777
778
|
--co-semantic-color-icon-success: var(--co-base-color-success-1100); /** Success icons, such as in Alert and EmptyState. 5.99:1 on white. (InlineAlert’s icon takes the text colour instead.) */
|
|
778
779
|
--co-semantic-color-icon-warning: var(--co-base-color-warning-1100); /** Warning icons, such as in Alert. 6.01:1 on white. (InlineAlert’s icon takes the text colour instead.) */
|
|
779
780
|
--co-semantic-color-icon-muted: var(--co-base-color-gray-1100); /** Secondary icons, such as list item and empty-state icons, matching text.muted. 6.01:1 on white. */
|
|
@@ -897,7 +898,7 @@
|
|
|
897
898
|
--co-semantic-space-inset-xl: var(--co-base-dimension-5); /** Generous padding inside a component, such as a prominent call to action. */
|
|
898
899
|
--co-semantic-space-inset-2xl: var(--co-base-dimension-6); /** Largest padding inside a component: large cards, spacious form sections. */
|
|
899
900
|
--co-semantic-surface-base: var(--co-base-color-gray-100); /** The page: the off-white background everything else sits on (decision 0006). */
|
|
900
|
-
--co-semantic-surface-raised: var(--co-base-color-
|
|
901
|
+
--co-semantic-surface-raised: var(--co-base-color-white); /** Content raised off the page: cards, inputs, sheets, dialogs, code blocks. */
|
|
901
902
|
--co-component-button-primary-background-color: var(--co-semantic-color-fill-emphasis); /** Primary Button fill at rest. */
|
|
902
903
|
--co-component-button-primary-text-color: var(--co-semantic-color-text-inverse); /** Text and icon colour on the primary Button. */
|
|
903
904
|
--co-component-button-primary-border-radius: var(--co-semantic-radius-sm); /** Corner radius of every Button (visual language: Button uses sm). */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@common-origin/design-system",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.23.0",
|
|
4
4
|
"description": "Common Origin Design System - Framework-agnostic atomic design components with comprehensive WCAG 2.2 AA testing",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|