@aurodesignsystem/design-tokens 4.4.0 → 4.5.0

package/dist/tokens/JSONVariablesNested.json

@@ -298,8 +298,52 @@
       }
     },
     "background": {
+      "100": {
+        "default": "#ffffff",
+        "inverse": "#0e2b4f"
+      },
+      "200": {
+        "default": "#f7f7f7",
+        "inverse": "#194069"
+      },
+      "300": {
+        "default": "#e4e8ec",
+        "inverse": "#265688"
+      },
+      "400": {
+        "default": "#dddddd",
+        "inverse": "#326aa5"
+      },
+      "success": {
+        "default": "#eef8f5",
+        "inverse": "#173c30"
+      },
+      "error": {
+        "default": "#fff4f4",
+        "inverse": "#74110e"
+      },
+      "warning": {
+        "default": "#fef8e9",
+        "inverse": "#5d4514"
+      },
+      "info": {
+        "default": "#f0f7fd",
+        "inverse": "#193d73"
+      },
+      "subtle": {
+        "default": "#f7f8fa",
+        "inverse": "#2a2a2a"
+      },
+      "accent": {
+        "default": "#ebfafd",
+        "inverse": "#275b72"
+      },
+      "emphasis": {
+        "default": "#c9e0f7",
+        "inverse": "#225296"
+      },
       "lightest": "#ffffff",
-      "lighter": "#f8f8f8",
+      "lighter": "#f7f7f7",
       "darker": "#01426a",
       "darkest": "#00274a",
       "gradient": {
@@ -308,11 +352,186 @@
     },
     "base": {
       "white": "#ffffff",
+      "white-100": "rgba(255, 255, 255, 0.03)",
+      "white-200": "rgba(255, 255, 255, 0.06)",
+      "white-300": "rgba(255, 255, 255, 0.12)",
+      "white-400": "rgba(255, 255, 255, 0.25)",
+      "white-500": "rgba(255, 255, 255, 0.5)",
       "white-opacity-50": "rgba(255, 255, 255, 0.5)",
       "white-opacity-40": "rgba(255, 255, 255, 0.4)",
       "white-opacity-0": "rgba(255, 255, 255, 0)",
       "black": "#000000",
-      "black-opacity-15": "rgba(0, 0, 0, 0.15)"
+      "black-100": "rgba(0, 0, 0, 0.03)",
+      "black-200": "rgba(0, 0, 0, 0.06)",
+      "black-300": "rgba(0, 0, 0, 0.12)",
+      "black-400": "rgba(0, 0, 0, 0.25)",
+      "black-500": "rgba(0, 0, 0, 0.5)",
+      "black-opacity-15": "rgba(0, 0, 0, 0.15)",
+      "blue": {
+        "100": "#f0f7fd",
+        "200": "#c9e0f7",
+        "300": "#a0c9f1",
+        "400": "#79b2ec",
+        "500": "#5398e6",
+        "600": "#3b7fd2",
+        "700": "#2c67b5",
+        "800": "#225296",
+        "900": "#193d73",
+        "1000": "#102a51"
+      },
+      "cyan": {
+        "100": "#ebfafd",
+        "200": "#a8e9f7",
+        "300": "#6ad5ef",
+        "400": "#56bbde",
+        "500": "#4aa2c7",
+        "600": "#3e89aa",
+        "700": "#32718e",
+        "800": "#275b72",
+        "900": "#1d4658",
+        "1000": "#12303d"
+      },
+      "error": {
+        "100": "#fff4f4",
+        "200": "#f9aca6",
+        "300": "#f16359",
+        "400": "#cc1816",
+        "500": "#74110e"
+      },
+      "gray": {
+        "100": "#f7f7f7",
+        "200": "#dddddd",
+        "300": "#c5c5c5",
+        "400": "#adadad",
+        "500": "#959595",
+        "600": "#7e7e7e",
+        "700": "#676767",
+        "800": "#525252",
+        "900": "#3d3d3d",
+        "1000": "#2a2a2a"
+      },
+      "green": {
+        "100": "#f3faf7",
+        "200": "#000000",
+        "300": "#addbca",
+        "400": "#7ec6ac",
+        "500": "#51ae8c",
+        "600": "#459578",
+        "700": "#3a7d64",
+        "800": "#306854",
+        "900": "#285545",
+        "1000": "#1f4436"
+      },
+      "lime": {
+        "100": "#f5fbeb",
+        "200": "#d8efb4",
+        "300": "#badd81",
+        "400": "#a2c270",
+        "500": "#8ca761",
+        "600": "#778f53",
+        "700": "#647845",
+        "800": "#53643a",
+        "900": "#44522f",
+        "1000": "#364126"
+      },
+      "navy": {
+        "100": "#f2f7fb",
+        "200": "#cfe0ef",
+        "300": "#acc9e2",
+        "400": "#89b2d4",
+        "500": "#6899c6",
+        "600": "#4a82b7",
+        "700": "#326aa5",
+        "800": "#265688",
+        "900": "#194069",
+        "1000": "#0e2b4f"
+      },
+      "neutral": {
+        "100": "#f7f8fa",
+        "200": "#e4e8ec",
+        "300": "#ccd2db",
+        "400": "#afb9c6",
+        "500": "#939fad",
+        "600": "#7e8894",
+        "700": "#6a717c",
+        "800": "#585e67",
+        "900": "#484d55",
+        "1000": "#393d43"
+      },
+      "pink": {
+        "100": "#fff7f8",
+        "200": "#fde0e6",
+        "300": "#fcc2ce",
+        "400": "#fa9db0",
+        "500": "#f7738e",
+        "600": "#e45472",
+        "700": "#bf475f",
+        "800": "#a03b50",
+        "900": "#833142",
+        "1000": "#692734"
+      },
+      "purple": {
+        "100": "#fbf8fe",
+        "200": "#ede3fd",
+        "300": "#ddc9fb",
+        "400": "#c9a9f8",
+        "500": "#b588f5",
+        "600": "#a268f3",
+        "700": "#8d47f0",
+        "800": "#7633d7",
+        "900": "#622ab2",
+        "1000": "#4e228d"
+      },
+      "red": {
+        "100": "#fef7f5",
+        "200": "#fae2da",
+        "300": "#f5c7b8",
+        "400": "#f0a68d",
+        "500": "#e9815e",
+        "600": "#e35c2f",
+        "700": "#d03a08",
+        "800": "#ae3007",
+        "900": "#902806",
+        "1000": "#732005"
+      },
+      "success": {
+        "100": "#eef8f5",
+        "200": "#8eceb9",
+        "300": "#40a080",
+        "400": "#0b6f4d",
+        "500": "#173c30"
+      },
+      "turquoise": {
+        "100": "#f7fafa",
+        "200": "#dfe9ea",
+        "300": "#c2d5d6",
+        "400": "#9fbdbe",
+        "500": "#7ba5a6",
+        "600": "#5c8f91",
+        "700": "#3d7a7d",
+        "800": "#21686a",
+        "900": "#085659",
+        "1000": "#004447"
+      },
+      "yellow": {
+        "100": "#fff9df",
+        "200": "#ffe87e",
+        "300": "#f9ce06",
+        "400": "#d6b622",
+        "500": "#b49d35",
+        "600": "#96873e",
+        "700": "#7c7140",
+        "800": "#665e3d",
+        "900": "#524e38",
+        "1000": "#403d30"
+      },
+      "warning": {
+        "100": "#fef8e9",
+        "200": "#f2c153",
+        "300": "#c49432",
+        "400": "#8e6b22",
+        "500": "#5d4514"
+      }
     },
     "state": {
       "error": {
@@ -329,28 +548,227 @@
     },
     "border": {
       "primary": {
-        "default": "#626b79",
-        "inverse": "#9fabbb"
+        "default": "#585e67",
+        "inverse": "#afb9c6"
+      },
+      "secondary": {
+        "default": "#939fad",
+        "inverse": "#7e8894"
+      },
+      "tertiary": {
+        "default": "#dddddd",
+        "inverse": "#676767"
+      },
+      "error": {
+        "default": "#cc1816",
+        "inverse": "#f9aca6"
+      },
+      "divider": {
+        "default": "rgba(0, 0, 0, 0.06)",
+        "inverse": "rgba(255, 255, 255, 0.06)"
+      },
+      "subtle": {
+        "default": "#f0f7fd",
+        "inverse": "#326aa5"
+      },
+      "emphasis": {
+        "default": "#194069",
+        "inverse": "#f2d7fb"
+      },
+      "accent": {
+        "default": "#badd81",
+        "inverse": "#a2c270"
+      },
+      "success": {
+        "default": "#0b6f4d",
+        "inverse": "#8eceb9"
+      },
+      "warning": {
+        "default": "#fef8e9",
+        "inverse": "#f2c153"
+      },
+      "info": {
+        "default": "#326aa5",
+        "inverse": "#89b2d4"
+      },
+      "ui": {
+        "default": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        },
+        "hover": {
+          "default": "#193d73",
+          "inverse": "#a8e9f7"
+        },
+        "active": {
+          "default": "#225296",
+          "inverse": "#6ad5ef"
+        },
+        "focus": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        },
+        "disabled": {
+          "default": "#adadad",
+          "inverse": "#7e7e7e"
+        }
       },
       "active": {
         "default": "#0074c8",
         "inverse": "#00cff0"
       },
-      "error": {
-        "default": "#df0b37"
-      },
       "disabled": {
-        "default": "#dbdbdb"
-      },
-      "Focus": {
-        "default": "#222222"
+        "default": "#dddddd"
       },
-      "divider": {
-        "default": "rgba(0, 0, 0, 0.15)",
-        "inverse": "#ffffff"
+      "focus": {
+        "default": "#959595"
       }
     },
     "brand": {
+      "neutral": {
+        "100": "#f7f8fa",
+        "200": "#e4e8ec",
+        "300": "#ccd2db",
+        "400": "#afb9c6",
+        "500": "#939fad",
+        "600": "#7e8894",
+        "700": "#6a717c",
+        "800": "#585e67",
+        "900": "#484d55",
+        "1000": "#393d43"
+      },
+      "gray": {
+        "100": "#f7f7f7",
+        "200": "#dddddd",
+        "300": "#c5c5c5",
+        "400": "#adadad",
+        "500": "#959595",
+        "600": "#7e7e7e",
+        "700": "#676767",
+        "800": "#525252",
+        "900": "#3d3d3d",
+        "1000": "#2a2a2a"
+      },
+      "red": {
+        "100": "#fef7f5",
+        "200": "#fae2da",
+        "300": "#f5c7b8",
+        "400": "#f0a68d",
+        "500": "#e9815e",
+        "600": "#e35c2f",
+        "700": "#d03a08",
+        "800": "#ae3007",
+        "900": "#902806",
+        "1000": "#732005"
+      },
+      "yellow": {
+        "100": "#fff9df",
+        "200": "#ffe87e",
+        "300": "#f9ce06",
+        "400": "#d6b622",
+        "500": "#b49d35",
+        "600": "#96873e",
+        "700": "#7c7140",
+        "800": "#665e3d",
+        "900": "#524e38",
+        "1000": "#403d30"
+      },
+      "lime": {
+        "100": "#f5fbeb",
+        "200": "#d8efb4",
+        "300": "#badd81",
+        "400": "#a2c270",
+        "500": "#8ca761",
+        "600": "#778f53",
+        "700": "#647845",
+        "800": "#53643a",
+        "900": "#44522f",
+        "1000": "#364126"
+      },
+      "green": {
+        "100": "#f3faf7",
+        "200": "#d4ece4",
+        "300": "#addbca",
+        "400": "#7ec6ac",
+        "500": "#51ae8c",
+        "600": "#459578",
+        "700": "#3a7d64",
+        "800": "#306854",
+        "900": "#285545",
+        "1000": "#1f4436"
+      },
+      "turquoise": {
+        "100": "#f7fafa",
+        "200": "#dfe9ea",
+        "300": "#c2d5d6",
+        "400": "#9fbdbe",
+        "500": "#7ba5a6",
+        "600": "#5c8f91",
+        "700": "#3d7a7d",
+        "800": "#21686a",
+        "900": "#085659",
+        "1000": "#004447"
+      },
+      "cyan": {
+        "100": "#ebfafd",
+        "200": "#a8e9f7",
+        "300": "#6ad5ef",
+        "400": "#56bbde",
+        "500": "#4aa2c7",
+        "600": "#3e89aa",
+        "700": "#32718e",
+        "800": "#275b72",
+        "900": "#1d4658",
+        "1000": "#12303d"
+      },
+      "blue": {
+        "100": "#f0f7fd",
+        "200": "#c9e0f7",
+        "300": "#a0c9f1",
+        "400": "#79b2ec",
+        "500": "#5398e6",
+        "600": "#3b7fd2",
+        "700": "#2c67b5",
+        "800": "#225296",
+        "900": "#193d73",
+        "1000": "#102a51"
+      },
+      "navy": {
+        "100": "#f2d7fb",
+        "200": "#cfe0ef",
+        "300": "#acc9e2",
+        "400": "#89b2d4",
+        "500": "#6899c6",
+        "600": "#4a82b7",
+        "700": "#326aa5",
+        "800": "#265688",
+        "900": "#194069",
+        "1000": "#0e2b4f"
+      },
+      "purple": {
+        "100": "#fbf8fe",
+        "200": "#ede3fd",
+        "300": "#ddc9fb",
+        "400": "#c9a9f8",
+        "500": "#b588f5",
+        "600": "#a268f3",
+        "700": "#8d47f0",
+        "800": "#7633d7",
+        "900": "#622ab2",
+        "1000": "#4e228d"
+      },
+      "pink": {
+        "100": "#fff7f8",
+        "200": "#fde0e6",
+        "300": "#fcc2ce",
+        "400": "#fa9db0",
+        "500": "#f7738e",
+        "600": "#e45472",
+        "700": "#bf475f",
+        "800": "#a03b50",
+        "900": "#833142",
+        "1000": "#692734"
+      },
       "midnight": {
         "100": "#c1daf0",
         "200": "#569ed7",
@@ -363,14 +781,16 @@
         "200": "#6bb7fb",
         "300": "#2492eb",
         "400": "#0074c8",
-        "500": "#054687"
+        "500": "#054687",
+        "400-opacity-20": "rgba(0, 116, 200, 0.2)"
       },
       "breeze": {
         "100": "#c0f7ff",
         "200": "#5de3f7",
         "300": "#00cff0",
         "400": "#099dc5",
-        "500": "#0b5575"
+        "500": "#0b5575",
+        "300-opacity-30": "rgba(0, 207, 240, 0.3)"
       },
       "tropical": {
         "100": "#e2ffcd",
@@ -407,20 +827,6 @@
         "400": "#e5ad07",
         "500": "#b88624"
       },
-      "neutral": {
-        "100": "#f9fbfc",
-        "200": "#e2eaef",
-        "300": "#cbd8e2",
-        "400": "#9fabbb",
-        "500": "#626b79"
-      },
-      "gray": {
-        "100": "#f8f8f8",
-        "200": "#dbdbdb",
-        "300": "#b2b2b2",
-        "400": "#767676",
-        "500": "#222222"
-      },
       "goldgray": {
         "100": "#c5c1bf",
         "200": "#726e6c"
@@ -433,17 +839,228 @@
       "sapphire": "#015daa",
       "ruby": "#a41d4a"
     },
+    "container": {
+      "accent": {
+        "default": "#f5fbeb",
+        "inverse": "#badd81"
+      },
+      "emphasis": {
+        "default": "#ebfafd",
+        "inverse": "#6ad5ef"
+      },
+      "error": {
+        "default": "#fff4f4",
+        "inverse": "#74110e"
+      },
+      "info": {
+        "default": "#f0f7fd",
+        "inverse": "#193d73"
+      },
+      "primary": {
+        "default": "#ffffff",
+        "inverse": "#0e2b4f"
+      },
+      "secondary": {
+        "default": "#f7f7f7",
+        "inverse": "#194069"
+      },
+      "subtle": {
+        "default": "#f7f8fa",
+        "inverse": "#393d43"
+      },
+      "success": {
+        "default": "#eef8f5",
+        "inverse": "#173c30"
+      },
+      "tertiary": {
+        "default": "rgba(0, 0, 0, 0.03)",
+        "inverse": "rgba(255, 255, 255, 0.06)"
+      },
+      "warning": {
+        "default": "#fef8e9",
+        "inverse": "#5d4514"
+      },
+      "ui": {
+        "primary": {
+          "active": {
+            "default": "#225296",
+            "inverse": "#6ad5ef"
+          },
+          "default": {
+            "default": "#2c67b5",
+            "inverse": "#56bbde"
+          },
+          "disabled": {
+            "default": "#a0c9f1",
+            "inverse": "#275b72"
+          },
+          "focus": {
+            "default": "#2c67b5",
+            "inverse": "#56bbde"
+          },
+          "hover": {
+            "default": "#193d73",
+            "inverse": "#a8e9f7"
+          }
+        },
+        "secondary": {
+          "active": {
+            "default": "#f0f7fd",
+            "inverse": "rgba(255, 255, 255, 0.06)"
+          },
+          "default": {
+            "default": "#ffffff",
+            "inverse": "rgba(255, 255, 255, 0.03)"
+          },
+          "disabled": {
+            "default": "#f7f7f7",
+            "inverse": "rgba(255, 255, 255, 0.12)"
+          },
+          "focus": {
+            "default": "#ffffff",
+            "inverse": "rgba(255, 255, 255, 0.03)"
+          },
+          "hover": {
+            "default": "rgba(0, 0, 0, 0.03)",
+            "inverse": "rgba(255, 255, 255, 0.12)"
+          }
+        },
+        "tertiary": {
+          "active": {
+            "default": "rgba(0, 0, 0, 0.06)",
+            "inverse": "rgba(255, 255, 255, 0.06)"
+          },
+          "default": {
+            "default": "rgba(0, 0, 0, 0.03)",
+            "inverse": "rgba(255, 255, 255, 0.12)"
+          },
+          "disabled": {
+            "default": "rgba(0, 0, 0, 0.03)",
+            "inverse": "rgba(255, 255, 255, 0.03)"
+          },
+          "focus": {
+            "default": "rgba(0, 0, 0, 0.03)",
+            "inverse": "rgba(255, 255, 255, 0.12)"
+          },
+          "hover": {
+            "default": "rgba(0, 0, 0, 0.12)",
+            "inverse": "rgba(255, 255, 255, 0.03)"
+          }
+        }
+      }
+    },
     "icon": {
       "primary": {
-        "default": "#626b79",
-        "inverse": "#9fabbb"
+        "default": "#676767",
+        "inverse": "#f7f7f7"
+      },
+      "secondary": {
+        "default": "#7e8894",
+        "inverse": "#ccd2db"
+      },
+      "tertiary": {
+        "default": "#afb9c6",
+        "inverse": "#939fad"
       },
       "emphasis": {
-        "default": "#222222",
+        "default": "#2a2a2a",
         "inverse": "#ffffff"
       },
       "accent": {
-        "default": "#0074c8"
+        "default": "#a2c270",
+        "inverse": "#badd81"
+      },
+      "info": {
+        "default": "#326aa5",
+        "inverse": "#89b2d4"
+      },
+      "error": {
+        "default": "#cc1816",
+        "inverse": "#f9aca6"
+      },
+      "warning": {
+        "default": "#fef8e9",
+        "inverse": "#f2c153"
+      },
+      "success": {
+        "default": "#eef8f5",
+        "inverse": "#8eceb9"
+      },
+      "subtle": {
+        "default": "#a0c9f1",
+        "inverse": "#326aa5"
+      },
+      "ui": {
+        "default": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        },
+        "hover": {
+          "default": "#193d73",
+          "inverse": "#a8e9f7"
+        },
+        "active": {
+          "default": "#225296",
+          "inverse": "#6ad5ef"
+        },
+        "disabled": {
+          "default": "#adadad",
+          "inverse": "#7e7e7e"
+        },
+        "focus": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        }
+      },
+      "brand": {
+        "red": {
+          "default": "#d03a08",
+          "inverse": "#e9815e"
+        },
+        "yellow": {
+          "default": "#7c7140",
+          "inverse": "#f9ce06"
+        },
+        "pink": {
+          "default": "#bf475f",
+          "inverse": "#f7738e"
+        },
+        "purple": {
+          "default": "#8d47f0",
+          "inverse": "#b588f5"
+        },
+        "lime": {
+          "default": "#647845",
+          "inverse": "#badd81"
+        },
+        "green": {
+          "default": "#3a7d64",
+          "inverse": "#51ae8c"
+        },
+        "turquoise": {
+          "default": "#3d7a7d",
+          "inverse": "#7ba5a6"
+        },
+        "navy": {
+          "default": "#265688",
+          "inverse": "#6899c6"
+        },
+        "blue": {
+          "default": "#2c67b5",
+          "inverse": "#5398e6"
+        },
+        "cyan": {
+          "default": "#32718e",
+          "inverse": "#6ad5ef"
+        },
+        "gray": {
+          "default": "#676767",
+          "inverse": "#c5c5c5"
+        },
+        "neutral": {
+          "default": "#6a717c",
+          "inverse": "#afb9c6"
+        }
       },
       "disabled": {
         "default": "rgba(0, 0, 0, 0.15)"
@@ -451,27 +1068,69 @@
     },
     "text": {
       "primary": {
-        "default": "#222222",
+        "default": "#2a2a2a",
         "inverse": "#ffffff"
       },
       "secondary": {
-        "default": "#626b79",
-        "inverse": "#9fabbb"
+        "default": "#525252",
+        "inverse": "#dddddd"
       },
-      "link": {
-        "default": "#0074c8",
-        "inverse": "#00cff0"
+      "tertiary": {
+        "default": "#6a717c",
+        "inverse": "#525252"
       },
       "error": {
-        "default": "#df0b37",
-        "inverse": "#ff999b"
+        "default": "#cc1816",
+        "inverse": "#f9aca6"
       },
       "disabled": {
-        "default": "#dbdbdb"
+        "default": "#dddddd"
       },
       "emphasis": {
-        "default": "#01426a",
-        "inverse": "#c1daf0"
+        "default": "#265688",
+        "inverse": "#cfe0ef"
+      },
+      "accent": {
+        "default": "#647845",
+        "inverse": "#badd81"
+      },
+      "info": {
+        "default": "#326aa5",
+        "inverse": "#acc9e2"
+      },
+      "subtle": {
+        "default": "#32718e",
+        "inverse": "#56bbde"
+      },
+      "success": {
+        "default": "#0b6f4d",
+        "inverse": "#0b6f4d"
+      },
+      "ui": {
+        "active": {
+          "default": "#225296",
+          "inverse": "#6ad5ef"
+        },
+        "default": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        },
+        "disabled": {
+          "default": "#adadad",
+          "inverse": "#7e7e7e"
+        },
+        "focus": {
+          "default": "#2c67b5",
+          "inverse": "#56bbde"
+        },
+        "hover": {
+          "default": "#193d73",
+          "inverse": "#a8e9f7"
+        }
+      },
+      "link": {
+        "default": "#0074c8",
+        "inverse": "#00cff0"
       }
     },
     "tier": {
@@ -482,13 +1141,39 @@
         },
         "mvpgold": {
           "default": "#7f682e",
-          "inverse": "#ccbc94"
+          "inverse": "#c5c1bf"
+        },
+        "mvpgold75k": {
+          "default": "#7f682e",
+          "inverse": "#c5c1bf"
+        },
+        "mvpgold100k": {
+          "default": "#7f682e",
+          "inverse": "#c5c1bf"
+        }
+      },
+      "fare": {
+        "business": {
+          "default": "#005154",
+          "inverse": "#9fbdbe"
+        },
+        "economy": {
+          "default": "#2c67b5",
+          "inverse": "#a0c9f1"
+        },
+        "first-class": {
+          "default": "#002c4e",
+          "inverse": "#f7f7f7"
+        },
+        "saver": {
+          "default": "#4aa2c7",
+          "inverse": "#a8e9f7"
         }
       },
       "oneworld": {
         "emerald": "#139142",
-        "sapphire": "#015daa",
-        "ruby": "#a41d4a"
+        "sapphire": "#a41d4a",
+        "ruby": "#015daa"
       }
     },
     "ui": {