npm - @aurodesignsystem/design-tokens - Versions diffs - 4.12.1 → 5.0.0 - Mend

@aurodesignsystem/design-tokens 4.12.1 → 5.0.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 (119) hide show

package/CHANGELOG.md +32 -0
package/README.md +86 -62
package/dist/alaska/CSSCustomProperties--alaska.css +66 -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 → 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/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 +6 -4
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/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/dist/tokens/hawaiian/CSSCustomProperties.css DELETED Viewed

@@ -1,20 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Tue, 10 Dec 2024 19:41:07 GMT
- */
-:root {
-  --ds-color-background-lightest: #f1f3f3;
-  --ds-color-border-ui-active-default: #ce0c88;
-  --ds-color-container-primary-default: #ffffff;
-  --ds-color-container-ui-primary-default-default: #ce0c88;
-  --ds-color-container-ui-primary-default-inverse: #f358b0;
-  --ds-color-container-ui-primary-active-default: #ce0c88;
-  --ds-color-container-ui-primary-active-inverse: #f358b0;
-  --ds-color-icon-primary-default: #463c8f;
-  --ds-color-icon-primary-inverse: #9b9dca;
-  --ds-color-text-primary-default: #000000;
-  --ds-color-text-primary-inverse: rgba(255, 255, 255, 0.87);
-  --ds-color-text-ui-default-default: #ce0c88;
-  --ds-color-text-ui-default-inverse: #f358b0;
-}

package/src/animation.json DELETED Viewed

@@ -1,21 +0,0 @@
-{
-  "animation": {
-    "default": {
-      "property": {
-        "value": "all",
-        "public": true,
-        "deprecated": false
-      },
-      "duration": {
-        "value": "0.3s",
-        "public": true,
-        "deprecated": false
-      },
-      "timing": {
-        "value": "ease-out",
-        "public": true,
-        "deprecated": false
-      }
-    }
-  }
-}

package/src/color/ui.json DELETED Viewed

@@ -1,125 +0,0 @@
-{
-  "color": {
-    "ui": {
-      "default": {
-        "default": {
-          "value": "{color.brand.atlas.400.value}",
-          "public": true,
-          "default": true,
-          "usage": "Default interaction color affordance",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        },
-        "inverse": {
-          "value": "{color.brand.breeze.300.value}",
-          "public": true,
-          "inverse": true,
-          "usage": "OnDark interaction color affordance",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "hover": {
-        "default": {
-          "value": "{color.brand.atlas.500.value}",
-          "public": true,
-          "default": true,
-          "usage": "Default hover color affordance",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        },
-        "inverse": {
-          "value": "{color.brand.breeze.200.value}",
-          "public": true,
-          "inverse": true,
-          "usage": "Hover interaction color on dark backgrounds",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "active": {
-        "default": {
-          "value": "{color.brand.atlas.500.value}",
-          "public": true,
-          "default": true,
-          "usage": "Active state color affordance",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        },
-        "inverse": {
-          "value": "{color.brand.breeze.200.value}",
-          "public": true,
-          "inverse": true,
-          "usage": "Active state color affordance on dark backgrounds",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "disabled": {
-        "default": {
-          "value": "{color.brand.atlas.400-opacity-20.value}",
-          "public": true,
-          "default": true,
-          "usage": "Disabled state color affordance",
-          "wcag": "n/a",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "bkg": {
-        "default": {
-          "default": {
-            "value": "00000008",
-            "public": true,
-            "default": true,
-            "usage": "Default affordance for background colors",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          },
-          "inverse": {
-            "value": "ffffff08",
-            "public": true,
-            "inverse": true,
-            "usage": "Default affordance for dark background colors",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          }
-        },
-        "hover": {
-          "default": {
-            "value": "0000000f",
-            "public": true,
-            "default": true,
-            "usage": "Default hover affordance for background colors",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          },
-          "inverse": {
-            "value": "ffffff0f",
-            "public": true,
-            "inverse": true,
-            "usage": "Default hover affordance for dark background colors",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          }
-        }
-      }
-    }
-  }
-}

package/src/color-darkmode/base.json DELETED Viewed

@@ -1,24 +0,0 @@
-{
-  "color": {
-    "base": {
-      "white": {
-        "value": "000000",
-        "comment": "{comments.color.base.value.comment}",
-        "public": true,
-        "deprecated": true,
-        "version": "4.5.0",
-        "reference": "n/a",
-        "darkmode": true
-      },
-      "black": {
-        "value": "ffffff",
-        "comment": "{comments.color.base.value.comment}",
-        "public": true,
-        "deprecated": true,
-        "version": "4.5.0",
-        "reference": "n/a",
-        "darkmode": true
-      }
-    }
-  }
-}

package/src/color-darkmode/border.json DELETED Viewed

@@ -1,32 +0,0 @@
-{
-  "color": {
-    "border": {
-      "primary": {
-        "default": {
-          "value": "{color.brand.neutral.400.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Primary border color on dark background",
-          "wcag": "n/a",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "divider": {
-        "default": {
-          "value": "{color.base.white.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Strict use as divider between elements on dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      }
-    }
-  }
-}

package/src/color-darkmode/icon.json DELETED Viewed

@@ -1,32 +0,0 @@
-{
-  "color": {
-    "icon": {
-      "primary": {
-        "default": {
-          "value": "{color.base.neutral.400.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Primary color for icons on dark backgrounds",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "emphasis": {
-        "default": {
-          "value": "{color.base.white.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Emphasis or lightest icon color on dark backgrounds",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      }
-    }
-  }
-}

package/src/color-darkmode/text.json DELETED Viewed

@@ -1,71 +0,0 @@
-{
-  "color": {
-    "text": {
-      "primary": {
-        "default": {
-          "value": "{color.base.white.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Primary color for body and header text on dark backgrounds",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "secondary": {
-        "default": {
-          "value": "{color.base.neutral.400.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Secondary color for body text on dark backgrounds",
-          "wcag": "AAA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "link": {
-        "default": {
-          "value": "{color.brand.breeze.300.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Link text color on light backgrounds",
-          "wcag": "AA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "error": {
-        "default": {
-          "value": "{color.state.error.100.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Error text color on dark backgrounds",
-          "wcag": "AA",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      },
-      "emphasis": {
-        "default": {
-          "value": "{color.brand.midnight.100.value}",
-          "public": true,
-          "darkmode": true,
-          "default": true,
-          "usage": "Emphasized text color on dark backgrounds",
-          "wcag": "n/a",
-          "deprecated": true,
-          "version": "4.5.0",
-          "reference": "n/a"
-        }
-      }
-    }
-  }
-}

package/src/color-darkmode/tier.json DELETED Viewed

@@ -1,34 +0,0 @@
-{
-  "color": {
-    "tier": {
-      "alaska": {
-        "mvp": {
-          "default": {
-            "value": "{color.brand.goldgray.100.value}",
-            "public": true,
-            "darkmode": true,
-            "default": true,
-            "usage": "MVP tier color for Alaska Airlines",
-            "wcag": "n/a",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          }
-        },
-        "mvpgold": {
-          "default": {
-            "value": "{color.brand.gold.100.value}",
-            "public": true,
-            "darkmode": true,
-            "default": true,
-            "usage": "MVP Gold tier color for Alaska Airlines",
-            "wcag": "n/a",
-            "deprecated": true,
-            "version": "4.5.0",
-            "reference": "n/a"
-          }
-        }
-      }
-    }
-  }
-}

package/src/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/grid-breakpoint.json DELETED Viewed

@@ -1,29 +0,0 @@
-{
-  "gridBreakpoint": {
-    "xs": {
-      "value": "320px",
-      "public": true,
-      "deprecated": false
-    },
-    "sm": {
-      "value": "576px",
-      "public": true,
-      "deprecated": false
-    },
-    "md": {
-      "value": "768px",
-      "public": true,
-      "deprecated": false
-    },
-    "lg": {
-      "value": "1024px",
-      "public": true,
-      "deprecated": false
-    },
-    "xl": {
-      "value": "1232px",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}

package/src/grid-column.json DELETED Viewed

@@ -1,29 +0,0 @@
-{
-  "gridColumn": {
-    "xs": {
-      "value": "6",
-      "public": true,
-      "deprecated": false
-    },
-    "sm": {
-      "value": "12",
-      "public": true,
-      "deprecated": false
-    },
-    "md": {
-      "value": "12",
-      "public": true,
-      "deprecated": false
-    },
-    "lg": {
-      "value": "12",
-      "public": true,
-      "deprecated": false
-    },
-    "xl": {
-      "value": "12",
-      "public": true,
-      "deprecated": false
-    }
-  }
-}