@ebay/skin 17.5.0 → 18.0.0-next.0

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

@@ -1,122 +1,152 @@
 .section-notice {
-  background-color: var(--section-notice-default-background-color, var(--color-background-secondary));
-  border-radius: var(--section-notice-border-radius, var(--border-radius-50));
-  font-size: var(--font-size-default);
-  margin: 8px 0;
-  padding: 16px;
-}
+    background-color: var(
+        --section-notice-default-background-color,
+        var(--color-background-secondary)
+    );
+    border-radius: var(--section-notice-border-radius, var(--border-radius-50));
+    font-size: var(--font-size-default);
+    margin: 8px 0;
+    padding: 16px;
+}
+
 div[role="region"].section-notice,
 section.section-notice {
-  display: grid;
-  grid-template-columns: 32px auto auto auto;
+    display: grid;
+    grid-template-columns: 32px auto auto auto;
 }
 .section-notice--education {
-  background-color: var(--section-notice-education-background-color, var(--color-background-education));
+    background-color: var(
+        --section-notice-education-background-color,
+        var(--color-background-education)
+    );
 }
+
 span[role="region"].section-notice {
-  display: grid;
+    display: grid;
 }
+
 .section-notice__title {
-  font-size: var(--font-size-default);
-  font-weight: normal;
-  margin: 0;
+    font-size: var(--font-size-default);
+    font-weight: 400;
+    margin: 0;
 }
 .section-notice__cta a {
-  white-space: nowrap;
+    white-space: nowrap;
 }
 .section-notice__title:not(:only-child) {
-  font-weight: bold;
+    font-weight: 700;
 }
+
 .section-notice button.fake-link {
-  color: var(--section-notice-foreground-color, var(--color-foreground-primary));
-  font-size: var(--font-size-default);
-  font-weight: bold;
+    font-size: var(--font-size-default);
+    font-weight: 700;
 }
+
+.section-notice a,
+.section-notice button.fake-link,
 .section-notice button.fake-link:hover {
-  color: var(--section-notice-foreground-color, var(--color-foreground-primary));
+    color: var(
+        --section-notice-foreground-color,
+        var(--color-foreground-primary)
+    );
 }
+
 .section-notice a {
-  color: var(--section-notice-foreground-color, var(--color-foreground-primary));
-  font-size: var(--font-size-default);
-  font-weight: bold;
+    font-size: var(--font-size-default);
+    font-weight: 700;
 }
+
 .section-notice a:hover {
-  color: var(--section-notice-foreground-color, var(--color-foreground-primary));
+    color: var(
+        --section-notice-foreground-color,
+        var(--color-foreground-primary)
+    );
 }
+
 .section-notice .icon {
-  vertical-align: top;
+    vertical-align: top;
 }
+
 .section-notice__header {
-  grid-column: 1;
-  grid-row: 1;
-  height: var(--spacing-200);
-  -webkit-margin-end: var(--spacing-200);
-          margin-inline-end: var(--spacing-200);
-  margin-top: 1px;
+    grid-column: 1;
+    height: var(--spacing-200);
+    margin-inline-end: var(--spacing-200);
+    margin-top: 1px;
 }
+
+.section-notice__header,
 .section-notice__main {
-  grid-column: 1 / 3;
-  grid-row: 1;
-  -webkit-margin-end: var(--spacing-200);
-          margin-inline-end: var(--spacing-200);
+    grid-row: 1;
+    -webkit-margin-end: var(--spacing-200);
 }
+
+.section-notice__main {
+    grid-column: 1 / 3;
+    margin-inline-end: var(--spacing-200);
+}
+
 .section-notice__header + .section-notice__main {
-  grid-column: 2;
+    grid-column: 2;
 }
+
 .section-notice__footer {
-  grid-column: 4;
-  grid-row: 1;
-  justify-self: flex-end;
-  margin-top: 2px;
+    grid-column: 4;
+    grid-row: 1;
+    justify-self: flex-end;
+    margin-top: 2px;
 }
+
 .section-notice__main p {
-  font-size: var(--font-size-default);
-  margin: 0;
+    font-size: var(--font-size-default);
+    margin: 0;
 }
+
 p.section-notice__cta {
-  grid-column: 2;
-  grid-row: 2;
-  justify-self: flex-start;
-  margin-right: var(--spacing-200);
-  margin-top: var(--spacing-200);
+    grid-column: 2;
+    grid-row: 2;
+    justify-self: flex-start;
+    margin-right: var(--spacing-200);
+    margin-top: var(--spacing-200);
 }
 .section-notice__main .section-notice__title ~ p {
-  margin: var(--spacing-50) 0 0;
+    margin: var(--spacing-50) 0 0;
 }
 @media (min-width: 512px) {
-  section.section-notice,
-  div[role="region"].section-notice {
-    margin: var(--spacing-200) 0;
-  }
-  p.section-notice__cta {
-    grid-column: 4;
-    grid-row: 1;
-    justify-self: flex-end;
-    margin-bottom: 0;
-    margin-top: 0;
-    padding-right: var(--spacing-200);
-  }
-  .section-notice__footer {
-    padding-left: var(--spacing-200);
-  }
+    div[role="region"].section-notice,
+    section.section-notice {
+        margin: var(--spacing-200) 0;
+    }
+    p.section-notice__cta {
+        grid-column: 4;
+        grid-row: 1;
+        justify-self: flex-end;
+        margin-bottom: 0;
+        margin-top: 0;
+        padding-right: var(--spacing-200);
+    }
+    .section-notice__footer {
+        padding-left: var(--spacing-200);
+    }
 }
 [dir="rtl"] .section-notice__footer {
-  justify-self: flex-start;
-  margin-left: initial;
-  margin-right: auto;
-  padding-left: initial;
-  padding-right: 0;
+    justify-self: flex-start;
+    margin-left: 0;
+    margin-right: auto;
+    padding-left: 0;
+    padding-right: 0;
 }
 [dir="rtl"] .section-notice__main {
-  padding-right: 0;
+    padding-right: 0;
 }
 [dir="rtl"] p.section-notice__cta {
-  margin-left: 16px;
-  padding-left: 16px;
+    margin-left: 16px;
+    padding-left: 16px;
 }
 .section-notice__header:has(svg[class*="24"]) {
-  height: var(--spacing-300);
+    height: var(--spacing-300);
 }
 .section-notice__header:has(svg[class*="24"]) + .section-notice__main {
-  padding-top: 2px;
+    padding-top: 2px;
 }
+
+/*# sourceMappingURL=section-notice.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/section-notice/section-notice.scss","../../src/sass/mixins/private/_token-mixins.scss","section-notice.css"],"names":[],"mappings":"AAGA;ECDQ,kGAAA;EAAA,0EAAA;EDWJ,kCAAA;EACA,YAAA;EACA,YAAA;AEFJ;;AFKA;EAEI,YAAA;EAEA,yCAAA;AEFJ;AFMA;ECxBQ,oGAAA;ACuBR;;AFQA;EACI,YAAA;AELJ;;AFQA;EACI,kCAAA;EACA,eAAA;EACA,QAAA;AELJ;AFSA;EACI,kBAAA;AELJ;AFSA;EACI,eAAA;AELJ;;AFQA;EAMI,kCAAA;EACA,eAAA;AETJ;;AFmBA;ECpEQ,6EAAA;AC2DR;;AFSA;EAMI,kCAAA;EACA,eAAA;AEhBJ;;AFmBA;EC9EQ,6EAAA;AC+DR;;AFsBA;EACI,kBAAA;AEnBJ;;AFsBA;EACI,aAAA;EAEA,yBAAA;UACA,oCAAA;EACA,cAAA;AEnBJ;;AFsBA;EANI,UAAA;EAEA,qCAAA;AEZJ;;AFgBA;EACI,kBAAA;UAEA,oCAAA;AEnBJ;;AFsBA;EACI,aAAA;AEnBJ;;AFsBA;EACI,aAAA;EACA,UAAA;EACA,qBAAA;EACA,cAAA;AEnBJ;;AFsBA;EACI,kCAAA;EACA,QAAA;AEnBJ;;AFsBA;EACI,aAAA;EACA,UAAA;EACA,uBAAA;EACA,+BAAA;EACA,6BAAA;AEnBJ;AFuBA;EACI,4BAAA;AEnBJ;AFwBA;EACI;IAEI,2BAAA;EEpBN;EFuBE;IACI,aAAA;IACA,UAAA;IACA,qBAAA;IACA,eAAA;IACA,YAAA;IACA,gCAAA;EErBN;EFwBE;IACI,+BAAA;EEtBN;AACF;AF0BI;EACI,uBAAA;EACA,aAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;AExBR;AF2BI;EACI,eAAA;AEzBR;AF4BI;EACI,gBAAA;EACA,iBAAA;AE1BR;AFgCA;EACI,yBAAA;AE3BJ;AF6BI;EACI,eAAA;AE3BR","file":"section-notice.css"}

package/dist/section-title/section-title.css

@@ -1,86 +1,100 @@
 .section-title {
-  align-items: baseline;
-  display: flex;
-  margin: 30px 0 10px;
+    align-items: baseline;
+    display: flex;
+    margin: 30px 0 10px;
 }
+
 .section-title__title-container {
-  max-width: 75%;
+    max-width: 75%;
 }
+
 .section-title__title {
-  font-size: var(--font-size-large-1);
-  font-weight: var(--font-weight-bold);
-  line-height: 28px;
-  margin: 0;
+    font-size: var(--font-size-large-1);
+    font-weight: var(--font-weight-bold);
+    line-height: 28px;
+    margin: 0;
 }
+
 .section-title__subtitle {
-  font-size: var(--font-size-default);
-  line-height: 20px;
-  color: var(--section-title-subtitle-color, var(--color-foreground-secondary));
-}
+    color: var(
+        --section-title-subtitle-color,
+        var(--color-foreground-secondary)
+    );
+    font-size: var(--font-size-default);
+    line-height: 20px;
+}
+
 .section-title__title svg.icon {
-  background-color: var(--color-background-secondary);
-  border-radius: 12px;
-  -webkit-margin-start: var(--spacing-100);
-          margin-inline-start: var(--spacing-100);
-  padding: 7px;
+    background-color: var(--color-background-secondary);
+    border-radius: 12px;
+    -webkit-margin-start: var(--spacing-100);
+    margin-inline-start: var(--spacing-100);
+    padding: 7px;
 }
+
 .section-title__info {
-  bottom: -3px;
-  margin: 0 var(--spacing-300) 0 var(--spacing-100);
-  position: relative;
+    bottom: -3px;
+    margin: 0 var(--spacing-300) 0 var(--spacing-100);
+    position: relative;
 }
+
 .section-title__overflow {
-  margin: 0 var(--spacing-300) 0 auto;
+    margin: 0 var(--spacing-300) 0 auto;
 }
+
 .section-title__cta,
 .section-title__overflow {
-  align-items: baseline;
-  display: flex;
-  height: var(--spacing-400);
-  margin-left: auto;
-  margin-right: 0;
+    align-items: baseline;
+    display: flex;
+    height: var(--spacing-400);
+    margin-left: auto;
+    margin-right: 0;
 }
+
 .section-title button.icon-btn,
 .section-title__overflow button.icon-btn {
-  height: var(--spacing-400);
-  min-width: var(--spacing-400);
-  width: var(--spacing-400);
+    height: var(--spacing-400);
+    min-width: var(--spacing-400);
+    width: var(--spacing-400);
 }
+
 .section-title__title-container + button.icon-btn {
-  margin-left: var(--spacing-100);
+    margin-left: var(--spacing-100);
 }
+
 .section-title--large .section-title__title {
-  font-size: var(--font-size-large-1);
-  font-weight: var(--font-weight-bold);
-  line-height: 28px;
+    font-size: var(--font-size-large-1);
+    font-weight: var(--font-weight-bold);
+    line-height: 28px;
 }
 .section-title--large > .section-title__cta,
 .section-title--large > .section-title__info,
 .section-title--large > .section-title__overflow {
-  height: var(--spacing-400);
+    height: var(--spacing-400);
 }
+
 [dir="rtl"] .section-title__title svg.icon {
-  transform: rotate(180deg);
-}
-[dir="rtl"] .section-title__cta {
-  margin-left: 0;
-  margin-right: auto;
+    transform: rotate(180deg);
 }
+[dir="rtl"] .section-title__cta,
 [dir="rtl"] .section-title__overflow {
-  margin-left: 0;
-  margin-right: auto;
+    margin-left: 0;
+    margin-right: auto;
 }
 [dir="rtl"] .section-title__info {
-  margin: 0 var(--spacing-100) 0 var(--spacing-300);
+    margin: 0 var(--spacing-100) 0 var(--spacing-300);
 }
+
 @media (min-width: 512px) {
-  .section-title__title {
-    font-size: var(--font-size-large-2);
-    font-weight: var(--font-weight-bold);
-    line-height: 32px;
-  }
-  .section-title__subtitle {
-    font-size: var(--font-size-medium);
-    line-height: 24px;
-  }
-}
+    .section-title__title {
+        font-size: var(--font-size-large-2);
+        font-weight: var(--font-weight-bold);
+        line-height: 32px;
+    }
+    .section-title__subtitle {
+        font-size: var(--font-size-medium);
+        line-height: 24px;
+    }
+}
+
+/*# sourceMappingURL=section-title.css.map */

package/dist/section-title/section-title.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/section-title/section-title.scss","section-title.css","../../src/sass/mixins/public/_typography-mixins.scss","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAIA;EACI,oBAAA;EACA,YAAA;EACA,kBAAA;ACMJ;;ADHA;EACI,aAAA;ACMJ;;ADHA;EEiBI,kCAAA;EACA,mCAAA;EACA,gBAAA;EFhBA,QAAA;ACOJ;;ADJA;EGlBQ,4EAAA;ED0DJ,kCAAA;EACA,gBAAA;AD/BJ;;ADFA;EGxBQ,kDAAA;EH2BJ,kBAAA;EACA,uCAAA;UAAA,sCAAA;EACA,WAAA;ACIJ;;ADDA;EACI,WAAA;EACA,gDAAA;EACA,iBAAA;ACIJ;;ADDA;EACI,kCAAA;ACIJ;;ADDA;EAEI,oBAAA;EACA,YAAA;EACA,yBAAA;EACA,gBAAA;EACA,cAAA;ACIJ;;ADDA;EAEI,yBAAA;EACA,4BAAA;EACA,wBAAA;ACIJ;;ADDA;EACI,8BAAA;ACIJ;;ADAI;EEpCA,kCAAA;EACA,mCAAA;EACA,gBAAA;ADwCJ;ADFI;EAGI,yBAAA;ACIR;;ADCI;EACI,wBAAA;ACER;ADMI;EACI,aAAA;EACA,iBAAA;ACAR;ADGI;EACI,gDAAA;ACDR;;ADKA;EACI;IEhFA,kCAAA;IACA,mCAAA;IACA,gBAAA;ED+EF;EDGE;IE5DA,iCAAA;IACA,gBAAA;ED4DF;AACF","file":"section-title.css"}

package/dist/segmented-buttons/segmented-buttons.css

@@ -1,65 +1,76 @@
 .segmented-buttons {
-  border: 1px solid var(--color-stroke-default);
-  border-radius: var(--segmented-button-border-radius, calc(48px / 2));
-  max-width: 720px;
-  min-width: 215px;
-  padding: var(--spacing-50);
+    border: 1px solid var(--color-stroke-default);
+    border-radius: var(--segmented-button-border-radius, 24px);
+    max-width: 720px;
+    min-width: 215px;
+    padding: var(--spacing-50);
 }
+
 .segmented-buttons > ul {
-  display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
+    display: flex;
+    list-style: none;
+    margin: 0;
+    padding: 0;
 }
+
 .segmented-buttons > ul > li {
-  display: flex;
-  flex: 1;
+    display: flex;
+    flex: 1;
 }
+
 .segmented-buttons > ul > li:not(:first-child) {
-  -webkit-margin-start: var(--spacing-100);
-          margin-inline-start: var(--spacing-100);
+    -webkit-margin-start: var(--spacing-100);
+    margin-inline-start: var(--spacing-100);
 }
+
 .segmented-buttons__button {
-  background-color: transparent;
-  border: none;
-  border-radius: var(--btn-border-radius, calc(40px / 2));
-  color: var(--color-foreground-on-primary);
-  font-size: var(--font-size-default);
-  min-height: calc(40px - (var(--spacing-50) * 2));
-  padding: var(--spacing-100) var(--spacing-200);
-  width: 100%;
+    background-color: initial;
+    border: none;
+    border-radius: var(--btn-border-radius, 20px);
+    color: var(--color-foreground-on-primary);
+    font-size: var(--font-size-default);
+    min-height: calc(40px - var(--spacing-50) * 2);
+    padding: var(--spacing-100) var(--spacing-200);
+    width: 100%;
 }
+
 .segmented-buttons--large .segmented-buttons__button {
-  min-height: calc(48px - (var(--spacing-50) * 2));
+    min-height: calc(48px - var(--spacing-50) * 2);
 }
+
 .segmented-buttons__button-cell {
-  align-items: center;
-  display: flex;
-  width: 100%;
-  justify-content: center;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    width: 100%;
 }
+
 .segmented-buttons__button svg.icon {
-  align-self: center;
+    align-self: center;
 }
 .segmented-buttons__button svg.icon:first-child {
-  -webkit-margin-end: 8px;
-          margin-inline-end: 8px;
+    -webkit-margin-end: 8px;
+    margin-inline-end: 8px;
 }
 .segmented-buttons__button svg.icon:last-child {
-  -webkit-margin-start: 8px;
-          margin-inline-start: 8px;
+    -webkit-margin-start: 8px;
+    margin-inline-start: 8px;
 }
 .segmented-buttons__button svg.icon:only-child {
-  margin: 0;
+    margin: 0;
 }
+
 .segmented-buttons__button[aria-current] {
-  background-color: var(--color-foreground-primary);
-  color: var(--color-foreground-on-inverse);
+    background-color: var(--color-foreground-primary);
+    color: var(--color-foreground-on-inverse);
 }
+
 .segmented-buttons__button:not([aria-current]):active {
-  background-color: var(--color-state-primary-active);
+    background-color: var(--color-state-primary-active);
 }
-.segmented-buttons__button:not([aria-current]):hover,
-.segmented-buttons__button:not([aria-current]):focus {
-  background-color: var(--color-state-primary-hover);
+.segmented-buttons__button:not([aria-current]):focus,
+.segmented-buttons__button:not([aria-current]):hover {
+    background-color: var(--color-state-primary-hover);
 }
+
+/*# sourceMappingURL=segmented-buttons.css.map */

package/dist/segmented-buttons/segmented-buttons.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/segmented-buttons/segmented-buttons.scss","segmented-buttons.css","../../src/sass/mixins/private/_button-mixins.scss"],"names":[],"mappings":"AAGA;EACI,4CAAA;EACA,yDAAA;EAIA,eAAA;EACA,eAAA;EACA,yBAAA;ACGJ;;ADAA;EACI,YAAA;EACA,eAAA;EACA,QAAA;EACA,SAAA;ACGJ;;ADAA;EACI,YAAA;EACA,MAAA;ACGJ;;ADAA;EACI,uCAAA;UAAA,sCAAA;ACGJ;;ADAA;EACI,wBAAA;EACA,WAAA;EACA,4CAAA;EACA,wCAAA;EACA,kCAAA;EACA,2CAAA;EACA,6CAAA;EACA,UAAA;ACGJ;;ADAA;EACI,2CAAA;ACGJ;;ADAA;EEkCI,kBAAA;EACA,YAAA;EFhCA,sBAAA;EEiCA,UAAA;AD7BJ;;ADDA;EEPI,iBAAA;ADYJ;ACVI;EACI,sBAAA;UAAA,qBAAA;ADYR;ACTI;EACI,wBAAA;UAAA,uBAAA;ADWR;ACRI;EACI,QAAA;ADUR;;ADVA;EACI,gDAAA;EACA,wCAAA;ACaJ;;ADTI;EACI,kDAAA;ACYR;ADTI;EAEI,iDAAA;ACUR","file":"segmented-buttons.css"}