@ebay/skin 18.2.1 → 18.2.3

package/dist/carousel/carousel.css

@@ -223,6 +223,7 @@ span.carousel__container {
 [dir="rtl"] .carousel__control .icon--12 {
     transform: rotate(180deg);
 }
+/* autoprefixer: ignore next */
 @supports not /*!Y */
     (
         /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */
@@ -237,6 +238,7 @@ span.carousel__container {
         opacity: 0.3;
     }
 }
+/* autoprefixer: ignore next */
 @supports (
     /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */
         (-ms-scroll-snap-coordinate: 0 0) or /*!Y */

package/dist/gh/_gh-mixins.scss

@@ -0,0 +1,197 @@
+/* stylelint-disable no-invalid-position-at-import-rule */
+
+@mixin alert-dialog-mixin() {
+    @import "../../../dist/alert-dialog/alert-dialog.css";
+}
+
+@mixin badge-mixin() {
+    @import "../../../dist/badge/badge.css";
+}
+
+@mixin breadcrumbs-mixin() {
+    @import "../../../dist/breadcrumbs/breadcrumbs.css";
+}
+
+@mixin button-mixin() {
+    @import "../../../dist/button/button.css";
+}
+
+@mixin carousel-mixin() {
+    @import "../../../dist/carousel/carousel.css";
+}
+
+@mixin checkbox-mixin() {
+    @import "../../../dist/checkbox/checkbox.css";
+}
+
+@mixin combobox-mixin() {
+    @import "../../../dist/combobox/combobox.css";
+}
+
+@mixin confirm-dialog-mixin() {
+    @import "../../../dist/confirm-dialog/confirm-dialog.css";
+}
+
+@mixin cta-button-mixin() {
+    @import "../../../dist/cta-button/cta-button.css";
+}
+
+@mixin drawer-dialog-mixin() {
+    @import "../../../dist/drawer-dialog/drawer-dialog.css";
+}
+
+@mixin eek-mixin() {
+    @import "../../../dist/eek/eek.css";
+}
+
+@mixin field-mixin() {
+    @import "../../../dist/field/field.css";
+}
+
+@mixin filter-button-mixin() {
+    @import "../../../dist/filter-button/filter-button.css";
+}
+
+@mixin filter-menu-mixin() {
+    @import "../../../dist/filter-menu/filter-menu.css";
+}
+
+@mixin filter-menu-button-mixin() {
+    @import "../../../dist/filter-menu-button/filter-menu-button.css";
+}
+
+@mixin floating-label-mixin() {
+    @import "../../../dist/floating-label/floating-label.css";
+}
+
+@mixin fullscreen-dialog-mixin() {
+    @import "../../../dist/fullscreen-dialog/fullscreen-dialog.css";
+}
+
+@mixin global-mixin() {
+    @import "../../../dist/global/global.css";
+}
+
+@mixin icon-mixin() {
+    @import "../../../dist/icon/icon.css";
+}
+
+@mixin icon-button-mixin() {
+    @import "../../../dist/icon-button/icon-button.css";
+}
+
+@mixin infotip-mixin() {
+    @import "../../../dist/infotip/infotip.css";
+}
+
+@mixin inline-notice-mixin() {
+    @import "../../../dist/inline-notice/inline-notice.css";
+}
+
+@mixin lightbox-dialog-mixin() {
+    @import "../../../dist/lightbox-dialog/lightbox-dialog.css";
+}
+
+@mixin link-mixin() {
+    @import "../../../dist/link/link.css";
+}
+
+@mixin listbox-mixin() {
+    @import "../../../dist/listbox/listbox.css";
+}
+
+@mixin listbox-button-mixin() {
+    @import "../../../dist/listbox-button/listbox-button.css";
+}
+
+@mixin menu-mixin() {
+    @import "../../../dist/menu/menu.css";
+}
+
+@mixin menu-button-mixin() {
+    @import "../../../dist/menu-button/menu-button.css";
+}
+
+@mixin page-grid-mixin() {
+    @import "../../../dist/page-grid/page-grid.css";
+}
+
+@mixin page-notice-mixin() {
+    @import "../../../dist/page-notice/page-notice.css";
+}
+
+@mixin pagination-mixin() {
+    @import "../../../dist/pagination/pagination.css";
+}
+
+@mixin panel-dialog-mixin() {
+    @import "../../../dist/panel-dialog/panel-dialog.css";
+}
+
+@mixin progress-bar-mixin() {
+    @import "../../../dist/progress-bar/progress-bar.css";
+}
+
+@mixin progress-spinner-mixin() {
+    @import "../../../dist/progress-spinner/progress-spinner.css";
+}
+
+@mixin progress-stepper-mixin() {
+    @import "../../../dist/progress-stepper/progress-stepper.css";
+}
+
+@mixin radio-mixin() {
+    @import "../../../dist/radio/radio.css";
+}
+
+@mixin section-notice-mixin() {
+    @import "../../../dist/section-notice/section-notice.css";
+}
+
+@mixin section-title-mixin() {
+    @import "../../../dist/section-title/section-title.css";
+}
+
+@mixin select-mixin() {
+    @import "../../../dist/select/select.css";
+}
+
+@mixin signal-mixin() {
+    @import "../../../dist/signal/signal.css";
+}
+
+@mixin snackbar-dialog-mixin() {
+    @import "../../../dist/snackbar-dialog/snackbar-dialog.css";
+}
+
+@mixin switch-mixin() {
+    @import "../../../dist/switch/switch.css";
+}
+
+@mixin tabs-mixin() {
+    @import "../../../dist/tabs/tabs.css";
+}
+
+@mixin textbox-mixin() {
+    @import "../../../dist/textbox/textbox.css";
+}
+
+@mixin toast-dialog-mixin() {
+    @import "../../../dist/toast-dialog/toast-dialog.css";
+}
+
+@mixin tooltip-mixin() {
+    @import "../../../dist/tooltip/tooltip.css";
+}
+
+@mixin tourtip-mixin() {
+    @import "../../../dist/tourtip/tourtip.css";
+}
+
+@mixin typography-mixin() {
+    @import "../../../dist/typography/typography.css";
+}
+
+@mixin utility-mixin() {
+    @import "../../../dist/utility/utility.css";
+}

package/dist/gh/gh-mixins.less

@@ -0,0 +1,195 @@
+.alert-dialog-mixin() {
+    @import "../../../dist/alert-dialog/alert-dialog.css";
+}
+
+.badge-mixin() {
+    @import "../../../dist/badge/badge.css";
+}
+
+.breadcrumbs-mixin() {
+    @import "../../../dist/breadcrumbs/breadcrumbs.css";
+}
+
+.button-mixin() {
+    @import "../../../dist/button/button.css";
+}
+
+.carousel-mixin() {
+    @import "../../../dist/carousel/carousel.css";
+}
+
+.checkbox-mixin() {
+    @import "../../../dist/checkbox/checkbox.css";
+}
+
+.combobox-mixin() {
+    @import "../../../dist/combobox/combobox.css";
+}
+
+.confirm-dialog-mixin() {
+    @import "../../../dist/confirm-dialog/confirm-dialog.css";
+}
+
+.cta-button-mixin() {
+    @import "../../../dist/cta-button/cta-button.css";
+}
+
+.drawer-dialog-mixin() {
+    @import "../../../dist/drawer-dialog/drawer-dialog.css";
+}
+
+.eek-mixin() {
+    @import "../../../dist/eek/eek.css";
+}
+
+.field-mixin() {
+    @import "../../../dist/field/field.css";
+}
+
+.filter-button-mixin() {
+    @import "../../../dist/filter-button/filter-button.css";
+}
+
+.filter-menu-mixin() {
+    @import "../../../dist/filter-menu/filter-menu.css";
+}
+
+.filter-menu-button-mixin() {
+    @import "../../../dist/filter-menu-button/filter-menu-button.css";
+}
+
+.floating-label-mixin() {
+    @import "../../../dist/floating-label/floating-label.css";
+}
+
+.fullscreen-dialog-mixin() {
+    @import "../../../dist/fullscreen-dialog/fullscreen-dialog.css";
+}
+
+.global-mixin() {
+    @import "../../../dist/global/global.css";
+}
+
+.icon-mixin() {
+    @import "../../../dist/icon/icon.css";
+}
+
+.icon-button-mixin() {
+    @import "../../../dist/icon-button/icon-button.css";
+}
+
+.infotip-mixin() {
+    @import "../../../dist/infotip/infotip.css";
+}
+
+.inline-notice-mixin() {
+    @import "../../../dist/inline-notice/inline-notice.css";
+}
+
+.lightbox-dialog-mixin() {
+    @import "../../../dist/lightbox-dialog/lightbox-dialog.css";
+}
+
+.link-mixin() {
+    @import "../../../dist/link/link.css";
+}
+
+.listbox-mixin() {
+    @import "../../../dist/listbox/listbox.css";
+}
+
+.listbox-button-mixin() {
+    @import "../../../dist/listbox-button/listbox-button.css";
+}
+
+.menu-mixin() {
+    @import "../../../dist/menu/menu.css";
+}
+
+.menu-button-mixin() {
+    @import "../../../dist/menu-button/menu-button.css";
+}
+
+.page-grid-mixin() {
+    @import "../../../dist/page-grid/page-grid.css";
+}
+
+.page-notice-mixin() {
+    @import "../../../dist/page-notice/page-notice.css";
+}
+
+.pagination-mixin() {
+    @import "../../../dist/pagination/pagination.css";
+}
+
+.panel-dialog-mixin() {
+    @import "../../../dist/panel-dialog/panel-dialog.css";
+}
+
+.progress-bar-mixin() {
+    @import "../../../dist/progress-bar/progress-bar.css";
+}
+
+.progress-spinner-mixin() {
+    @import "../../../dist/progress-spinner/progress-spinner.css";
+}
+
+.progress-stepper-mixin() {
+    @import "../../../dist/progress-stepper/progress-stepper.css";
+}
+
+.radio-mixin() {
+    @import "../../../dist/radio/radio.css";
+}
+
+.section-notice-mixin() {
+    @import "../../../dist/section-notice/section-notice.css";
+}
+
+.section-title-mixin() {
+    @import "../../../dist/section-title/section-title.css";
+}
+
+.select-mixin() {
+    @import "../../../dist/select/select.css";
+}
+
+.signal-mixin() {
+    @import "../../../dist/signal/signal.css";
+}
+
+.snackbar-dialog-mixin() {
+    @import "../../../dist/snackbar-dialog/snackbar-dialog.css";
+}
+
+.switch-mixin() {
+    @import "../../../dist/switch/switch.css";
+}
+
+.tabs-mixin() {
+    @import "../../../dist/tabs/tabs.css";
+}
+
+.textbox-mixin() {
+    @import "../../../dist/textbox/textbox.css";
+}
+
+.toast-dialog-mixin() {
+    @import "../../../dist/toast-dialog/toast-dialog.css";
+}
+
+.tooltip-mixin() {
+    @import "../../../dist/tooltip/tooltip.css";
+}
+
+.tourtip-mixin() {
+    @import "../../../dist/tourtip/tourtip.css";
+}
+
+.typography-mixin() {
+    @import "../../../dist/typography/typography.css";
+}
+
+.utility-mixin() {
+    @import "../../../dist/utility/utility.css";
+}

package/gh.browser.json

@@ -1,8 +1 @@
-{
-    "dependencies": [
-        "less-import: ./src/sass/mixins/public/utility-mixins.less",
-        "less-import: ./src/sass/mixins/private/icon-mixins.less",
-        "less-import: ./src/sass/mixins/public/typography-mixins.less",
-        "less-import: ./src/sass/gh/gh-mixins.less"
-    ]
-}
+{ "dependencies": ["require: ./gh.js"] }

package/gh.css

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

package/gh.js

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

package/gh.mjs

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

package/index.browser.json

@@ -27,6 +27,7 @@
     "require: ./flag.js",
     "require: ./floating-label.js",
     "require: ./fullscreen-dialog.js",
+    "require: ./gh.js",
     "require: ./global.js",
     "require: ./icon.js",
     "require: ./icon-button.js",

package/index.css

@@ -25,6 +25,7 @@
 @import "./flag.css";
 @import "./floating-label.css";
 @import "./fullscreen-dialog.css";
+@import "./gh.css";
 @import "./global.css";
 @import "./icon.css";
 @import "./icon-button.css";

package/index.js

@@ -25,6 +25,7 @@ require('./filter-menu-button.js');
 require('./flag.js');
 require('./floating-label.js');
 require('./fullscreen-dialog.js');
+require('./gh.js');
 require('./global.js');
 require('./icon.js');
 require('./icon-button.js');

package/index.mjs

@@ -25,6 +25,7 @@ import './filter-menu-button.css';
 import './flag.css';
 import './floating-label.css';
 import './fullscreen-dialog.css';
+import './gh.css';
 import './global.css';
 import './icon.css';
 import './icon-button.css';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "18.2.1",
+    "version": "18.2.3",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [
@@ -16,6 +16,7 @@
     },
     "files": [
         "dist",
+        "tokens",
         "./*\\.{js,css,scss,less,json,mjs}",
         "!.prettierrc.json",
         "!webpack.config.js",
@@ -44,7 +45,7 @@
         "lint:js": "eslint 'src/routes/main.js' > lint.log && eslint 'src/sass/**/stories/*.js' >> lint.log ",
         "format": "npx prettier --write .",
         "copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:tokensToDist",
-        "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins",
+        "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins && ncp src/sass/gh dist/gh",
         "copy:assetsToStorybook": "node scripts storybook-copy",
         "copy:svgToDist": "mkdirp dist/svg && ncp src/svg dist/svg",
         "copy:svgToDocs": "ncp src/svg src/routes/static && ncp src/svg/icons.svg src/components/master-icons.marko",

package/tokens/browser.json

@@ -0,0 +1 @@
+{ "dependencies": ["require: ./evo-core.js", "require: ./evo-light.js"] }

package/tokens/evo-core.browser.json

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

package/tokens/evo-core.css

@@ -0,0 +1 @@
+@import "./../dist/tokens/evo-core.css";

package/tokens/evo-core.js

@@ -0,0 +1 @@
+require('./../dist/tokens/evo-core.css');

package/tokens/evo-core.mjs

@@ -0,0 +1 @@
+import './../dist/tokens/evo-core.css';

package/tokens/evo-dark.browser.json

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

package/tokens/evo-dark.css

@@ -0,0 +1 @@
+@import "./../dist/tokens/evo-dark.css";

package/tokens/evo-dark.js

@@ -0,0 +1 @@
+require('./../dist/tokens/evo-dark.css');

package/tokens/evo-dark.mjs

@@ -0,0 +1 @@
+import './../dist/tokens/evo-dark.css';

package/tokens/evo-light.browser.json

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

package/tokens/evo-light.css

@@ -0,0 +1 @@
+@import "./../dist/tokens/evo-light.css";

package/tokens/evo-light.js

@@ -0,0 +1 @@
+require('./../dist/tokens/evo-light.css');

package/tokens/evo-light.mjs

@@ -0,0 +1 @@
+import './../dist/tokens/evo-light.css';

package/tokens/index.css

@@ -0,0 +1,2 @@
+@import "./evo-core.css";
+@import "./evo-light.css";

package/tokens/index.js

@@ -0,0 +1,2 @@
+require('./evo-core.js');
+require('./evo-light.js');

package/tokens/index.mjs

@@ -0,0 +1,2 @@
+import './evo-core.css';
+import './evo-light.css';