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

@aurodesignsystem/design-tokens 5.4.0 → 5.6.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 (80) hide show

package/CHANGELOG.md +27 -0
package/dist/CSSCustomProperties--bundled.css +847 -71
package/dist/alaska/CSSCustomProperties--alaska.css +457 -0
package/dist/alaska/JSONVariablesNested--alaska.json +706 -0
package/dist/alaska/JSObject--allTokens.js +15481 -0
package/dist/alaska/SCSSVariables--alaska.scss +454 -0
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +458 -0
package/dist/alaska/primitives--alaska.scss +246 -0
package/dist/auro-classic/CSSCustomProperties.css +1 -1
package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
package/dist/auro-classic/JSData--color.js +1 -1
package/dist/auro-classic/JSObject--allTokens.js +1 -1
package/dist/auro-classic/JSObject--deprecated.js +1 -1
package/dist/auro-classic/JSVariables--color.js +1 -1
package/dist/auro-classic/SCSSVariableMap.scss +1 -1
package/dist/auro-classic/SCSSVariables.scss +1 -1
package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
package/dist/auro-classic/SassCustomProperties.scss +1 -1
package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
package/dist/hawaiian/CSSCustomProperties--hawaiian.css +393 -71
package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -96
package/dist/hawaiian/JSObject--allTokens.js +13917 -2636
package/dist/hawaiian/SCSSVariables--hawaiian.scss +393 -71
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +394 -72
package/dist/hawaiian/primitives--hawaiian.scss +25 -24
package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
package/package.json +1 -1
package/src/primitives/alaska/color.json +456 -456
package/src/primitives/alaska/font.json +9 -9
package/src/primitives/base/color.json +284 -284
package/src/primitives/base/font.json +186 -175
package/src/primitives/base/transparency.json +108 -108
package/src/primitives/hawaiian/color.json +287 -287
package/src/primitives/hawaiian/font.json +9 -9
package/src/themes/alaska/advanced/accents.json +104 -0
package/src/themes/alaska/advanced/boolean.json +87 -95
package/src/themes/alaska/advanced/button/primary.json +146 -0
package/src/themes/alaska/advanced/button/secondary.json +106 -0
package/src/themes/alaska/advanced/button/tertiary.json +98 -0
package/src/themes/alaska/advanced/hyperlink.json +34 -56
package/src/themes/alaska/advanced/shared.json +43 -41
package/src/themes/alaska/advanced/state.json +42 -48
package/src/themes/alaska/basic/color/border.json +43 -45
package/src/themes/alaska/basic/color/brand.json +68 -72
package/src/themes/alaska/basic/color/fare-brand.json +46 -46
package/src/themes/alaska/basic/color/page-background.json +9 -9
package/src/themes/alaska/basic/color/status.json +61 -69
package/src/themes/alaska/basic/color/surface.json +72 -80
package/src/themes/alaska/basic/color/text-icon.json +38 -78
package/src/themes/alaska/basic/corner-radius.json +15 -15
package/src/themes/alaska/basic/font/accent.json +847 -217
package/src/themes/alaska/basic/font/body.json +203 -48
package/src/themes/alaska/basic/font/display.json +727 -187
package/src/themes/alaska/basic/font/heading.json +725 -182
package/src/themes/alaska-classic/color.json +2 -2
package/src/themes/alaska-classic/typography.json +124 -124
package/src/themes/hawaiian/advanced/accents.json +104 -0
package/src/themes/hawaiian/advanced/boolean.json +115 -125
package/src/themes/hawaiian/advanced/button/primary.json +146 -0
package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
package/src/themes/hawaiian/advanced/shared.json +30 -30
package/src/themes/hawaiian/advanced/state.json +52 -60
package/src/themes/hawaiian/basic/color/border.json +28 -29
package/src/themes/hawaiian/basic/color/brand.json +48 -49
package/src/themes/hawaiian/basic/color/fare-brand.json +44 -45
package/src/themes/hawaiian/basic/color/page-background.json +8 -9
package/src/themes/hawaiian/basic/color/status.json +36 -37
package/src/themes/hawaiian/basic/color/surface.json +40 -41
package/src/themes/hawaiian/basic/color/text-icon.json +38 -40
package/src/themes/hawaiian/basic/corner-radius.json +30 -0
package/src/themes/hawaiian/basic/font/accent.json +846 -216
package/src/themes/hawaiian/basic/font/body.json +202 -47
package/src/themes/hawaiian/basic/font/display.json +788 -0
package/src/themes/hawaiian/basic/font/heading.json +724 -184
package/src/themes/alaska/advanced/button.json +0 -260
package/src/themes/hawaiian/advanced/button.json +0 -334
package/src/themes/hawaiian/basic/color/color.json +0 -57
package/src/themes/hawaiian/basic/font/typography.json +0 -248

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

@@ -1,75 +1,74 @@
 {
   "basic": {
     "color": {
-      "fareBrand": {
-        "basicEconomy": {
-          "value": "{color.gray.250.value}",
-          "type": "semantic",
-          "public": true,
+      "fare": {
+        "basiceconomy": {
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Basic fare brand color",
-          "deprecated": false
+          "value": "{color.gray.250.value}"
         },
-        "businessFirst": {
-          "value": "{color.royalpurple.600.value}",
-          "type": "semantic",
-          "public": true,
+        "business": {
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "First class fare brand color",
-          "deprecated": false
+          "value": "{color.royalpurple.600.value}"
         },
         "economy": {
-          "value": "{color.alohapink.600.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Economy fare brand color",
-          "deprecated": false
+          "value": "{color.alohapink.600.value}"
         },
         "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",
+          "deprecated": false,
           "public": true,
-          "default": true,
-          "usage": "Premium fare brand color",
-          "deprecated": false
+          "type": "semantic",
+          "usage": "First class fare brand color",
+          "value": "{color.royalpurple.600.value}"
         },
-        "oneWorld": {
+        "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",
+            "deprecated": false,
             "public": true,
-            "default": true,
-            "usage": "OneWorld Sapphire brand color",
-            "deprecated": false
+            "type": "semantic",
+            "usage": "OneWorld Emerald brand color",
+            "value": "{color.oneworld.emerald.value}"
           },
           "ruby": {
-            "value": "{color.oneworld.ruby.value}",
-            "type": "semantic",
-            "public": true,
             "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
             "usage": "OneWorld Ruby brand color",
-            "deprecated": false
+            "value": "{color.oneworld.ruby.value}"
+          },
+          "sapphire": {
+            "default": true,
+            "deprecated": false,
+            "public": true,
+            "type": "semantic",
+            "usage": "OneWorld Sapphire brand color",
+            "value": "{color.oneworld.sapphire.value}"
           }
+        },
+        "premiumeconomy": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Premium fare brand color",
+          "value": "{color.ocean.800.value}"
         }
       }
     }
   }
 }

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

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

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

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

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

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

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

@@ -1,58 +1,56 @@
 {
   "basic": {
     "color": {
-      "textIcon": {
-        "default": {
-          "value": "{color.black.value}",
-          "type": "semantic",
-          "public": true,
+      "texticon": {
+        "accent1": {
           "default": true,
-          "usage": "Default text color",
-          "deprecated": false
-        },
-        "muted": {
-          "value": "{color.gray.900.value}",
-          "type": "semantic",
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Accent text color",
+          "value": "{basic.color.brand.primary.value}"
+        },
+        "default": {
           "default": true,
-          "usage": "Muted text color",
-          "deprecated": false
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Default text color",
+          "value": "{color.black.value}"
         },
         "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",
+          "default": true,
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Disabled text/icon color",
+          "value": "{color.gray.250.value}"
+        },
+        "disabledInverse": {
           "default": true,
-          "usage": "Accent text color",
-          "deprecated": false
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Disabled inverse text/icon color",
+          "value": "{color.neutral.600.value}"
         },
         "inverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Inverse text color",
-          "deprecated": false
+          "value": "{color.white.value}"
+        },
+        "muted": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Muted text color",
+          "value": "{color.gray.900.value}"
         }
       }
     }
   }
-}
+}

package/src/themes/hawaiian/basic/corner-radius.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "basic": {
+    "cornerRadius": {
+      "large": {
+        "default": true,
+        "deprecated": false,
+        "public": true,
+        "type": "semantic",
+        "usage": "",
+        "value": "24px"
+      },
+      "medium": {
+        "default": true,
+        "deprecated": false,
+        "public": true,
+        "type": "semantic",
+        "usage": "",
+        "value": "16px"
+      },
+      "small": {
+        "default": true,
+        "deprecated": false,
+        "public": true,
+        "type": "semantic",
+        "usage": "",
+        "value": "4px"
+      }
+    }
+  }
+}