@ebay/skin 17.5.0-next.0 → 18.0.0-next.0

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

@@ -1,47 +1,51 @@
 :root {
-  --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
-  --dialog-lightbox-max-width: 616px;
-}
-:root {
-  --dialog-lightbox-wide-max-width: 896px;
-  --dialog-lightbox-narrow-max-width: 480px;
+    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-lightbox-max-width: 616px;
+    --dialog-lightbox-wide-max-width: 896px;
+    --dialog-lightbox-narrow-max-width: 480px;
 }
+
 .lightbox-dialog[role="dialog"] {
-  background-color: var(--dialog-scrim-color-show);
-  bottom: 0;
-  left: 0;
-  -webkit-overflow-scrolling: touch;
-  overflow-y: auto;
-  position: fixed;
-  right: 0;
-  top: 0;
-  will-change: background-color;
-  z-index: 100000;
-  align-items: flex-start;
-  justify-content: center;
+    background-color: var(--dialog-scrim-color-show);
+    bottom: 0;
+    left: 0;
+    -webkit-overflow-scrolling: touch;
+    align-items: flex-start;
+    justify-content: center;
+    overflow-y: auto;
+    position: fixed;
+    right: 0;
+    top: 0;
+    will-change: background-color;
+    z-index: 100000;
 }
 .lightbox-dialog[role="dialog"]:not([hidden]) {
-  display: flex;
+    display: flex;
 }
+
 .lightbox-dialog__window {
-  background-color: var(--dialog-window-background-color, var(--color-background-primary));
-  display: flex;
-  flex: 1 0 auto;
-  flex-direction: column;
-  min-height: 55px;
-  will-change: opacity, transform;
-  border-radius: var(--lightbox-border-radius, var(--border-radius-150));
-  margin: auto auto 16px;
-  max-height: 90%;
-  max-width: calc(100% - 32px);
-  min-width: 208px;
-}
+    background-color: var(
+        --dialog-window-background-color,
+        var(--color-background-primary)
+    );
+    border-radius: var(--lightbox-border-radius, var(--border-radius-150));
+    display: flex;
+    flex: 1 0 auto;
+    flex-direction: column;
+    margin: auto auto 16px;
+    max-height: 90%;
+    max-width: calc(100% - 32px);
+    min-height: 55px;
+    min-width: 208px;
+    will-change: opacity, transform;
+}
+
 .lightbox-dialog__header {
-  display: flex;
-  flex-shrink: 0;
-  margin: var(--spacing-200) var(--spacing-200) 0;
-  position: relative;
+    display: flex;
+    flex-shrink: 0;
+    margin: var(--spacing-200) var(--spacing-200) 0;
+    position: relative;
 }
 .lightbox-dialog__header h1,
 .lightbox-dialog__header h2,
@@ -49,212 +53,264 @@
 .lightbox-dialog__header h4,
 .lightbox-dialog__header h5,
 .lightbox-dialog__header h6 {
-  align-self: center;
-  flex: 1 1 auto;
-  margin: 0;
-  overflow-wrap: anywhere;
+    align-self: center;
+    flex: 1 1 auto;
+    margin: 0;
+    overflow-wrap: anywhere;
 }
 .lightbox-dialog__header > :last-child:not(:only-child) {
-  -webkit-margin-start: var(--spacing-200);
-          margin-inline-start: var(--spacing-200);
+    -webkit-margin-start: var(--spacing-200);
+    margin-inline-start: var(--spacing-200);
 }
+
 .lightbox-dialog__main {
-  box-sizing: border-box;
-  flex: 1 1 auto;
-  padding: var(--spacing-200);
-  position: relative;
-  min-height: 18px;
-  overflow: auto;
+    box-sizing: border-box;
+    flex: 1 1 auto;
+    min-height: 18px;
+    overflow: auto;
+    padding: var(--spacing-200);
+    position: relative;
 }
 .lightbox-dialog__main > :first-child {
-  margin-top: 0;
+    margin-top: 0;
 }
 .lightbox-dialog__main > :last-child {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
+
 .lightbox-dialog__footer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: var(--spacing-200);
-  position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: var(--spacing-200);
+    position: relative;
 }
 .lightbox-dialog__footer > :not(:first-child) {
-  margin-top: var(--spacing-200);
+    margin-top: var(--spacing-200);
 }
+
 .lightbox-dialog__image {
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;
-  height: 218px;
-  position: absolute;
-  width: 100%;
-}
+    background-position: 50%;
+    background-repeat: no-repeat;
+    background-size: cover;
+    border-radius: var(--border-radius-100) var(--border-radius-100) 0 0;
+    height: 218px;
+    position: absolute;
+    width: 100%;
+}
+
 .lightbox-dialog--expressive .lightbox-dialog__window {
-  padding-bottom: var(--spacing-100);
+    padding-bottom: var(--spacing-100);
 }
+
 .lightbox-dialog--expressive .lightbox-dialog__header > * {
-  margin-top: 218px;
+    margin-top: 218px;
 }
+
 .lightbox-dialog--expressive .lightbox-dialog__header {
-  margin: var(--spacing-300) var(--spacing-300) 0;
-}
-.lightbox-dialog--expressive .lightbox-dialog__main,
-.lightbox-dialog--expressive .lightbox-dialog__footer {
-  padding: var(--spacing-200) var(--spacing-300);
-}
-button.icon-btn.lightbox-dialog__prev,
-button.icon-btn.lightbox-dialog__close {
-  align-self: flex-start;
-  border: 0;
-  height: 32px;
-  min-width: 32px;
-  position: relative;
-  width: 32px;
-  z-index: 1;
+    margin: var(--spacing-300) var(--spacing-300) 0;
+}
+
+.lightbox-dialog--expressive .lightbox-dialog__footer,
+.lightbox-dialog--expressive .lightbox-dialog__main {
+    padding: var(--spacing-200) var(--spacing-300);
 }
+button.icon-btn.lightbox-dialog__close,
+button.icon-btn.lightbox-dialog__prev {
+    align-self: flex-start;
+    border: 0;
+    height: 32px;
+    min-width: 32px;
+    position: relative;
+    width: 32px;
+    z-index: 1;
+}
+
 button.icon-btn.lightbox-dialog__prev {
-  -webkit-margin-end: var(--spacing-200);
-          margin-inline-end: var(--spacing-200);
+    -webkit-margin-end: var(--spacing-200);
+    margin-inline-end: var(--spacing-200);
 }
-.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev,
-.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close {
-  align-self: self-start;
-  margin: 0;
+
+.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close,
+.lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev {
+    align-self: self-start;
+    margin: 0;
 }
+
 .lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * {
-  margin-left: -32px;
+    margin-left: -32px;
 }
+
 .lightbox-dialog__title:not(:first-child) {
-  margin-left: var(--spacing-200);
+    margin-left: var(--spacing-200);
 }
+
 .lightbox-dialog__title--center {
-  text-align: center;
+    text-align: center;
 }
-.lightbox-dialog--show.lightbox-dialog--mask-fade,
-.lightbox-dialog--hide.lightbox-dialog--mask-fade {
-  transition: background-color 0.16s ease-out;
+
+.lightbox-dialog--hide.lightbox-dialog--mask-fade,
+.lightbox-dialog--show.lightbox-dialog--mask-fade {
+    transition: background-color 0.16s ease-out;
 }
-.lightbox-dialog--show.lightbox-dialog--mask-fade-slow,
-.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow {
-  transition: background-color 0.32s ease-out;
+.lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,
+.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
+    transition: background-color 0.32s ease-out;
 }
-.lightbox-dialog--show .lightbox-dialog__window--fade,
-.lightbox-dialog--hide .lightbox-dialog__window--fade {
-  transition: opacity 0.16s ease-out;
+.lightbox-dialog--hide .lightbox-dialog__window--fade,
+.lightbox-dialog--show .lightbox-dialog__window--fade {
+    transition: opacity 0.16s ease-out;
 }
-.lightbox-dialog--show .lightbox-dialog__window--animate,
-.lightbox-dialog--hide .lightbox-dialog__window--animate {
-  transition: opacity 0.16s ease-out, transform 0.32s ease-out;
+.lightbox-dialog--hide .lightbox-dialog__window--animate,
+.lightbox-dialog--show .lightbox-dialog__window--animate {
+    transition:
+        opacity 0.16s ease-out,
+        transform 0.32s ease-out;
 }
+
 .lightbox-dialog--hide.lightbox-dialog--hide,
 .lightbox-dialog--hide.lightbox-dialog--show-init,
 .lightbox-dialog--show-init.lightbox-dialog--hide,
 .lightbox-dialog--show-init.lightbox-dialog--show-init {
-  display: flex;
+    display: flex;
 }
 .lightbox-dialog--hide.lightbox-dialog--mask-fade,
-.lightbox-dialog--show-init.lightbox-dialog--mask-fade,
 .lightbox-dialog--hide.lightbox-dialog--mask-fade-slow,
+.lightbox-dialog--show-init.lightbox-dialog--mask-fade,
 .lightbox-dialog--show-init.lightbox-dialog--mask-fade-slow {
-  background-color: var(--dialog-scrim-color-hide);
+    background-color: var(--dialog-scrim-color-hide);
 }
 .lightbox-dialog--hide .lightbox-dialog__window--fade,
 .lightbox-dialog--show-init .lightbox-dialog__window--fade {
-  opacity: 0;
+    opacity: 0;
 }
 .lightbox-dialog--hide .lightbox-dialog__window--animate,
 .lightbox-dialog--show-init .lightbox-dialog__window--animate {
-  opacity: 0;
-  transform: translateY(100%);
+    opacity: 0;
+    transform: translateY(100%);
 }
-.lightbox-dialog--show.lightbox-dialog--show,
-.lightbox-dialog--show.lightbox-dialog--hide-init,
+
+.lightbox-dialog--hide-init.lightbox-dialog--hide-init,
 .lightbox-dialog--hide-init.lightbox-dialog--show,
-.lightbox-dialog--hide-init.lightbox-dialog--hide-init {
-  display: flex;
+.lightbox-dialog--show.lightbox-dialog--hide-init,
+.lightbox-dialog--show.lightbox-dialog--show {
+    display: flex;
 }
-.lightbox-dialog--show.lightbox-dialog--mask-fade,
 .lightbox-dialog--hide-init.lightbox-dialog--mask-fade,
-.lightbox-dialog--show.lightbox-dialog--mask-fade-slow,
-.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow {
-  background-color: var(--dialog-scrim-color-show);
+.lightbox-dialog--hide-init.lightbox-dialog--mask-fade-slow,
+.lightbox-dialog--show.lightbox-dialog--mask-fade,
+.lightbox-dialog--show.lightbox-dialog--mask-fade-slow {
+    background-color: var(--dialog-scrim-color-show);
 }
-.lightbox-dialog--show .lightbox-dialog__window--fade,
-.lightbox-dialog--hide-init .lightbox-dialog__window--fade {
-  opacity: 1;
+.lightbox-dialog--hide-init .lightbox-dialog__window--fade,
+.lightbox-dialog--show .lightbox-dialog__window--fade {
+    opacity: 1;
 }
-.lightbox-dialog--show .lightbox-dialog__window--animate,
-.lightbox-dialog--hide-init .lightbox-dialog__window--animate {
-  opacity: 1;
-  transform: translateY(0);
+.lightbox-dialog--hide-init .lightbox-dialog__window--animate,
+.lightbox-dialog--show .lightbox-dialog__window--animate {
+    opacity: 1;
+    transform: translateY(0);
 }
+
 .lightbox-dialog__handle {
-  background-color: transparent;
-  border: none;
-  left: 0;
-  margin: -11px auto;
-  padding: 8px;
-  position: relative;
-  right: 0;
-  top: 11px;
-  z-index: 2;
-}
-.lightbox-dialog__handle::after {
-  background-color: var(--dialog-handle-color, var(--color-stroke-default));
-  border-radius: 3px;
-  content: "";
-  display: block;
-  height: 2px;
-  width: 24px;
-}
+    background-color: initial;
+    border: none;
+    left: 0;
+    margin: -11px auto;
+    padding: 8px;
+    position: relative;
+    right: 0;
+    top: 11px;
+    z-index: 2;
+}
+.lightbox-dialog__handle:after {
+    background-color: var(--dialog-handle-color, var(--color-stroke-default));
+    border-radius: 3px;
+    content: "";
+    display: block;
+    height: 2px;
+    width: 24px;
+}
+
 .lightbox-dialog__window--expanded {
-  height: 95%;
-  max-height: 95%;
+    height: 95%;
+    max-height: 95%;
 }
+
 [dir="rtl"] button.icon-btn.lightbox-dialog__prev .icon--chevron-left-16 {
-  transform: rotate(180deg);
+    transform: rotate(180deg);
+}
+
+.lightbox-dialog--fullscreen .lightbox-dialog__window,
+.lightbox-dialog--large .lightbox-dialog__window {
+    align-self: center;
+    height: 70%;
+    margin: var(--spacing-100);
+    max-height: 95%;
+}
+
+@media (max-width: 512px) {
+    .lightbox-dialog--large .lightbox-dialog__window {
+        height: 95%;
+        max-height: 95%;
+        width: 100%;
+    }
+    .lightbox-dialog--fullscreen .lightbox-dialog__window {
+        border-radius: 0;
+        height: 100%;
+        margin: 0;
+        max-height: 100%;
+        max-width: 100%;
+        width: 100%;
+    }
+    .lightbox-dialog--fullscreen .lightbox-dialog__handle,
+    .lightbox-dialog--large .lightbox-dialog__handle {
+        display: none;
+    }
 }
 @media (min-width: 512px) {
-  .lightbox-dialog__window {
-    margin: auto;
-    border-radius: var(--lightbox-border-radius, var(--border-radius-100));
-    max-width: calc(88% - var(--spacing-400));
-  }
-  .lightbox-dialog__handle {
-    display: none;
-  }
-  .lightbox-dialog--narrow .lightbox-dialog__window {
-    max-width: var(--dialog-lightbox-narrow-max-width);
-  }
-  .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);
-    margin-top: initial;
-  }
-  .lightbox-dialog--show .lightbox-dialog__window--animate,
-  .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
-  .lightbox-dialog--show-init .lightbox-dialog__window--animate,
-  .lightbox-dialog--hide .lightbox-dialog__window--animate {
-    transform: translateY(0);
-  }
+    .lightbox-dialog__window {
+        border-radius: var(--lightbox-border-radius, var(--border-radius-100));
+        margin: auto;
+        max-width: calc(88% - var(--spacing-400));
+    }
+    .lightbox-dialog__handle {
+        display: none;
+    }
+    .lightbox-dialog--narrow .lightbox-dialog__window {
+        max-width: var(--dialog-lightbox-narrow-max-width);
+    }
+    .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);
+        margin-top: 0;
+    }
+    .lightbox-dialog--hide .lightbox-dialog__window--animate,
+    .lightbox-dialog--hide-init .lightbox-dialog__window--animate,
+    .lightbox-dialog--show .lightbox-dialog__window--animate,
+    .lightbox-dialog--show-init .lightbox-dialog__window--animate {
+        transform: translateY(0);
+    }
 }
 @media (min-width: 768px) {
-  .lightbox-dialog__window {
-    max-width: var(--dialog-lightbox-max-width);
-  }
-  .lightbox-dialog--wide .lightbox-dialog__window {
-    max-width: var(--dialog-lightbox-wide-max-width);
-  }
-  .lightbox-dialog--wide .lightbox-dialog__image {
-    height: 256px;
-  }
-  .lightbox-dialog--wide.lightbox-dialog--expressive .lightbox-dialog__header > * {
-    margin-top: 256px;
-  }
-}
+    .lightbox-dialog__window {
+        max-width: var(--dialog-lightbox-max-width);
+    }
+    .lightbox-dialog--wide .lightbox-dialog__window {
+        max-width: var(--dialog-lightbox-wide-max-width);
+    }
+    .lightbox-dialog--wide .lightbox-dialog__image {
+        height: 256px;
+    }
+    .lightbox-dialog--wide.lightbox-dialog--expressive
+        .lightbox-dialog__header
+        > * {
+        margin-top: 256px;
+    }
+}
+
+/*# sourceMappingURL=lightbox-dialog.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/mixins/private/_dialog-mixins.scss","../../src/sass/lightbox-dialog/lightbox-dialog.scss","lightbox-dialog.css","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"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","file":"lightbox-dialog.css"}

package/dist/link/link.css

@@ -1,37 +1,55 @@
 a.nav-link,
 a.standalone-link {
-  color: var(--nav-link-foreground-color, var(--color-foreground-primary));
-  text-decoration: none;
+    color: var(--nav-link-foreground-color, var(--color-foreground-primary));
+    text-decoration: none;
 }
 a.nav-link:visited,
 a.standalone-link:visited {
-  color: var(--link-foreground-color-default, var(--color-foreground-primary));
+    color: var(
+        --link-foreground-color-default,
+        var(--color-foreground-primary)
+    );
 }
 a.nav-link:hover,
 a.standalone-link:hover {
-  color: var(--nav-link-foreground-hover-color, var(--color-foreground-secondary));
-  text-decoration: underline;
+    color: var(
+        --nav-link-foreground-hover-color,
+        var(--color-foreground-secondary)
+    );
+    text-decoration: underline;
 }
 a.nav-link:not([href]),
-a.standalone-link:not([href]),
 a.nav-link[aria-disabled="true"],
+a.standalone-link:not([href]),
 a.standalone-link[aria-disabled="true"] {
-  color: var(--link-forground-color-disabled, var(--color-foreground-disabled));
-  text-decoration: none;
+    color: var(
+        --link-forground-color-disabled,
+        var(--color-foreground-disabled)
+    );
+    text-decoration: none;
 }
+
 button.fake-link {
-  background-color: transparent;
-  border: 0;
-  color: var(--fake-link-foreground-color, var(--color-foreground-primary));
-  font-family: inherit;
-  font-size: inherit;
-  padding: 0;
-  text-decoration: underline;
+    background-color: initial;
+    border: 0;
+    color: var(--fake-link-foreground-color, var(--color-foreground-primary));
+    font-family: inherit;
+    font-size: inherit;
+    padding: 0;
+    text-decoration: underline;
 }
 button.fake-link:hover {
-  color: var(--fake-link-foreground-color-hover, var(--color-foreground-secondary));
+    color: var(
+        --fake-link-foreground-color-hover,
+        var(--color-foreground-secondary)
+    );
 }
-button.fake-link[disabled],
-button.fake-link[aria-disabled="true"] {
-  color: var(--fake-link-foreground-disabled-color, var(--color-foreground-disabled));
+button.fake-link[aria-disabled="true"],
+button.fake-link[disabled] {
+    color: var(
+        --fake-link-foreground-disabled-color,
+        var(--color-foreground-disabled)
+    );
 }
+
+/*# sourceMappingURL=link.css.map */

package/dist/link/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/link/link.scss","../../src/sass/mixins/private/_token-mixins.scss","link.css"],"names":[],"mappings":"AAGA;ECDQ,uEAAA;EDKJ,oBAAA;AEIJ;AFFI;ECPI,2EAAA;ACaR;AFCI;ECdI,+EAAA;EDoBA,yBAAA;AEFR;AFKI;ECvBI,4EAAA;ED8BA,oBAAA;AENR;;AFUA;EACI,wBAAA;EACA,QAAA;ECpCI,wEAAA;EDuCJ,mBAAA;EACA,iBAAA;EACA,SAAA;EACA,yBAAA;AERJ;AFUI;EC5CI,gFAAA;ACqCR;AFcI;ECnDI,kFAAA;ACwCR","file":"link.css"}