@ebay/skin 19.14.0 → 19.14.2

package/README.md

@@ -12,7 +12,7 @@ Skin is [MIT](LICENSE) licensed.
 
 ## Install
 
-Skin is available as the `@ebay/skin` package on [NPM](https://www.npmjs.com/). Skin is also available on our [CDN](https://opensource.ebay.com/evo-web/skin/#cdn).
+Skin is available as the `@ebay/skin` package on [NPM](https://www.npmjs.com/).
 
 ## Versioning
 

package/dist/accordion/accordion.css

@@ -52,12 +52,12 @@ ul.accordion details .details__content {
 }
 
 ul.accordion summary.details__summary span.details__icon svg {
+    animation: chevron-bounce-close var(--motion-duration-medium-1)
+        var(--motion-easing-standard);
     fill: var(
         --details-secondary-foreground-color,
         var(--color-foreground-secondary)
     );
-    animation: chevron-bounce-close var(--motion-duration-medium-1)
-        var(--motion-easing-standard);
 }
 
 ul.accordion details[open] summary.details__summary span.details__icon svg {

package/dist/breadcrumbs/breadcrumbs.css

@@ -4,7 +4,6 @@ nav.breadcrumbs {
         var(--color-foreground-secondary)
     );
     font-size: var(--font-size-small);
-    height: -moz-fit-content;
     height: fit-content;
     margin: 8px 0;
     min-height: 16px;

package/dist/bundles/skin-default.css

@@ -466,16 +466,16 @@ legend{
 }
 
 a{
-  color:var(--link-foreground-color-default, var(--color-foreground-link-primary));
+  color:var(--color-foreground-link-primary);
 }
 a:visited{
-  color:var(--link-foreground-color-visited, var(--color-foreground-link-visited));
+  color:var(--color-foreground-link-visited);
 }
 a:hover{
-  color:var(--link-foreground-color-hover, var(--color-foreground-secondary));
+  color:var(--color-foreground-secondary);
 }
 a:not([href]),a[aria-disabled=true]{
-  color:var(--link-forground-color-disabled, var(--color-foreground-disabled));
+  color:var(--color-foreground-disabled);
 }
 .clearfix:after,.clearfix:before{
   content:" ";
@@ -639,8 +639,8 @@ ul.accordion details .details__content{
 }
 
 ul.accordion summary.details__summary span.details__icon svg{
-  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
   animation:chevron-bounce-close var(--motion-duration-medium-1) var(--motion-easing-standard);
+  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
 }
 
 ul.accordion details[open] summary.details__summary span.details__icon svg{
@@ -985,7 +985,6 @@ ul.accordion--large summary.details__summary{
 nav.breadcrumbs{
   color:var(--breadcrumbs-item-foreground-color, var(--color-foreground-secondary));
   font-size:var(--font-size-small);
-  height:-moz-fit-content;
   height:fit-content;
   margin:8px 0;
   min-height:16px;
@@ -1154,7 +1153,7 @@ a.fake-btn--slim,button.btn--slim{
   padding-right:var(--spacing-100);
 }
 
-a.fake-btn:visited{
+a.fake-btn:hover,a.fake-btn:visited{
   color:inherit;
 }
 
@@ -1242,7 +1241,7 @@ a.fake-btn--primary{
   outline-color:var(--color-foreground-primary);
 }
 
-a.fake-btn--primary:visited{
+a.fake-btn--primary:hover,a.fake-btn--primary:visited{
   color:var(--color-foreground-on-accent);
 }
 
@@ -1354,7 +1353,7 @@ a.fake-btn--secondary:not([disabled],[aria-disabled=true]):active:after,a.fake-b
   background-color:var(--state-layer-pressed);
 }
 
-a.fake-btn--secondary:visited{
+a.fake-btn--secondary:hover,a.fake-btn--secondary:visited{
   color:var(--btn-secondary-foreground-color, var(--color-foreground-accent));
 }
 
@@ -2296,10 +2295,10 @@ input.checkbox__control[type=checkbox]{
 .checkbox svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -2534,7 +2533,6 @@ span.combobox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -2656,7 +2654,6 @@ span.combobox{
 
 .combobox__control>input{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-stroke-default));
@@ -3968,7 +3965,6 @@ div.file-input__container{
   display:flex;
   flex-direction:row;
   gap:var(--spacing-100);
-  min-width:-moz-fit-content;
   min-width:fit-content;
   padding:var(--spacing-200);
   pointer-events:none;
@@ -8040,8 +8036,8 @@ span.listbox__value{
 
 div.listbox__option svg.icon{
   align-self:center;
-  margin-inline-start:var(--spacing-100);
   fill:currentColor;
+  margin-inline-start:var(--spacing-100);
   margin:0 auto;
   opacity:0;
   stroke:currentColor;
@@ -8089,7 +8085,6 @@ div.listbox-button__listbox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -8189,10 +8184,10 @@ div.listbox-button__listbox--fixed{
   align-self:center;
   fill:currentColor;
   margin:0 auto;
+  margin-inline-start:var(--spacing-100);
   opacity:0;
   stroke:currentColor;
   stroke-width:0;
-  margin-inline-start:var(--spacing-100);
 }
 
 div.listbox-button__option[role=option][aria-selected=true] svg.icon{
@@ -8403,7 +8398,6 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -moz-appearance:textfield;
   -webkit-appearance:textfield;
           appearance:textfield;
 }
@@ -8632,7 +8626,6 @@ div.menu__item[role^=menuitem]:focus:not(:focus-visible){
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -10056,10 +10049,10 @@ input.radio__control[type=radio]{
 .radio svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -10397,7 +10390,6 @@ span.select{
 
 .select select{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-stroke-default));
@@ -11462,7 +11454,6 @@ div.tabs__item[role=tab]:not([aria-selected=true]):focus>span:after,div.tabs__it
   gap:var(--spacing-100);
   overflow:hidden;
   position:relative;
-  width:-moz-fit-content;
   width:fit-content;
 }
 .textbox button.icon-btn{
@@ -11518,7 +11509,6 @@ input.textbox__control:last-child:not([readonly]){
 
 input.textbox__control,textarea.textbox__control{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   flex-grow:1;
   font-size:1em;
@@ -11559,9 +11549,9 @@ input.textbox__control{
 .textbox .icon-btn>svg,.textbox>svg{
   color:var(--textbox-icon-color, var(--color-foreground-secondary));
   display:inline-flex;
+  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
   height:1lh;
   pointer-events:none;
-  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
 }
 
 .textbox>span:first-child,.textbox>svg:first-child{

package/dist/bundles/skin-full.css

@@ -669,16 +669,16 @@ legend{
 }
 
 a{
-  color:var(--link-foreground-color-default, var(--color-foreground-link-primary));
+  color:var(--color-foreground-link-primary);
 }
 a:visited{
-  color:var(--link-foreground-color-visited, var(--color-foreground-link-visited));
+  color:var(--color-foreground-link-visited);
 }
 a:hover{
-  color:var(--link-foreground-color-hover, var(--color-foreground-secondary));
+  color:var(--color-foreground-secondary);
 }
 a:not([href]),a[aria-disabled=true]{
-  color:var(--link-forground-color-disabled, var(--color-foreground-disabled));
+  color:var(--color-foreground-disabled);
 }
 .clearfix:after,.clearfix:before{
   content:" ";
@@ -842,8 +842,8 @@ ul.accordion details .details__content{
 }
 
 ul.accordion summary.details__summary span.details__icon svg{
-  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
   animation:chevron-bounce-close var(--motion-duration-medium-1) var(--motion-easing-standard);
+  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
 }
 
 ul.accordion details[open] summary.details__summary span.details__icon svg{
@@ -1188,7 +1188,6 @@ ul.accordion--large summary.details__summary{
 nav.breadcrumbs{
   color:var(--breadcrumbs-item-foreground-color, var(--color-foreground-secondary));
   font-size:var(--font-size-small);
-  height:-moz-fit-content;
   height:fit-content;
   margin:8px 0;
   min-height:16px;
@@ -1357,7 +1356,7 @@ a.fake-btn--slim,button.btn--slim{
   padding-right:var(--spacing-100);
 }
 
-a.fake-btn:visited{
+a.fake-btn:hover,a.fake-btn:visited{
   color:inherit;
 }
 
@@ -1445,7 +1444,7 @@ a.fake-btn--primary{
   outline-color:var(--color-foreground-primary);
 }
 
-a.fake-btn--primary:visited{
+a.fake-btn--primary:hover,a.fake-btn--primary:visited{
   color:var(--color-foreground-on-accent);
 }
 
@@ -1557,7 +1556,7 @@ a.fake-btn--secondary:not([disabled],[aria-disabled=true]):active:after,a.fake-b
   background-color:var(--state-layer-pressed);
 }
 
-a.fake-btn--secondary:visited{
+a.fake-btn--secondary:hover,a.fake-btn--secondary:visited{
   color:var(--btn-secondary-foreground-color, var(--color-foreground-accent));
 }
 
@@ -2499,10 +2498,10 @@ input.checkbox__control[type=checkbox]{
 .checkbox svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -2737,7 +2736,6 @@ span.combobox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -2859,7 +2857,6 @@ span.combobox{
 
 .combobox__control>input{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-stroke-default));
@@ -4171,7 +4168,6 @@ div.file-input__container{
   display:flex;
   flex-direction:row;
   gap:var(--spacing-100);
-  min-width:-moz-fit-content;
   min-width:fit-content;
   padding:var(--spacing-200);
   pointer-events:none;
@@ -8243,8 +8239,8 @@ span.listbox__value{
 
 div.listbox__option svg.icon{
   align-self:center;
-  margin-inline-start:var(--spacing-100);
   fill:currentColor;
+  margin-inline-start:var(--spacing-100);
   margin:0 auto;
   opacity:0;
   stroke:currentColor;
@@ -8292,7 +8288,6 @@ div.listbox-button__listbox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -8392,10 +8387,10 @@ div.listbox-button__listbox--fixed{
   align-self:center;
   fill:currentColor;
   margin:0 auto;
+  margin-inline-start:var(--spacing-100);
   opacity:0;
   stroke:currentColor;
   stroke-width:0;
-  margin-inline-start:var(--spacing-100);
 }
 
 div.listbox-button__option[role=option][aria-selected=true] svg.icon{
@@ -8606,7 +8601,6 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -moz-appearance:textfield;
   -webkit-appearance:textfield;
           appearance:textfield;
 }
@@ -8835,7 +8829,6 @@ div.menu__item[role^=menuitem]:focus:not(:focus-visible){
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -10259,10 +10252,10 @@ input.radio__control[type=radio]{
 .radio svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -10600,7 +10593,6 @@ span.select{
 
 .select select{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-stroke-default));
@@ -11665,7 +11657,6 @@ div.tabs__item[role=tab]:not([aria-selected=true]):focus>span:after,div.tabs__it
   gap:var(--spacing-100);
   overflow:hidden;
   position:relative;
-  width:-moz-fit-content;
   width:fit-content;
 }
 .textbox button.icon-btn{
@@ -11721,7 +11712,6 @@ input.textbox__control:last-child:not([readonly]){
 
 input.textbox__control,textarea.textbox__control{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   flex-grow:1;
   font-size:1em;
@@ -11762,9 +11752,9 @@ input.textbox__control{
 .textbox .icon-btn>svg,.textbox>svg{
   color:var(--textbox-icon-color, var(--color-foreground-secondary));
   display:inline-flex;
+  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
   height:1lh;
   pointer-events:none;
-  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
 }
 
 .textbox>span:first-child,.textbox>svg:first-child{

package/dist/bundles/skin-headless.css

@@ -36,16 +36,16 @@ legend{
 }
 
 a{
-  color:var(--link-foreground-color-default, var(--color-foreground-link-primary));
+  color:var(--color-foreground-link-primary);
 }
 a:visited{
-  color:var(--link-foreground-color-visited, var(--color-foreground-link-visited));
+  color:var(--color-foreground-link-visited);
 }
 a:hover{
-  color:var(--link-foreground-color-hover, var(--color-foreground-secondary));
+  color:var(--color-foreground-secondary);
 }
 a:not([href]),a[aria-disabled=true]{
-  color:var(--link-forground-color-disabled, var(--color-foreground-disabled));
+  color:var(--color-foreground-disabled);
 }
 .clearfix:after,.clearfix:before{
   content:" ";
@@ -209,8 +209,8 @@ ul.accordion details .details__content{
 }
 
 ul.accordion summary.details__summary span.details__icon svg{
-  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
   animation:chevron-bounce-close var(--motion-duration-medium-1) var(--motion-easing-standard);
+  fill:var(--details-secondary-foreground-color, var(--color-foreground-secondary));
 }
 
 ul.accordion details[open] summary.details__summary span.details__icon svg{
@@ -555,7 +555,6 @@ ul.accordion--large summary.details__summary{
 nav.breadcrumbs{
   color:var(--breadcrumbs-item-foreground-color, var(--color-foreground-secondary));
   font-size:var(--font-size-small);
-  height:-moz-fit-content;
   height:fit-content;
   margin:8px 0;
   min-height:16px;
@@ -724,7 +723,7 @@ a.fake-btn--slim,button.btn--slim{
   padding-right:var(--spacing-100);
 }
 
-a.fake-btn:visited{
+a.fake-btn:hover,a.fake-btn:visited{
   color:inherit;
 }
 
@@ -812,7 +811,7 @@ a.fake-btn--primary{
   outline-color:var(--color-foreground-primary);
 }
 
-a.fake-btn--primary:visited{
+a.fake-btn--primary:hover,a.fake-btn--primary:visited{
   color:var(--color-foreground-on-accent);
 }
 
@@ -924,7 +923,7 @@ a.fake-btn--secondary:not([disabled],[aria-disabled=true]):active:after,a.fake-b
   background-color:var(--state-layer-pressed);
 }
 
-a.fake-btn--secondary:visited{
+a.fake-btn--secondary:hover,a.fake-btn--secondary:visited{
   color:var(--btn-secondary-foreground-color, var(--color-foreground-accent));
 }
 
@@ -1866,10 +1865,10 @@ input.checkbox__control[type=checkbox]{
 .checkbox svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -2104,7 +2103,6 @@ span.combobox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -2226,7 +2224,6 @@ span.combobox{
 
 .combobox__control>input{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-stroke-default));
@@ -3538,7 +3535,6 @@ div.file-input__container{
   display:flex;
   flex-direction:row;
   gap:var(--spacing-100);
-  min-width:-moz-fit-content;
   min-width:fit-content;
   padding:var(--spacing-200);
   pointer-events:none;
@@ -7610,8 +7606,8 @@ span.listbox__value{
 
 div.listbox__option svg.icon{
   align-self:center;
-  margin-inline-start:var(--spacing-100);
   fill:currentColor;
+  margin-inline-start:var(--spacing-100);
   margin:0 auto;
   opacity:0;
   stroke:currentColor;
@@ -7659,7 +7655,6 @@ div.listbox-button__listbox{
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -7759,10 +7754,10 @@ div.listbox-button__listbox--fixed{
   align-self:center;
   fill:currentColor;
   margin:0 auto;
+  margin-inline-start:var(--spacing-100);
   opacity:0;
   stroke:currentColor;
   stroke-width:0;
-  margin-inline-start:var(--spacing-100);
 }
 
 div.listbox-button__option[role=option][aria-selected=true] svg.icon{
@@ -7973,7 +7968,6 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -moz-appearance:textfield;
   -webkit-appearance:textfield;
           appearance:textfield;
 }
@@ -8202,7 +8196,6 @@ div.menu__item[role^=menuitem]:focus:not(:focus-visible){
   overflow-y:auto;
   position:absolute;
   top:0;
-  width:-moz-fit-content;
   width:fit-content;
   z-index:2;
 }
@@ -9626,10 +9619,10 @@ input.radio__control[type=radio]{
 .radio svg{
   display:inline-block;
   fill:currentColor;
+  height:18px;
   pointer-events:none;
   stroke:currentColor;
   stroke-width:0;
-  height:18px;
   vertical-align:middle;
   width:18px;
 }
@@ -9967,7 +9960,6 @@ span.select{
 
 .select select{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-stroke-default));
@@ -11032,7 +11024,6 @@ div.tabs__item[role=tab]:not([aria-selected=true]):focus>span:after,div.tabs__it
   gap:var(--spacing-100);
   overflow:hidden;
   position:relative;
-  width:-moz-fit-content;
   width:fit-content;
 }
 .textbox button.icon-btn{
@@ -11088,7 +11079,6 @@ input.textbox__control:last-child:not([readonly]){
 
 input.textbox__control,textarea.textbox__control{
   -webkit-appearance:none;
-     -moz-appearance:none;
           appearance:none;
   flex-grow:1;
   font-size:1em;
@@ -11129,9 +11119,9 @@ input.textbox__control{
 .textbox .icon-btn>svg,.textbox>svg{
   color:var(--textbox-icon-color, var(--color-foreground-secondary));
   display:inline-flex;
+  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
   height:1lh;
   pointer-events:none;
-  fill:var(--textbox-icon-color, var(--color-foreground-secondary));
 }
 
 .textbox>span:first-child,.textbox>svg:first-child{

package/dist/button/button.css

@@ -94,6 +94,7 @@ button.btn--slim {
     padding-right: var(--spacing-100);
 }
 
+a.fake-btn:hover,
 a.fake-btn:visited {
     color: inherit;
 }
@@ -210,6 +211,7 @@ a.fake-btn--primary {
     outline-color: var(--color-foreground-primary);
 }
 
+a.fake-btn--primary:hover,
 a.fake-btn--primary:visited {
     color: var(--color-foreground-on-accent);
 }
@@ -393,6 +395,7 @@ button.btn--secondary[href]:active:after {
     background-color: var(--state-layer-pressed);
 }
 
+a.fake-btn--secondary:hover,
 a.fake-btn--secondary:visited {
     color: var(
         --btn-secondary-foreground-color,

package/dist/checkbox/checkbox.css

@@ -49,10 +49,10 @@ input.checkbox__control[type="checkbox"] {
 .checkbox svg {
     display: inline-block;
     fill: currentColor;
+    height: 18px;
     pointer-events: none;
     stroke: currentColor;
     stroke-width: 0;
-    height: 18px;
     vertical-align: middle;
     width: 18px;
 }

package/dist/combobox/combobox.css

@@ -34,7 +34,6 @@ span.combobox {
     overflow-y: auto;
     position: absolute;
     top: 0;
-    width: -moz-fit-content;
     width: fit-content;
     z-index: 2;
 }
@@ -174,7 +173,6 @@ span.combobox {
 
 .combobox__control > input {
     -webkit-appearance: none;
-    -moz-appearance: none;
     appearance: none;
     background-color: var(
         --combobox-textbox-background-color,

package/dist/file-input/file-input.css

@@ -20,7 +20,6 @@ div.file-input__container {
     display: flex;
     flex-direction: row;
     gap: var(--spacing-100);
-    min-width: -moz-fit-content;
     min-width: fit-content;
     padding: var(--spacing-200);
     pointer-events: none;

package/dist/global/global.css

@@ -24,27 +24,15 @@ legend {
 }
 
 a {
-    color: var(
-        --link-foreground-color-default,
-        var(--color-foreground-link-primary)
-    );
+    color: var(--color-foreground-link-primary);
 }
 a:visited {
-    color: var(
-        --link-foreground-color-visited,
-        var(--color-foreground-link-visited)
-    );
+    color: var(--color-foreground-link-visited);
 }
 a:hover {
-    color: var(
-        --link-foreground-color-hover,
-        var(--color-foreground-secondary)
-    );
+    color: var(--color-foreground-secondary);
 }
 a:not([href]),
 a[aria-disabled="true"] {
-    color: var(
-        --link-forground-color-disabled,
-        var(--color-foreground-disabled)
-    );
+    color: var(--color-foreground-disabled);
 }

package/dist/listbox/listbox.css

@@ -90,8 +90,8 @@ span.listbox__value {
 
 div.listbox__option svg.icon {
     align-self: center;
-    margin-inline-start: var(--spacing-100);
     fill: currentColor;
+    margin-inline-start: var(--spacing-100);
     margin: 0 auto;
     opacity: 0;
     stroke: currentColor;

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

@@ -34,7 +34,6 @@ div.listbox-button__listbox {
     overflow-y: auto;
     position: absolute;
     top: 0;
-    width: -moz-fit-content;
     width: fit-content;
     z-index: 2;
 }
@@ -200,10 +199,10 @@ button.expand-btn[aria-expanded="true"] ~ div.listbox-button__listbox {
     align-self: center;
     fill: currentColor;
     margin: 0 auto;
+    margin-inline-start: var(--spacing-100);
     opacity: 0;
     stroke: currentColor;
     stroke-width: 0;
-    margin-inline-start: var(--spacing-100);
 }
 
 div.listbox-button__option[role="option"][aria-selected="true"] svg.icon {

package/dist/menu-button/menu-button.css

@@ -20,7 +20,6 @@
     overflow-y: auto;
     position: absolute;
     top: 0;
-    width: -moz-fit-content;
     width: fit-content;
     z-index: 2;
 }

package/dist/number-input/number-input.css

@@ -145,7 +145,6 @@
     margin: 0;
 }
 .number-input .textbox .textbox__control[type="number"] {
-    -moz-appearance: textfield;
     -webkit-appearance: textfield;
     appearance: textfield;
 }

package/dist/radio/radio.css

@@ -49,10 +49,10 @@ input.radio__control[type="radio"] {
 .radio svg {
     display: inline-block;
     fill: currentColor;
+    height: 18px;
     pointer-events: none;
     stroke: currentColor;
     stroke-width: 0;
-    height: 18px;
     vertical-align: middle;
     width: 18px;
 }

package/dist/select/select.css

@@ -10,7 +10,6 @@ span.select {
 
 .select select {
     -webkit-appearance: none;
-    -moz-appearance: none;
     appearance: none;
     background-color: var(
         --select-background-color,

package/dist/svg/icon/icon-clock-12.svg

@@ -1,7 +1,6 @@
 <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M6.75 3.75v1.942l1.275 1.283a.75.75 0 0 1-1.058 1.058l-1.5-1.5A.75.75 0 0 1 5.25 6V3.75a.75.75 0 0 1 1.5 0Z"
-    fill="#191919"
   />
   <path
     d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm0 10.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z"

package/dist/svg/icons.svg

@@ -2151,7 +2151,6 @@
   <symbol viewBox="0 0 12 12" id="icon-clock-12">
     <path
       d="M6.75 3.75v1.942l1.275 1.283a.75.75 0 0 1-1.058 1.058l-1.5-1.5A.75.75 0 0 1 5.25 6V3.75a.75.75 0 0 1 1.5 0Z"
-      fill="#191919"
     />
     <path
       d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm0 10.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z"

package/dist/textbox/textbox.css

@@ -23,7 +23,6 @@
     gap: var(--spacing-100);
     overflow: hidden;
     position: relative;
-    width: -moz-fit-content;
     width: fit-content;
 }
 .textbox button.icon-btn {
@@ -98,7 +97,6 @@ input.textbox__control:last-child:not([readonly]) {
 input.textbox__control,
 textarea.textbox__control {
     -webkit-appearance: none;
-    -moz-appearance: none;
     appearance: none;
     flex-grow: 1;
     font-size: 1em;
@@ -164,9 +162,9 @@ input.textbox__control {
 .textbox > svg {
     color: var(--textbox-icon-color, var(--color-foreground-secondary));
     display: inline-flex;
+    fill: var(--textbox-icon-color, var(--color-foreground-secondary));
     height: 1lh;
     pointer-events: none;
-    fill: var(--textbox-icon-color, var(--color-foreground-secondary));
 }
 
 .textbox > span:first-child,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ebay/skin",
-    "version": "19.14.0",
+    "version": "19.14.2",
     "description": "Skin - CSS modules that represent the brand eBay",
     "keywords": [
         "eBay",