@ebay/skin 19.2.0 → 19.3.0

package/README.md

@@ -4,7 +4,7 @@
 
 > Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.
 
-Please visit the [Skin website](https://opensource.ebay.com/skin/) for all end-user documentation.
+Please visit the [Skin website](https://opensource.ebay.com/evo-web/skin/) for all end-user documentation.
 
 ## License
 
@@ -12,7 +12,7 @@ Skin is [MIT](LICENSE) licensed.
 
 ## Install
 
-Skin is available as the `@ebay/skin` package on [NPM](https://www.npmjs.com/). Skin is also available on our [CDN](https://opensource.ebay.com/skin/#cdn).
+Skin is available as the `@ebay/skin` package on [NPM](https://www.npmjs.com/). Skin is also available on our [CDN](https://opensource.ebay.com/evo-web/skin/#cdn).
 
 ## Versioning
 
@@ -26,13 +26,13 @@ More detailed insight into our versioning process can be found in our [contribut
 
 ## Releases
 
-Please refer to our [releases](https://github.com/eBay/skin/releases) page to view the change log for current and past releases.
+Please refer to our [releases](https://github.com/eBay/evo-web/releases) page to view the change log for current and past releases.
 
-Please refer to our [web archive](https://opensource.ebay.com/skin/archive/) for past examples and documentation.
+Please refer to our [web archive](https://opensource.ebay.com/evo-web/skin/archive/) for past examples and documentation.
 
 ## Roadmap
 
-Please refer to our [projects](https://github.com/eBay/skin/projects) page to see what's coming down the pipeline.
+Please refer to our [projects](https://github.com/eBay/evo-web/projects) page to see what's coming down the pipeline.
 
 ## Browser Support
 
@@ -46,7 +46,7 @@ We take accessibility very seriously. Very seriously indeed. Therefore all modul
 
 ## Issues
 
-Please use our [issues page](https://github.com/eBay/skin/issues) to ask questions, report issues or submit feature requests.
+Please use our [issues page](https://github.com/eBay/evo-web/issues) to ask questions, report issues or submit feature requests.
 
 To help track your issue, the Skin admins will assign it with a label from one or more issue categories.
 
@@ -74,4 +74,4 @@ The original creator of Skin is [Senthil Padmanabhan](https://github.com/senthil
 
 The current author and lead maintainer is [Ian McBurnie](https://github.com/ianmcburnie).
 
-[List of all contributors](https://github.com/eBay/skin/graphs/contributors).
+[List of all contributors](https://github.com/eBay/evo-web/graphs/contributors).

package/dist/accordion/accordion.css

@@ -7,7 +7,7 @@ ul.accordion ::marker {
     font-size: 0;
 }
 
-ul.accordion li:not(:last-child) {
+ul.accordion > li:not(:last-child) {
     border-bottom: 1px solid var(--color-stroke-subtle);
 }
 

package/dist/bundles/skin-default.css

@@ -610,7 +610,7 @@ ul.accordion ::marker{
   font-size:0;
 }
 
-ul.accordion li:not(:last-child){
+ul.accordion>li:not(:last-child){
   border-bottom:1px solid var(--color-stroke-subtle);
 }
 
@@ -6051,6 +6051,30 @@ span.inline-notice{
   color:var(--color-foreground-secondary);
 }
 
+.layout-grid.item-tile-group{
+  --layout-grid-columns-min:2;
+  --layout-grid-columns-xs:2;
+  --layout-grid-columns-sm:2;
+  --layout-grid-columns-md:3;
+  --layout-grid-columns-lg:4;
+  --layout-grid-columns-xl:5;
+  --layout-grid-columns-xl2:5;
+  --layout-grid-columns-xl3:5;
+  --layout-grid-columns-xl4:5;
+}
+
+.layout-grid.item-tile-group--list-view{
+  --layout-grid-columns-min:1;
+  --layout-grid-columns-xs:1;
+  --layout-grid-columns-sm:1;
+  --layout-grid-columns-md:1;
+  --layout-grid-columns-lg:1;
+  --layout-grid-columns-xl:2;
+  --layout-grid-columns-xl2:2;
+  --layout-grid-columns-xl3:2;
+  --layout-grid-columns-xl4:2;
+}
+
 .item-tile-group .item-tile__title{
   -webkit-line-clamp:3;
 }

package/dist/bundles/skin-full.css

@@ -809,7 +809,7 @@ ul.accordion ::marker{
   font-size:0;
 }
 
-ul.accordion li:not(:last-child){
+ul.accordion>li:not(:last-child){
   border-bottom:1px solid var(--color-stroke-subtle);
 }
 
@@ -6250,6 +6250,30 @@ span.inline-notice{
   color:var(--color-foreground-secondary);
 }
 
+.layout-grid.item-tile-group{
+  --layout-grid-columns-min:2;
+  --layout-grid-columns-xs:2;
+  --layout-grid-columns-sm:2;
+  --layout-grid-columns-md:3;
+  --layout-grid-columns-lg:4;
+  --layout-grid-columns-xl:5;
+  --layout-grid-columns-xl2:5;
+  --layout-grid-columns-xl3:5;
+  --layout-grid-columns-xl4:5;
+}
+
+.layout-grid.item-tile-group--list-view{
+  --layout-grid-columns-min:1;
+  --layout-grid-columns-xs:1;
+  --layout-grid-columns-sm:1;
+  --layout-grid-columns-md:1;
+  --layout-grid-columns-lg:1;
+  --layout-grid-columns-xl:2;
+  --layout-grid-columns-xl2:2;
+  --layout-grid-columns-xl3:2;
+  --layout-grid-columns-xl4:2;
+}
+
 .item-tile-group .item-tile__title{
   -webkit-line-clamp:3;
 }

package/dist/bundles/skin-headless.css

@@ -184,7 +184,7 @@ ul.accordion ::marker{
   font-size:0;
 }
 
-ul.accordion li:not(:last-child){
+ul.accordion>li:not(:last-child){
   border-bottom:1px solid var(--color-stroke-subtle);
 }
 
@@ -5625,6 +5625,30 @@ span.inline-notice{
   color:var(--color-foreground-secondary);
 }
 
+.layout-grid.item-tile-group{
+  --layout-grid-columns-min:2;
+  --layout-grid-columns-xs:2;
+  --layout-grid-columns-sm:2;
+  --layout-grid-columns-md:3;
+  --layout-grid-columns-lg:4;
+  --layout-grid-columns-xl:5;
+  --layout-grid-columns-xl2:5;
+  --layout-grid-columns-xl3:5;
+  --layout-grid-columns-xl4:5;
+}
+
+.layout-grid.item-tile-group--list-view{
+  --layout-grid-columns-min:1;
+  --layout-grid-columns-xs:1;
+  --layout-grid-columns-sm:1;
+  --layout-grid-columns-md:1;
+  --layout-grid-columns-lg:1;
+  --layout-grid-columns-xl:2;
+  --layout-grid-columns-xl2:2;
+  --layout-grid-columns-xl3:2;
+  --layout-grid-columns-xl4:2;
+}
+
 .item-tile-group .item-tile__title{
   -webkit-line-clamp:3;
 }

package/dist/item-tile-group/item-tile-group.css

@@ -1,3 +1,27 @@
+.layout-grid.item-tile-group {
+    --layout-grid-columns-min: 2;
+    --layout-grid-columns-xs: 2;
+    --layout-grid-columns-sm: 2;
+    --layout-grid-columns-md: 3;
+    --layout-grid-columns-lg: 4;
+    --layout-grid-columns-xl: 5;
+    --layout-grid-columns-xl2: 5;
+    --layout-grid-columns-xl3: 5;
+    --layout-grid-columns-xl4: 5;
+}
+
+.layout-grid.item-tile-group--list-view {
+    --layout-grid-columns-min: 1;
+    --layout-grid-columns-xs: 1;
+    --layout-grid-columns-sm: 1;
+    --layout-grid-columns-md: 1;
+    --layout-grid-columns-lg: 1;
+    --layout-grid-columns-xl: 2;
+    --layout-grid-columns-xl2: 2;
+    --layout-grid-columns-xl3: 2;
+    --layout-grid-columns-xl4: 2;
+}
+
 .item-tile-group .item-tile__title {
     -webkit-line-clamp: 3;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "19.2.0",
+    "version": "19.3.0",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -24,17 +24,19 @@
         "!vite.config.js",
         "!webpack.config.js"
     ],
+    "devDependencies": {
+        "@marko/run-adapter-static": "^1.0.1"
+    },
     "scripts": {
-        "prepare": "husky install",
         "preview": "marko-run preview",
         "start": "marko-run",
         "test": "npm run build:css",
-        "deploy": "node scripts/jekyll-config && BASE_URL=/skin/ marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
-        "deploy:only": "node scripts/jekyll-config && marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
+        "deploy": "BASE_URL=/evo-web/skin/ marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
+        "deploy:only": "marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && ncp docs/archive _site/public/archive --dereference=true && touch _site/public/.nojekyll",
         "prebuild": "npm run clean",
         "prepublishOnly": "node scripts gen",
         "postpublish": "node scripts clean",
-        "build": "npm run build:css && npm run lint:js && npm run copy",
+        "build": "npm run build:css && npm run lint:js && npm run copy && node scripts gen-build",
         "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && node scripts/add-y-comments.js && prettier dist --write && npm run lint:css",
         "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/public/storybook",
         "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
@@ -53,8 +55,8 @@
         "copy:tokensToDocs": "ncp src/tokens src/routes/static",
         "copy:tokensToDist": "ncp src/tokens dist/tokens",
         "verify": "node scripts verify",
-        "version": "npm run build:storybook && npm run build && git add -A dist src && changeset version && node scripts/jekyll-config && npm i --package-lock-only",
-        "release": "npm run build && changeset publish",
+        "version": "npm run build",
+        "release": "npm run build",
         "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
         "snapshots": "npm run build:snapshots && npx gulp runSnapshots --stories $STORIES",
         "snapshots:dry": "npm run build:snapshots && npx gulp runSnapshots --dry yes --stories $STORIES",
@@ -62,97 +64,7 @@
         "snapshots:execute:dry": "percy storybook ./.storybook-percy --dry-run --include",
         "snapshots:all": "npm run build:snapshots && percy storybook ./.storybook-percy --include '.*'",
         "snapshots:all:dry": "npm run build:snapshots && percy storybook --dry-run ./.storybook-percy --include '.*'",
-        "storybook": "npm run copy:assetsToStorybook && storybook dev -c .storybook",
-        "change": "changeset add",
-        "prerelease:start": "changeset pre enter next || :",
-        "prerelease:end": "changeset pre exit || :"
-    },
-    "devDependencies": {
-        "@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.8.0",
-        "@commitlint/config-conventional": "^19.8.0",
-        "@docsearch/js": "^3.9.0",
-        "@ebay/browserslist-config": "^2.11.0",
-        "@floating-ui/dom": "^1.6.13",
-        "@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.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.23.0",
-        "eslint-config-ebay": "^1",
-        "eslint-config-prettier": "^10",
-        "eslint-plugin-prettier": "^5",
-        "gh-pages": "^6.3.0",
-        "gulp": "^5",
-        "husky": "^9.1.7",
-        "jsdom": "^26.0.0",
-        "lint-staged": "^15.5.0",
-        "makeup-alert-dialog": "~0.3.4",
-        "makeup-combobox": "~0.4.9",
-        "makeup-confirm-dialog": "~0.3.4",
-        "makeup-dialog": "~0.5.4",
-        "makeup-dialog-button": "~0.4.4",
-        "makeup-drawer-dialog": "0.2.4",
-        "makeup-expander": "~0.11.5",
-        "makeup-floating-label": "~0.4.5",
-        "makeup-fullscreen-dialog": "0.2.4",
-        "makeup-input-dialog": "0.2.4",
-        "makeup-key-emitter": "~0.4.3",
-        "makeup-lightbox-dialog": "0.2.4",
-        "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",
-        "makeup-panel-dialog": "0.2.4",
-        "makeup-prevent-scroll-keys": "~0.3.3",
-        "makeup-roving-tabindex": "~0.7.3",
-        "makeup-snackbar-dialog": "0.2.4",
-        "makeup-switch": "~0.3.3",
-        "makeup-toast-dialog": "0.2.4",
-        "marko": "^5.37.24",
-        "mkdirp": "^3",
-        "ncp": "^2",
-        "npm-run-all": "^4",
-        "postcss": "^8.5.3",
-        "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.3",
-        "prismjs": "^1.30.0",
-        "rimraf": "^6",
-        "sass": "^1.86.0",
-        "sass-loader": "^16.0.5",
-        "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",
-        "stylelint-no-unsupported-browser-features": "^8",
-        "stylelint-order": "^6",
-        "stylelint-prettier": "^5",
-        "svgo": "^3.3.2",
-        "webpack": "^5.98.0",
-        "webpack-cli": "^6.0.1",
-        "winston": "^3.17.0",
-        "xmlserializer": "^0.6.1",
-        "yargs": "^17.7.2"
+        "storybook": "npm run copy:assetsToStorybook && storybook dev -c .storybook"
     },
     "keywords": [
         "eBay",

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 eBay Software Foundation
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.