@ebay/skin 17.3.0-next.0 → 17.3.0

package/dist/listbox-button/listbox-button.css

@@ -45,12 +45,28 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
 .listbox-button button[aria-invalid="true"] {
   border-color: var(--listbox-button-invalid-border-color, var(--color-stroke-attention));
 }
-.listbox-button:not(.listbox-button--error) button:not([disabled], [aria-disabled="true"]).btn--form {
+.listbox-button:not(.listbox-button--error) button:not(
+        [disabled],
+        [aria-disabled="true"],
+        [aria-invalid="true"]
+    ).btn--form {
   border-color: var(--listbox-button-border-color, var(--color-stroke-default));
 }
-.listbox-button:not(.listbox-button--error) button:not([disabled], [aria-disabled="true"]).btn--form:hover,
-.listbox-button:not(.listbox-button--error) button:not([disabled], [aria-disabled="true"]).btn--form:focus,
-.listbox-button:not(.listbox-button--error) button:not([disabled], [aria-disabled="true"]).btn--form:active {
+.listbox-button:not(.listbox-button--error) button:not(
+        [disabled],
+        [aria-disabled="true"],
+        [aria-invalid="true"]
+    ).btn--form:hover,
+.listbox-button:not(.listbox-button--error) button:not(
+        [disabled],
+        [aria-disabled="true"],
+        [aria-invalid="true"]
+    ).btn--form:focus,
+.listbox-button:not(.listbox-button--error) button:not(
+        [disabled],
+        [aria-disabled="true"],
+        [aria-invalid="true"]
+    ).btn--form:active {
   border-color: inherit;
 }
 .listbox-button button.expand-btn--borderless,
@@ -104,6 +120,9 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
   font-weight: bold;
   margin-right: auto;
 }
+.listbox-button__options {
+  border-radius: var(--listbox-button-border-radius, var(--border-radius-50));
+}
 .listbox-button__options[role="listbox"]:focus .listbox-button__option--active[role="option"] {
   background-color: var(--color-state-primary-hover);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "17.3.0-next.0",
+    "version": "17.3.0",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -45,7 +45,7 @@
         "copy:tokensToDocs": "ncp src/tokens docs/static",
         "copy:tokensToDist": "ncp src/tokens dist/tokens",
         "verify": "node scripts verify",
-        "version": "node scripts/jekyll-config && npm run build:storybook && npm run build && git add -A dist docs && changeset version",
+        "version": "npm run build:storybook && npm run build && git add -A dist docs && changeset version && node scripts/jekyll-config",
         "release": "npm run build && changeset publish",
         "transpile": "babel docs/src/js --out-dir docs/_babel",
         "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
@@ -61,19 +61,19 @@
         "prerelease:end": "changeset pre exit"
     },
     "devDependencies": {
-        "@babel/cli": "^7.23.9",
-        "@babel/core": "^7.23.9",
-        "@babel/preset-env": "^7.23.9",
+        "@babel/cli": "^7.24.1",
+        "@babel/core": "^7.24.3",
+        "@babel/preset-env": "^7.24.3",
         "@changesets/changelog-github": "^0.5.0",
         "@changesets/cli": "^2.27.1",
-        "@commitlint/cli": "^18.6.1",
-        "@commitlint/config-conventional": "^18.6.2",
-        "@ebay/browserslist-config": "^2.7.0",
+        "@commitlint/cli": "^19.2.1",
+        "@commitlint/config-conventional": "^19.1.0",
+        "@ebay/browserslist-config": "^2.8.0",
         "@floating-ui/dom": "^1.6.3",
-        "@percy/cli": "^1.28.0",
+        "@percy/cli": "^1.28.2",
         "@percy/storybook": "^5.0.1",
-        "@storybook/html": "^7.6.17",
-        "@storybook/html-webpack5": "^7.6.17",
+        "@storybook/html": "^8.0.2",
+        "@storybook/html-webpack5": "^8.0.2",
         "babel-loader": "^9.1.3",
         "browser-sync": "^3.0.2",
         "btoa": "^1",
@@ -107,9 +107,9 @@
         "makeup-key-emitter": "~0.3.1",
         "makeup-lightbox-dialog": "0.1.0",
         "makeup-listbox": "~0.3.2",
-        "makeup-listbox-button": "~0.4.2",
+        "makeup-listbox-button": "~0.4.4",
         "makeup-menu": "~0.3.0",
-        "makeup-menu-button": "~0.3.3",
+        "makeup-menu-button": "~0.3.4",
         "makeup-modal": "~0.4.1",
         "makeup-panel-dialog": "0.1.0",
         "makeup-prevent-scroll-keys": "~0.2.1",
@@ -121,19 +121,19 @@
         "ncp": "^2",
         "npm-run-all": "^4",
         "postcss-less": "^6.0.0",
-        "postcss-loader": "^8.1.0",
+        "postcss-loader": "^8.1.1",
         "prettier": "^3.2.5",
         "rimraf": "^5",
-        "storybook": "^7.6.17",
+        "storybook": "^8.0.2",
         "stylelint": "^16.2.1",
         "stylelint-config-standard": "^36",
         "stylelint-no-unsupported-browser-features": "^8",
         "stylelint-order": "^6",
         "stylelint-prettier": "^5",
         "svgo": "^3.2.0",
-        "webpack": "^5.90.3",
+        "webpack": "^5.91.0",
         "webpack-cli": "^5.1.4",
-        "winston": "^3.11.0",
+        "winston": "^3.12.0",
         "xmlserializer": "^0.6.1",
         "yargs": "^17.7.2"
     },

package/src/less/listbox-button/listbox-button.less

@@ -43,7 +43,11 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
 }
 
 .listbox-button:not(.listbox-button--error)
-    button:not([disabled], [aria-disabled="true"]).btn--form {
+    button:not(
+        [disabled],
+        [aria-disabled="true"],
+        [aria-invalid="true"]
+    ).btn--form {
     .border-color-token(listbox-button-border-color, color-stroke-default);
 
     &:hover,
@@ -114,6 +118,10 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
     margin-right: auto;
 }
 
+.listbox-button__options {
+    .border-radius-token(listbox-button-border-radius, border-radius-50);
+}
+
 .listbox-button__options[role="listbox"]:focus
     .listbox-button__option--active[role="option"] {
     background-color: var(--color-state-primary-hover);

package/.changeset/clever-trees-trade.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-feat(education-notice): use icon button

package/.changeset/fresh-suits-fold.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-fix(toggle-button-group): fixed Safari image size bug and added stories

package/.changeset/grumpy-emus-jump.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-feat(expressive-loader): new module

package/.changeset/loud-zebras-fail.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-feat(education-notice): new module

package/.changeset/pre.json

@@ -1,17 +0,0 @@
-{
-    "mode": "pre",
-    "tag": "next",
-    "initialVersions": {
-        "@ebay/skin": "17.2.0"
-    },
-    "changesets": [
-        "clever-trees-trade",
-        "fresh-suits-fold",
-        "grumpy-emus-jump",
-        "loud-zebras-fail",
-        "strange-forks-flow",
-        "strong-schools-tap",
-        "strong-toys-behave",
-        "tough-cougars-poke"
-    ]
-}

package/.changeset/strange-forks-flow.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-fix(button): prevent style changes on hover for disabled form buttons

package/.changeset/strong-schools-tap.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-fix(docs): fixed responsive menu

package/.changeset/strong-toys-behave.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-refactor(progress-bar-expressive): rename expressive-loader to progress-bar-expressive

package/.changeset/tough-cougars-poke.md

@@ -1,5 +0,0 @@
----
-"@ebay/skin": minor
----
-
-feat(carousel): updated chevron sizes