chore: updated dev deps

.github/workflows/gh-pages.yml

@@ -45,7 +45,7 @@ jobs:
       - run: npm run build
       - run: npm run deploy
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3
 
   # Deployment job
   deploy:
@@ -63,7 +63,7 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4
   release:
     runs-on: ubuntu-latest
     if: "${{ github.repository_owner == 'ebay' && github.event_name == 'push' }}"

.stylelintrc

@@ -46,8 +46,10 @@
             ],
             "rules": {
                 "scss/at-mixin-argumentless-call-parentheses": null,
+                "at-rule-descriptor-value-no-unknown": null,
                 "scss/dollar-variable-pattern": null,
                 "order/properties-alphabetical-order": true,
+                "declaration-property-value-no-unknown": null,
                 "value-keyword-case": [
                     "lower",
                     {

dist/infotip/infotip.css

@@ -43,8 +43,9 @@ span.infotip__mask {
 
 .infotip__cell {
     display: flex;
+    overflow-wrap: anywhere;
     padding: var(--spacing-100) var(--spacing-200);
-    word-break: break-word;
+    word-break: normal;
 }
 
 .infotip__content {

dist/tooltip/tooltip.css

@@ -43,8 +43,9 @@ span.tooltip__mask {
 
 .tooltip__cell {
     display: flex;
+    overflow-wrap: anywhere;
     padding: var(--spacing-100) var(--spacing-200);
-    word-break: break-word;
+    word-break: normal;
 }
 .tooltip__cell a {
     color: var(--tooltip-foreground-color, var(--color-foreground-primary));

dist/tourtip/tourtip.css

@@ -44,8 +44,9 @@ span.tourtip__mask {
 .tourtip__cell {
     display: flex;
     flex-wrap: wrap;
+    overflow-wrap: anywhere;
     padding: var(--spacing-200);
-    word-break: break-word;
+    word-break: normal;
 }
 .tourtip__cell a {
     color: var(--tourtip-foreground-color, var(--color-foreground-on-inverse));

package.json

@@ -75,32 +75,32 @@
         "@changesets/cli": "^2.27.11",
         "@commitlint/cli": "^19.6.1",
         "@commitlint/config-conventional": "^19.6.0",
-        "@docsearch/js": "^3.8.2",
+        "@docsearch/js": "^3.8.3",
         "@ebay/browserslist-config": "^2.10.0",
         "@floating-ui/dom": "^1.6.13",
         "@marko/run": "^0.5.15",
         "@marko/run-adapter-static": "^0.2.1",
-        "@percy/cli": "^1.30.5",
+        "@percy/cli": "^1.30.6",
         "@percy/storybook": "^6.0.3",
-        "@storybook/html": "^8.4.7",
-        "@storybook/html-webpack5": "^8.4.7",
+        "@storybook/html": "^8.5.0",
+        "@storybook/html-webpack5": "^8.5.0",
         "autoprefixer": "^10.4.20",
         "babel-loader": "^9.2.1",
         "btoa": "^1",
         "clean-css": "^5",
         "cross-env": "^7",
         "cssnano": "^7.0.6",
-        "eslint": "^9.17.0",
+        "eslint": "^9.18.0",
         "eslint-config-ebay": "^1",
-        "eslint-config-prettier": "^9",
+        "eslint-config-prettier": "^10",
         "eslint-plugin-prettier": "^5",
-        "gh-pages": "^6.2.0",
+        "gh-pages": "^6.3.0",
         "gulp": "^5",
         "husky": "^9.1.7",
-        "jsdom": "^25.0.1",
-        "lint-staged": "^15.2.11",
+        "jsdom": "^26.0.0",
+        "lint-staged": "^15.4.1",
         "makeup-alert-dialog": "~0.3.4",
-        "makeup-combobox": "~0.4.5",
+        "makeup-combobox": "~0.4.6",
         "makeup-confirm-dialog": "~0.3.4",
         "makeup-dialog": "~0.5.4",
         "makeup-dialog-button": "~0.4.4",
@@ -122,34 +122,34 @@
         "makeup-snackbar-dialog": "0.2.4",
         "makeup-switch": "~0.3.3",
         "makeup-toast-dialog": "0.2.4",
-        "marko": "^5.37.7",
+        "marko": "^5.37.11",
         "mkdirp": "^3",
         "ncp": "^2",
         "npm-run-all": "^4",
-        "postcss": "^8.4.49",
+        "postcss": "^8.5.1",
         "postcss-cli": "^11.0.0",
         "postcss-comment": "^2.0.0",
         "postcss-import": "^16.1.0",
         "postcss-loader": "^8.1.1",
-        "postcss-mixins": "^10.0.1",
-        "postcss-nested": "^6.2.0",
+        "postcss-mixins": "^11.0.3",
+        "postcss-nested": "^7.0.2",
         "postcss-simple-vars": "^7.0.1",
         "prettier": "^3.4.2",
         "prismjs": "^1.29.0",
         "rimraf": "^6",
-        "sass": "^1.83.0",
+        "sass": "^1.83.4",
         "sass-loader": "^16.0.4",
-        "storybook": "^8.4.7",
-        "stylelint": "^16.12.0",
+        "storybook": "^8.5.0",
+        "stylelint": "^16.13.2",
         "stylelint-config-prettier-scss": "^1.0.0",
-        "stylelint-config-standard": "^36",
-        "stylelint-config-standard-scss": "^13.1.0",
+        "stylelint-config-standard": "^37",
+        "stylelint-config-standard-scss": "^14.0.0",
         "stylelint-no-unsupported-browser-features": "^8",
         "stylelint-order": "^6",
         "stylelint-prettier": "^5",
         "svgo": "^3.3.2",
         "webpack": "^5.97.1",
-        "webpack-cli": "^5.1.4",
+        "webpack-cli": "^6.0.1",
         "winston": "^3.17.0",
         "xmlserializer": "^0.6.1",
         "yargs": "^17.7.2"

src/sass/mixins/private/_bubble-mixins.scss

@@ -39,8 +39,9 @@
 /* creates basic layout */
 @mixin bubble-cell($tourtip-spacing: var(--spacing-100) var(--spacing-200)) {
     display: flex;
+    overflow-wrap: anywhere;
     padding: $tourtip-spacing;
-    word-break: break-word;
+    word-break: normal;
 }
 
 @mixin bubble-content() {

src/sass/mixins/private/_dialog-mixins.scss

@@ -1,4 +1,4 @@
-@import "../public/utility-mixins";
+@use "../public/utility-mixins" as *;
 
 :root {
     --dialog-scrim-color-hide: rgba(17, 24, 32, 0);

src/sass/table/table.scss

@@ -124,7 +124,7 @@ $density-relaxed-img-radius: 8px;
 .table-cell--numeric {
     text-align: right;
 }
-/* .table__cell is for backwards compatibility of first iteration of alpha 
+/* .table__cell is for backwards compatibility of first iteration of alpha
     Remove in next major version
 */
 .table__cell {