@ebay/skin 14.2.1 → 15.0.0-1

package/dist/infotip/infotip.css

@@ -1,9 +1,4 @@
 :root {
-  --bubble-base-box-shadow: 0 0 3px rgba(17, 24, 32, 0.499);
-  --bubble-left-box-shadow: 0 0 3px rgba(17, 24, 32, 0.499);
-  --bubble-right-box-shadow: 0 0 3px rgba(17, 24, 32, 0.499);
-  --bubble-bottom-box-shadow: 0 0 3px rgba(17, 24, 32, 0.499);
-  --bubble-top-box-shadow: 0 0 3px rgba(17, 24, 32, 0.499);
   --bubble-filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.15)) drop-shadow(0 5px 17px rgba(0, 0, 0, 0.2));
 }
 .infotip {

package/dist/legacy-tokens/ds4-light.css

@@ -43,6 +43,4 @@
     --color-state-accent-active: #254fd2;
     --color-state-attention-hover: #d70f38;
     --color-state-attention-active: #d70f38;
-    --url-image-progress-spinner: url("https://ir.ebaystatic.com/cr/v/c1/skin/svg/spinner/v2/spinner-small.svg");
-    --url-image-progress-spinner-large: url("https://ir.ebaystatic.com/cr/v/c1/skin/svg/spinner/v2/spinner-large.svg");
 }

package/dist/lightbox-dialog/lightbox-dialog.css

@@ -26,15 +26,6 @@
   margin-top: 15vh;
   max-width: calc(100% - 32px);
 }
-.lightbox-dialog__window--mini {
-  align-items: flex-start;
-  align-self: center;
-  border-radius: 7px;
-  flex-direction: row-reverse;
-  margin-top: 0;
-  min-height: 72px;
-  min-width: 200px;
-}
 .lightbox-dialog__header {
   display: flex;
   flex-shrink: 0;
@@ -54,9 +45,6 @@
 .lightbox-dialog__header > :last-child:not(:only-child) {
   margin-left: 16px;
 }
-.lightbox-dialog__window--mini .lightbox-dialog__header {
-  margin-top: 8px;
-}
 .lightbox-dialog__main {
   box-sizing: border-box;
   flex: 1 1 auto;

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

@@ -20,6 +20,7 @@ div.listbox-button__listbox {
   box-shadow: var(--listbox-button-listbox-box-shadow, var(--dropdown-box-shadow));
   box-sizing: border-box;
   display: none;
+  left: 0;
   max-height: 400px;
   min-width: 100%;
   overflow-y: auto;
@@ -28,6 +29,10 @@ div.listbox-button__listbox {
   width: auto;
   z-index: 2;
 }
+[dir="rtl"] div.listbox-button__listbox {
+  left: unset;
+  right: 0;
+}
 button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox,
 .listbox-button button.btn[aria-expanded="true"] ~ div.listbox-button__listbox {
   display: block;

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

@@ -13,6 +13,7 @@
   box-shadow: var(--menu-button-menu-box-shadow, var(--dropdown-box-shadow));
   box-sizing: border-box;
   display: none;
+  left: 0;
   max-height: 400px;
   min-width: 100%;
   overflow-y: auto;
@@ -22,6 +23,11 @@
   z-index: 2;
   outline: 0;
 }
+[dir="rtl"] .menu-button__menu,
+[dir="rtl"] .fake-menu-button__menu {
+  left: unset;
+  right: 0;
+}
 span.menu-button__button,
 span.fake-menu-button__button {
   display: inline-block;
@@ -102,11 +108,6 @@ button.fake-menu-button__item {
   font-size: 1em;
   text-align: left;
 }
-a.fake-menu-button__item:not([href]),
-button.fake-menu-button__item[disabled],
-div.menu-button__item[role^="menuitem"][aria-disabled="true"] {
-  color: var(--menu-button-menuitem-disabled-foreground-color, var(--color-foreground-disabled));
-}
 a.fake-menu-button__item[aria-current="page"] svg.icon--tick-small,
 button.fake-menu-button__item[aria-current="page"] svg.icon--tick-small {
   opacity: 1;
@@ -145,6 +146,11 @@ div.menu-button__item[role^="menuitem"][aria-checked="true"] svg.icon--tick-smal
 .fake-menu-button__menu button.fake-menu-button__item:active {
   font-weight: bold;
 }
+.fake-menu-button__menu a.fake-menu-button__item:not([href]),
+.fake-menu-button__menu button.fake-menu-button__item[disabled],
+.menu-button__menu div.menu-button__item[role^="menuitem"][aria-disabled="true"] {
+  color: var(--menu-button-menuitem-disabled-foreground-color, var(--color-foreground-disabled));
+}
 .fake-menu-button__menu > li:first-child a.fake-menu-button__item {
   border-top-left-radius: var(--menu-button-menu-border-radius, var(--border-radius-50));
   border-top-right-radius: var(--menu-button-menu-border-radius, var(--border-radius-50));
@@ -189,24 +195,13 @@ div.menu-button__item--badged[role^="menuitem"] .badge {
 }
 .menu-button__menu--reverse,
 .fake-menu-button__menu--reverse {
+  left: unset;
   right: 0;
 }
 [dir="rtl"] .menu-button__menu--reverse,
 [dir="rtl"] .fake-menu-button__menu--reverse {
   left: 0;
-  right: inherit;
-}
-.menu-button button.expand-btn--borderless,
-.fake-menu-button button.expand-btn--borderless {
-  background-color: transparent;
-  border-color: transparent;
-  padding-left: 0;
-  vertical-align: initial;
-}
-.menu-button button.expand-btn--borderless:focus,
-.fake-menu-button button.expand-btn--borderless:focus {
-  outline: none;
-  text-decoration: underline;
+  right: unset;
 }
 .menu-button__button[aria-expanded="true"] ~ .menu-button__menu,
 .fake-menu-button__button[aria-expanded="true"] ~ .fake-menu-button__menu,
@@ -224,10 +219,6 @@ div.menu-button__item--badged[role^="menuitem"] .badge {
 .btn ~ .fake-menu-button__menu--static {
   position: static;
 }
-.menu button.expand-btn--borderless[aria-expanded="true"] ~ .menu-button__menu,
-.fake-menu button.expand-btn--borderless[aria-expanded="true"] ~ .menu-button__menu {
-  top: 41px;
-}
 div.menu-button__option--active[role="option"] {
   font-weight: bold;
 }

package/dist/panel-dialog/panel-dialog.css

@@ -88,9 +88,6 @@ button.icon-btn.panel-dialog__close {
 .panel-dialog__title:not(:first-child) {
   margin-left: 16px;
 }
-.panel-dialog__title--center {
-  text-align: center;
-}
 .panel-dialog--show.panel-dialog--mask-fade,
 .panel-dialog--hide.panel-dialog--mask-fade {
   transition: background-color 0.16s ease-out;