@ebay/skin 19.1.3 → 19.2.0

package/dist/video/video.css

@@ -7,6 +7,10 @@
     width: 100%;
 }
 
+.video-player button {
+    font-family: inherit;
+}
+
 .video-player__overlay {
     align-items: center;
     background-color: rgba(0, 0, 0, 0.6);
@@ -56,11 +60,45 @@
     width: 48px;
 }
 
+.video-player .shaka-bottom-controls {
+    box-sizing: border-box;
+    margin-bottom: 3%;
+    padding-bottom: 0;
+    position: relative;
+    width: 94%;
+}
+
 .video-player .shaka-controls-button-panel {
     background-color: rgba(0, 0, 0, 0.7);
     border-radius: 8px;
+    bottom: 0;
+    height: 40px;
+    position: absolute;
+    width: 100%;
+}
+.video-player .shaka-controls-button-panel :first-child {
+    margin-left: 8px;
+}
+.video-player .shaka-controls-button-panel :last-child {
+    margin-right: 8px;
 }
 
 .video-player--poster .shaka-scrim-container {
     visibility: hidden;
 }
+
+.video-player .shaka-range-container {
+    box-sizing: border-box;
+    margin: 0 188px 18px 76px;
+}
+
+.video-player #shaka-player-ui-time-container {
+    display: none;
+}
+
+.video-player .shaka-video-container {
+    font-family:
+        Market Sans,
+        Arial,
+        sans-serif;
+}

package/index.browser.json

@@ -38,6 +38,8 @@
     "require: ./image-placeholder.js",
     "require: ./infotip.js",
     "require: ./inline-notice.js",
+    "require: ./item-tile.js",
+    "require: ./item-tile-group.js",
     "require: ./layout-grid.js",
     "require: ./lightbox-dialog.js",
     "require: ./link.js",

package/index.css

@@ -36,6 +36,8 @@
 @import "./image-placeholder.css";
 @import "./infotip.css";
 @import "./inline-notice.css";
+@import "./item-tile.css";
+@import "./item-tile-group.css";
 @import "./layout-grid.css";
 @import "./lightbox-dialog.css";
 @import "./link.css";

package/index.js

@@ -36,6 +36,8 @@ require('./icon-button.js');
 require('./image-placeholder.js');
 require('./infotip.js');
 require('./inline-notice.js');
+require('./item-tile.js');
+require('./item-tile-group.js');
 require('./layout-grid.js');
 require('./lightbox-dialog.js');
 require('./link.js');

package/index.mjs

@@ -36,6 +36,8 @@ import './icon-button.css';
 import './image-placeholder.css';
 import './infotip.css';
 import './inline-notice.css';
+import './item-tile.css';
+import './item-tile-group.css';
 import './layout-grid.css';
 import './lightbox-dialog.css';
 import './link.css';

package/item-tile-group.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./item-tile-group.js"] }

package/item-tile-group.css

@@ -0,0 +1 @@
+@import "./dist/item-tile-group/item-tile-group.css";

package/item-tile-group.js

@@ -0,0 +1 @@
+require('./dist/item-tile-group/item-tile-group.css');

package/item-tile-group.mjs

@@ -0,0 +1 @@
+import './dist/item-tile-group/item-tile-group.css';

package/item-tile.browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./item-tile.js"] }

package/item-tile.css

@@ -0,0 +1 @@
+@import "./dist/item-tile/item-tile.css";

package/item-tile.js

@@ -0,0 +1 @@
+require('./dist/item-tile/item-tile.css');

package/item-tile.mjs

@@ -0,0 +1 @@
+import './dist/item-tile/item-tile.css';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "19.1.3",
+    "version": "19.2.0",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -68,29 +68,29 @@
         "prerelease:end": "changeset pre exit || :"
     },
     "devDependencies": {
-        "@babel/cli": "^7.26.4",
-        "@babel/core": "^7.26.9",
+        "@babel/cli": "^7.27.0",
+        "@babel/core": "^7.26.10",
         "@babel/preset-env": "^7.26.9",
         "@changesets/changelog-github": "^0.5.1",
         "@changesets/cli": "^2.28.1",
-        "@commitlint/cli": "^19.7.1",
-        "@commitlint/config-conventional": "^19.7.1",
+        "@commitlint/cli": "^19.8.0",
+        "@commitlint/config-conventional": "^19.8.0",
         "@docsearch/js": "^3.9.0",
-        "@ebay/browserslist-config": "^2.10.0",
+        "@ebay/browserslist-config": "^2.11.0",
         "@floating-ui/dom": "^1.6.13",
-        "@marko/run": "^0.5.16",
-        "@marko/run-adapter-static": "^0.2.1",
+        "@marko/run": "^0.6.2",
+        "@marko/run-adapter-static": "^1.0.1",
         "@percy/cli": "^1.30.7",
         "@percy/storybook": "^6.0.3",
-        "@storybook/html": "^8.5.8",
-        "@storybook/html-webpack5": "^8.5.8",
-        "autoprefixer": "^10.4.20",
-        "babel-loader": "^9.2.1",
+        "@storybook/html": "^8.6.11",
+        "@storybook/html-webpack5": "^8.6.11",
+        "autoprefixer": "^10.4.21",
+        "babel-loader": "^10.0.0",
         "btoa": "^1",
         "clean-css": "^5",
         "cross-env": "^7",
         "cssnano": "^7.0.6",
-        "eslint": "^9.21.0",
+        "eslint": "^9.23.0",
         "eslint-config-ebay": "^1",
         "eslint-config-prettier": "^10",
         "eslint-plugin-prettier": "^5",
@@ -98,9 +98,9 @@
         "gulp": "^5",
         "husky": "^9.1.7",
         "jsdom": "^26.0.0",
-        "lint-staged": "^15.4.3",
+        "lint-staged": "^15.5.0",
         "makeup-alert-dialog": "~0.3.4",
-        "makeup-combobox": "~0.4.8",
+        "makeup-combobox": "~0.4.9",
         "makeup-confirm-dialog": "~0.3.4",
         "makeup-dialog": "~0.5.4",
         "makeup-dialog-button": "~0.4.4",
@@ -111,8 +111,8 @@
         "makeup-input-dialog": "0.2.4",
         "makeup-key-emitter": "~0.4.3",
         "makeup-lightbox-dialog": "0.2.4",
-        "makeup-listbox": "~0.4.5",
-        "makeup-listbox-button": "~0.5.7",
+        "makeup-listbox": "~0.4.6",
+        "makeup-listbox-button": "~0.5.8",
         "makeup-menu": "~0.4.4",
         "makeup-menu-button": "~0.4.6",
         "makeup-modal": "~0.5.4",
@@ -122,25 +122,25 @@
         "makeup-snackbar-dialog": "0.2.4",
         "makeup-switch": "~0.3.3",
         "makeup-toast-dialog": "0.2.4",
-        "marko": "^5.37.16",
+        "marko": "^5.37.24",
         "mkdirp": "^3",
         "ncp": "^2",
         "npm-run-all": "^4",
         "postcss": "^8.5.3",
-        "postcss-cli": "^11.0.0",
+        "postcss-cli": "^11.0.1",
         "postcss-comment": "^2.0.0",
         "postcss-import": "^16.1.0",
         "postcss-loader": "^8.1.1",
         "postcss-mixins": "^11.0.3",
         "postcss-nested": "^7.0.2",
         "postcss-simple-vars": "^7.0.1",
-        "prettier": "^3.5.2",
-        "prismjs": "^1.29.0",
+        "prettier": "^3.5.3",
+        "prismjs": "^1.30.0",
         "rimraf": "^6",
-        "sass": "^1.85.0",
+        "sass": "^1.86.0",
         "sass-loader": "^16.0.5",
-        "storybook": "^8.5.8",
-        "stylelint": "^16.14.1",
+        "storybook": "^8.6.11",
+        "stylelint": "^16.17.0",
         "stylelint-config-prettier-scss": "^1.0.0",
         "stylelint-config-standard": "^37",
         "stylelint-config-standard-scss": "^14.0.0",