@ebay/skin 17.5.0 → 18.0.0

package/dist/infotip/infotip.css

@@ -1,144 +1,173 @@
 :root {
-  --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
+    --bubble-shadow: 0 2px 7px rgba(0, 0, 0, 0.15),
         0 5px 17px rgba(0, 0, 0, 0.2);
 }
 .infotip {
-  position: relative;
+    position: relative;
 }
+
 span.infotip {
-  display: inline-block;
+    display: inline-block;
 }
+
 .infotip__overlay {
-  border-radius: var(--bubble-border-radius, var(--border-radius-50));
-  box-shadow: var(--bubble-shadow);
-  font-size: 14px;
-  left: 0;
-  max-width: 344px;
-  position: absolute;
-  top: 0;
-  transform: scale3d(1, 1, 1);
-  width: max-content;
-  z-index: 1;
-  background-color: var(--infotip-background-color, var(--color-background-elevated));
-  color: var(--infotip-foreground-color, var(--color-foreground-primary));
-  display: none;
-}
+    box-shadow: var(--bubble-shadow);
+    display: none;
+    font-size: 14px;
+    left: 0;
+    max-width: 344px;
+    position: absolute;
+    top: 0;
+    transform: scaleX(1);
+    width: max-content;
+}
+
+.infotip__mask,
+.infotip__overlay {
+    background-color: var(
+        --infotip-background-color,
+        var(--color-background-elevated)
+    );
+    border-radius: var(--bubble-border-radius, var(--border-radius-50));
+    color: var(--infotip-foreground-color, var(--color-foreground-primary));
+    z-index: 1;
+}
+
 .infotip__mask {
-  border-radius: var(--bubble-border-radius, var(--border-radius-50));
-  position: relative;
-  z-index: 1;
-  background-color: var(--infotip-background-color, var(--color-background-elevated));
-  color: var(--infotip-foreground-color, var(--color-foreground-primary));
+    position: relative;
 }
+
 span.infotip__mask {
-  display: block;
+    display: block;
 }
+
 .infotip__cell {
-  display: flex;
-  padding: var(--spacing-100) var(--spacing-200);
-  word-break: break-word;
+    display: flex;
+    padding: var(--spacing-100) var(--spacing-200);
+    word-break: break-word;
 }
+
 .infotip__content {
-  flex-grow: 1;
+    flex-grow: 1;
 }
 .infotip__content p {
-  margin: 0;
+    margin: 0;
 }
 .infotip__content p:not(:first-of-type) {
-  margin-top: var(--spacing-50);
+    margin-top: var(--spacing-50);
 }
+
 .infotip__pointer {
-  background-color: var(--infotip-background-color, var(--color-background-elevated));
-  height: 8px;
-  position: absolute;
-  transform: rotate(45deg);
-  width: 8px;
-  z-index: 0;
-}
+    background-color: var(
+        --infotip-background-color,
+        var(--color-background-elevated)
+    );
+    height: 8px;
+    position: absolute;
+    transform: rotate(45deg);
+    width: 8px;
+    z-index: 0;
+}
+
 .infotip__pointer--top-left {
-  top: -4px;
-  left: 12px;
+    left: 12px;
+    top: -4px;
 }
+
 .infotip__pointer--top {
-  top: -4px;
-  left: calc(50% - 4px);
+    left: calc(50% - 4px);
+    top: -4px;
 }
+
 .infotip__pointer--top-right {
-  top: -4px;
-  left: auto;
-  right: 12px;
+    left: auto;
+    right: 12px;
+    top: -4px;
 }
+
 .infotip__pointer--bottom-left {
-  bottom: -4px;
-  top: auto;
-  left: 12px;
+    bottom: -4px;
+    left: 12px;
+    top: auto;
 }
+
 .infotip__pointer--bottom {
-  bottom: -4px;
-  top: auto;
-  left: calc(50% - 4px);
+    bottom: -4px;
+    left: calc(50% - 4px);
+    top: auto;
 }
+
 .infotip__pointer--bottom-right {
-  bottom: -4px;
-  top: auto;
-  left: auto;
-  right: 12px;
+    bottom: -4px;
+    left: auto;
+    right: 12px;
+    top: auto;
 }
+
 .infotip__pointer--left {
-  top: calc(50% - 4px);
-  left: -4px;
+    left: -4px;
+    top: calc(50% - 4px);
 }
+
 .infotip__pointer--left-bottom {
-  bottom: 12px;
-  left: -4px;
-  top: auto;
+    bottom: 12px;
+    left: -4px;
+    top: auto;
 }
+
 .infotip__pointer--left-top {
-  left: -4px;
-  top: 12px;
+    left: -4px;
+    top: 12px;
 }
+
 .infotip__pointer--right {
-  top: calc(50% - 4px);
-  left: auto;
-  right: -4px;
+    left: auto;
+    right: -4px;
+    top: calc(50% - 4px);
 }
+
 .infotip__pointer--right-bottom {
-  bottom: 12px;
-  left: auto;
-  right: -4px;
-  top: auto;
+    bottom: 12px;
+    left: auto;
+    right: -4px;
+    top: auto;
 }
+
 .infotip__pointer--right-top {
-  left: auto;
-  right: -4px;
-  top: 12px;
+    left: auto;
+    right: -4px;
+    top: 12px;
 }
+
 .infotip__heading {
-  font-size: 1em;
-  font-weight: bold;
-  margin: 0 0 var(--spacing-50);
+    font-size: 1em;
+    font-weight: 700;
+    margin: 0 0 var(--spacing-50);
 }
+
+.infotip__host[aria-expanded="true"] ~ .infotip__overlay,
 span.infotip__heading {
-  display: block;
-}
-.infotip__host[aria-expanded="true"] ~ .infotip__overlay {
-  display: block;
+    display: block;
 }
 .infotip .icon-btn {
-  display: inline-flex;
-  flex-shrink: 0;
-  height: 20px;
-  min-width: 20px;
-  outline-offset: 2px;
-  overflow: visible;
-  width: 20px;
-}
-button.infotip__close,
-.infotip__close {
-  margin-left: var(--spacing-200);
-}
+    display: inline-flex;
+    flex-shrink: 0;
+    height: 20px;
+    min-width: 20px;
+    outline-offset: 2px;
+    overflow: visible;
+    width: 20px;
+}
+
+.infotip__close,
+button.infotip__close {
+    margin-left: var(--spacing-200);
+}
+
 @media (min-width: 512px) {
-  .infotip__overlay {
-    max-width: 400px;
-  }
+    .infotip__overlay {
+        max-width: 400px;
+    }
 }
+
+/*# sourceMappingURL=infotip.css.map */

package/dist/infotip/infotip.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/mixins/private/_bubble-mixins.scss","infotip.css","../../src/sass/infotip/infotip.scss","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAEA;EAKI,4EAAA;ACQJ;ACXA;EACI,iBAAA;ADgBJ;;ACbA;EACI,oBAAA;ADgBJ;;ACbA;EFEI,+BAAA;EEMA,YAAA;EFJA,cAAA;EACA,MAAA;EACA,eAAA;EACA,iBAAA;EACA,KAAA;EAEA,mBAAA;EACA,iBAAA;ACoBJ;;ACpBA;ECrBQ,kFAAA;EAAA,kEAAA;EAAA,sEAAA;EHsBJ,SAAA;AC2BJ;;AC5BA;EFOI,iBAAA;ACqBJ;;ACnBA;EACI,aAAA;ADsBJ;;ACnBA;EFII,YAAA;EACA,6CAFiC;EAGjC,qBAAA;ACmBJ;;ACrBA;EFMI,WAAA;ACmBJ;ADjBI;EACI,QAAA;ACmBR;ADhBI;EACI,4BAAA;ACkBR;;AC3BA;EC1CQ,kFAAA;EHsEJ,UAAA;EACA,iBAAA;EACA,uBAAA;EACA,SAAA;EACA,SAAA;ACIJ;;AC3BA;EFmDI,SAAA;EAfA,QAAA;ACJJ;;AC5BA;EFoCI,oBAAA;EAJA,QAAA;ACCJ;;AC7BA;EFiDI,SAAA;EACA,UAAA;EAtBA,QAAA;ACOJ;;AC/BA;EFeI,WAAA;EA0CA,SAAA;EAzCA,QAAA;ACqBJ;;ACjCA;EFWI,WAAA;EAaA,oBAAA;EAZA,QAAA;AC2BJ;;ACnCA;EFOI,WAAA;EAgDA,SAAA;EACA,UAAA;EAhDA,QAAA;ACkCJ;;ACtCA;EF0DI,SAAA;EAlDA,mBAAA;ACmCJ;;ACvCA;EF+DI,WAAA;EACA,SAAA;EACA,QAAA;ACpBJ;;ACzCA;EFsDI,SAAA;EACA,QAAA;ACTJ;;AC1CA;EF+DI,SAAA;EACA,UAAA;EApEA,mBAAA;ACoDJ;;AC5CA;EFsEI,WAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;ACtBJ;;AC/CA;EF4DI,SAAA;EACA,UAAA;EACA,QAAA;ACTJ;;ACjDA;EACI,aAAA;EACA,eAAA;EACA,4BAAA;ADoDJ;;AC7CA;EACI,aAAA;ADoDJ;AChDA;EACI,mBAAA;EACA,aAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,UAAA;ADoDJ;;ACjDA;EAEI,8BAAA;ADoDJ;;ACjDA;EACI;IFjGA,eAAA;ECsJF;AACF","file":"infotip.css"}

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

@@ -1,22 +1,29 @@
 .inline-notice {
-  margin: var(--spacing-100) 0;
+    margin: var(--spacing-100) 0;
 }
+
 div.inline-notice {
-  display: flex;
+    display: flex;
 }
+
 span.inline-notice {
-  display: inline-flex;
+    display: inline-flex;
 }
+
 .inline-notice__header {
-  display: flex;
-  -webkit-margin-end: var(--spacing-100);
-          margin-inline-end: var(--spacing-100);
-  margin-top: var(--spacing-50);
+    display: flex;
+    -webkit-margin-end: var(--spacing-100);
+    margin-inline-end: var(--spacing-100);
+    margin-top: var(--spacing-50);
 }
+
 .inline-notice p {
-  margin: 3px 0;
+    margin: 3px 0;
 }
+
 .inline-notice a,
 .inline-notice button.fake-link {
-  color: var(--color-foreground-primary);
+    color: var(--color-foreground-primary);
 }
+
+/*# sourceMappingURL=inline-notice.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/inline-notice/inline-notice.scss","inline-notice.css","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAGA;EACI,2BAAA;ACKJ;;ADFA;EACI,YAAA;ACKJ;;ADFA;EACI,mBAAA;ACKJ;;ADFA;EACI,YAAA;EACA,qCAAA;UAAA,oCAAA;EACA,4BAAA;ACKJ;;ADFA;EACI,YAAA;ACKJ;;ADFA;EErBQ,qCAAA;AD4BR","file":"inline-notice.css"}