@ebay/skin 18.2.4 → 18.3.1

package/dist/gh/_gh-mixins.scss

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

package/dist/gh/gh-mixins.less

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

package/dist/icon-button/icon-button.css

@@ -98,15 +98,11 @@ button.icon-btn.icon-btn--large {
     height: 48px;
     width: 48px;
 }
-
 a.icon-link--transparent,
-button.icon-btn--transparent {
-    background-color: initial;
-    outline-offset: -10px;
-}
 a.icon-link--transparent:active,
 a.icon-link--transparent:focus,
 a.icon-link--transparent:hover,
+button.icon-btn--transparent,
 button.icon-btn--transparent:active,
 button.icon-btn--transparent:focus,
 button.icon-btn--transparent:hover {

package/dist/inline-notice/inline-notice.css

@@ -12,7 +12,6 @@ span.inline-notice {
 
 .inline-notice__header {
     display: flex;
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
     margin-top: var(--spacing-50);
 }

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

@@ -59,7 +59,6 @@
     overflow-wrap: anywhere;
 }
 .lightbox-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 
@@ -79,6 +78,8 @@
 }
 
 .lightbox-dialog__footer {
+    border-top: 1px solid
+        var(--dialog-lightbox-separator-color, var(--color-stroke-subtle));
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -127,7 +128,6 @@ button.icon-btn.lightbox-dialog__prev {
 }
 
 button.icon-btn.lightbox-dialog__prev {
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 
@@ -283,7 +283,6 @@ button.icon-btn.lightbox-dialog__prev {
     .lightbox-dialog__window .lightbox-dialog__footer {
         flex-direction: row;
         justify-content: flex-end;
-        padding: 0 var(--spacing-200) var(--spacing-200);
     }
     .lightbox-dialog__window .lightbox-dialog__footer > :not(:first-child) {
         margin-left: var(--spacing-100);

package/dist/listbox/listbox.css

@@ -105,7 +105,6 @@ div.listbox__option svg.icon {
     opacity: 0;
     stroke: currentColor;
     stroke-width: 0;
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 

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

@@ -201,7 +201,6 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox {
     opacity: 0;
     stroke: currentColor;
     stroke-width: 0;
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 

package/dist/page-notice/page-notice.css

@@ -132,7 +132,6 @@ span[role="region"].page-notice {
 .page-notice__header,
 .page-notice__main {
     grid-row: 1;
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 

package/dist/pagination/pagination.css

@@ -45,13 +45,11 @@ button.pagination__previous {
 
 a.pagination__next,
 button.pagination__next {
-    -webkit-margin-start: var(--spacing-100);
     margin-inline-start: var(--spacing-100);
 }
 
 a.pagination__previous,
 button.pagination__previous {
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
 }
 

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

@@ -60,7 +60,6 @@
     overflow-wrap: anywhere;
 }
 .panel-dialog__header > :last-child:not(:only-child) {
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
 }
 

package/dist/phone-input/phone-input.css

@@ -18,7 +18,6 @@
 }
 
 .phone-input button.btn svg.icon:last-child {
-    -webkit-margin-start: var(--spacing-50);
     margin-inline-start: var(--spacing-50);
 }
 
@@ -34,12 +33,10 @@
 }
 .phone-input .listbox-button__value svg,
 .phone-input .listbox__value svg {
-    -webkit-margin-end: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
 }
 .phone-input .listbox-button__value span,
 .phone-input .listbox__value span {
-    -webkit-margin-end: var(--spacing-100);
     margin-inline-end: var(--spacing-100);
 }
 .phone-input .listbox-button__value span:last-child,

package/dist/progress-stepper/progress-stepper.css

@@ -137,14 +137,12 @@ hr.progress-stepper__separator {
 
 .progress-stepper__item:first-child .progress-stepper__text {
     align-self: flex-start;
-    -webkit-margin-start: var(--spacing-50);
     margin-inline-start: var(--spacing-50);
     text-align: left;
 }
 
 .progress-stepper__item:last-child .progress-stepper__text {
     align-self: flex-end;
-    -webkit-margin-end: var(--spacing-50);
     margin-inline-end: var(--spacing-50);
     text-align: right;
 }
@@ -187,7 +185,6 @@ hr.progress-stepper__separator {
 
 .progress-stepper--vertical .progress-stepper__item .progress-stepper__text {
     align-self: center;
-    -webkit-margin-start: var(--spacing-200);
     margin-inline-start: var(--spacing-200);
     margin-top: 0;
     text-align: left;

package/dist/section-notice/section-notice.css

@@ -69,19 +69,15 @@ span[role="region"].section-notice {
 
 .section-notice__header {
     grid-column: 1;
+    grid-row: 1;
     height: var(--spacing-200);
     margin-inline-end: var(--spacing-200);
     margin-top: 1px;
 }
 
-.section-notice__header,
-.section-notice__main {
-    grid-row: 1;
-    -webkit-margin-end: var(--spacing-200);
-}
-
 .section-notice__main {
     grid-column: 1 / 3;
+    grid-row: 1;
     margin-inline-end: var(--spacing-200);
 }