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/excursion/color/text.json DELETED Viewed

@@ -1,270 +0,0 @@
-{
-  "color": {
-    "text": {
-      "primary": {
-        "default": {
-          "value": "{color.excursion.grey.900.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.base.white.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "secondary": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "tertiary": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "ui": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "hover": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "focus": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "disabled": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "active": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "default": {
-            "value": "{color.excursion.grey.100.value}",
-            "comment": "",
-            "public": true,
-            "usage": "",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "hover": {
-            "value": "{color.excursion.grey.100.value}",
-            "comment": "",
-            "public": true,
-            "usage": "",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "focus": {
-            "value": "{color.excursion.grey.100.value}",
-            "comment": "",
-            "public": true,
-            "usage": "",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "disabled": {
-            "value": "{color.excursion.grey.100.value}",
-            "comment": "",
-            "public": true,
-            "usage": "",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "active": {
-            "value": "{color.excursion.grey.100.value}",
-            "comment": "",
-            "public": true,
-            "usage": "",
-            "wcag": "n/a",
-            "deprecated": false
-          }
-        }
-      },
-      "error": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "success": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "warning": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "info": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "accent": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "emphasis": {
-        "default": {
-          "value": "{color.excursion.blue.800.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      },
-      "subtle": {
-        "default": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        },
-        "inverse": {
-          "value": "{color.excursion.grey.100.value}",
-          "comment": "",
-          "public": true,
-          "usage": "",
-          "wcag": "n/a",
-          "deprecated": false
-        }
-      }
-    }
-  }
-}

package/src/themes/excursion/color/tier.json DELETED Viewed

@@ -1,180 +0,0 @@
-{
-    "color": {
-      "tier": {
-        "alaska": {
-          "mvp": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "MVP tier color for Alaska Airlines on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "MVP tier color for Alaska Airlines on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "mvpgold": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "MVP Gold tier color for Alaska Airlines on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "MVP Gold tier color for Alaska Airlines on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "mvpgold75k" :{
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "MVP Gold 75k tier color for Alaska Airlines on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "MVP Gold 75k tier color for Alaska Airlines on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "mvpgold100k": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "MVP Gold 100k tier color for Alaska Airlines on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "MVP Gold 100k tier color for Alaska Airlines on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          }
-        },
-        "fare": {
-          "business": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "Business class tier color for fares on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "Business class tier color for fares on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "economy": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "Economy class tier color for fares on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "Economy class tier color for fares on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "first-class": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "First class tier color for fares on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "First class tier color for fares on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          },
-          "saver": {
-            "default": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "default": true,
-              "usage": "Saver class tier color for fares on light backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            },
-            "inverse": {
-              "value": "{color.excursion.grey.100.value}",
-              "public": true,
-              "inverse": true,
-              "usage": "Saver class tier color for fares on dark backgrounds",
-              "wcag": "n/a",
-              "deprecated": false
-            }
-          }
-        },
-        "oneworld": {
-          "emerald": {
-            "value": "{color.excursion.grey.100.value}",
-            "public": true,
-            "onLight": true,
-            "usage": "Emerald tier color for Oneworld",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "sapphire": {
-            "value": "{color.excursion.grey.100.value}",
-            "public": true,
-            "onDark": true,
-            "usage": "Sapphire tier color for Oneworld",
-            "wcag": "n/a",
-            "deprecated": false
-          },
-          "ruby": {
-            "value": "{color.excursion.grey.100.value}",
-            "public": true,
-            "onDark": true,
-            "usage": "Ruby tier color for Oneworld",
-            "wcag": "n/a",
-            "deprecated": false
-          }
-        }
-      }
-    }
-  }

package/src/themes/excursion/comments.json DELETED Viewed

@@ -1,34 +0,0 @@
- {
-  "comments": {
-    "deprecated": {
-      "comment": "\n  // Deprecated, no replacement; token to be REMOVED in next MAJOR release"
-    },
-    "reference": {
-      "comment": "\n  // New token, see"
-    },
-    "color": {
-      "deprecated": {
-        "comment": "{comments.deprecated.comment}"
-      },
-      "base": {
-        "value": {
-          "comment": "\n  // Base value for token support; should not use in code!"
-        }
-      },
-      "brand": {
-        "value": {
-          "comment": "\n  // Please consider descriptive token prior to using brand token"
-        }
-      },
-      "classic": {
-        "comment": "\n  // DO NOT USE for anything other than legacy projects or classic component themes"
-      },
-      "matrix": {
-        "comment": "\n  // DO NOT USE for anything other than legacy projects related to the matrix search"
-      },
-      "reference": {
-        "comment": "{comments.reference.comment}"
-      }
-    }
-  }
-}

package/src/themes/excursion/depth copy.json DELETED Viewed

@@ -1,22 +0,0 @@
-{
-  "depth": {
-    "hidden": {
-      "value": "-1"
-    },
-    "overlay": {
-      "value": "200",
-      "public": true,
-      "deprecated": false
-    },
-    "modal": {
-      "value": "400",
-      "public": true,
-      "deprecated": false
-    },
-    "tooltip": {
-      "value": "300",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}

package/src/themes/excursion/elevation.json DELETED Viewed

@@ -1,22 +0,0 @@
-{
-  "elevation": {
-    "100": {
-      "value": "0px 0px 5px rgba(0, 0, 0, 0.15)",
-      "public": true,
-      "comment": "for the least amount of emphasis",
-      "deprecated": false
-    },
-    "200": {
-      "value": "0px 0px 10px rgba(0, 0, 0, 0.15)",
-      "public": true,
-      "comment": "for more emphasis than low elevation",
-      "deprecated": false
-    },
-    "300": {
-      "value": "0px 0px 15px rgba(0, 0, 0, 0.2)",
-      "public": true,
-      "comment": "for maximum emphasis or differentiation",
-      "deprecated": false
-    }
-  }
-}

package/src/themes/excursion/grid-gutter.json DELETED Viewed

@@ -1,29 +0,0 @@
-{
-  "gridGutter": {
-    "xs": {
-      "value": "{size.100.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "sm": {
-      "value": "{size.200.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "md": {
-      "value": "{size.300.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "lg": {
-      "value": "{size.300.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "xl": {
-      "value": "{size.400.value}",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}

package/src/themes/excursion/grid-margin.json DELETED Viewed

@@ -1,29 +0,0 @@
-{
-  "gridMargin": {
-    "xs": {
-      "value": "{size.200.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "sm": {
-      "value": "{size.200.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "md": {
-      "value": "{size.300.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "lg": {
-      "value": "{size.400.value}",
-      "public": true,
-      "deprecated": false
-    },
-    "xl": {
-      "value": "{size.400.value}",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}

package/src/themes/excursion/size/radius.json DELETED Viewed

@@ -1,9 +0,0 @@
-{
-  "border": {
-    "radius": {
-      "value": "{size.75.value}",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}