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

@aurodesignsystem/design-tokens 5.5.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 (79) hide show

package/CHANGELOG.md +20 -0
package/dist/CSSCustomProperties--bundled.css +799 -153
package/dist/alaska/CSSCustomProperties--alaska.css +412 -88
package/dist/alaska/JSONVariablesNested--alaska.json +633 -133
package/dist/alaska/JSObject--allTokens.js +14053 -2706
package/dist/alaska/SCSSVariables--alaska.scss +412 -88
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +412 -88
package/dist/alaska/primitives--alaska.scss +35 -34
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 +388 -66
package/dist/hawaiian/JSONVariablesNested--hawaiian.json +611 -93
package/dist/hawaiian/JSObject--allTokens.js +13903 -2622
package/dist/hawaiian/SCSSVariables--hawaiian.scss +388 -66
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +389 -67
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 +115 -125
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 +19 -43
package/src/themes/alaska/advanced/shared.json +30 -30
package/src/themes/alaska/advanced/state.json +52 -60
package/src/themes/alaska/basic/color/border.json +43 -45
package/src/themes/alaska/basic/color/brand.json +61 -61
package/src/themes/alaska/basic/color/fare-brand.json +44 -44
package/src/themes/alaska/basic/color/page-background.json +9 -9
package/src/themes/alaska/basic/color/status.json +36 -37
package/src/themes/alaska/basic/color/surface.json +72 -80
package/src/themes/alaska/basic/color/text-icon.json +37 -77
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/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 +41 -42
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 +37 -39
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 -262
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/fare-brand.json CHANGED Viewed

@@ -3,72 +3,72 @@
     "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",
+          "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,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.700.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Error status color",
-          "deprecated": false
+          "value": "{color.status.error.700.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": "{basic.color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Info status color",
-          "deprecated": false
+          "value": "{basic.color.brand.primary.value}"
         },
         "infoSubtle": {
-          "value": "{basic.color.brand.primaryMuted.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Subtle info status color",
-          "deprecated": false
+          "value": "{basic.color.brand.primaryMuted.value}"
         },
         "success": {
-          "value": "{color.status.success.700.value}",
-          "type": "semantic",
-          "public": true,
           "default": true,
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
           "usage": "Success status color",
-          "deprecated": false
+          "value": "{color.status.success.700.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/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": "{basic.color.brand.primary.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Accent surface color",
-            "deprecated": false
-          },
-          "subtle": {
-            "value": "{basic.color.brand.primarySubtle.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Subtle accent surface color",
-            "deprecated": false
-          },
-          "muted": {
-            "value": "{basic.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}"
         }
       }
     }
   }
-}
+}

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

@@ -2,95 +2,55 @@
   "basic": {
     "color": {
       "texticon": {
-        "default": {
-          "value": "{color.gray.1000.value}",
-          "type": "semantic",
-          "public": true,
+        "accent1": {
           "default": true,
-          "usage": "Default text color",
-          "deprecated": false
-        },
-        "muted": {
-          "value": "{color.gray.700.value}",
-          "type": "semantic",
+          "deprecated": false,
           "public": true,
+          "type": "semantic",
+          "usage": "Accent text color",
+          "value": "{color.midnight.800.value}"
+        },
+        "default": {
           "default": true,
-          "usage": "Muted text color",
-          "deprecated": false
+          "deprecated": false,
+          "public": true,
+          "type": "semantic",
+          "usage": "Default text color",
+          "value": "{color.gray.1000.value}"
         },
         "disabled": {
-          "base": {
-            "value": "{color.gray.250.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Disabled text/icon color",
-            "deprecated": false
-          },
-          "inverse": {
-            "value": "{color.gray.700.value}",
-            "type": "semantic",
-            "public": true,
-            "default": true,
-            "usage": "Disabled inverse text/icon color",
-            "deprecated": false
-          }
-        },
-        "link": {
-          "default": {
-            "base": {
-              "value": "{basic.color.brand.primary.value}",
-              "type": "semantic",
-              "public": true,
-              "default": true,
-              "usage": "Default link text/icon color",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.white.value}",
-              "type": "semantic",
-              "public": true,
-              "default": true,
-              "usage": "Inverse link text/icon color",
-              "deprecated": false
-            }
-          },
-          "hover": {
-            "base": {
-              "value": "{basic.color.brand.primaryBold.value}",
-              "type": "semantic",
-              "public": true,
-              "default": true,
-              "usage": "Hover link text/icon color",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{basic.color.brand.primaryMuted.value}",
-              "type": "semantic",
-              "public": true,
-              "default": true,
-              "usage": "Inverse hover link 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.700.value}"
         }
       }
     }
   }
-}
+}

package/src/themes/alaska/basic/corner-radius.json CHANGED Viewed

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