npm - @aurodesignsystem/design-tokens - Versions diffs - 5.0.2 → 5.0.4 - Mend

@aurodesignsystem/design-tokens 5.0.2 → 5.0.4

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 (122) hide show

package/CHANGELOG.md +14 -0
package/README.md +86 -62
package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
package/dist/alaska/JSObject--allTokens.js +2124 -0
package/dist/alaska/SCSSVariables--alaska.scss +63 -0
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
package/dist/alaska/primitives--alaska.scss +215 -0
package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
package/dist/hawaiian/JSObject--allTokens.js +2124 -0
package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
package/dist/hawaiian/primitives--hawaiian.scss +175 -0
package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
package/package.json +5 -3
package/src/primitives/alaska/color.json +796 -0
package/src/primitives/alaska/typography.json +27 -0
package/src/primitives/base/color.json +489 -0
package/src/primitives/base/transparency.json +183 -0
package/src/primitives/base/typography.json +210 -0
package/src/primitives/hawaiian/color.json +508 -0
package/src/primitives/hawaiian/typography.json +28 -0
package/src/themes/alaska/color.json +394 -0
package/src/themes/alaska/typography.json +132 -0
package/src/themes/{excursion → auro-classic}/animation.json +6 -3
package/src/{color → themes/auro-classic/color}/alert.json +7 -0
package/src/{color → themes/auro-classic/color}/background.json +53 -25
package/src/{color → themes/auro-classic/color}/base.json +303 -147
package/src/{color → themes/auro-classic/color}/border.json +68 -32
package/src/{color → themes/auro-classic/color}/brand.json +289 -158
package/src/{color → themes/auro-classic/color}/container.json +101 -50
package/src/{color → themes/auro-classic/color}/icon.json +129 -64
package/src/{color → themes/auro-classic/color}/text.json +58 -28
package/src/{color → themes/auro-classic/color}/tier.json +43 -22
package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
package/src/{color → themes/auro-classic/color}/utility.json +60 -30
package/src/themes/auro-classic/comments.json +50 -0
package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
package/src/{asset → themes/auro-classic}/font.json +10 -5
package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
package/src/{size → themes/auro-classic/size}/radius.json +2 -1
package/src/themes/auro-classic/size/scale.json +347 -0
package/src/themes/auro-classic/size/unitless-scale.json +126 -0
package/src/{text.json → themes/auro-classic/text.json} +192 -97
package/src/themes/hawaiian/color.json +394 -0
package/src/themes/hawaiian/typography.json +132 -0
package/src/themes/transparent/color/alert.json +7 -0
package/src/themes/transparent/color/background.json +30 -2
package/src/themes/transparent/color/base.json +156 -0
package/src/themes/transparent/color/border.json +36 -0
package/src/themes/transparent/color/brand.json +167 -36
package/src/themes/transparent/color/container.json +50 -0
package/src/themes/transparent/color/icon.json +65 -0
package/src/themes/transparent/color/text.json +30 -0
package/src/themes/transparent/color/tier.json +22 -1
package/src/themes/transparent/color/ui.json +12 -1
package/src/themes/transparent/color/utility.json +30 -0
package/src/themes/transparent/elevation.json +3 -0
package/dist/tokens/JSObject--deprecated.js +0 -3157
package/dist/tokens/SCSSVariables.scss +0 -1372
package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
package/dist/tokens/darkmode/JSDataColor.js +0 -528
package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
package/src/animation.json +0 -21
package/src/color/ui.json +0 -125
package/src/color-darkmode/base.json +0 -24
package/src/color-darkmode/border.json +0 -32
package/src/color-darkmode/icon.json +0 -32
package/src/color-darkmode/text.json +0 -71
package/src/color-darkmode/tier.json +0 -34
package/src/comments.json +0 -34
package/src/grid-breakpoint.json +0 -29
package/src/grid-column.json +0 -29
package/src/size/scale.json +0 -240
package/src/size/unitless-scale.json +0 -82
package/src/themes/excursion/asset/font.json +0 -35
package/src/themes/excursion/color/alert.json +0 -90
package/src/themes/excursion/color/background.json +0 -280
package/src/themes/excursion/color/base.json +0 -1303
package/src/themes/excursion/color/border.json +0 -288
package/src/themes/excursion/color/brand.json +0 -1549
package/src/themes/excursion/color/container.json +0 -464
package/src/themes/excursion/color/excursion.json +0 -254
package/src/themes/excursion/color/icon.json +0 -476
package/src/themes/excursion/color/text.json +0 -270
package/src/themes/excursion/color/tier.json +0 -180
package/src/themes/excursion/comments.json +0 -34
package/src/themes/excursion/depth copy.json +0 -22
package/src/themes/excursion/elevation.json +0 -22
package/src/themes/excursion/grid-gutter.json +0 -29
package/src/themes/excursion/grid-margin.json +0 -29
package/src/themes/excursion/size/radius.json +0 -9
package/src/themes/excursion/size/scale.json +0 -234
package/src/themes/excursion/size/unitless-scale.json +0 -82
package/src/themes/excursion/text.json +0 -572
package/src/themes/hawaiian/color/background.json +0 -15
package/src/themes/hawaiian/color/border.json +0 -18
package/src/themes/hawaiian/color/container.json +0 -56
package/src/themes/hawaiian/color/icon.json +0 -24
package/src/themes/hawaiian/color/text.json +0 -44

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

@@ -0,0 +1,394 @@
+{
+  "color": {
+    "border": {
+      "bold": {
+        "value": "{color.gray.400.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Bold border color",
+        "deprecated": false
+      },
+      "brand": {
+        "value": "{color.gray.250.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
+      }
+    },
+    "brand": {
+      "accent1": {
+        "value": "{color.ocean.600.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Brand accent color",
+        "deprecated": false
+      },
+      "primary": {
+        "value": "{color.alohapink.600.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Primary brand color",
+        "deprecated": false
+      },
+      "primaryBold": {
+        "value": "{color.alohapink.800.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Bold primary brand color",
+        "deprecated": false
+      },
+      "primarySubtle": {
+        "value": "{color.alohapink.400.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Subtle primary brand color",
+        "deprecated": false
+      },
+      "secondary": {
+        "value": "{color.royalpurple.600.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Secondary brand color",
+        "deprecated": false
+      },
+      "secondaryBold": {
+        "value": "{color.royalpurple.800.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Bold secondary brand color",
+        "deprecated": false
+      },
+      "secondarySubtle": {
+        "value": "{color.royalpurple.400.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
+      },
+      "tertiarySubtle": {
+        "value": "{color.sunset.400.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Subtle tertiary brand color",
+        "deprecated": false
+      }
+    },
+    "fare": {
+      "brandBasic": {
+        "value": "{color.gray.250.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Basic fare brand color",
+        "deprecated": false
+      },
+      "brandFirst": {
+        "value": "{color.brand.secondary.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "First class fare brand color",
+        "deprecated": false
+      },
+      "brandEconomy": {
+        "value": "{color.brand.primary.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Economy fare brand color",
+        "deprecated": false
+      },
+      "brandPremium": {
+        "value": "{color.brand.accent1.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Premium fare brand color",
+        "deprecated": false
+      },
+      "brandOneWorldEmerald": {
+        "value": "{color.oneWorld.emerald.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "One World Emerald brand color",
+        "deprecated": false
+      },
+      "brandOneWorldRuby": {
+        "value": "{color.oneWorld.ruby.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "One World Ruby brand color",
+        "deprecated": false
+      },
+      "brandOneWorldSapphire": {
+        "value": "{color.oneWorld.sapphire.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "One World Sapphire brand color",
+        "deprecated": false
+      }
+    },
+    "page": {
+      "backgroundDefault": {
+        "value": "{color.white.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Default page background color",
+        "deprecated": false
+      },
+      "backgroundUtility": {
+        "value": "{color.gray.100.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Utility page background color",
+        "deprecated": false
+      }
+    },
+    "status": {
+      "default": {
+        "value": "{color.brand.secondary.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.600.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
+      }
+    },
+    "surface": {
+      "accent1": {
+        "value": "{color.gray.50.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Accent surface color",
+        "deprecated": false
+      },
+      "accent1Muted": {
+        "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": "{color.brand.secondary.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Inverse surface color",
+        "deprecated": false
+      },
+      "inverseSubtle": {
+        "value": "{color.brand.secondary.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
+      }
+    },
+    "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.400.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
+      },
+      "muted": {
+        "value": "{color.gray.900.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Muted text/icon color",
+        "deprecated": false
+      }
+    }
+  }
+}

package/src/themes/hawaiian/typography.json ADDED Viewed

@@ -0,0 +1,132 @@
+{
+  "font": {
+    "family": {
+      "body": {
+        "value": "{font.family.body.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Body font family",
+        "deprecated": false
+      },
+      "display": {
+        "value": "{font.family.display.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Display font family",
+        "deprecated": false
+      },
+      "heading": {
+        "value": "{font.family.heading.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Heading font family",
+        "deprecated": false
+      }
+    },
+    "weight": {
+      "display": {
+        "value": "{font.weight.semibold.value}",
+        "type": "semantic",
+        "public": true,
+        "default": true,
+        "usage": "Display font weight",
+        "deprecated": false
+      },
+      "body": {
+        "default": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Default body font weight",
+          "deprecated": false
+        },
+        "large": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Large body font weight",
+          "deprecated": false
+        },
+        "small": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Small body font weight",
+          "deprecated": false
+        },
+        "xsmall": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Extra small body font weight",
+          "deprecated": false
+        },
+        "xxsmall": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Extra extra small body font weight",
+          "deprecated": false
+        }
+      },
+      "heading": {
+        "heading1": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 1 font weight",
+          "deprecated": false
+        },
+        "heading2": {
+          "value": "{font.weight.regular.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 2 font weight",
+          "deprecated": false
+        },
+        "heading3": {
+          "value": "{font.weight.medium.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 3 font weight",
+          "deprecated": false
+        },
+        "heading4": {
+          "value": "{font.weight.medium.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 4 font weight",
+          "deprecated": false
+        },
+        "heading5": {
+          "value": "{font.weight.medium.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 5 font weight",
+          "deprecated": false
+        },
+        "heading6": {
+          "value": "{font.weight.medium.value}",
+          "type": "semantic",
+          "public": true,
+          "default": true,
+          "usage": "Heading 6 font weight",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/themes/transparent/color/alert.json CHANGED Viewed

@@ -4,6 +4,7 @@
       "notification": {
         "default": {
           "value": "{color.brand.atlas.400.value}",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Notification color on light backgrounds",
@@ -16,6 +17,7 @@
       "warning": {
         "default": {
           "value": "{color.state.warning.500.value}",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Warning color on light backgrounds",
@@ -28,6 +30,7 @@
       "error": {
         "default": {
           "value": "{color.state.error.500.value}",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Error color on light backgrounds",
@@ -40,6 +43,7 @@
       "success": {
         "default": {
           "value": "{color.state.success.500.value}",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Success color on light backgrounds",
@@ -52,6 +56,7 @@
       "advisory": {
         "default": {
           "value": "{color.brand.goldcoast.100.value}",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Travel advisory or system maintenance color on light backgrounds",
@@ -64,6 +69,7 @@
       "bkgSuccess": {
         "default": {
           "value": "DDF6E8",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Background success color on light backgrounds",
@@ -76,6 +82,7 @@
       "bkgError": {
         "default": {
           "value": "FFEDF1",
+          "type": "semantic",
           "public": true,
           "default": true,
           "usage": "Background error color on light backgrounds",