@nswds/tokens 3.0.1 → 3.2.0

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

@@ -2,312 +2,388 @@
   "success": {
     "50": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#eff9ed"
     },
     "100": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#e0f3de"
     },
     "150": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#d2eccf"
     },
     "200": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#c4e5c0"
     },
     "250": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#aad6a5"
     },
     "300": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 300: light tints.",
       "$value": "#8fc78a"
     },
     "350": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 350: light tints.",
       "$value": "#74b76f"
     },
     "400": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 400: light tints.",
       "$value": "#58a854"
     },
     "450": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 450: light tints.",
       "$value": "#49a146"
     },
     "500": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 500: base colour.",
       "$value": "#399936"
     },
     "550": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 550: shades for borders and icons.",
       "$value": "#259224"
     },
     "600": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 600: shades for borders and icons.",
       "$value": "#008a07"
     },
     "650": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 650: shades for borders and icons.",
       "$value": "#007204"
     },
     "700": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 700: shades for borders and icons.",
       "$value": "#005a02"
     },
     "750": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 750: darkest shades for text and high emphasis.",
       "$value": "#004401"
     },
     "800": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 800: darkest shades for text and high emphasis.",
       "$value": "#002f00"
     },
     "850": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 850: darkest shades for text and high emphasis.",
       "$value": "#002200"
     },
     "900": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 900: darkest shades for text and high emphasis.",
       "$value": "#001600"
     },
     "950": {
       "$type": "color",
+      "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 950: darkest shades for text and high emphasis.",
       "$value": "#000b00"
     }
   },
   "warning": {
     "50": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#fff3ed"
     },
     "100": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#ffe8de"
     },
     "150": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#ffddcf"
     },
     "200": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#fdd2c0"
     },
     "250": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#f6bda5"
     },
     "300": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 300: light tints.",
       "$value": "#eea88a"
     },
     "350": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 350: light tints.",
       "$value": "#e6936f"
     },
     "400": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 400: light tints.",
       "$value": "#dd7d53"
     },
     "450": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 450: light tints.",
       "$value": "#d87244"
     },
     "500": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 500: base colour.",
       "$value": "#d36734"
     },
     "550": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 550: shades for borders and icons.",
       "$value": "#ce5c21"
     },
     "600": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 600: shades for borders and icons.",
       "$value": "#c95000"
     },
     "650": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 650: shades for borders and icons.",
       "$value": "#a83f03"
     },
     "700": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 700: shades for borders and icons.",
       "$value": "#882f03"
     },
     "750": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 750: darkest shades for text and high emphasis.",
       "$value": "#692001"
     },
     "800": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 800: darkest shades for text and high emphasis.",
       "$value": "#4b1200"
     },
     "850": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 850: darkest shades for text and high emphasis.",
       "$value": "#390a00"
     },
     "900": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 900: darkest shades for text and high emphasis.",
       "$value": "#270400"
     },
     "950": {
       "$type": "color",
+      "$description": "Warning state — caution and actions that need attention. Step 950: darkest shades for text and high emphasis.",
       "$value": "#170100"
     }
   },
   "danger": {
     "50": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#fff0ef"
     },
     "100": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#ffe2e1"
     },
     "150": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#ffd4d4"
     },
     "200": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#fdc6c6"
     },
     "250": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#f4acad"
     },
     "300": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 300: light tints.",
       "$value": "#ea9294"
     },
     "350": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 350: light tints.",
       "$value": "#df787c"
     },
     "400": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 400: light tints.",
       "$value": "#d35d65"
     },
     "450": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 450: light tints.",
       "$value": "#cd4e59"
     },
     "500": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 500: base colour.",
       "$value": "#c63f4e"
     },
     "550": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 550: shades for borders and icons.",
       "$value": "#bf2c42"
     },
     "600": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 600: shades for borders and icons.",
       "$value": "#b81237"
     },
     "650": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 650: shades for borders and icons.",
       "$value": "#990b2a"
     },
     "700": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 700: shades for borders and icons.",
       "$value": "#7c061f"
     },
     "750": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 750: darkest shades for text and high emphasis.",
       "$value": "#5f0214"
     },
     "800": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 800: darkest shades for text and high emphasis.",
       "$value": "#44000a"
     },
     "850": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 850: darkest shades for text and high emphasis.",
       "$value": "#330005"
     },
     "900": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 900: darkest shades for text and high emphasis.",
       "$value": "#230002"
     },
     "950": {
       "$type": "color",
+      "$description": "Danger state — errors and destructive or critical actions. Step 950: darkest shades for text and high emphasis.",
       "$value": "#140001"
     }
   },
   "info": {
     "50": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#e9eef7"
     },
     "100": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#d4ddeb"
     },
     "150": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#c0cce0"
     },
     "200": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#acbbd5"
     },
     "250": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$value": "#96a9cc"
     },
     "300": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 300: light tints.",
       "$value": "#8098c2"
     },
     "350": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 350: light tints.",
       "$value": "#6b86b8"
     },
     "400": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 400: light tints.",
       "$value": "#5775ae"
     },
     "450": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 450: light tints.",
       "$value": "#4d6ca9"
     },
     "500": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 500: base colour.",
       "$value": "#4264a4"
     },
     "550": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 550: shades for borders and icons.",
       "$value": "#385b9e"
     },
     "600": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 600: shades for borders and icons.",
       "$value": "#2e5299"
     },
     "650": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 650: shades for borders and icons.",
       "$value": "#23427f"
     },
     "700": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 700: shades for borders and icons.",
       "$value": "#193366"
     },
     "750": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 750: darkest shades for text and high emphasis.",
       "$value": "#10254f"
     },
     "800": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 800: darkest shades for text and high emphasis.",
       "$value": "#071738"
     },
     "850": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 850: darkest shades for text and high emphasis.",
       "$value": "#040f2a"
     },
     "900": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 900: darkest shades for text and high emphasis.",
       "$value": "#02071c"
     },
     "950": {
       "$type": "color",
+      "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 950: darkest shades for text and high emphasis.",
       "$value": "#00030f"
     }
   }