@aurodesignsystem/design-tokens 4.0.0

package/dist/tokens/SassSizeCustomProperties.scss

@@ -0,0 +1,20 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 13 Sep 2023 17:26:39 GMT
+ */
+
+:root {
+  --ds-size-25: 0.125rem; /* 2px */
+  --ds-size-50: 0.25rem; /* 4px */
+  --ds-size-100: 0.5rem; /* 8px */
+  --ds-size-150: 0.75rem; /* 12px */
+  --ds-size-200: 1rem; /* 16px */
+  --ds-size-300: 1.5rem; /* 24px */
+  --ds-size-400: 2rem; /* 32px */
+  --ds-size-500: 2.5rem; /* 40px */
+  --ds-size-600: 3rem; /* 48px */
+  --ds-size-700: 3.5rem; /* 56px */
+  --ds-size-800: 4rem; /* 64px */
+  --ds-size-900: 4.5rem; /* 72px */
+  --ds-size-1000: 5rem; /* 80px */
+}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@aurodesignsystem/design-tokens",
+  "version": "4.0.0",
+  "description": "Alaska Air Auro Design System token repository",
+  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
+  "author": "Alaska Airlines Product design and engineering",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AlaskaAirlines/AuroDesignTokens"
+  },
+  "main": "src/",
+  "license": "Apache-2.0",
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^10.0.4",
+    "husky": "^8.0.0",
+    "npm-run-all": "^4.1.5",
+    "semantic-release": "^21.0.7",
+    "style-dictionary": "^3.8.0"
+  },
+  "scripts": {
+    "postinstall": "node packageScripts/postinstall.mjs",
+    "build:tokens": "node scripts/styleDictionary.js",
+    "build:ci": "npm-run-all sweep test build:tokens postinstall",
+    "test": "node scripts/jsonTest.js",
+    "sweep": "rm -rf dist/",
+    "prepare": "husky install"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release": {
+    "branch": "master",
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/changelog",
+        {
+          "changelogFile": "./CHANGELOG.md",
+          "changelogTitle": "# Semantic Release Automated Changelog"
+        }
+      ],
+      "@semantic-release/npm",
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "./CHANGELOG.md",
+            "package.json",
+            "package-lock.json"
+          ]
+        }
+      ],
+      "@semantic-release/github"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "alaska airlines",
+    "css",
+    "properties",
+    "tokens"
+  ],
+  "contributors": [
+    {
+      "name": "Dale Sande",
+      "email": "dale.sande@alaskaair.com"
+    },
+    {
+      "name": "Camron Lockeby",
+      "email": "camron.lockeby@alaskaair.com"
+    },
+    {
+      "name": "Kevin Sonnichsen",
+      "email": "Kevin.Sonnichsen@alaskaair.com"
+    }
+  ]
+}

package/packageScripts/postinstall.mjs

@@ -0,0 +1,34 @@
+'use strict';
+
+import chalk from 'chalk';
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+const pjson = require('../package.json');
+
+console.log(chalk.hex('#f26135')(`
+ _______                   __           __ __
+|     __|.---.-.--.--.    |  |--.-----.|  |  |.-----.
+|__     ||  _  |  |  |    |     |  -__||  |  ||  _  |
+|_______||___._|___  |    |__|__|_____||__|__||_____|
+               |_____|
+ __              _______                    __
+|  |_.-----.    |   _   |.--.--.----.-----.|  |
+|   _|  _  |    |       ||  |  |   _|  _  ||__|
+|____|_____|    |___|___||_____|__| |_____||__|
+`)
++
+chalk.hex('#f26135')(`
+╭ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ──────────────────────────────╮
+
+        Thanks for installing the latest version
+                of `) + chalk.hex('#ffd200').bold(`Design Tokens v${pjson.version}.`) + chalk.hex('#f26135')(`
+
+              All Orion and Classic tokens
+                  have been DELETED!
+
+                Be sure to update WCSS
+       npm i @alaskaairux/webcorestylesheets@latest
+
+╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯
+`)
+);

package/src/animation.json

@@ -0,0 +1,21 @@
+{
+  "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/asset/font.json

@@ -0,0 +1,35 @@
+{
+  "asset": {
+    "font": {
+      "circular": {
+        "familyName": {
+          "value": "AS Circular",
+          "public": true,
+          "deprecated": false
+        },
+        "filename": {
+          "value": "ASCircularWeb",
+          "public": true,
+          "deprecated": false
+        },
+        "weight": {
+          "light": {
+            "value": "-Light",
+            "public": true,
+            "deprecated": false
+          },
+          "medium": {
+            "value": "-Medium",
+            "public": true,
+            "deprecated": false
+          },
+          "book": {
+            "value": "-Book",
+            "public": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}

package/src/breakpoint.json

@@ -0,0 +1,28 @@
+{
+  "breakpoint": {
+    "sm": {
+      "value": "660px",
+      "public": false,
+      "deprecated": true,
+      "version": "3.13.0",
+      "reference": "grid-breakpoint-sm",
+      "comment": "{comments.reference.comment} grid-breakpoint-sm"
+    },
+    "md": {
+      "value": "1024px",
+      "public": false,
+      "deprecated": true,
+      "version": "3.13.0",
+      "reference": "grid-breakpoint-md",
+      "comment": "{comments.reference.comment} grid-breakpoint-md"
+    },
+    "lg": {
+      "value": "1232px",
+      "public": false,
+      "deprecated": true,
+      "version": "3.13.0",
+      "reference": "grid-breakpoint-lg",
+      "comment": "{comments.reference.comment} grid-breakpoint-lg"
+    }
+  }
+}

package/src/color/alert.json

@@ -0,0 +1,175 @@
+{
+  "color": {
+    "alert": {
+      "notification": {
+        "onLight": {
+          "value": "{color.brand.atlas.400.value}",
+          "public": false,
+          "onLight": true,
+          "usage": "Notification color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-notification-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.atlas.400.value}",
+          "public": true,
+          "default": true,
+          "usage": "Notification color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        },
+        "onDark": {
+          "value": "{color.brand.breeze.300.value}",
+          "public": false,
+          "onDark": true,
+          "usage": "Notification color on dark backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "n/a",
+          "version": "3.12.0"
+        }
+      },
+      "warning": {
+        "onLight": {
+          "value": "{color.state.warning.500.value}",
+          "public": false,
+          "onLight": true,
+          "usage": "Warning color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "n/a",
+          "version": "3.12.0"
+        },
+        "default": {
+          "value": "{color.state.warning.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Warning color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        }
+      },
+      "error": {
+        "onLight": {
+          "value": "{color.state.error.500.value}",
+          "public": false,
+          "onLight": true,
+          "usage": "Error color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-error-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.state.error.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Error color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        },
+        "onDark": {
+          "value": "{color.state.error.100.value}",
+          "public": false,
+          "onDark": true,
+          "usage": "Error color on dark backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "reference": "n/a",
+          "comment": "Deprecated token",
+          "version": "3.12.0"
+        }
+      },
+      "success": {
+        "onLight": {
+          "value": "{color.state.success.500.value}",
+          "public": false,
+          "onLight": true,
+          "usage": "Success color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-success-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.state.success.500.value}",
+          "public": true,
+          "default": true,
+          "usage": "Success color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        },
+        "onDark": {
+          "value": "{color.state.success.100.value}",
+          "public": false,
+          "onDark": true,
+          "usage": "Success color on dark backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "n/a",
+          "version": "3.12.0"
+        }
+      },
+      "advisory": {
+        "onLight": {
+          "value": "{color.brand.goldcoast.100.value}",
+          "public": false,
+          "onLight": true,
+          "usage": "Travel advisory or system maintenance color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "color-alert-advisory-default",
+          "version": "3.15.0"
+        },
+        "default": {
+          "value": "{color.brand.goldcoast.100.value}",
+          "public": true,
+          "default": true,
+          "usage": "Travel advisory or system maintenance color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        },
+        "onDark": {
+          "value": "{color.brand.goldcoast.100.value}",
+          "public": false,
+          "onDark": true,
+          "usage": "Travel advisory or system maintenance color on dark backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "n/a",
+          "version": "3.12.0"
+        }
+      },
+      "bkgSuccess": {
+        "default": {
+          "value": "DDF6E8",
+          "public": true,
+          "onLight": true,
+          "usage": "Background success color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        }
+      },
+      "bkgError": {
+        "default": {
+          "value": "FFEDF1",
+          "public": true,
+          "default": true,
+          "usage": "Background error color on light backgrounds",
+          "wcag": "AAA",
+          "deprecated": false
+        }
+      }
+    }
+  }
+}

package/src/color/background.json

@@ -0,0 +1,38 @@
+{
+  "color": {
+    "background": {
+      "lightest": {
+        "value": "{color.base.white.value}",
+        "public": true,
+        "neutral": true,
+        "usage": "Used for creating light backgrounds",
+        "wcag": "n/a",
+        "deprecated": false
+      },
+      "lighter": {
+        "value": "{color.base.gray.100.value}",
+        "public": true,
+        "neutral": true,
+        "usage": "Used for creating light backgrounds @ 90% white",
+        "wcag": "n/a",
+        "deprecated": false
+      },
+      "darker": {
+        "value": "{color.brand.midnight.400.value}",
+        "public": true,
+        "neutral": true,
+        "usage": "Used for creating dark backgrounds",
+        "wcag": "n/a",
+        "deprecated": false
+      },
+      "darkest": {
+        "value": "{color.brand.midnight.500.value}",
+        "public": true,
+        "neutral": true,
+        "usage": "Used for creating dark backgrounds @ 20% darker",
+        "wcag": "n/a",
+        "deprecated": false
+      }
+    }
+  }
+}

package/src/color/base.json

@@ -0,0 +1,140 @@
+{
+  "color": {
+    "base": {
+      "white": {
+        "value": "ffffff",
+        "comment": "{comments.color.base.value.comment}",
+        "public": true,
+        "deprecated": false
+      },
+      "white-opacity-40": {
+        "value": "ffffff66",
+        "comment": "white @ 40%",
+        "public": true,
+        "opacity": true,
+        "deprecated": false
+      },
+      "black": {
+        "value": "000000",
+        "comment": "{comments.color.base.value.comment}",
+        "public": true,
+        "deprecated": false
+      },
+      "black-opacity-15": {
+        "value": "00000026",
+        "comment": "black @ 15%",
+        "public": true,
+        "opacity": true,
+        "deprecated": false
+      },
+      "gray": {
+        "100": {
+          "value": "f8f8f8",
+          "version": "3.1.0",
+          "public": false,
+          "neutral": true,
+          "usage": "Neutral accent",
+          "wcag": "n/a",
+          "deprecated": true,
+          "reference": "color-brand-gray-100",
+          "comment": "{comments.reference.comment} color-brand-gray-100"
+        },
+        "200": {
+          "value": "dbdbdb",
+          "public": false,
+          "neutral": true,
+          "usage": "Neutral accent",
+          "wcag": "n/a",
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-gray-200",
+          "comment": "{comments.reference.comment} color-brand-gray-200"
+        },
+        "300": {
+          "value": "b2b2b2",
+          "public": false,
+          "neutral": true,
+          "usage": "Neutral accent",
+          "wcag": "n/a",
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-gray-300",
+          "comment": "{comments.reference.comment} color-brand-gray-300"
+        },
+        "400": {
+          "value": "767676",
+          "public": false,
+          "neutral": true,
+          "usage": "Neutral accent",
+          "wcag": "n/a",
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-gray-400",
+          "comment": "{comments.reference.comment} color-brand-gray-400"
+        },
+        "500": {
+          "value": "222222",
+          "public": false,
+          "neutral": true,
+          "usage": "Neutral accent",
+          "wcag": "n/a",
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-gray-500",
+          "comment": "{comments.reference.comment} color-brand-gray-500"
+        }
+      },
+      "neutral": {
+        "400": {
+          "value": "9fabbb",
+          "public": false,
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-neutral-400",
+          "comment": "{comments.reference.comment} color-brand-neutral-400"
+        },
+        "500": {
+          "value": "626b79",
+          "public": false,
+          "deprecated": true,
+          "version": "3.1.0",
+          "reference": "color-brand-neutral-500",
+          "comment": "{comments.reference.comment} color-brand-neutral-500"
+        }
+      }
+    },
+    "state": {
+      "error": {
+        "100": {
+          "value": "ff999b",
+          "public": true,
+          "deprecated": false
+        },
+        "500": {
+          "value": "df0b37",
+          "public": true,
+          "deprecated": false
+        }
+      },
+      "success": {
+        "100": {
+          "value": "69cf96",
+          "public": true,
+          "deprecated": false
+        },
+        "500": {
+          "value": "00805d",
+          "public": true,
+          "deprecated": false
+        }
+      },
+      "warning": {
+        "500": {
+          "value": "de750c",
+          "public": true,
+          "deprecated": false
+        }
+      }
+    }
+  }
+}