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

package/dist/icon/icon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/icon/icon.scss","../../src/sass/mixins/private/_icon-mixins.scss","icon.css"],"names":[],"mappings":"AAII;ECCA,oBAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;ACFJ;AFDI;EACI,WAAA;EACA,UAAA;AEGR;AFAI;EACI,WAAA;EACA,UAAA;AEER;AFCI;EACI,WAAA;EACA,UAAA;AECR;AFEI;EACI,WAAA;EACA,UAAA;AEAR;AFGI;EACI,WAAA;EACA,UAAA;AEDR;AFII;EACI,WAAA;EACA,UAAA;AEFR;AFKI;EACI,WAAA;EACA,UAAA;AEHR;AFMI;EACI,WAAA;EACA,UAAA;AEJR;AFOI;EACI,WAAA;AELR;AFQI;EACI,WAAA;AENR;AFSI;EACI,WAAA;AEPR;AFUI;EACI,WAAA;AERR;AFWI;EACI,WAAA;AETR;AFYI;EACI,WAAA;AEVR;AFaI;EACI,WAAA;AEXR;AFcI;EACI,WAAA;AEZR;AFeI;EACI,wCAAA;AEbR","file":"icon.css"}

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

@@ -1,256 +1,351 @@
 a.icon-link {
-  align-items: center;
-  display: inline-flex;
+    align-items: center;
+    display: inline-flex;
 }
 a.icon-link > svg {
-  margin: 0 auto;
+    margin: 0 auto;
+}
+
+a.icon-link,
+button.icon-btn {
+    background-color: var(
+        --icon-button-background-color,
+        var(--color-background-secondary)
+    );
+    border: 2px solid transparent;
+    border-radius: 50px;
+    box-sizing: border-box;
+    font-family: inherit;
+    height: 40px;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+    vertical-align: text-bottom;
+    width: 40px;
+}
+a.icon-link > svg,
+button.icon-btn > svg {
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-primary)
+    );
+    max-width: 75%;
+    position: relative;
 }
-button.icon-btn,
-a.icon-link {
-  background-color: var(--icon-button-background-color, var(--color-background-secondary));
-  border: 2px solid transparent;
-  border-radius: 50px;
-  box-sizing: border-box;
-  font-family: inherit;
-  height: 40px;
-  justify-content: center;
-  margin: 0;
-  padding: 0;
-  vertical-align: text-bottom;
-  width: 40px;
-}
-button.icon-btn > svg,
-a.icon-link > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-primary));
-  max-width: 75%;
-  position: relative;
-}
-button.icon-btn:focus,
 a.icon-link:focus,
-button.icon-btn:hover,
-a.icon-link:hover {
-  background-color: var(--color-state-secondary-hover);
+a.icon-link:hover,
+button.icon-btn:focus,
+button.icon-btn:hover {
+    background-color: var(--color-state-secondary-hover);
 }
-button.icon-btn:active,
-a.icon-link:active {
-  background-color: var(--color-state-secondary-active);
+a.icon-link:active,
+button.icon-btn:active {
+    background-color: var(--color-state-secondary-active);
 }
-button.icon-btn:not(:focus-visible),
-a.icon-link:not(:focus-visible) {
-  outline: none;
+a.icon-link:not(:focus-visible),
+button.icon-btn:not(:focus-visible) {
+    outline: none;
 }
-button.icon-btn.icon-btn--primary,
-a.icon-link.icon-link--primary {
-  background-color: var(--btn-primary-background-color, var(--color-background-accent));
-  border-color: var(--btn-primary-border-color, var(--color-stroke-accent));
-  color: var(--btn-primary-foreground-color, var(--color-foreground-on-accent));
-}
-button.icon-btn.icon-btn--primary > svg,
-a.icon-link.icon-link--primary > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-on-accent));
-}
-button.icon-btn.icon-btn--secondary > svg,
-a.icon-link.icon-link--secondary > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-accent));
-}
-button.icon-btn.icon-btn--small .progress-spinner,
-a.icon-link.icon-link--small .progress-spinner {
-  height: 20px;
-  width: 20px;
-}
-button.icon-btn.icon-btn--transparent > svg,
-a.icon-link.icon-link--transparent > svg {
-  max-width: 100%;
-}
-button.icon-btn.icon-btn--small,
-a.icon-link.icon-link--small {
-  height: 32px;
-  width: 32px;
-}
-button.icon-btn.icon-btn--large,
-a.icon-link.icon-link--large {
-  height: 48px;
-  width: 48px;
-}
-button.icon-btn--transparent,
-a.icon-link--transparent {
-  background-color: transparent;
-  outline-offset: -10px;
+
+a.icon-link.icon-link--primary,
+button.icon-btn.icon-btn--primary {
+    background-color: var(
+        --btn-primary-background-color,
+        var(--color-background-accent)
+    );
+    border-color: var(--btn-primary-border-color, var(--color-stroke-accent));
+    color: var(
+        --btn-primary-foreground-color,
+        var(--color-foreground-on-accent)
+    );
+}
+
+a.icon-link.icon-link--primary > svg,
+button.icon-btn.icon-btn--primary > svg {
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-on-accent)
+    );
+}
+
+a.icon-link.icon-link--secondary > svg,
+button.icon-btn.icon-btn--secondary > svg {
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-accent)
+    );
+}
+
+a.icon-link.icon-link--small .progress-spinner,
+button.icon-btn.icon-btn--small .progress-spinner {
+    height: 20px;
+    width: 20px;
+}
+
+a.icon-link.icon-link--transparent > svg,
+button.icon-btn.icon-btn--transparent > svg {
+    max-width: 100%;
+}
+
+a.icon-link.icon-link--small,
+button.icon-btn.icon-btn--small {
+    height: 32px;
+    width: 32px;
+}
+
+a.icon-link.icon-link--large,
+button.icon-btn.icon-btn--large {
+    height: 48px;
+    width: 48px;
+}
+
+a.icon-link--transparent,
+button.icon-btn--transparent {
+    background-color: initial;
+    outline-offset: -10px;
 }
-button.icon-btn--transparent:active,
 a.icon-link--transparent:active,
-button.icon-btn--transparent:focus,
 a.icon-link--transparent:focus,
-button.icon-btn--transparent:hover,
-a.icon-link--transparent:hover {
-  background-color: transparent;
+a.icon-link--transparent:hover,
+button.icon-btn--transparent:active,
+button.icon-btn--transparent:focus,
+button.icon-btn--transparent:hover {
+    background-color: initial;
 }
+
 a.icon-link:visited > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-primary));
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-primary)
+    );
 }
-button[disabled].icon-btn > svg,
-button[aria-disabled="true"].icon-btn > svg,
+
 a:not([href]).icon-link > svg,
-a[aria-disabled="true"].icon-link > svg {
-  background-color: transparent;
-  fill: var(--color-background-disabled);
+a[aria-disabled="true"].icon-link > svg,
+button[aria-disabled="true"].icon-btn > svg,
+button[disabled].icon-btn > svg {
+    background-color: initial;
+    fill: var(--color-background-disabled);
 }
-button[disabled].icon-btn:focus > svg,
-button[aria-disabled="true"].icon-btn:focus > svg,
 a:not([href]).icon-link:focus > svg,
+a:not([href]).icon-link:hover > svg,
 a[aria-disabled="true"].icon-link:focus > svg,
-button[disabled].icon-btn:hover > svg,
+a[aria-disabled="true"].icon-link:hover > svg,
+button[aria-disabled="true"].icon-btn:focus > svg,
 button[aria-disabled="true"].icon-btn:hover > svg,
-a:not([href]).icon-link:hover > svg,
-a[aria-disabled="true"].icon-link:hover > svg {
-  fill: var(--color-background-disabled);
-}
-a.icon-link:visited:hover > svg,
-a.icon-link:visited:focus > svg {
-  fill: var(--icon-button-icon-hover-foreground-color, var(--color-foreground-primary));
-}
+button[disabled].icon-btn:focus > svg,
+button[disabled].icon-btn:hover > svg {
+    fill: var(--color-background-disabled);
+}
+
+a.icon-link:visited:focus > svg,
+a.icon-link:visited:hover > svg {
+    fill: var(
+        --icon-button-icon-hover-foreground-color,
+        var(--color-foreground-primary)
+    );
+}
+
 a.icon-link.icon-link--primary:visited > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-on-accent));
-}
-button.icon-btn--badged,
-a.icon-link--badged {
-  overflow: visible;
-  position: relative;
-}
-button.icon-btn--badged .badge,
-a.icon-link--badged .badge {
-  left: 24px;
-  pointer-events: none;
-  position: absolute;
-  top: -12px;
-  z-index: 1;
-}
-button.icon-btn > svg.icon--confirmation-filled-24,
-button.icon-btn > svg.icon--confirmation-filled-16,
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-on-accent)
+    );
+}
+
+a.icon-link--badged,
+button.icon-btn--badged {
+    overflow: visible;
+    position: relative;
+}
+a.icon-link--badged .badge,
+button.icon-btn--badged .badge {
+    left: 24px;
+    pointer-events: none;
+    position: absolute;
+    top: -12px;
+    z-index: 1;
+}
+a.icon-link > svg.icon--confirmation-filled-16,
+a.icon-link > svg.icon--confirmation-filled-16:hover,
 a.icon-link > svg.icon--confirmation-filled-24,
-a.icon-link > svg.icon--confirmation-filled-16 {
-  fill: var(--color-foreground-confirmation);
-}
-button.icon-btn > svg.icon--confirmation-filled-24:hover,
-button.icon-btn > svg.icon--confirmation-filled-16:hover,
 a.icon-link > svg.icon--confirmation-filled-24:hover,
-a.icon-link > svg.icon--confirmation-filled-16:hover {
-  fill: var(--color-foreground-confirmation);
+button.icon-btn > svg.icon--confirmation-filled-16,
+button.icon-btn > svg.icon--confirmation-filled-16:hover,
+button.icon-btn > svg.icon--confirmation-filled-24,
+button.icon-btn > svg.icon--confirmation-filled-24:hover {
+    fill: var(--color-foreground-confirmation);
 }
-button.icon-btn > svg.icon--attention-filled-24,
-button.icon-btn > svg.icon--attention-filled-16,
+a.icon-link > svg.icon--attention-filled-16,
+a.icon-link > svg.icon--attention-filled-16:hover,
 a.icon-link > svg.icon--attention-filled-24,
-a.icon-link > svg.icon--attention-filled-16 {
-  fill: var(--color-foreground-attention);
-}
-button.icon-btn > svg.icon--attention-filled-24:hover,
-button.icon-btn > svg.icon--attention-filled-16:hover,
 a.icon-link > svg.icon--attention-filled-24:hover,
-a.icon-link > svg.icon--attention-filled-16:hover {
-  fill: var(--color-foreground-attention);
+button.icon-btn > svg.icon--attention-filled-16,
+button.icon-btn > svg.icon--attention-filled-16:hover,
+button.icon-btn > svg.icon--attention-filled-24,
+button.icon-btn > svg.icon--attention-filled-24:hover {
+    fill: var(--color-foreground-attention);
 }
-button.icon-btn > svg.icon--information-filled-24,
-button.icon-btn > svg.icon--information-filled-16,
+a.icon-link > svg.icon--information-filled-16,
+a.icon-link > svg.icon--information-filled-16:hover,
 a.icon-link > svg.icon--information-filled-24,
-a.icon-link > svg.icon--information-filled-16 {
-  fill: var(--color-foreground-information);
-}
-button.icon-btn > svg.icon--information-filled-24:hover,
-button.icon-btn > svg.icon--information-filled-16:hover,
 a.icon-link > svg.icon--information-filled-24:hover,
-a.icon-link > svg.icon--information-filled-16:hover {
-  fill: var(--color-foreground-information);
+button.icon-btn > svg.icon--information-filled-16,
+button.icon-btn > svg.icon--information-filled-16:hover,
+button.icon-btn > svg.icon--information-filled-24,
+button.icon-btn > svg.icon--information-filled-24:hover {
+    fill: var(--color-foreground-information);
 }
-button.icon-btn.icon-btn--primary,
+
 a.icon-link.icon-link--primary,
-button.icon-btn.icon-btn--secondary,
 a.icon-link.icon-link--secondary,
-button.icon-btn.icon-btn--tertiary,
-a.icon-link.icon-link--tertiary {
-  border-width: 1px;
+a.icon-link.icon-link--tertiary,
+button.icon-btn.icon-btn--primary,
+button.icon-btn.icon-btn--secondary,
+button.icon-btn.icon-btn--tertiary {
+    border-width: 1px;
 }
-button[disabled].icon-btn.icon-btn--primary,
-button[aria-disabled="true"].icon-btn.icon-btn--primary,
+
 a:not([href]).icon-link.icon-link--primary,
-a[aria-disabled="true"].icon-link.icon-link--primary {
-  background-color: var(--icon-button-disabled-background-color, var(--color-background-disabled));
-  border-color: var(--btn-primary-disabled-border-color, var(--color-stroke-disabled));
-}
-button[disabled].icon-btn.icon-btn--primary > svg,
-button[aria-disabled="true"].icon-btn.icon-btn--primary > svg,
+a[aria-disabled="true"].icon-link.icon-link--primary,
+button[aria-disabled="true"].icon-btn.icon-btn--primary,
+button[disabled].icon-btn.icon-btn--primary {
+    background-color: var(
+        --icon-button-disabled-background-color,
+        var(--color-background-disabled)
+    );
+    border-color: var(
+        --btn-primary-disabled-border-color,
+        var(--color-stroke-disabled)
+    );
+}
+
 a:not([href]).icon-link.icon-link--primary > svg,
-a[aria-disabled="true"].icon-link.icon-link--primary > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-on-accent));
-}
-button.icon-btn.icon-btn--primary .progress-spinner,
-a.icon-link.icon-link--primary .progress-spinner {
-  --color-spinner-icon-background: var(--color-background-primary);
-  --color-spinner-icon-foreground: #8fa3f8;
-}
-button.icon-btn.icon-btn--secondary,
-a.icon-link.icon-link--secondary {
-  background-color: transparent;
-  border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
-  color: var(--btn-secondary-foreground-color, var(--color-foreground-accent));
-}
-button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):hover,
+a[aria-disabled="true"].icon-link.icon-link--primary > svg,
+button[aria-disabled="true"].icon-btn.icon-btn--primary > svg,
+button[disabled].icon-btn.icon-btn--primary > svg {
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-on-accent)
+    );
+}
+
+a.icon-link.icon-link--primary .progress-spinner,
+button.icon-btn.icon-btn--primary .progress-spinner {
+    --color-spinner-icon-background: var(--color-background-primary);
+    --color-spinner-icon-foreground: #8fa3f8;
+}
+
+a.icon-link.icon-link--secondary,
+button.icon-btn.icon-btn--secondary {
+    background-color: initial;
+    border-color: var(--btn-secondary-border-color, var(--color-stroke-accent));
+    color: var(
+        --btn-secondary-foreground-color,
+        var(--color-foreground-accent)
+    );
+}
+
+a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):focus,
 a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):hover,
 button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):focus,
-a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):focus {
-  background-blend-mode: multiply;
-  filter: brightness(96%);
-}
-button.icon-btn.icon-btn--primary:not([disabled], [aria-disabled="true"]):active,
-a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):active {
-  filter: brightness(92%);
-}
-button.icon-btn.icon-btn--secondary .progress-spinner,
+button.icon-btn.icon-btn--primary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):hover {
+    background-blend-mode: multiply;
+    filter: brightness(96%);
+}
+a.icon-link.icon-link--primary:not([disabled], [aria-disabled="true"]):active,
+button.icon-btn.icon-btn--primary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):active {
+    filter: brightness(92%);
+}
+
 a.icon-link.icon-link--secondary .progress-spinner,
-button.icon-btn.icon-btn--tertiary .progress-spinner,
-a.icon-link.icon-link--tertiary .progress-spinner {
-  --color-spinner-icon-foreground: #3665f366;
+a.icon-link.icon-link--tertiary .progress-spinner,
+button.icon-btn.icon-btn--secondary .progress-spinner,
+button.icon-btn.icon-btn--tertiary .progress-spinner {
+    --color-spinner-icon-foreground: #3665f366;
 }
-button[disabled].icon-btn.icon-btn--secondary,
-button[aria-disabled="true"].icon-btn.icon-btn--secondary,
+
 a:not([href]).icon-link.icon-link--secondary,
-a[aria-disabled="true"].icon-link.icon-link--secondary {
-  border-color: var(--btn-secondary-disabled-border-color, var(--color-stroke-disabled));
+a[aria-disabled="true"].icon-link.icon-link--secondary,
+button[aria-disabled="true"].icon-btn.icon-btn--secondary,
+button[disabled].icon-btn.icon-btn--secondary {
+    border-color: var(
+        --btn-secondary-disabled-border-color,
+        var(--color-stroke-disabled)
+    );
 }
-button[disabled].icon-btn.icon-btn--secondary > svg,
-button[aria-disabled="true"].icon-btn.icon-btn--secondary > svg,
+
 a:not([href]).icon-link.icon-blinktn--secondary > svg,
-a[aria-disabled="true"].icon-link.icon-link--secondary > svg {
-  fill: var(--icon-button-icon-foreground-color, var(--color-foreground-disabled));
-}
-button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):hover,
+a[aria-disabled="true"].icon-link.icon-link--secondary > svg,
+button[aria-disabled="true"].icon-btn.icon-btn--secondary > svg,
+button[disabled].icon-btn.icon-btn--secondary > svg {
+    fill: var(
+        --icon-button-icon-foreground-color,
+        var(--color-foreground-disabled)
+    );
+}
+
+a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):focus,
 a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):hover,
-button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):focus,
-a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):focus {
-  background-color: var(--color-state-secondary-hover);
-}
-button.icon-btn.icon-btn--secondary:not([disabled], [aria-disabled="true"]):active,
-a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):active {
-  background-color: var(--color-state-secondary-active);
-}
-button.icon-btn.icon-btn--tertiary,
-a.icon-link.icon-link--tertiary {
-  background-color: transparent;
-  border-color: var(--btn-primary-border-color, var(--color-stroke-default));
-  color: var(--btn-primary-foreground-color, var(--color-foreground-accent));
-}
-button[disabled].icon-btn.icon-btn--tertiary,
-button[aria-disabled="true"].icon-btn.icon-btn--tertiary,
+button.icon-btn.icon-btn--secondary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):focus,
+button.icon-btn.icon-btn--secondary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):hover {
+    background-color: var(--color-state-secondary-hover);
+}
+a.icon-link.icon-link--secondary:not([disabled], [aria-disabled="true"]):active,
+button.icon-btn.icon-btn--secondary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):active {
+    background-color: var(--color-state-secondary-active);
+}
+
+a.icon-link.icon-link--tertiary,
+button.icon-btn.icon-btn--tertiary {
+    background-color: initial;
+    border-color: var(--btn-primary-border-color, var(--color-stroke-default));
+    color: var(--btn-primary-foreground-color, var(--color-foreground-accent));
+}
+
 a:not([href]).icon-link.icon-link--tertiary,
-a[aria-disabled="true"].icon-link.icon-link--tertiary {
-  border-color: var(--btn-tertiary-disabled-border-color, var(--color-stroke-disabled));
-}
-button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):hover,
+a[aria-disabled="true"].icon-link.icon-link--tertiary,
+button[aria-disabled="true"].icon-btn.icon-btn--tertiary,
+button[disabled].icon-btn.icon-btn--tertiary {
+    border-color: var(
+        --btn-tertiary-disabled-border-color,
+        var(--color-stroke-disabled)
+    );
+}
+
+a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):focus,
 a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):hover,
-button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):focus,
-a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):focus {
-  background-color: var(--color-state-secondary-hover);
-}
-button.icon-btn.icon-btn--tertiary:not([disabled], [aria-disabled="true"]):active,
-a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):active {
-  background-color: var(--color-state-secondary-active);
-}
+button.icon-btn.icon-btn--tertiary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):focus,
+button.icon-btn.icon-btn--tertiary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):hover {
+    background-color: var(--color-state-secondary-hover);
+}
+a.icon-link.icon-link--tertiary:not([disabled], [aria-disabled="true"]):active,
+button.icon-btn.icon-btn--tertiary:not(
+        [disabled],
+        [aria-disabled="true"]
+    ):active {
+    background-color: var(--color-state-secondary-active);
+}
+
+/*# sourceMappingURL=icon-button.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/icon-button/icon-button.scss","icon-button.css","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAGA;EACI,kBAAA;EACA,mBAAA;ACKJ;ADHI;EACI,aAAA;ACKR;;ADDA;EEVQ,uFAAA;EFiBJ,4BAAA;EACA,kBAAA;EACA,qBAAA;EACA,mBAAA;EACA,WAAA;EACA,sBAAA;EACA,QAAA;EACA,SAAA;EACA,0BAAA;EACA,UAAA;ACAJ;ADEI;EE5BI,8EAAA;EFkCA,aAAA;EACA,iBAAA;ACHR;ADMI;EAEI,mDAAA;ACHR;ADMI;EACI,oDAAA;ACHR;ADMI;EACI,YAAA;ACHR;;ADOA;EEpDQ,oFAAA;EAAA,wEAAA;EAAA,4EAAA;ADoDR;;ADaA;EEjEQ,gFAAA;ADyDR;;ADgBA;EEzEQ,6EAAA;AD8DR;;ADmBA;EAEI,WAAA;EACA,UAAA;AChBJ;;ADmBA;EAEI,cAAA;AChBJ;;ADmBA;EAEI,WAAA;EACA,UAAA;AChBJ;;ADmBA;EAEI,WAAA;EACA,UAAA;AChBJ;;ADmBA;EAEI,wBAAA;EACA,oBAAA;AChBJ;ADkBI;EAGI,wBAAA;ACfR;;ADmBA;EEpHQ,8EAAA;ADqGR;;AD0BI;EACI,wBAAA;EE9HA,qCAAA;AD2GR;ADuBI;EElII,qCAAA;ADoHR;;ADqBI;EE3II,oFAAA;AD0HR;;AD0BA;EEpJQ,gFAAA;AD8HR;;AD6BA;EAEI,gBAAA;EACA,iBAAA;AC1BJ;AD4BI;EACI,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,SAAA;EACA,SAAA;ACzBR;ADmCI;EE7KI,yCAAA;ADwJR;AD+BI;EEvLI,sCAAA;ADqKR;AD4BI;EEjMI,wCAAA;ADkLR;;ADoBA;EAMI,gBAAA;ACjBJ;;ADoBA;EEjNQ,+FAAA;EAAA,mFAAA;ADqMR;;AD0BA;EE/NQ,gFAAA;AD4MR;;AD6BA;EAEI,+DAAA;EACA,uCAAA;AC1BJ;;AD6BA;EAEI,wBAAA;EEjPI,0EAAA;EAAA,2EAAA;ADyNR;;ADqCI;EAEI,8BAAA;EACA,sBAAA;ACjCR;ADoCI;EACI,sBAAA;ACjCR;;ADqCA;EAII,yCAAA;AClCJ;;ADqCA;EEhRQ,qFAAA;ADkPR;;ADwCA;EE1RQ,+EAAA;ADyPR;;AD6CI;EAEI,mDAAA;ACzCR;AD4CI;EACI,oDAAA;ACzCR;;AD6CA;EAEI,wBAAA;EElTI,yEAAA;EAAA,yEAAA;AD0QR;;AD6CA;EEvTQ,oFAAA;ADiRR;;ADkDI;EAEI,mDAAA;AC9CR;ADiDI;EACI,oDAAA;AC9CR","file":"icon-button.css"}

package/dist/image-placeholder/image-placeholder.css

@@ -1,6 +1,8 @@
 svg.image-placeholder {
-  color: var(--color-foreground-primary);
-  fill: currentColor;
-  height: inherit;
-  width: inherit;
+    color: var(--color-foreground-primary);
+    fill: currentColor;
+    height: inherit;
+    width: inherit;
 }
+
+/*# sourceMappingURL=image-placeholder.css.map */

package/dist/image-placeholder/image-placeholder.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sass/image-placeholder/image-placeholder.scss","../../src/sass/mixins/private/_token-mixins.scss","image-placeholder.css"],"names":[],"mappings":"AAGA;ECCQ,qCAAA;EDEJ,iBAAA;EACA,cAAA;EACA,aAAA;AEIJ","file":"image-placeholder.css"}