@common-origin/design-system 2.22.0 → 2.23.0

package/dist/styles/tokens.d.ts

@@ -258,10 +258,12 @@ export type Tokens = {
             max: string;
             fit: string;
         };
-        /** Colour palette: the grey ramp, six role ramps (accent, success, warning, serious, danger, ai) and four display ramps (olive, periwinkle, rose, magenta), each with alpha twins (decisions 0040, 0043 and 0044); the older neutral ramp and seven older hue ramps, removed in 3.0; and transparent. */
+        /** Colour palette: the grey ramp, six role ramps (accent, success, warning, serious, danger, ai) and four display ramps (olive, periwinkle, rose, magenta), each with alpha twins (decisions 0040, 0043 and 0044); the older neutral ramp and seven older hue ramps, removed in 3.0; white (decision 0049); and transparent. */
         color: {
             /** Fully transparent. For colour values that must not show, such as a border that keeps its width (semantic.color.border.none). */
             transparent: string;
+            /** 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). */
+            white: string;
             /** Pure-grey ramp, defined in OKLCH (chroma 0): 100 (lightest) to 1200 (primary text). Each step has one job, and its contrast against white is in its description (decision 0040). */
             gray: {
                 /** Page background. oklch(0.991 0 0), 1.03:1 on white. */
@@ -858,128 +860,434 @@ export type Tokens = {
             };
             /** Neutral grey ramp: 000 is white, then 100 (lightest grey) to 1000 (near-black). */
             neutral: {
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '100': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '200': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '300': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '400': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '500': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '600': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '700': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '800': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '900': string;
+                /**
+                 * @deprecated The Bootstrap neutral ramp is replaced by the gray ramp, whose steps have different values and jobs (decision 0040). Removed in 3.0.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '000': string;
             };
             /** Green ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             green: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Orange ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             orange: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Red ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             red: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Blue ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             blue: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Purple ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             purple: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Pink ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             pink: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
             /** Yellow ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
             yellow: {
+                /**
+                 * @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.
+                 */
                 '100': string;
+                /**
+                 * @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.
+                 */
                 '200': string;
+                /**
+                 * @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.
+                 */
                 '300': string;
+                /**
+                 * @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': string;
+                /**
+                 * @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.
+                 */
                 '500': string;
+                /**
+                 * @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.
+                 */
                 '600': string;
+                /**
+                 * @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.
+                 */
                 '700': string;
+                /**
+                 * @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.
+                 */
                 '800': string;
+                /**
+                 * @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.
+                 */
                 '900': string;
+                /**
+                 * @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.
+                 */
                 '1000': string;
+                /**
+                 * @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.
+                 */
                 '1100': string;
+                /**
+                 * @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.
+                 */
                 '1200': string;
+                /**
+                 * @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.
+                 */
                 '1300': string;
             };
         };
@@ -2862,7 +3170,7 @@ export type Tokens = {
                  * @deprecated Renamed to semantic.color.text.muted by the semantic grammar (decision 0031). Removed in 3.0.
                  */
                 subdued: string;
-                /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.91:1 on fill.emphasis. */
+                /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
                 inverse: string;
                 /** 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. */
                 disabled: string;

package/dist/styles/tokens.json

@@ -146,6 +146,7 @@
     },
     "color": {
       "transparent": "transparent",
+      "white": "#ffffff",
       "gray": {
         "100": "#fcfcfc",
         "200": "#f9f9f9",
@@ -680,16 +681,16 @@
     "button": {
       "primary": {
         "backgroundColor": "#222222",
-        "textColor": "#ffffff",
+        "textColor": "#fcfcfc",
         "borderRadius": "0.25rem",
         "padding": "0.75rem 1rem",
         "font": "500 1rem/1.5rem 'Inter', sans-serif"
       },
       "hover": {
-        "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
+        "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
       },
       "active": {
-        "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
+        "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
       },
       "focus": {
         "outline": "0.125rem solid #222222",
@@ -730,12 +731,12 @@
         },
         "accent": {
           "backgroundColor": "#0162bf",
-          "textColor": "#ffffff",
+          "textColor": "#fcfcfc",
           "hover": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
           },
           "active": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
           },
           "disabled": {
             "backgroundColor": "#f2f2f2",
@@ -744,12 +745,12 @@
         },
         "emphasis": {
           "backgroundColor": "#0162bf",
-          "textColor": "#ffffff",
+          "textColor": "#fcfcfc",
           "hover": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
           },
           "active": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
           },
           "disabled": {
             "backgroundColor": "#f2f2f2",
@@ -758,12 +759,12 @@
         },
         "danger": {
           "backgroundColor": "#c90002",
-          "textColor": "#ffffff",
+          "textColor": "#fcfcfc",
           "hover": {
-            "backgroundColor": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))"
           },
           "active": {
-            "backgroundColor": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))"
           },
           "disabled": {
             "backgroundColor": "#f2f2f2",
@@ -815,12 +816,12 @@
       "variants": {
         "emphasis": {
           "backgroundColor": "#222222",
-          "textColor": "#ffffff",
+          "textColor": "#fcfcfc",
           "hover": {
-            "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
           },
           "active": {
-            "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
           },
           "disabled": {
             "backgroundColor": "#f2f2f2",
@@ -843,12 +844,12 @@
         },
         "interactive": {
           "backgroundColor": "#0162bf",
-          "textColor": "#ffffff",
+          "textColor": "#fcfcfc",
           "hover": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
           },
           "active": {
-            "backgroundColor": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
+            "backgroundColor": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
           },
           "disabled": {
             "backgroundColor": "#f2f2f2",
@@ -882,10 +883,10 @@
         "justifyContent": "center"
       },
       "hover": {
-        "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
+        "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
       },
       "active": {
-        "backgroundColor": "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
+        "backgroundColor": "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
       },
       "focus": {
         "outline": "0.125rem solid #222222",
@@ -1449,7 +1450,7 @@
         "default": "#222222",
         "emphasis": "#222222",
         "subdued": "#636363",
-        "inverse": "#ffffff",
+        "inverse": "#fcfcfc",
         "disabled": "rgba(34, 34, 34, 0.208)",
         "interactive": "#0162bf",
         "interactive-hover": "#0162bf",
@@ -1477,11 +1478,11 @@
         "interactive-subtle": "#edf3fa",
         "interactive-subtle-hover": "#e3ecf8",
         "interactive-subtle-active": "#d8e5f6",
-        "interactive-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
-        "interactive-active": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
+        "interactive-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
+        "interactive-active": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
         "error": "#c90002",
-        "error-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
-        "error-active": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
+        "error-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
+        "error-active": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
         "error-subtle": "#faf0ee",
         "success": "#017249",
         "success-subtle": "#dbf9e8",
@@ -1523,7 +1524,7 @@
         "emphasis": "#222222",
         "subdued": "#636363",
         "disabled": "rgba(34, 34, 34, 0.208)",
-        "inverse": "#ffffff",
+        "inverse": "#fcfcfc",
         "interactive": "#0162bf",
         "interactive-hover": "#0162bf",
         "interactive-active": "#0162bf",
@@ -1636,11 +1637,11 @@
         "accent-muted": "#edf3fa",
         "accent-muted-hover": "#e3ecf8",
         "accent-muted-pressed": "#d8e5f6",
-        "accent-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
-        "accent-pressed": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
+        "accent-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
+        "accent-pressed": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
         "danger": "#c90002",
-        "danger-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
-        "danger-pressed": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
+        "danger-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
+        "danger-pressed": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
         "danger-muted": "#faf0ee",
         "success": "#017249",
         "success-muted": "#dbf9e8",