@aurodesignsystem/design-tokens 5.3.0 → 5.4.0

package/dist/auro-classic/JSONVariablesNested.json

@@ -1,291 +1,4 @@
 {
-  "asset": {
-    "font": {
-      "circular": {
-        "familyName": "AS Circular",
-        "filename": "ASCircularWeb",
-        "weight": {
-          "light": "-Light",
-          "medium": "-Medium",
-          "book": "-Book"
-        }
-      }
-    }
-  },
-  "border": {
-    "radius": "0.375rem"
-  },
-  "size": {
-    "25": "0.125rem",
-    "50": "0.25rem",
-    "75": "0.375rem",
-    "100": "0.5rem",
-    "150": "0.75rem",
-    "200": "1rem",
-    "250": "1.25rem",
-    "300": "1.5rem",
-    "400": "2rem",
-    "500": "2.5rem",
-    "600": "3rem",
-    "700": "3.5rem",
-    "800": "4rem",
-    "900": "4.5rem",
-    "1000": "5rem"
-  },
-  "unitless": {
-    "scale": {
-      "20": 0.25,
-      "50": 0.5,
-      "100": 1,
-      "120": 1.25,
-      "140": 1.4,
-      "150": 1.5,
-      "160": 1.625,
-      "170": 1.75,
-      "180": 1.875,
-      "200": 2,
-      "210": 2.125,
-      "220": 2.25,
-      "230": 2.375,
-      "260": 2.625,
-      "270": 2.75,
-      "300": 3,
-      "330": 3.375,
-      "350": 3.5,
-      "370": 3.75,
-      "420": 4.25
-    }
-  },
-  "animation": {
-    "default": {
-      "property": "all",
-      "duration": "0.3s",
-      "timing": "ease-out"
-    }
-  },
-  "depth": {
-    "overlay": "200",
-    "modal": "300",
-    "tooltip": "400"
-  },
-  "elevation": {
-    "100": "0px 0px 5px rgba(0, 0, 0, 0.15)",
-    "200": "0px 0px 10px rgba(0, 0, 0, 0.15)",
-    "300": "0px 0px 15px rgba(0, 0, 0, 0.2)"
-  },
-  "gridBreakpoint": {
-    "xs": "320px",
-    "sm": "576px",
-    "md": "768px",
-    "lg": "1024px",
-    "xl": "1232px"
-  },
-  "gridColumn": {
-    "xs": "6",
-    "sm": "12",
-    "md": "12",
-    "lg": "12",
-    "xl": "12"
-  },
-  "gridGutter": {
-    "xs": "0.5rem",
-    "sm": "1rem",
-    "md": "1.5rem",
-    "lg": "1.5rem",
-    "xl": "2rem"
-  },
-  "gridMargin": {
-    "xs": "1rem",
-    "sm": "1rem",
-    "md": "1.5rem",
-    "lg": "2rem",
-    "xl": "2rem"
-  },
-  "font": {
-    "family": {
-      "default": "'AS Circular', Helvetica Neue, Arial, sans-serif",
-      "mono": "Menlo, Monaco, Consolas, 'Courier New', monospace"
-    }
-  },
-  "text": {
-    "heading": {
-      "300": {
-        "weight": "300",
-        "px": "18px",
-        "size": "1.125rem",
-        "height": "1.625rem",
-        "height-px": "26px"
-      },
-      "400": {
-        "weight": "300",
-        "px": "20px",
-        "size": "1.25rem",
-        "height": "1.625rem",
-        "height-px": "26px"
-      },
-      "500": {
-        "weight": "300",
-        "px": {
-          "breakpoint": {
-            "sm": "22px",
-            "md": "24px",
-            "lg": "24px"
-          }
-        },
-        "size": {
-          "breakpoint": {
-            "sm": "1.375rem",
-            "md": "1.5rem",
-            "lg": "1.5rem"
-          }
-        },
-        "height": {
-          "breakpoint": {
-            "sm": "1.625rem",
-            "px-sm": "26px",
-            "md": "1.875rem",
-            "px-md": "30px",
-            "lg": "2rem",
-            "px-lg": "32px"
-          }
-        }
-      },
-      "600": {
-        "weight": "300",
-        "px": {
-          "breakpoint": {
-            "sm": "26px",
-            "md": "28px",
-            "lg": "28px"
-          }
-        },
-        "size": {
-          "breakpoint": {
-            "sm": "1.625rem",
-            "md": "1.75rem",
-            "lg": "1.75rem"
-          }
-        },
-        "height": {
-          "breakpoint": {
-            "sm": "1.875rem",
-            "px-sm": "30px",
-            "md": "2.125rem",
-            "px-md": "34px",
-            "lg": "2.25rem",
-            "px-lg": "36px"
-          }
-        }
-      },
-      "700": {
-        "weight": "500",
-        "px": {
-          "breakpoint": {
-            "sm": "28px",
-            "md": "32px",
-            "lg": "36px"
-          }
-        },
-        "size": {
-          "breakpoint": {
-            "sm": "1.75rem",
-            "md": "2rem",
-            "lg": "2.25rem"
-          }
-        },
-        "height": {
-          "breakpoint": {
-            "sm": "2.125rem",
-            "px-sm": "34px",
-            "md": "2.375rem",
-            "px-md": "38px",
-            "lg": "2.75rem",
-            "px-lg": "44px"
-          }
-        }
-      },
-      "800": {
-        "weight": "500",
-        "px": {
-          "breakpoint": {
-            "sm": "32px",
-            "md": "36px",
-            "lg": "40px"
-          }
-        },
-        "size": {
-          "breakpoint": {
-            "sm": "2rem",
-            "md": "2.25rem",
-            "lg": "2.5rem"
-          }
-        },
-        "height": {
-          "breakpoint": {
-            "sm": "2.375rem",
-            "px-sm": "38px",
-            "md": "2.625rem",
-            "px-md": "42px",
-            "lg": "3rem",
-            "px-lg": "48px"
-          }
-        }
-      },
-      "default": {
-        "weight": "500",
-        "margin": "0",
-        "spacing": "-0.2px"
-      },
-      "medium": {
-        "weight": "300"
-      },
-      "display": {
-        "weight": "100",
-        "px": {
-          "breakpoint": {
-            "sm": "44px",
-            "md": "48px",
-            "lg": "56px"
-          }
-        },
-        "size": {
-          "breakpoint": {
-            "sm": "2.75rem",
-            "md": "3rem",
-            "lg": "3.5rem"
-          }
-        },
-        "height": {
-          "breakpoint": {
-            "sm": "3.375rem",
-            "px-sm": "54px",
-            "md": "3.75rem",
-            "px-md": "60px",
-            "lg": "4.25rem",
-            "px-lg": "68px"
-          }
-        }
-      }
-    },
-    "body": {
-      "default": {
-        "weight": "500"
-      },
-      "size": {
-        "xxs": "0.625rem",
-        "xs": "0.75rem",
-        "sm": "0.875rem",
-        "default": "1rem",
-        "lg": "1.125rem"
-      },
-      "height": {
-        "xs": "1rem",
-        "sm": "1.25rem",
-        "default": "1.5rem",
-        "lg": "1.625rem"
-      }
-    }
-  },
   "color": {
     "alert": {
       "notification": {
@@ -1093,211 +806,498 @@
           "default": "#676767",
           "inverse": "#c5c5c5"
         },
-        "neutral": {
-          "default": "#6a717c",
-          "inverse": "#afb9c6"
+        "neutral": {
+          "default": "#6a717c",
+          "inverse": "#afb9c6"
+        }
+      },
+      "disabled": {
+        "default": "rgba(0, 0, 0, 0.15)"
+      }
+    },
+    "text": {
+      "primary": {
+        "default": "#2a2a2a",
+        "inverse": "#ffffff"
+      },
+      "secondary": {
+        "default": "#525252",
+        "inverse": "#dddddd"
+      },
+      "tertiary": {
+        "default": "#6a717c",
+        "inverse": "#adadad"
+      },
+      "error": {
+        "default": "#cc1816",
+        "inverse": "#f9aca6"
+      },
+      "emphasis": {
+        "default": "#265688",
+        "inverse": "#cfe0ef"
+      },
+      "accent": {
+        "default": "#647845",
+        "inverse": "#badd81"
+      },
+      "info": {
+        "default": "#326aa5",
+        "inverse": "#acc9e2"
+      },
+      "subtle": {
+        "default": "#32718e",
+        "inverse": "#56bbde"
+      },
+      "success": {
+        "default": "#0b6f4d",
+        "inverse": "#8eceb9"
+      },
+      "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": {
+      "alaska": {
+        "mvp": {
+          "default": "#726e6c",
+          "inverse": "#c5c1bf"
+        },
+        "mvpgold": {
+          "default": "#7f682e",
+          "inverse": "#c5c1bf"
+        },
+        "mvpgold75k": {
+          "default": "#7f682e",
+          "inverse": "#c5c1bf"
+        },
+        "mvpgold100k": {
+          "default": "#7f682e",
+          "inverse": "#c5c1bf"
+        },
+        "lounge": "#01426a",
+        "loungeplus": "#53b390"
+      },
+      "fare": {
+        "business": {
+          "default": "#005154",
+          "inverse": "#9fbdbe"
+        },
+        "economy": {
+          "default": "#2c67b5",
+          "inverse": "#a0c9f1"
+        },
+        "first-class": {
+          "default": "#002c4e",
+          "inverse": "#89b2d4"
+        },
+        "saver": {
+          "default": "#4aa2c7",
+          "inverse": "#a8e9f7"
         }
       },
+      "oneworld": {
+        "emerald": "#139142",
+        "sapphire": "#015daa",
+        "ruby": "#a41d4a"
+      }
+    },
+    "ui": {
+      "default": {
+        "default": "#0074c8",
+        "inverse": "#00cff0"
+      },
+      "hover": {
+        "default": "#054687",
+        "inverse": "#5de3f7"
+      },
+      "active": {
+        "default": "#054687",
+        "inverse": "#5de3f7"
+      },
       "disabled": {
-        "default": "rgba(0, 0, 0, 0.15)"
+        "default": "rgba(0, 116, 200, 0.2)"
+      },
+      "bkg": {
+        "default": {
+          "default": "rgba(0, 0, 0, 0.03)",
+          "inverse": "rgba(255, 255, 255, 0.03)"
+        },
+        "hover": {
+          "default": "rgba(0, 0, 0, 0.06)",
+          "inverse": "rgba(255, 255, 255, 0.06)"
+        }
       }
     },
-    "text": {
-      "primary": {
-        "default": "#2a2a2a",
-        "inverse": "#ffffff"
+    "utility": {
+      "blue": {
+        "default": "#79b2ec",
+        "inverse": "#c9e0f7"
       },
-      "secondary": {
-        "default": "#525252",
-        "inverse": "#dddddd"
+      "cyan": {
+        "default": "#6ad5ef",
+        "inverse": "#a8e9f7"
       },
-      "tertiary": {
-        "default": "#6a717c",
-        "inverse": "#adadad"
+      "green": {
+        "default": "#7ec6ac",
+        "inverse": "#addbca"
       },
-      "error": {
-        "default": "#cc1816",
-        "inverse": "#f9aca6"
+      "gray": {
+        "default": "#adadad",
+        "inverse": "#dddddd"
       },
-      "emphasis": {
+      "lime": {
+        "default": "#badd81",
+        "inverse": "#d8efb4"
+      },
+      "navy": {
         "default": "#265688",
-        "inverse": "#cfe0ef"
+        "inverse": "#acc9e2"
       },
-      "accent": {
-        "default": "#647845",
-        "inverse": "#badd81"
+      "neutral": {
+        "default": "#7e8894",
+        "inverse": "#ccd2db"
       },
-      "info": {
-        "default": "#326aa5",
-        "inverse": "#acc9e2"
+      "pink": {
+        "default": "#f7738e",
+        "inverse": "#fcc2ce"
       },
-      "subtle": {
-        "default": "#32718e",
-        "inverse": "#56bbde"
+      "purple": {
+        "default": "#8d47f0",
+        "inverse": "#ddc9fb"
+      },
+      "red": {
+        "default": "#e35c2f",
+        "inverse": "#f0a68d"
+      },
+      "turquoise": {
+        "default": "#5c8f91",
+        "inverse": "#9fbdbe"
+      },
+      "yellow": {
+        "default": "#f9ce06",
+        "inverse": "#ffe87e"
+      },
+      "error": {
+        "default": "#cc1816",
+        "inverse": "#f9aca6"
+      },
+      "warning": {
+        "default": "#f2c153",
+        "inverse": "#f2c153"
       },
       "success": {
         "default": "#0b6f4d",
         "inverse": "#8eceb9"
+      }
+    }
+  },
+  "border": {
+    "radius": "0.375rem"
+  },
+  "size": {
+    "25": "0.125rem",
+    "50": "0.25rem",
+    "75": "0.375rem",
+    "100": "0.5rem",
+    "150": "0.75rem",
+    "200": "1rem",
+    "250": "1.25rem",
+    "300": "1.5rem",
+    "400": "2rem",
+    "500": "2.5rem",
+    "600": "3rem",
+    "700": "3.5rem",
+    "800": "4rem",
+    "900": "4.5rem",
+    "1000": "5rem"
+  },
+  "unitless": {
+    "scale": {
+      "20": 0.25,
+      "50": 0.5,
+      "100": 1,
+      "120": 1.25,
+      "140": 1.4,
+      "150": 1.5,
+      "160": 1.625,
+      "170": 1.75,
+      "180": 1.875,
+      "200": 2,
+      "210": 2.125,
+      "220": 2.25,
+      "230": 2.375,
+      "260": 2.625,
+      "270": 2.75,
+      "300": 3,
+      "330": 3.375,
+      "350": 3.5,
+      "370": 3.75,
+      "420": 4.25
+    }
+  },
+  "animation": {
+    "default": {
+      "property": "all",
+      "duration": "0.3s",
+      "timing": "ease-out"
+    }
+  },
+  "depth": {
+    "overlay": "200",
+    "modal": "300",
+    "tooltip": "400"
+  },
+  "elevation": {
+    "100": "0px 0px 5px rgba(0, 0, 0, 0.15)",
+    "200": "0px 0px 10px rgba(0, 0, 0, 0.15)",
+    "300": "0px 0px 15px rgba(0, 0, 0, 0.2)"
+  },
+  "asset": {
+    "font": {
+      "circular": {
+        "familyName": "AS Circular",
+        "filename": "ASCircularWeb",
+        "weight": {
+          "light": "-Light",
+          "medium": "-Medium",
+          "book": "-Book"
+        }
+      }
+    }
+  },
+  "gridBreakpoint": {
+    "xs": "320px",
+    "sm": "576px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1232px"
+  },
+  "gridColumn": {
+    "xs": "6",
+    "sm": "12",
+    "md": "12",
+    "lg": "12",
+    "xl": "12"
+  },
+  "gridGutter": {
+    "xs": "0.5rem",
+    "sm": "1rem",
+    "md": "1.5rem",
+    "lg": "1.5rem",
+    "xl": "2rem"
+  },
+  "gridMargin": {
+    "xs": "1rem",
+    "sm": "1rem",
+    "md": "1.5rem",
+    "lg": "2rem",
+    "xl": "2rem"
+  },
+  "font": {
+    "family": {
+      "default": "'AS Circular', Helvetica Neue, Arial, sans-serif",
+      "mono": "Menlo, Monaco, Consolas, 'Courier New', monospace"
+    }
+  },
+  "text": {
+    "heading": {
+      "300": {
+        "weight": "300",
+        "px": "18px",
+        "size": "1.125rem",
+        "height": "1.625rem",
+        "height-px": "26px"
       },
-      "ui": {
-        "active": {
-          "default": "#225296",
-          "inverse": "#6ad5ef"
-        },
-        "default": {
-          "default": "#2c67b5",
-          "inverse": "#56bbde"
-        },
-        "disabled": {
-          "default": "#adadad",
-          "inverse": "#7e7e7e"
+      "400": {
+        "weight": "300",
+        "px": "20px",
+        "size": "1.25rem",
+        "height": "1.625rem",
+        "height-px": "26px"
+      },
+      "500": {
+        "weight": "300",
+        "px": {
+          "breakpoint": {
+            "sm": "22px",
+            "md": "24px",
+            "lg": "24px"
+          }
         },
-        "focus": {
-          "default": "#2c67b5",
-          "inverse": "#56bbde"
+        "size": {
+          "breakpoint": {
+            "sm": "1.375rem",
+            "md": "1.5rem",
+            "lg": "1.5rem"
+          }
         },
-        "hover": {
-          "default": "#193d73",
-          "inverse": "#a8e9f7"
+        "height": {
+          "breakpoint": {
+            "sm": "1.625rem",
+            "px-sm": "26px",
+            "md": "1.875rem",
+            "px-md": "30px",
+            "lg": "2rem",
+            "px-lg": "32px"
+          }
         }
       },
-      "link": {
-        "default": "#0074c8",
-        "inverse": "#00cff0"
-      }
-    },
-    "tier": {
-      "alaska": {
-        "mvp": {
-          "default": "#726e6c",
-          "inverse": "#c5c1bf"
+      "600": {
+        "weight": "300",
+        "px": {
+          "breakpoint": {
+            "sm": "26px",
+            "md": "28px",
+            "lg": "28px"
+          }
         },
-        "mvpgold": {
-          "default": "#7f682e",
-          "inverse": "#c5c1bf"
+        "size": {
+          "breakpoint": {
+            "sm": "1.625rem",
+            "md": "1.75rem",
+            "lg": "1.75rem"
+          }
         },
-        "mvpgold75k": {
-          "default": "#7f682e",
-          "inverse": "#c5c1bf"
+        "height": {
+          "breakpoint": {
+            "sm": "1.875rem",
+            "px-sm": "30px",
+            "md": "2.125rem",
+            "px-md": "34px",
+            "lg": "2.25rem",
+            "px-lg": "36px"
+          }
+        }
+      },
+      "700": {
+        "weight": "500",
+        "px": {
+          "breakpoint": {
+            "sm": "28px",
+            "md": "32px",
+            "lg": "36px"
+          }
         },
-        "mvpgold100k": {
-          "default": "#7f682e",
-          "inverse": "#c5c1bf"
+        "size": {
+          "breakpoint": {
+            "sm": "1.75rem",
+            "md": "2rem",
+            "lg": "2.25rem"
+          }
         },
-        "lounge": "#01426a",
-        "loungeplus": "#53b390"
+        "height": {
+          "breakpoint": {
+            "sm": "2.125rem",
+            "px-sm": "34px",
+            "md": "2.375rem",
+            "px-md": "38px",
+            "lg": "2.75rem",
+            "px-lg": "44px"
+          }
+        }
       },
-      "fare": {
-        "business": {
-          "default": "#005154",
-          "inverse": "#9fbdbe"
-        },
-        "economy": {
-          "default": "#2c67b5",
-          "inverse": "#a0c9f1"
+      "800": {
+        "weight": "500",
+        "px": {
+          "breakpoint": {
+            "sm": "32px",
+            "md": "36px",
+            "lg": "40px"
+          }
         },
-        "first-class": {
-          "default": "#002c4e",
-          "inverse": "#89b2d4"
+        "size": {
+          "breakpoint": {
+            "sm": "2rem",
+            "md": "2.25rem",
+            "lg": "2.5rem"
+          }
         },
-        "saver": {
-          "default": "#4aa2c7",
-          "inverse": "#a8e9f7"
+        "height": {
+          "breakpoint": {
+            "sm": "2.375rem",
+            "px-sm": "38px",
+            "md": "2.625rem",
+            "px-md": "42px",
+            "lg": "3rem",
+            "px-lg": "48px"
+          }
         }
       },
-      "oneworld": {
-        "emerald": "#139142",
-        "sapphire": "#015daa",
-        "ruby": "#a41d4a"
-      }
-    },
-    "ui": {
       "default": {
-        "default": "#0074c8",
-        "inverse": "#00cff0"
-      },
-      "hover": {
-        "default": "#054687",
-        "inverse": "#5de3f7"
-      },
-      "active": {
-        "default": "#054687",
-        "inverse": "#5de3f7"
+        "weight": "500",
+        "margin": "0",
+        "spacing": "-0.2px"
       },
-      "disabled": {
-        "default": "rgba(0, 116, 200, 0.2)"
+      "medium": {
+        "weight": "300"
       },
-      "bkg": {
-        "default": {
-          "default": "rgba(0, 0, 0, 0.03)",
-          "inverse": "rgba(255, 255, 255, 0.03)"
+      "display": {
+        "weight": "100",
+        "px": {
+          "breakpoint": {
+            "sm": "44px",
+            "md": "48px",
+            "lg": "56px"
+          }
         },
-        "hover": {
-          "default": "rgba(0, 0, 0, 0.06)",
-          "inverse": "rgba(255, 255, 255, 0.06)"
+        "size": {
+          "breakpoint": {
+            "sm": "2.75rem",
+            "md": "3rem",
+            "lg": "3.5rem"
+          }
+        },
+        "height": {
+          "breakpoint": {
+            "sm": "3.375rem",
+            "px-sm": "54px",
+            "md": "3.75rem",
+            "px-md": "60px",
+            "lg": "4.25rem",
+            "px-lg": "68px"
+          }
         }
       }
     },
-    "utility": {
-      "blue": {
-        "default": "#79b2ec",
-        "inverse": "#c9e0f7"
-      },
-      "cyan": {
-        "default": "#6ad5ef",
-        "inverse": "#a8e9f7"
-      },
-      "green": {
-        "default": "#7ec6ac",
-        "inverse": "#addbca"
-      },
-      "gray": {
-        "default": "#adadad",
-        "inverse": "#dddddd"
-      },
-      "lime": {
-        "default": "#badd81",
-        "inverse": "#d8efb4"
-      },
-      "navy": {
-        "default": "#265688",
-        "inverse": "#acc9e2"
-      },
-      "neutral": {
-        "default": "#7e8894",
-        "inverse": "#ccd2db"
-      },
-      "pink": {
-        "default": "#f7738e",
-        "inverse": "#fcc2ce"
-      },
-      "purple": {
-        "default": "#8d47f0",
-        "inverse": "#ddc9fb"
-      },
-      "red": {
-        "default": "#e35c2f",
-        "inverse": "#f0a68d"
-      },
-      "turquoise": {
-        "default": "#5c8f91",
-        "inverse": "#9fbdbe"
-      },
-      "yellow": {
-        "default": "#f9ce06",
-        "inverse": "#ffe87e"
-      },
-      "error": {
-        "default": "#cc1816",
-        "inverse": "#f9aca6"
+    "body": {
+      "default": {
+        "weight": "500"
       },
-      "warning": {
-        "default": "#f2c153",
-        "inverse": "#f2c153"
+      "size": {
+        "xxs": "0.625rem",
+        "xs": "0.75rem",
+        "sm": "0.875rem",
+        "default": "1rem",
+        "lg": "1.125rem"
       },
-      "success": {
-        "default": "#0b6f4d",
-        "inverse": "#8eceb9"
+      "height": {
+        "xs": "1rem",
+        "sm": "1.25rem",
+        "default": "1.5rem",
+        "lg": "1.625rem"
       }
     }
   }