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/alaska/basic/color/brand.json CHANGED Viewed

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

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

@@ -1,74 +1,74 @@
 {
   "basic": {
     "color": {
-      "fareBrand": {
-        "basicEconomy": {
-          "value": "{color.bliss.400.value}",
-          "type": "semantic",
-          "public": true,
+      "fare": {
+        "basiceconomy": {
           "default": true,
-          "usage": "Basic fare brand color",
-          "deprecated": false
-        },
-        "economy": {
-          "value": "{color.atlas.500.value}",
-          "type": "semantic",
+          "deprecated": false,
           "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
+          "usage": "Basic fare brand color",
+          "value": "{color.bliss.400.value}"
         },
         "business": {
-          "value": "{color.midnight.1000.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "First class fare brand color",
-          "deprecated": false
+          "value": "{color.midnight.900.value}"
         },
-        "first": {
-          "value": "{color.midnight.1000.value}",
-          "type": "semantic",
+        "economy": {
+          "default": true,
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Economy fare brand color",
+          "value": "{color.atlas.500.value}"
+        },
+        "first": {
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "First class fare brand color",
-          "deprecated": false
+          "value": "{color.midnight.1000.value}"
         },
         "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.summit.900.value}"
         }
       }
     }
   }
-}
+}

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

@@ -3,22 +3,22 @@
     "color": {
       "pageBackground": {
         "default": {
-          "value": "{color.midnight.900.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Primary brand color",
-          "deprecated": false
+          "value": "{basic.color.brand.secondaryMuted.value}"
         },
         "utility": {
-          "value": "{color.midnight.100.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Muted primary brand color",
-          "deprecated": false
+          "value": "{color.white.value}"
         }
       }
     }
   }
-}
+}

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

@@ -3,86 +3,78 @@
     "color": {
       "status": {
         "default": {
-          "value": "{color.midnight.900.value}",
+          "default": true,
+          "deprecated": false,
+          "public": true,
           "type": "semantic",
+          "usage": "Default status color",
+          "value": "{color.neutral.400.value}"
+        },
+        "error": {
+          "default": true,
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Error status color",
+          "value": "{color.status.error.700.value}"
+        },
+        "errorSubtle": {
           "default": true,
-          "usage": "Primary brand color",
-          "deprecated": false
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle error status color",
+          "value": "{color.status.error.100.value}"
         },
         "info": {
-          "base": {
-            "value": "{color.brand.primary.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Info status color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.status.help.100.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle info status color",
-            "deprecated": false
-          }
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Info status color",
+          "value": "{basic.color.brand.primary.value}"
+        },
+        "infoSubtle": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle info status color",
+          "value": "{basic.color.brand.primaryMuted.value}"
         },
         "success": {
-          "base": {
-            "value": "{color.status.success.600.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Success status color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.status.success.100.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle success status color",
-            "deprecated": false
-          }
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Success status color",
+          "value": "{color.status.success.700.value}"
+        },
+        "successSubtle": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle success status color",
+          "value": "{color.status.success.100.value}"
         },
         "warning": {
-          "base": {
-            "value": "{color.status.warn.300.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Warning status color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.status.warn.100.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle warning status color",
-            "deprecated": false
-          }
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Warning status color",
+          "value": "{color.status.warn.300.value}"
         },
-        "error": {
-          "base": {
-            "value": "{color.status.error.600.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Error status color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.status.error.100.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle error status color",
-            "deprecated": false
-          }
+        "warningSubtle": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle warning status color",
+          "value": "{color.status.warn.100.value}"
         }
       }
     }
   }
-}
+}

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

@@ -2,95 +2,87 @@
   "basic": {
     "color": {
       "surface": {
-        "default": {
-          "value": "{color.midnight.900.value}",
+        "accent1": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
           "type": "semantic",
+          "usage": "Accent surface color",
+          "value": "{basic.color.brand.secondary.value}"
+        },
+        "accent1Muted": {
+          "default": true,
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Muted accent surface color",
+          "value": "{basic.color.brand.secondaryMuted.value}"
+        },
+        "accent1Subtle": {
           "default": true,
-          "usage": "Primary brand color",
-          "deprecated": false
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle accent surface color",
+          "value": "{basic.color.brand.secondarySubtle.value}"
+        },
+        "accent2": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Accent surface color",
+          "value": "{basic.color.brand.tertiary.value}"
+        },
+        "accent2Muted": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Muted accent surface color",
+          "value": "{basic.color.brand.tertiaryMuted.value}"
         },
-        "natural": {
-          "subtle": {
-            "value": "{color.midnight.600.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle neutral surface color",
-            "deprecated": false
-          },
-          "medium": {
-            "value": "{color.midnight.100.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Medium neutral surface color",
-            "deprecated": false
-          }
+        "default": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Default surface color",
+          "value": "{color.white.value}"
         },
         "inverse": {
-          "base": {
-            "value": "{color.white.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Inverse surface color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.gray.200.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle inverse surface color",
-            "deprecated": false
-          }
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Inverse surface color",
+          "value": "{basic.color.brand.primaryBold.value}"
         },
-        "accent1": {
-          "base": {
-            "value": "{color.brand.primary.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Accent surface color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{color.brand.primarySubtle.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle accent surface color",
-            "deprecated": false
-          },
-          "muted": {
-            "value": "{color.brand.primaryMuted.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Muted accent surface color",
-            "deprecated": false
-          }
+        "inverseSubtle": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle inverse surface color",
+          "value": "{basic.color.brand.primarySubtle.value}"
         },
-        "accent2": {
-          "base": {
-            "value": "{color.gray.500.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Accent surface color",
-            "deprecated": false
-          },
-          "muted": {
-            "value": "{color.gray.300.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle accent surface color",
-            "deprecated": false
-          }
+        "neutralMedium": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Medium neutral surface color",
+          "value": "{color.gray.300.value}"
+        },
+        "neutralSubtle": {
+          "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Subtle neutral surface color",
+          "value": "{color.gray.50.value}"
         }
       }
     }
   }
-}
+}