@ebay/skin 19.14.0 → 19.14.1

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/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:" ";
@@ -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));
 }
 
@@ -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;
@@ -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;
 }
@@ -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;
 }
@@ -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;

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:" ";
@@ -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));
 }
 
@@ -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;
@@ -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;
 }
@@ -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;
 }
@@ -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;

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:" ";
@@ -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));
 }
 
@@ -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;
@@ -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;
 }
@@ -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;
 }
@@ -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;

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/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-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;
 }

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/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/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;

package/package.json

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