npm - @aurodesignsystem/design-tokens - Versions diffs - 5.3.0 → 5.4.0 - Mend

@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show

package/CHANGELOG.md +18 -0
package/README.md +44 -255
package/dist/CSSCustomProperties--bundled.css +129 -345
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 +188 -0
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 +136 -0
package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
package/src/themes/alaska/advanced/hyperlink.json +62 -0
package/src/themes/alaska/advanced/shared.json +46 -0
package/src/themes/alaska/advanced/state.json +70 -0
package/src/themes/alaska/basic/color/border.json +66 -0
package/src/themes/alaska/basic/color/brand.json +108 -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 +88 -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/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/CSSCustomProperties--alaska.css +0 -119
package/dist/alaska/JSObject--allTokens.js +0 -3731
package/dist/alaska/SCSSVariables--alaska.scss +0 -116
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
package/dist/alaska/primitives--alaska.scss +0 -215
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
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/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/hawaiian/basic/color/border.json ADDED Viewed

@@ -0,0 +1,65 @@
+{
+  "basic": {
+    "color": {
+      "border": {
+        "bold": {
+          "value": "{color.gray.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold border color",
+          "deprecated": false
+        },
+        "brand": {
+          "value": "{basic.color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Brand border color",
+          "deprecated": false
+        },
+        "default": {
+          "value": "{color.gray.250.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default border color",
+          "deprecated": false
+        },
+        "divider": {
+          "value": "{transparency.black.15.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Divider border color",
+          "deprecated": false
+        },
+        "dividerInverse": {
+          "value": "{transparency.white.40.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse divider border color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse border color",
+          "deprecated": false
+        },
+        "subtle": {
+          "value": "{color.gray.200.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle border color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,105 @@
+{
+  "basic": {
+    "color": {
+      "brand": {
+        "primary": {
+          "value": "{color.royalpurple.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Primary brand color",
+          "deprecated": false
+        },
+        "primaryBold": {
+          "value": "{color.royalpurple.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold primary brand color",
+          "deprecated": false
+        },
+        "primaryMuted": {
+          "value": "{color.royalpurple.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted primary brand color",
+          "deprecated": false
+        },
+        "primarySubtle": {
+          "value": "{color.royalpurple.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle primary brand color",
+          "deprecated": false
+        },
+        "secondary": {
+          "value": "{color.alohapink.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Secondary brand color",
+          "deprecated": false
+        },
+        "secondaryBold": {
+          "value": "{color.alohapink.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold secondary brand color",
+          "deprecated": false
+        },
+        "secondaryMuted": {
+          "value": "{color.alohapink.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted secondary brand color",
+          "deprecated": false
+        },
+        "secondarySubtle": {
+          "value": "{color.alohapink.500.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle secondary brand color",
+          "deprecated": false
+        },
+        "tertiary": {
+          "value": "{color.sunset.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Tertiary brand color",
+          "deprecated": false
+        },
+        "tertiaryBold": {
+          "value": "{color.sunset.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Bold tertiary brand color",
+          "deprecated": false
+        },
+        "tertiaryMuted": {
+          "value": "{color.sunset.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted tertiary brand color",
+          "deprecated": false
+        },
+        "tertiarySubtle": {
+          "value": "{color.sunset.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle tertiary brand color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/basic/color/color.json ADDED Viewed

@@ -0,0 +1,57 @@
+{
+  "basic": {
+    "color": {
+      "textIcon": {
+        "accent1": {
+          "value": "{color.black.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Accent text/icon color",
+          "deprecated": false
+        },
+        "default": {
+          "value": "{color.black.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default text/icon color",
+          "deprecated": false
+        },
+        "disabled": {
+          "value": "{color.gray.250.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Disabled text/icon color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse text/icon color",
+          "deprecated": false
+        },
+        "inverseDisabled": {
+          "value": "{color.gray.250.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Disabled inverse text/icon color",
+          "deprecated": false
+        },
+        "muted": {
+          "value": "{color.gray.900.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted text/icon color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,75 @@
+{
+  "basic": {
+    "color": {
+      "fareBrand": {
+        "basicEconomy": {
+          "value": "{color.gray.250.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Basic fare brand color",
+          "deprecated": false
+        },
+        "businessFirst": {
+          "value": "{color.royalpurple.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "First class fare brand color",
+          "deprecated": false
+        },
+        "economy": {
+          "value": "{color.alohapink.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Economy fare brand color",
+          "deprecated": false
+        },
+        "first": {
+          "value": "{color.royalpurple.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "First class fare brand color",
+          "deprecated": false
+        },
+        "premiumEconomy": {
+          "value": "{color.ocean.800.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Premium 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
+          }
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/basic/color/page-background.json ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "basic": {
+    "color": {
+      "pageBackground": {
+        "default": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default page background color",
+          "deprecated": false
+        },
+        "utility": {
+          "value": "{color.gray.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Utility page background color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/basic/color/status.json ADDED Viewed

@@ -0,0 +1,81 @@
+{
+  "basic": {
+    "color": {
+      "status": {
+        "default": {
+          "value": "{color.neutral.400.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default status color",
+          "deprecated": false
+        },
+        "error": {
+          "value": "{color.status.error.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Error status color",
+          "deprecated": false
+        },
+        "errorSubtle": {
+          "value": "{color.status.error.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle error status color",
+          "deprecated": false
+        },
+        "info": {
+          "value": "{color.status.help.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Info status color",
+          "deprecated": false
+        },
+        "infoSubtle": {
+          "value": "{color.status.help.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle info status color",
+          "deprecated": false
+        },
+        "success": {
+          "value": "{color.status.success.600.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Success status color",
+          "deprecated": false
+        },
+        "successSubtle": {
+          "value": "{color.status.success.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle success status color",
+          "deprecated": false
+        },
+        "warning": {
+          "value": "{color.status.warn.300.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Warning status color",
+          "deprecated": false
+        },
+        "warningSubtle": {
+          "value": "{color.status.warn.100.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle warning status color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/basic/color/surface.json ADDED Viewed

@@ -0,0 +1,89 @@
+{
+  "basic": {
+    "color": {
+      "surface": {
+        "accent1": {
+          "value": "{color.royalpurple.300.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Accent surface color",
+          "deprecated": false
+        },
+        "accent1Muted": {
+          "value": "{basic.color.brand.primaryMuted.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted accent surface color",
+          "deprecated": false
+        },
+        "accent1Subtle": {
+          "value": "{color.royalpurple.300.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle accent surface color",
+          "deprecated": false
+        },
+        "accent2": {
+          "value": "{color.gray.50.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Accent surface color",
+          "deprecated": false
+        },
+        "accent2Muted": {
+          "value": "{color.gray.50.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted accent surface color",
+          "deprecated": false
+        },
+        "default": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default surface color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{basic.color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse surface color",
+          "deprecated": false
+        },
+        "inverseSubtle": {
+          "value": "{basic.color.brand.primarySubtle.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle inverse surface color",
+          "deprecated": false
+        },
+        "neutralMedium": {
+          "value": "{color.gray.200.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Medium neutral surface color",
+          "deprecated": false
+        },
+        "neutralSubtle": {
+          "value": "{color.gray.50.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Subtle neutral surface color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/hawaiian/basic/color/text-icon.json ADDED Viewed

@@ -0,0 +1,58 @@
+{
+  "basic": {
+    "color": {
+      "textIcon": {
+        "default": {
+          "value": "{color.black.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default text color",
+          "deprecated": false
+        },
+        "muted": {
+          "value": "{color.gray.900.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Muted text color",
+          "deprecated": false
+        },
+        "disabled": {
+          "default": {
+            "value": "{color.gray.250.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Disabled text/icon color",
+            "deprecated": false
+          },
+          "inverse": {
+            "value": "{color.neutral.600.value}",
+            "type": "semantic",
+            "public": true,
+            "default": true,
+            "usage": "Disabled inverse text/icon color",
+            "deprecated": false
+          }
+        },
+        "accent1": {
+          "value": "{basic.color.brand.primary.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Accent text color",
+          "deprecated": false
+        },
+        "inverse": {
+          "value": "{color.white.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Inverse text color",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}