npm - @aurodesignsystem/design-tokens - Versions diffs - 5.3.0 → 5.4.0 - Mend

@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show

package/CHANGELOG.md +18 -0
package/README.md +44 -255
package/dist/CSSCustomProperties--bundled.css +129 -345
package/dist/auro-classic/CSSCustomProperties.css +162 -162
package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
package/dist/auro-classic/JSData--color.js +1 -1
package/dist/auro-classic/JSONVariablesFlat.json +162 -162
package/dist/auro-classic/JSONVariablesNested.json +452 -452
package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
package/dist/auro-classic/JSVariables--color.js +1 -1
package/dist/auro-classic/SCSSVariableMap.scss +1 -1
package/dist/auro-classic/SCSSVariables.scss +162 -162
package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
package/dist/auro-classic/SassCustomProperties.scss +162 -162
package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -0
package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
package/dist/hawaiian/primitives--hawaiian.scss +202 -172
package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
package/package.json +1 -1
package/src/primitives/alaska/{typography.json → font.json} +4 -11
package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
package/src/primitives/base/{typography.json → font.json} +102 -48
package/src/primitives/base/transparency.json +7 -0
package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
package/src/themes/alaska/advanced/boolean.json +136 -0
package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
package/src/themes/alaska/advanced/hyperlink.json +62 -0
package/src/themes/alaska/advanced/shared.json +46 -0
package/src/themes/alaska/advanced/state.json +70 -0
package/src/themes/alaska/basic/color/border.json +66 -0
package/src/themes/alaska/basic/color/brand.json +108 -0
package/src/themes/alaska/basic/color/fare-brand.json +74 -0
package/src/themes/alaska/basic/color/page-background.json +24 -0
package/src/themes/alaska/basic/color/status.json +88 -0
package/src/themes/alaska/basic/color/surface.json +96 -0
package/src/themes/alaska/basic/color/text-icon.json +96 -0
package/src/themes/alaska/basic/corner-radius.json +30 -0
package/src/themes/alaska/basic/font/accent.json +288 -0
package/src/themes/alaska/basic/font/body.json +63 -0
package/src/themes/alaska/basic/font/display.json +248 -0
package/src/themes/alaska/basic/font/heading.json +245 -0
package/src/themes/alaska-classic/component/boolean.json +70 -0
package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
package/src/themes/alaska-classic/component/hyperlink.json +62 -0
package/src/themes/alaska-classic/component/shared.json +46 -0
package/src/themes/alaska-classic/component/state.json +70 -0
package/src/themes/alaska-classic/typography.json +799 -107
package/src/themes/hawaiian/advanced/boolean.json +138 -0
package/src/themes/hawaiian/advanced/button.json +334 -0
package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
package/src/themes/hawaiian/advanced/shared.json +48 -0
package/src/themes/hawaiian/advanced/state.json +72 -0
package/src/themes/hawaiian/basic/color/border.json +65 -0
package/src/themes/hawaiian/basic/color/brand.json +105 -0
package/src/themes/hawaiian/basic/color/color.json +57 -0
package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
package/src/themes/hawaiian/basic/color/page-background.json +25 -0
package/src/themes/hawaiian/basic/color/status.json +81 -0
package/src/themes/hawaiian/basic/color/surface.json +89 -0
package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
package/src/themes/hawaiian/basic/font/accent.json +288 -0
package/src/themes/hawaiian/basic/font/body.json +63 -0
package/src/themes/hawaiian/basic/font/heading.json +248 -0
package/src/themes/hawaiian/basic/font/typography.json +248 -0
package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
package/dist/alaska/JSObject--allTokens.js +0 -3731
package/dist/alaska/SCSSVariables--alaska.scss +0 -116
package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
package/dist/alaska/primitives--alaska.scss +0 -215
package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
package/src/themes/alaska/color.json +0 -444
package/src/themes/alaska/typography.json +0 -132
package/src/themes/hawaiian/color.json +0 -444
package/src/themes/hawaiian/component.json +0 -392
package/src/themes/hawaiian/typography.json +0 -132

package/src/themes/hawaiian/component.json DELETED Viewed

@@ -1,392 +0,0 @@
-{
-  "component": {
-    "selected": {
-      "hover": {
-        "value": "{color.brand.secondaryBold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Selected hover state color",
-        "deprecated": false
-      }
-    },
-    "focused": {
-      "value": "{color.brand.secondary.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Focused component color",
-      "deprecated": false
-    },
-    "inverseFocused": {
-      "value": "{color.white.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Inverse focused component color",
-      "deprecated": false
-    },
-    "background": {
-      "value": "{color.white.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background color",
-      "deprecated": false
-    },
-    "backgroundHover": {
-      "value": "{color.gray.100.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background hover color",
-      "deprecated": false
-    },
-    "backgroundDisabled": {
-      "value": "{color.gray.200.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background disabled color",
-      "deprecated": false
-    },
-    "backgroundMuted": {
-      "value": "{color.gray.50.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background muted color",
-      "deprecated": false
-    },
-    "backgroundStrong": {
-      "value": "{color.gray.600.value}",
-      "type": "semantic",
-      "public": true,
-      "default": true,
-      "usage": "Component background strong color",
-      "deprecated": false
-    },
-    "button": {
-      "primary": {
-        "text": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button text color",
-          "deprecated": false
-        },
-        "border": {
-          "value": "{color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button border color",
-          "deprecated": false
-        },
-        "borderHover": {
-          "value": "{color.brand.primaryBold.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button border hover color",
-          "deprecated": false
-        },
-        "background": {
-          "value": "{color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button background color",
-          "deprecated": false
-        },
-        "backgroundHover": {
-          "value": "{color.brand.primaryBold.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button background hover color",
-          "deprecated": false
-        },
-        "backgroundActive": {
-          "value": "{color.brand.primaryBold.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button background active color",
-          "deprecated": false
-        },
-        "textInverse": {
-          "value": "{color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button inverse text color",
-          "deprecated": false
-        },
-        "borderInverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button inverse border color",
-          "deprecated": false
-        },
-        "backgroundInverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button inverse background color",
-          "deprecated": false
-        },
-        "borderInverseHover": {
-          "value": "{color.brand.primaryMuted.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button inverse border hover color",
-          "deprecated": false
-        },
-        "backgroundInverseHover": {
-          "value": "{color.brand.primaryMuted.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Primary button inverse background hover color",
-          "deprecated": false
-        }
-      },
-      "secondary": {
-        "text": {
-          "value": "{color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button text color",
-          "deprecated": false
-        },
-        "textHover": {
-          "value": "{color.brand.secondary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button text hover color",
-          "deprecated": false
-        },
-        "border": {
-          "value": "{color.border.default.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button border color",
-          "deprecated": false
-        },
-        "borderHover": {
-          "value": "{color.border.default.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button border hover color",
-          "deprecated": false
-        },
-        "background": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button background color",
-          "deprecated": false
-        },
-        "backgroundHover": {
-          "value": "{color.gray.100.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button background hover color",
-          "deprecated": false
-        },
-        "textInverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button inverse text color",
-          "deprecated": false
-        },
-        "borderInverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button inverse border color",
-          "deprecated": false
-        },
-        "backgroundInverseHover": {
-          "value": "{transparency.black.5.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Secondary button inverse background hover color",
-          "deprecated": false
-        }
-      },
-      "tertiary": {
-        "text": {
-          "value": "{color.brand.primary.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button text color",
-          "deprecated": false
-        },
-        "textHover": {
-          "value": "{color.brand.primaryBold.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button text hover color",
-          "deprecated": false
-        },
-        "background": {
-          "value": "{transparency.black.5.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button background color",
-          "deprecated": false
-        },
-        "backgroundHover": {
-          "value": "{transparency.black.10.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button background hover color",
-          "deprecated": false
-        },
-        "border": {
-          "value": "{transparency.black.5.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button border color",
-          "deprecated": false
-        },
-        "borderHover": {
-          "value": "{transparency.black.10.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button border hover color",
-          "deprecated": false
-        },
-        "textInverse": {
-          "value": "{color.white.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button inverse text color",
-          "deprecated": false
-        },
-        "backgroundInverse": {
-          "value": "{transparency.white.5.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button inverse background color",
-          "deprecated": false
-        },
-        "backgroundInverseHover": {
-          "value": "{transparency.white.10.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button inverse background hover color",
-          "deprecated": false
-        },
-        "borderInverse": {
-          "value": "{transparency.white.5.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button inverse border color",
-          "deprecated": false
-        },
-        "borderInverseHover": {
-          "value": "{transparency.white.10.value}",
-          "type": "semantic",
-          "public": true,
-          "default": true,
-          "usage": "Tertiary button inverse border hover color",
-          "deprecated": false
-        }
-      }
-    },
-    "boolean": {
-      "indicator": {
-        "value": "{color.white.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean indicator color",
-        "deprecated": false
-      },
-      "isFalse": {
-        "value": "{color.surface.default.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false state color",
-        "deprecated": false
-      },
-      "isFalseHover": {
-        "value": "{color.gray.100.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false hover state color",
-        "deprecated": false
-      },
-      "isFalseBorder": {
-        "value": "{color.border.bold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean false border color",
-        "deprecated": false
-      },
-      "isTrue": {
-        "value": "{color.brand.primary.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean true state color",
-        "deprecated": false
-      },
-      "isTrueHover": {
-        "value": "{color.brand.primaryBold.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean true hover state color",
-        "deprecated": false
-      },
-      "error": {
-        "value": "{color.status.error.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean error state color",
-        "deprecated": false
-      },
-      "errorHover": {
-        "value": "{color.status.error.800.value}",
-        "type": "semantic",
-        "public": true,
-        "default": true,
-        "usage": "Boolean error hover state color",
-        "deprecated": false
-      }
-    }
-  }
-}

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

@@ -1,132 +0,0 @@
-{
-  "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
-        }
-      }
-    }
-  }
-}