@nswds/tokens 3.0.1 → 3.1.0

package/dist/tokens/semantic/color/canonical.json

@@ -2,6 +2,7 @@
   "success": {
     "50": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -15,6 +16,7 @@
     },
     "100": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -28,6 +30,7 @@
     },
     "150": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -41,6 +44,7 @@
     },
     "200": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -54,6 +58,7 @@
     },
     "250": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -67,6 +72,7 @@
     },
     "300": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 300: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -80,6 +86,7 @@
     },
     "350": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 350: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -93,6 +100,7 @@
     },
     "400": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 400: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -106,6 +114,7 @@
     },
     "450": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 450: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -119,6 +128,7 @@
     },
     "500": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 500: base colour.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -132,6 +142,7 @@
     },
     "550": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 550: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -145,6 +156,7 @@
     },
     "600": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 600: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -158,6 +170,7 @@
     },
     "650": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 650: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -171,6 +184,7 @@
     },
     "700": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 700: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -184,6 +198,7 @@
     },
     "750": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 750: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -197,6 +212,7 @@
     },
     "800": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 800: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -210,6 +226,7 @@
     },
     "850": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 850: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -223,6 +240,7 @@
     },
     "900": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 900: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -236,6 +254,7 @@
     },
     "950": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 950: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -251,6 +270,7 @@
   "warning": {
     "50": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -264,6 +284,7 @@
     },
     "100": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -277,6 +298,7 @@
     },
     "150": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -290,6 +312,7 @@
     },
     "200": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -303,6 +326,7 @@
     },
     "250": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -316,6 +340,7 @@
     },
     "300": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 300: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -329,6 +354,7 @@
     },
     "350": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 350: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -342,6 +368,7 @@
     },
     "400": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 400: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -355,6 +382,7 @@
     },
     "450": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 450: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -368,6 +396,7 @@
     },
     "500": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 500: base colour.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -381,6 +410,7 @@
     },
     "550": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 550: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -394,6 +424,7 @@
     },
     "600": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 600: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -407,6 +438,7 @@
     },
     "650": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 650: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -420,6 +452,7 @@
     },
     "700": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 700: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -433,6 +466,7 @@
     },
     "750": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 750: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -446,6 +480,7 @@
     },
     "800": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 800: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -459,6 +494,7 @@
     },
     "850": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 850: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -472,6 +508,7 @@
     },
     "900": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 900: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -485,6 +522,7 @@
     },
     "950": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 950: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -500,6 +538,7 @@
   "danger": {
     "50": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -513,6 +552,7 @@
     },
     "100": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -526,6 +566,7 @@
     },
     "150": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -539,6 +580,7 @@
     },
     "200": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -552,6 +594,7 @@
     },
     "250": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -565,6 +608,7 @@
     },
     "300": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 300: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -578,6 +622,7 @@
     },
     "350": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 350: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -591,6 +636,7 @@
     },
     "400": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 400: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -604,6 +650,7 @@
     },
     "450": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 450: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -617,6 +664,7 @@
     },
     "500": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 500: base colour.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -630,6 +678,7 @@
     },
     "550": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 550: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -643,6 +692,7 @@
     },
     "600": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 600: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -656,6 +706,7 @@
     },
     "650": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 650: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -669,6 +720,7 @@
     },
     "700": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 700: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -682,6 +734,7 @@
     },
     "750": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 750: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -695,6 +748,7 @@
     },
     "800": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 800: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -708,6 +762,7 @@
     },
     "850": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 850: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -721,6 +776,7 @@
     },
     "900": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 900: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -734,6 +790,7 @@
     },
     "950": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 950: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -749,6 +806,7 @@
   "info": {
     "50": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -762,6 +820,7 @@
     },
     "100": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -775,6 +834,7 @@
     },
     "150": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -788,6 +848,7 @@
     },
     "200": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -801,6 +862,7 @@
     },
     "250": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -814,6 +876,7 @@
     },
     "300": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 300: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -827,6 +890,7 @@
     },
     "350": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 350: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -840,6 +904,7 @@
     },
     "400": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 400: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -853,6 +918,7 @@
     },
     "450": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 450: light tints.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -866,6 +932,7 @@
     },
     "500": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 500: base colour.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -879,6 +946,7 @@
     },
     "550": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 550: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -892,6 +960,7 @@
     },
     "600": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 600: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -905,6 +974,7 @@
     },
     "650": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 650: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -918,6 +988,7 @@
     },
     "700": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 700: shades for borders and icons.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -931,6 +1002,7 @@
     },
     "750": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 750: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -944,6 +1016,7 @@
     },
     "800": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 800: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -957,6 +1030,7 @@
     },
     "850": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 850: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -970,6 +1044,7 @@
     },
     "900": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 900: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [
@@ -983,6 +1058,7 @@
     },
     "950": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 950: darkest shades for text and high emphasis.",
       "$value": {
         "colorSpace": "srgb",
         "components": [