@aurodesignsystem/design-tokens 8.7.0 → 8.8.0

package/outputConfigs/web/atmos.json

@@ -0,0 +1,30 @@
+{
+  "source": ["./processed/web/Atmos.tokens.json"],
+  "include": [],
+  "platforms": {
+    "SCSSVariables": {
+      "transformGroup": "scss",
+      "prefix": "ds",
+      "comment": "File type: SCSS; variable type: Sass",
+      "buildPath": "./dist/figmaExport/web/",
+      "files": [
+        {
+          "destination": "Atmos.scss",
+          "format": "scss/variables"
+        }
+      ]
+    },
+    "CSSCustomProperties": {
+      "transformGroup": "css",
+      "prefix": "ds",
+      "comment": "File type: CSS; variable type: CSS",
+      "buildPath": "./dist/figmaExport/web/",
+      "files": [
+        {
+          "destination": "Atmos.css",
+          "format": "css/variables"
+        }
+      ]
+    }
+  }
+}

package/outputConfigs/web/hawaiian.json

@@ -0,0 +1,30 @@
+{
+  "source": ["./processed/web/Hawaiian.tokens.json"],
+  "include": [],
+  "platforms": {
+    "SCSSVariables": {
+      "transformGroup": "scss",
+      "prefix": "ds",
+      "comment": "File type: SCSS; variable type: Sass",
+      "buildPath": "./dist/figmaExport/web/",
+      "files": [
+        {
+          "destination": "Hawaiian.scss",
+          "format": "scss/variables"
+        }
+      ]
+    },
+    "CSSCustomProperties": {
+      "transformGroup": "css",
+      "prefix": "ds",
+      "comment": "File type: CSS; variable type: CSS",
+      "buildPath": "./dist/figmaExport/web/",
+      "files": [
+        {
+          "destination": "Hawaiian.css",
+          "format": "css/variables"
+        }
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/design-tokens",
-  "version": "8.7.0",
+  "version": "8.8.0",
   "description": "Alaska Air Auro Design System token repository",
   "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
   "author": "Alaska Airlines Product design and engineering",
@@ -12,29 +12,31 @@
   "main": "src/",
   "license": "Apache-2.0",
   "engines": {
-    "node": "^20.x || ^22.x"
+    "node": "^22.14.0 || >= 24.10.0"
   },
   "dependencies": {
-    "@aurodesignsystem/auro-tokendefinitions": "^1.0.0",
-    "chalk": "^5.4.1",
-    "postcss": "^8.5.6"
+    "@aurodesignsystem/auro-tokendefinitions": "npm:@aurodesignsystem-dev/auro-tokendefinitions@^0.0.0-pr16.16"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.2",
-    "cssnano": "^7.1.0",
+    "@semantic-release/npm": "^13.1.3",
+    "chalk": "^5.6.2",
+    "cssnano": "^7.1.2",
     "husky": "^9.1.7",
+    "lodash": "^4.17.21",
     "npm-run-all": "^4.1.5",
-    "semantic-release": "^24.2.7",
+    "postcss": "^8.5.6",
+    "semantic-release": "^25.0.2",
     "style-dictionary": "^3.9.2"
   },
   "scripts": {
     "postinstall": "node packageScripts/postinstall.mjs",
-    "build": "npm run test:tokens && npm run build:tokens && npm run transform:css",
+    "build": "npm run build:processFigmaExport && npm run test:tokens && npm run build:tokens && npm run transform:css",
     "build:ci": "npm-run-all sweep test build:tokens postinstall",
+    "build:processFigmaExport": "node scripts/processFigmaExport.mjs",
     "build:tokens": "node scripts/styleDictionary.mjs",
     "transform:css": "node scripts/transformCSS.mjs",
     "test": "npm-run-all test:json test:tokens",

package/processed/app/Alaska.tokens.json

@@ -0,0 +1,402 @@
+{
+  "basic": {
+    "color": {
+      "border": {
+        "bold": {
+          "value": "#585E67"
+        },
+        "brand": {
+          "value": "#00274A"
+        },
+        "default": {
+          "value": "#959595"
+        },
+        "divider": {
+          "value": "#00000026"
+        },
+        "dividerInverse": {
+          "value": "#FFFFFF66"
+        },
+        "inverse": {
+          "value": "#FFFFFF"
+        },
+        "subtle": {
+          "value": "#DDDDDD"
+        }
+      },
+      "brand": {
+        "primary": {
+          "value": "#01426A"
+        },
+        "primaryBold": {
+          "value": "#00274A"
+        },
+        "primaryMuted": {
+          "value": "#EBF3F9"
+        },
+        "primarySubtle": {
+          "value": "#2875B5"
+        },
+        "secondary": {
+          "value": "#5DE3F7"
+        },
+        "secondaryBold": {
+          "value": "#18C3DD"
+        },
+        "secondaryMuted": {
+          "value": "#EBFAFD"
+        },
+        "secondarySubtle": {
+          "value": "#B4EFF9"
+        },
+        "tertiary": {
+          "value": "#A3CD6A"
+        },
+        "tertiaryBold": {
+          "value": "#7DAF3B"
+        },
+        "tertiaryMuted": {
+          "value": "#EAF3DD"
+        },
+        "tertiarySubtle": {
+          "value": "#C9E1A7"
+        }
+      },
+      "fare": {
+        "basiceconomy": {
+          "value": "#97EAF8"
+        },
+        "business": {
+          "value": "#01426A"
+        },
+        "economy": {
+          "value": "#0074CA"
+        },
+        "first": {
+          "value": "#00274A"
+        },
+        "premiumeconomy": {
+          "value": "#005154"
+        }
+      },
+      "pageBackground": {
+        "default": {
+          "value": "#FFFFFF"
+        },
+        "utility": {
+          "value": "#FFFFFF"
+        }
+      },
+      "status": {
+        "default": {
+          "value": "#AFB9C6"
+        },
+        "error": {
+          "value": "#E31F26"
+        },
+        "errorSubtle": {
+          "value": "#FBC6C6"
+        },
+        "info": {
+          "value": "#01426A"
+        },
+        "infoSubtle": {
+          "value": "#EBF3F9"
+        },
+        "success": {
+          "value": "#447A1F"
+        },
+        "successSubtle": {
+          "value": "#D6EAC7"
+        },
+        "warning": {
+          "value": "#FAC200"
+        },
+        "warningSubtle": {
+          "value": "#FFF0B2"
+        }
+      },
+      "surface": {
+        "accent1": {
+          "value": "#5DE3F7"
+        },
+        "accent1Muted": {
+          "value": "#EBFAFD"
+        },
+        "accent1Subtle": {
+          "value": "#B4EFF9"
+        },
+        "accent2": {
+          "value": "#A3CD6A"
+        },
+        "accent2Muted": {
+          "value": "#EAF3DD"
+        },
+        "default": {
+          "value": "#FFFFFF"
+        },
+        "inverse": {
+          "value": "#00274A"
+        },
+        "inverseSubtle": {
+          "value": "#2875B5"
+        },
+        "neutral": {
+          "value": "#F2F2F2"
+        },
+        "neutralMedium": {
+          "value": "#C5C5C5"
+        },
+        "neutralSubtle": {
+          "value": "#F7F7F7"
+        }
+      },
+      "texticon": {
+        "accent1": {
+          "value": "#265688"
+        },
+        "default": {
+          "value": "#2A2A2A"
+        },
+        "disabled": {
+          "value": "#D0D0D0"
+        },
+        "inverse": {
+          "value": "#FFFFFF"
+        },
+        "inverseDisabled": {
+          "value": "#7E8894"
+        },
+        "inverseMuted": {
+          "value": "#CCD2DB"
+        },
+        "linkDefault": {
+          "value": "#2875B5"
+        },
+        "linkHover": {
+          "value": "#01426A"
+        },
+        "linkInverseDefault": {
+          "value": "#FFFFFF"
+        },
+        "linkInverseHover": {
+          "value": "#EBF3F9"
+        },
+        "muted": {
+          "value": "#676767"
+        }
+      },
+      "tierProgram": {
+        "loungetier": {
+          "lounge": {
+            "value": "#01426A"
+          },
+          "loungeplus": {
+            "value": "#53B390"
+          }
+        },
+        "loyaltytier": {
+          "gold": {
+            "value": "#FBDC7A"
+          },
+          "goldMuted": {
+            "value": "#FDEFC4"
+          },
+          "platinum": {
+            "value": "#BCB8A4"
+          },
+          "platinumMuted": {
+            "value": "#DAD8CD"
+          },
+          "silver": {
+            "value": "#E4E9EC"
+          },
+          "silverMuted": {
+            "value": "#F9FAFB"
+          },
+          "titanium": {
+            "value": "#282828"
+          },
+          "titaniumMuted": {
+            "value": "#545454"
+          }
+        },
+        "oneworld": {
+          "emerald": {
+            "value": "#139142"
+          },
+          "ruby": {
+            "value": "#A41D4A"
+          },
+          "sapphire": {
+            "value": "#015DAA"
+          }
+        }
+      }
+    }
+  },
+  "uitokens": {
+    "button": {
+      "disabled": {
+        "background": {
+          "value": "#0000000D"
+        },
+        "text": {
+          "value": "#D0D0D0"
+        }
+      },
+      "disabledInverse": {
+        "background": {
+          "value": "#FFFFFF0D"
+        },
+        "text": {
+          "value": "#7E8894"
+        }
+      },
+      "primary": {
+        "background": {
+          "value": "#01426A"
+        },
+        "backgroundPressed": {
+          "value": "#00274A"
+        },
+        "text": {
+          "value": "#FFFFFF"
+        }
+      },
+      "primaryInverse": {
+        "background": {
+          "value": "#FFFFFF"
+        },
+        "backgroundPressed": {
+          "value": "#FFFFFFCC"
+        },
+        "text": {
+          "value": "#01426A"
+        }
+      },
+      "quaternary": {
+        "backgroundPressed": {
+          "value": "#00274A"
+        },
+        "text": {
+          "value": "#01426A"
+        }
+      },
+      "quaternaryInverse": {
+        "backgroundPressed": {
+          "value": "#00274A"
+        },
+        "text": {
+          "value": "#FFFFFF"
+        }
+      },
+      "secondary": {
+        "background": {
+          "value": "#EBF3F9"
+        },
+        "backgroundPressed": {
+          "value": "#AEDEFF"
+        },
+        "text": {
+          "value": "#01426A"
+        }
+      },
+      "secondaryInverse": {
+        "background": {
+          "value": "#EBF3F9"
+        },
+        "backgroundPressed": {
+          "value": "#CFE0EF"
+        },
+        "text": {
+          "value": "#01426A"
+        }
+      },
+      "tertiary": {
+        "background": {
+          "value": "#00000012"
+        },
+        "backgroundPressed": {
+          "value": "#0000001C"
+        },
+        "border": {
+          "value": "#DDDDDD"
+        },
+        "text": {
+          "value": "#01426A"
+        }
+      },
+      "tertiaryInverse": {
+        "background": {
+          "value": "#FFFFFF12"
+        },
+        "backgroundPressed": {
+          "value": "#FFFFFF1C"
+        },
+        "border": {
+          "value": "#FFFFFF"
+        },
+        "text": {
+          "value": "#FFFFFF"
+        }
+      }
+    },
+    "component": {
+      "elevated": {
+        "value": "#00000012"
+      },
+      "pressed": {
+        "value": "#0000001C"
+      },
+      "selected": {
+        "value": "#01426A"
+      },
+      "selectedMuted": {
+        "value": "#EBF3F9"
+      }
+    },
+    "componentInverse": {
+      "elevated": {
+        "value": "#FFFFFF12"
+      },
+      "error": {
+        "value": "#F9A4A8"
+      },
+      "pressed": {
+        "value": "#FFFFFF1C"
+      },
+      "selected": {
+        "value": "#FFFFFF"
+      },
+      "selectedMuted": {
+        "value": "#FFFFFFCC"
+      }
+    },
+    "hyperlinkApp": {
+      "text": {
+        "value": "#2875B5"
+      },
+      "textHover": {
+        "value": "#01426A"
+      },
+      "textInverse": {
+        "value": "#FFFFFF"
+      },
+      "textInverseHover": {
+        "value": "#EBF3F9"
+      }
+    },
+    "searchWidget": {
+      "fieldIcon": {
+        "value": "#5DE3F7"
+      },
+      "routeDestination": {
+        "value": "#A3CD6A"
+      },
+      "routeOrgin": {
+        "value": "#5DE3F7"
+      }
+    }
+  }
+}