npm - @aurodesignsystem/design-tokens - Versions diffs - 5.3.1 → 5.5.0 - Mend

@aurodesignsystem/design-tokens 5.3.1 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/CHANGELOG.md +18 -0
package/dist/CSSCustomProperties--bundled.css +255 -341
package/dist/alaska/CSSCustomProperties--alaska.css +127 -113
package/dist/alaska/JSONVariablesNested--alaska.json +195 -143
package/dist/alaska/JSObject--allTokens.js +3442 -3039
package/dist/alaska/SCSSVariables--alaska.scss +127 -113
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +127 -113
package/dist/alaska/primitives--alaska.scss +105 -75
package/dist/auro-classic/CSSCustomProperties.css +162 -162
package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
package/dist/auro-classic/JSData--color.js +1 -1
package/dist/auro-classic/JSONVariablesFlat.json +162 -162
package/dist/auro-classic/JSONVariablesNested.json +452 -452
package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
package/dist/auro-classic/JSVariables--color.js +1 -1
package/dist/auro-classic/SCSSVariableMap.scss +1 -1
package/dist/auro-classic/SCSSVariables.scss +162 -162
package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
package/dist/auro-classic/SassCustomProperties.scss +162 -162
package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
package/dist/hawaiian/primitives--hawaiian.scss +202 -172
package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
package/package.json +1 -1
package/src/primitives/alaska/{typography.json → font.json} +4 -11
package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
package/src/primitives/base/{typography.json → font.json} +102 -48
package/src/primitives/base/transparency.json +7 -0
package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
package/src/themes/alaska/advanced/boolean.json +138 -0
package/src/themes/alaska/advanced/button.json +262 -0
package/src/themes/alaska/advanced/hyperlink.json +64 -0
package/src/themes/alaska/advanced/shared.json +48 -0
package/src/themes/alaska/advanced/state.json +72 -0
package/src/themes/alaska/basic/color/border.json +66 -0
package/src/themes/alaska/basic/color/brand.json +104 -0
package/src/themes/alaska/basic/color/fare-brand.json +74 -0
package/src/themes/alaska/basic/color/page-background.json +24 -0
package/src/themes/alaska/basic/color/status.json +81 -0
package/src/themes/alaska/basic/color/surface.json +96 -0
package/src/themes/alaska/basic/color/text-icon.json +96 -0
package/src/themes/alaska/basic/corner-radius.json +30 -0
package/src/themes/alaska/basic/font/accent.json +288 -0
package/src/themes/alaska/basic/font/body.json +63 -0
package/src/themes/alaska/basic/font/display.json +248 -0
package/src/themes/alaska/basic/font/heading.json +245 -0
package/src/themes/alaska-classic/color.json +2 -2
package/src/themes/alaska-classic/component/boolean.json +70 -0
package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
package/src/themes/alaska-classic/component/hyperlink.json +62 -0
package/src/themes/alaska-classic/component/shared.json +46 -0
package/src/themes/alaska-classic/component/state.json +70 -0
package/src/themes/alaska-classic/typography.json +799 -107
package/src/themes/hawaiian/advanced/boolean.json +138 -0
package/src/themes/hawaiian/advanced/button.json +334 -0
package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
package/src/themes/hawaiian/advanced/shared.json +48 -0
package/src/themes/hawaiian/advanced/state.json +72 -0
package/src/themes/hawaiian/basic/color/border.json +65 -0
package/src/themes/hawaiian/basic/color/brand.json +105 -0
package/src/themes/hawaiian/basic/color/color.json +57 -0
package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
package/src/themes/hawaiian/basic/color/page-background.json +25 -0
package/src/themes/hawaiian/basic/color/status.json +81 -0
package/src/themes/hawaiian/basic/color/surface.json +89 -0
package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
package/src/themes/hawaiian/basic/font/accent.json +288 -0
package/src/themes/hawaiian/basic/font/body.json +63 -0
package/src/themes/hawaiian/basic/font/heading.json +248 -0
package/src/themes/hawaiian/basic/font/typography.json +248 -0
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
package/src/themes/alaska/color.json +0 -444
package/src/themes/alaska/component.json +0 -392
package/src/themes/alaska/typography.json +0 -132
package/src/themes/hawaiian/color.json +0 -444
package/src/themes/hawaiian/component.json +0 -392
package/src/themes/hawaiian/typography.json +0 -132

package/src/themes/alaska/advanced/button.json ADDED Viewed

@@ -0,0 +1,262 @@
+{
+  "advanced": {
+    "color": {
+      "button": {
+        "primary": {
+          "text": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button text color",
+            "deprecated": false
+          },
+          "border": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button border color",
+            "deprecated": false
+          },
+          "borderHover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button border hover color",
+            "deprecated": false
+          },
+          "background": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button background color",
+            "deprecated": false
+          },
+          "backgroundHover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button background hover color",
+            "deprecated": false
+          },
+          "backgroundActive": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button background active color",
+            "deprecated": false
+          },
+          "textInverse": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button inverse text color",
+            "deprecated": false
+          },
+          "borderInverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button inverse border color",
+            "deprecated": false
+          },
+          "backgroundInverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button inverse background color",
+            "deprecated": false
+          },
+          "borderInverseHover": {
+            "value": "{basic.color.brand.primaryMuted.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button inverse border hover color",
+            "deprecated": false
+          },
+          "backgroundInverseHover": {
+            "value": "{basic.color.brand.primaryMuted.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Primary button inverse background hover color",
+            "deprecated": false
+          }
+        },
+        "secondary": {
+          "text": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button text color",
+            "deprecated": false
+          },
+          "textHover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button text hover color",
+            "deprecated": false
+          },
+          "border": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button border color",
+            "deprecated": false
+          },
+          "borderHover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button border hover color",
+            "deprecated": false
+          },
+          "background": {
+            "value": "{transparency.white.80.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button background color",
+            "deprecated": false
+          },
+          "backgroundHover": {
+            "value": "{transparency.white.50.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button background hover color",
+            "deprecated": false
+          },
+          "textInverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button inverse text color",
+            "deprecated": false
+          },
+          "borderInverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button inverse border color",
+            "deprecated": false
+          },
+          "backgroundInverseHover": {
+            "value": "{transparency.white.80.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Secondary button inverse background hover color",
+            "deprecated": false
+          }
+        },
+        "tertiary": {
+          "text": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button text color",
+            "deprecated": false
+          },
+          "textHover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button text hover color",
+            "deprecated": false
+          },
+          "background": {
+            "value": "{transparency.black.5.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button background color",
+            "deprecated": false
+          },
+          "backgroundHover": {
+            "value": "{transparency.black.10.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button background hover color",
+            "deprecated": false
+          },
+          "border": {
+            "value": "{transparency.black.5.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button border color",
+            "deprecated": false
+          },
+          "borderHover": {
+            "value": "{transparency.black.10.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button border hover color",
+            "deprecated": false
+          },
+          "textInverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button inverse text color",
+            "deprecated": false
+          },
+          "backgroundInverse": {
+            "value": "{transparency.white.5.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button inverse background color",
+            "deprecated": false
+          },
+          "backgroundInverseHover": {
+            "value": "{transparency.white.10.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button inverse background hover color",
+            "deprecated": false
+          },
+          "borderInverse": {
+            "value": "{transparency.white.5.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button inverse border color",
+            "deprecated": false
+          },
+          "borderInverseHover": {
+            "value": "{transparency.white.10.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Tertiary button inverse border hover color",
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/advanced/hyperlink.json ADDED Viewed

@@ -0,0 +1,64 @@
+{
+  "advanced": {
+    "color": {
+      "hyperlink": {
+        "default": {
+          "value": "{basic.color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default hyperlink color",
+          "deprecated": false
+        },
+        "hover": {
+          "value": "{basic.color.brand.primaryBold.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink hover state color",
+          "deprecated": false
+        },
+        "active": {
+          "value": "{basic.color.brand.primaryBold.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink active state color",
+          "deprecated": false
+        },
+        "visited": {
+          "value": "{basic.color.brand.primaryMuted.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink visited state color",
+          "deprecated": false
+        },
+        "disabled": {
+          "value": "{color.gray.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink disabled state color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink inverse color",
+          "deprecated": false
+        },
+        "inverseHover": {
+          "value": "{basic.color.brand.primaryMuted.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Hyperlink inverse hover color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/advanced/shared.json ADDED Viewed

@@ -0,0 +1,48 @@
+{
+  "advanced": {
+    "color": {
+      "background": {
+        "default": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Component background color",
+          "deprecated": false
+        },
+        "muted": {
+          "value": "{color.gray.50.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Component background muted color",
+          "deprecated": false
+        },
+        "strong": {
+          "value": "{color.gray.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Component background strong color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{transparency.white.5.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Component background hover color",
+          "deprecated": false
+        }
+      },
+      "textAccent": {
+        "value": "{basic.color.brand.primarySubtle.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "",
+        "deprecated": false
+      }
+    }
+  }
+}

package/src/themes/alaska/advanced/state.json ADDED Viewed

@@ -0,0 +1,72 @@
+{
+  "advanced": {
+    "color": {
+      "state": {
+        "focused": {
+          "default": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          },
+          "inverse": {
+            "value": "{color.white.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          }
+        },
+        "selected": {
+          "default": {
+            "value": "{basic.color.brand.primary.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          },
+          "hover": {
+            "value": "{basic.color.brand.primaryBold.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          }
+        },
+        "background": {
+          "hover": {
+            "value": "{color.gray.100.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          },
+          "disabled": {
+            "value": "{color.gray.200.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "",
+            "deprecated": false
+          },
+          "inverse": {
+            "hover": {
+              "value": "{transparency.white.15.value}",
+              "type": "semantic",
+              "public": true,
+              "default": true,
+              "usage": "",
+              "deprecated": false
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/basic/color/border.json ADDED Viewed

@@ -0,0 +1,66 @@
+{
+  "basic": {
+    "color": {
+      "border": {
+        "default": {
+          "value": "{color.midnight.900.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Primary brand color",
+          "deprecated": false
+        },
+        "subtle": {
+          "value": "{color.midnight.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle neutral surface color",
+          "deprecated": false
+        },
+        "bold": {
+          "value": "{color.midnight.1000.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold neutral surface color",
+          "deprecated": false
+        },
+        "brand": {
+          "value": "{basic.color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Brand border color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse border color",
+          "deprecated": false
+        },
+        "divider": {
+          "base": {
+            "value": "{transparency.black.15.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Divider border color",
+            "deprecated": false
+          },
+          "inverse": {
+            "value": "{transparency.white.40.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Inverse divider border color",
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/basic/color/brand.json ADDED Viewed

@@ -0,0 +1,104 @@
+{
+  "basic": {
+    "color": {
+      "brand": {
+        "primary": {
+          "value": "{color.midnight.900.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Primary brand color",
+          "deprecated": false
+        },
+        "primaryMuted": {
+          "value": "{color.midnight.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted primary brand color",
+          "deprecated": false
+        },
+        "primarySubtle": {
+          "value": "{color.midnight.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle primary brand color",
+          "deprecated": false
+        },
+        "primaryBold": {
+          "value": "{color.midnight.1000.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold primary brand color",
+          "deprecated": false
+        },
+        "secondary": {
+          "value": "{color.bliss.500.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Secondary brand color",
+          "deprecated": false
+        },
+        "secondaryMuted": {
+          "value": "{color.bliss.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted secondary brand color",
+          "deprecated": false
+        },
+        "secondarySubtle": {
+          "value": "{color.bliss.300.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle secondary brand color",
+          "deprecated": false
+        },
+        "secondaryBold": {
+          "value": "{color.bliss.700.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold secondary brand color",
+          "deprecated": false
+        },
+        "tertiary": {
+          "value": "{color.tropical.500.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Tertiary brand color",
+          "deprecated": false
+        },
+        "tertiaryMuted": {
+          "value": "{color.tropical.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted tertiary brand color",
+          "deprecated": false
+        },
+        "tertiarySubtle": {
+          "value": "{color.tropical.300.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle tertiary brand color",
+          "deprecated": false
+        },
+        "tertiaryBold": {
+          "value": "{color.tropical.700.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold tertiary brand color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/alaska/basic/color/fare-brand.json ADDED Viewed

@@ -0,0 +1,74 @@
+{
+  "basic": {
+    "color": {
+      "fare": {
+        "basiceconomy": {
+          "value": "{color.bliss.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Basic fare brand color",
+          "deprecated": false
+        },
+        "economy": {
+          "value": "{color.atlas.500.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Economy fare brand color",
+          "deprecated": false
+        },
+        "premiumeconomy": {
+          "value": "{color.summit.900.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Premium fare brand color",
+          "deprecated": false
+        },
+        "business": {
+          "value": "{color.midnight.1000.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "First class fare brand color",
+          "deprecated": false
+        },
+        "first": {
+          "value": "{color.midnight.1000.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "First class fare brand color",
+          "deprecated": false
+        },
+        "oneworld": {
+          "emerald": {
+            "value": "{color.oneworld.emerald.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "OneWorld Emerald brand color",
+            "deprecated": false
+          },
+          "sapphire": {
+            "value": "{color.oneworld.sapphire.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "OneWorld Sapphire brand color",
+            "deprecated": false
+          },
+          "ruby": {
+            "value": "{color.oneworld.ruby.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "OneWorld Ruby brand color",
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}