@ebay/skin 18.0.1 → 18.0.2

package/dist/menu-button/menu-button.css

@@ -109,8 +109,8 @@ div.menu-button__item[role^="menuitem"]:last-child {
     );
 }
 
-.fake-menu-button__item svg.icon--tick-16,
-.menu-button__item svg.icon--tick-16 {
+.fake-menu-button__item svg.icon--16,
+.menu-button__item svg.icon--16 {
     align-self: center;
     fill: currentColor;
     margin: 0 auto;
@@ -119,8 +119,8 @@ div.menu-button__item[role^="menuitem"]:last-child {
     stroke-width: 0;
 }
 
-.fake-menu-button__item svg.icon--tick-16:last-child,
-.menu-button__item svg.icon--tick-16:last-child {
+.fake-menu-button__item svg.icon--16:last-child,
+.menu-button__item svg.icon--16:last-child {
     margin-left: var(--spacing-100);
 }
 a.fake-menu-button__item {
@@ -145,9 +145,9 @@ button.fake-menu-button__item {
     text-align: left;
 }
 
-a.fake-menu-button__item[aria-current="page"] svg.icon--tick-16,
-button.fake-menu-button__item[aria-current="page"] svg.icon--tick-16,
-div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--tick-16 {
+a.fake-menu-button__item[aria-current="page"] svg.icon--16,
+button.fake-menu-button__item[aria-current="page"] svg.icon--16,
+div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--16 {
     opacity: 1;
 }
 

package/index.browser.json

@@ -4,7 +4,6 @@
     "require: ./avatar.js",
     "require: ./badge.js",
     "require: ./breadcrumbs.js",
-    "require: ./bundles.js",
     "require: ./button.js",
     "require: ./calendar.js",
     "require: ./carousel.js",

package/index.css

@@ -2,7 +2,6 @@
 @import "./avatar.css";
 @import "./badge.css";
 @import "./breadcrumbs.css";
-@import "./bundles.css";
 @import "./button.css";
 @import "./calendar.css";
 @import "./carousel.css";

package/index.js

@@ -2,7 +2,6 @@ require('./alert-dialog.js');
 require('./avatar.js');
 require('./badge.js');
 require('./breadcrumbs.js');
-require('./bundles.js');
 require('./button.js');
 require('./calendar.js');
 require('./carousel.js');

package/index.mjs

@@ -2,7 +2,6 @@ import './alert-dialog.css';
 import './avatar.css';
 import './badge.css';
 import './breadcrumbs.css';
-import './bundles.css';
 import './button.css';
 import './calendar.css';
 import './carousel.css';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ebay/skin",
     "description": "Skin - CSS modules that represent the brand eBay",
-    "version": "18.0.1",
+    "version": "18.0.2",
     "license": "MIT",
     "main": "./index.js",
     "maintainers": [

package/scripts/generate-imports/config.json

@@ -12,7 +12,7 @@
             "textbox"
         ]
     },
-    "skip": ["mixins", "tokens", "svg", "icon-large", "variables"],
+    "skip": ["bundles", "mixins", "tokens", "svg", "icon-large", "variables"],
     "skipIndex": ["dark-mode", "rounded-off", "variables"],
     "overrideFile": {},
     "addModules": {

package/src/sass/icon/icon.scss

@@ -5,42 +5,50 @@ svg {
     &.icon {
         @include icon-base-mixin();
     }
-    &.icon--12 {
+    &.icon--12,
+    &.icon--12-fit {
         height: 12px;
         width: 12px;
     }
 
-    &.icon--16 {
+    &.icon--16,
+    &.icon--16-fit {
         height: 16px;
         width: 16px;
     }
 
-    &.icon--18 {
+    &.icon--18,
+    &.icon--18-fit {
         height: 18px;
         width: 18px;
     }
 
-    &.icon--20 {
+    &.icon--20,
+    &.icon--20-fit {
         height: 20px;
         width: 20px;
     }
 
-    &.icon--24 {
+    &.icon--24,
+    &.icon--24-fit {
         height: 24px;
         width: 24px;
     }
 
-    &.icon--30 {
+    &.icon--30,
+    &.icon--30-fit {
         height: 30px;
         width: 30px;
     }
 
-    &.icon--32 {
+    &.icon--32,
+    &.icon--32-fit {
         height: 32px;
         width: 32px;
     }
 
-    &.icon--64 {
+    &.icon--64,
+    &.icon--64-fit {
         height: 32px;
         width: 64px;
     }

package/src/sass/menu/menu.scss

@@ -30,13 +30,13 @@ span.fake-menu__items {
     padding: 0;
 }
 
-.menu__item > svg.icon--tick-16,
-.fake-menu__item > svg.icon--tick-16 {
+.menu__item > svg.icon--16,
+.fake-menu__item > svg.icon--16 {
     @include menu-menuitem-status();
 }
 
-.menu__item > svg.icon--tick-16:last-child,
-.fake-menu__item > svg.icon--tick-16:last-child,
+.menu__item > svg.icon--16:last-child,
+.fake-menu__item > svg.icon--16:last-child,
 .fake-menu__item .badge,
 .menu__item .badge {
     margin-left: var(--spacing-100);
@@ -63,8 +63,8 @@ a.fake-menu__item:focus {
     text-decoration: underline;
 }
 
-a.fake-menu__item[aria-current="page"] svg.icon--tick-16,
-button.fake-menu__item[aria-current="page"] svg.icon--tick-16 {
+a.fake-menu__item[aria-current="page"] svg.icon--16,
+button.fake-menu__item[aria-current="page"] svg.icon--16 {
     opacity: 1;
 }
 
@@ -80,7 +80,7 @@ div.menu__item[role^="menuitem"][aria-disabled="true"] {
     font-weight: unset;
 }
 
-div.menu__item[role^="menuitem"][aria-checked="true"] svg.icon--tick-16 {
+div.menu__item[role^="menuitem"][aria-checked="true"] svg.icon--16 {
     opacity: 1;
 }
 

package/src/sass/menu-button/menu-button.scss

@@ -42,13 +42,13 @@ div.menu-button__item[role^="menuitem"] {
     cursor: default; /* needed to override text cursor */
 }
 
-.menu-button__item svg.icon--tick-16,
-.fake-menu-button__item svg.icon--tick-16 {
+.menu-button__item svg.icon--16,
+.fake-menu-button__item svg.icon--16 {
     @include menu-menuitem-status();
 }
 
-.menu-button__item svg.icon--tick-16:last-child,
-.fake-menu-button__item svg.icon--tick-16:last-child {
+.menu-button__item svg.icon--16:last-child,
+.fake-menu-button__item svg.icon--16:last-child {
     margin-left: var(--spacing-100);
 }
 
@@ -87,12 +87,12 @@ button.fake-menu-button__item {
     text-align: left;
 }
 
-a.fake-menu-button__item[aria-current="page"] svg.icon--tick-16,
-button.fake-menu-button__item[aria-current="page"] svg.icon--tick-16 {
+a.fake-menu-button__item[aria-current="page"] svg.icon--16,
+button.fake-menu-button__item[aria-current="page"] svg.icon--16 {
     opacity: 1;
 }
 
-div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--tick-16 {
+div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--16 {
     opacity: 1;
 }
 

package/bundles.browser.json

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

package/bundles.css

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

package/bundles.js

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

package/bundles.mjs

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