@ebay/skin 19.3.0 → 19.4.0

package/dist/alert-dialog/alert-dialog.css

@@ -1,6 +1,6 @@
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
 }
 .alert-dialog[role="alertdialog"] {

package/dist/bundles/skin-default.css

@@ -1729,14 +1729,19 @@ span.carousel,span.carousel__container{
 .carousel--hidden-scrollbar .carousel__control--next{
   right:0;
 }
+@font-face{
+  font-family:Reddit Sans Condensed Bold;
+  src:url(https://ir.ebaystatic.com/cr/v/c01/Reddit_Sans_Condensed_Bold/RedditSansCondensed-Bold.ttf);
+}
 .ccd{
   display:inline-flex;
+  font-family:Reddit Sans Condensed Bold,Market Sans,Arial,sans-serif;
   gap:8px;
 }
 
 .ccd__charger-icon{
-  height:78px;
-  width:58px;
+  height:57px;
+  width:42px;
 }
 
 .ccd__description-figure{
@@ -1744,12 +1749,12 @@ span.carousel,span.carousel__container{
   display:flex;
   flex-direction:column;
   justify-content:center;
-  width:55px;
+  width:39px;
 }
 
 .ccd__top-icon{
-  height:24px;
-  width:35px;
+  height:18px;
+  width:27px;
 }
 
 .ccd__body{
@@ -1760,12 +1765,11 @@ span.carousel,span.carousel__container{
   flex-direction:column;
   font-size:.4375rem;
   font-weight:var(--font-weight-bold);
-  gap:2px;
-  height:53px;
+  height:37px;
   justify-content:center;
   overflow:hidden;
   text-align:center;
-  width:53px;
+  width:39px;
 }
 .calendar{
   color:var(--calendar-color-token, var(--color-foreground-primary));
@@ -2120,10 +2124,8 @@ button.chip__button>svg{
   border:1px solid var(--color-stroke-default);
   border-radius:var(--border-radius-50);
   display:inline-block;
-  padding-bottom:var(--spacing-100);
-  padding-inline-end:var(--spacing-200);
-  padding-inline-start:var(--spacing-100);
-  padding-top:var(--spacing-100);
+  padding-block:var(--spacing-100);
+  padding-inline:var(--spacing-100) var(--spacing-200);
   position:relative;
 }
 
@@ -3475,7 +3477,7 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 
 .file-preview-card__see-more{
   aspect-ratio:1/1;
-  background-color:rgba(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
   border:none;
   border-radius:50%;
   color:var(--file-preview-card-see-more-color, var(--color-foreground-on-strong));
@@ -3496,11 +3498,11 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 }
 
 .file-preview-card__see-more:focus-visible,.file-preview-card__see-more:hover{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
 }
 
 .file-preview-card__see-more:active{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
 }
 
 .file-preview-card__footer{
@@ -9305,7 +9307,7 @@ span[role=region].section-notice{
   margin-inline-end:var(--spacing-200);
 }
 
-.section-notice__header+.section-notice__main{
+.section-notice__header+.section-notice__main,.section-notice__header~.section-notice__cta{
   grid-column:2;
 }
 
@@ -9322,10 +9324,10 @@ span[role=region].section-notice{
 }
 
 p.section-notice__cta{
-  grid-column:2;
+  grid-column:1 /  3;
   grid-row:2;
   justify-self:flex-start;
-  margin-right:var(--spacing-200);
+  margin-bottom:0;
   margin-top:var(--spacing-200);
 }
 .section-notice__main .section-notice__title~p{
@@ -9339,10 +9341,13 @@ p.section-notice__cta{
     grid-column:4;
     grid-row:1;
     justify-self:flex-end;
-    margin-bottom:0;
+    margin-right:var(--spacing-200);
     margin-top:0;
     padding-right:var(--spacing-200);
   }
+  .section-notice__header~.section-notice__cta{
+    grid-column:4;
+  }
   .section-notice__footer{
     padding-left:var(--spacing-200);
   }
@@ -10603,8 +10608,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
   width:100%;
 }
 :root{
-  --dialog-scrim-color-hide:rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show:rgba(17, 24, 32, 0.7);
+  --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
+  --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
   --dialog-lightbox-max-width:616px;
 }
 .toast-dialog{
@@ -11705,7 +11710,7 @@ button.tooltip__close{
   }
 }
 :root{
-  --bubble-shadow:0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+  --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .tourtip{
   position:relative;

package/dist/bundles/skin-full.css

@@ -1928,14 +1928,19 @@ span.carousel,span.carousel__container{
 .carousel--hidden-scrollbar .carousel__control--next{
   right:0;
 }
+@font-face{
+  font-family:Reddit Sans Condensed Bold;
+  src:url(https://ir.ebaystatic.com/cr/v/c01/Reddit_Sans_Condensed_Bold/RedditSansCondensed-Bold.ttf);
+}
 .ccd{
   display:inline-flex;
+  font-family:Reddit Sans Condensed Bold,Market Sans,Arial,sans-serif;
   gap:8px;
 }
 
 .ccd__charger-icon{
-  height:78px;
-  width:58px;
+  height:57px;
+  width:42px;
 }
 
 .ccd__description-figure{
@@ -1943,12 +1948,12 @@ span.carousel,span.carousel__container{
   display:flex;
   flex-direction:column;
   justify-content:center;
-  width:55px;
+  width:39px;
 }
 
 .ccd__top-icon{
-  height:24px;
-  width:35px;
+  height:18px;
+  width:27px;
 }
 
 .ccd__body{
@@ -1959,12 +1964,11 @@ span.carousel,span.carousel__container{
   flex-direction:column;
   font-size:.4375rem;
   font-weight:var(--font-weight-bold);
-  gap:2px;
-  height:53px;
+  height:37px;
   justify-content:center;
   overflow:hidden;
   text-align:center;
-  width:53px;
+  width:39px;
 }
 .calendar{
   color:var(--calendar-color-token, var(--color-foreground-primary));
@@ -2319,10 +2323,8 @@ button.chip__button>svg{
   border:1px solid var(--color-stroke-default);
   border-radius:var(--border-radius-50);
   display:inline-block;
-  padding-bottom:var(--spacing-100);
-  padding-inline-end:var(--spacing-200);
-  padding-inline-start:var(--spacing-100);
-  padding-top:var(--spacing-100);
+  padding-block:var(--spacing-100);
+  padding-inline:var(--spacing-100) var(--spacing-200);
   position:relative;
 }
 
@@ -3674,7 +3676,7 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 
 .file-preview-card__see-more{
   aspect-ratio:1/1;
-  background-color:rgba(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
   border:none;
   border-radius:50%;
   color:var(--file-preview-card-see-more-color, var(--color-foreground-on-strong));
@@ -3695,11 +3697,11 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 }
 
 .file-preview-card__see-more:focus-visible,.file-preview-card__see-more:hover{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
 }
 
 .file-preview-card__see-more:active{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
 }
 
 .file-preview-card__footer{
@@ -9504,7 +9506,7 @@ span[role=region].section-notice{
   margin-inline-end:var(--spacing-200);
 }
 
-.section-notice__header+.section-notice__main{
+.section-notice__header+.section-notice__main,.section-notice__header~.section-notice__cta{
   grid-column:2;
 }
 
@@ -9521,10 +9523,10 @@ span[role=region].section-notice{
 }
 
 p.section-notice__cta{
-  grid-column:2;
+  grid-column:1 /  3;
   grid-row:2;
   justify-self:flex-start;
-  margin-right:var(--spacing-200);
+  margin-bottom:0;
   margin-top:var(--spacing-200);
 }
 .section-notice__main .section-notice__title~p{
@@ -9538,10 +9540,13 @@ p.section-notice__cta{
     grid-column:4;
     grid-row:1;
     justify-self:flex-end;
-    margin-bottom:0;
+    margin-right:var(--spacing-200);
     margin-top:0;
     padding-right:var(--spacing-200);
   }
+  .section-notice__header~.section-notice__cta{
+    grid-column:4;
+  }
   .section-notice__footer{
     padding-left:var(--spacing-200);
   }
@@ -10802,8 +10807,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
   width:100%;
 }
 :root{
-  --dialog-scrim-color-hide:rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show:rgba(17, 24, 32, 0.7);
+  --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
+  --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
   --dialog-lightbox-max-width:616px;
 }
 .toast-dialog{
@@ -11904,7 +11909,7 @@ button.tooltip__close{
   }
 }
 :root{
-  --bubble-shadow:0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+  --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .tourtip{
   position:relative;

package/dist/bundles/skin-headless.css

@@ -1303,14 +1303,19 @@ span.carousel,span.carousel__container{
 .carousel--hidden-scrollbar .carousel__control--next{
   right:0;
 }
+@font-face{
+  font-family:Reddit Sans Condensed Bold;
+  src:url(https://ir.ebaystatic.com/cr/v/c01/Reddit_Sans_Condensed_Bold/RedditSansCondensed-Bold.ttf);
+}
 .ccd{
   display:inline-flex;
+  font-family:Reddit Sans Condensed Bold,Market Sans,Arial,sans-serif;
   gap:8px;
 }
 
 .ccd__charger-icon{
-  height:78px;
-  width:58px;
+  height:57px;
+  width:42px;
 }
 
 .ccd__description-figure{
@@ -1318,12 +1323,12 @@ span.carousel,span.carousel__container{
   display:flex;
   flex-direction:column;
   justify-content:center;
-  width:55px;
+  width:39px;
 }
 
 .ccd__top-icon{
-  height:24px;
-  width:35px;
+  height:18px;
+  width:27px;
 }
 
 .ccd__body{
@@ -1334,12 +1339,11 @@ span.carousel,span.carousel__container{
   flex-direction:column;
   font-size:.4375rem;
   font-weight:var(--font-weight-bold);
-  gap:2px;
-  height:53px;
+  height:37px;
   justify-content:center;
   overflow:hidden;
   text-align:center;
-  width:53px;
+  width:39px;
 }
 .calendar{
   color:var(--calendar-color-token, var(--color-foreground-primary));
@@ -1694,10 +1698,8 @@ button.chip__button>svg{
   border:1px solid var(--color-stroke-default);
   border-radius:var(--border-radius-50);
   display:inline-block;
-  padding-bottom:var(--spacing-100);
-  padding-inline-end:var(--spacing-200);
-  padding-inline-start:var(--spacing-100);
-  padding-top:var(--spacing-100);
+  padding-block:var(--spacing-100);
+  padding-inline:var(--spacing-100) var(--spacing-200);
   position:relative;
 }
 
@@ -3049,7 +3051,7 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 
 .file-preview-card__see-more{
   aspect-ratio:1/1;
-  background-color:rgba(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-background-color-rgb, var(--color-background-strong-rgb)), .5);
   border:none;
   border-radius:50%;
   color:var(--file-preview-card-see-more-color, var(--color-foreground-on-strong));
@@ -3070,11 +3072,11 @@ img.file-preview-card__asset,video.file-preview-card__asset{
 }
 
 .file-preview-card__see-more:focus-visible,.file-preview-card__see-more:hover{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-background-color-rgb, var(--color-state-secondary-hover-rgb)), .5);
 }
 
 .file-preview-card__see-more:active{
-  background-color:rgba(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
+  background-color:rgb(var(--file-preview-card-see-more-interactive-active-background-color-rgb, var(--color-state-secondary-active-rgb)), .5);
 }
 
 .file-preview-card__footer{
@@ -8879,7 +8881,7 @@ span[role=region].section-notice{
   margin-inline-end:var(--spacing-200);
 }
 
-.section-notice__header+.section-notice__main{
+.section-notice__header+.section-notice__main,.section-notice__header~.section-notice__cta{
   grid-column:2;
 }
 
@@ -8896,10 +8898,10 @@ span[role=region].section-notice{
 }
 
 p.section-notice__cta{
-  grid-column:2;
+  grid-column:1 /  3;
   grid-row:2;
   justify-self:flex-start;
-  margin-right:var(--spacing-200);
+  margin-bottom:0;
   margin-top:var(--spacing-200);
 }
 .section-notice__main .section-notice__title~p{
@@ -8913,10 +8915,13 @@ p.section-notice__cta{
     grid-column:4;
     grid-row:1;
     justify-self:flex-end;
-    margin-bottom:0;
+    margin-right:var(--spacing-200);
     margin-top:0;
     padding-right:var(--spacing-200);
   }
+  .section-notice__header~.section-notice__cta{
+    grid-column:4;
+  }
   .section-notice__footer{
     padding-left:var(--spacing-200);
   }
@@ -10177,8 +10182,8 @@ input.textbox__control[readonly]:focus,textarea.textbox__control[readonly]:focus
   width:100%;
 }
 :root{
-  --dialog-scrim-color-hide:rgba(17, 24, 32, 0);
-  --dialog-scrim-color-show:rgba(17, 24, 32, 0.7);
+  --dialog-scrim-color-hide:rgb(17, 24, 32, 0);
+  --dialog-scrim-color-show:rgb(17, 24, 32, 0.7);
   --dialog-lightbox-max-width:616px;
 }
 .toast-dialog{
@@ -11279,7 +11284,7 @@ button.tooltip__close{
   }
 }
 :root{
-  --bubble-shadow:0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+  --bubble-shadow:0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .tourtip{
   position:relative;

package/dist/ccd/ccd.css

@@ -1,11 +1,20 @@
+@font-face {
+    font-family: Reddit Sans Condensed Bold;
+    src: url(https://ir.ebaystatic.com/cr/v/c01/Reddit_Sans_Condensed_Bold/RedditSansCondensed-Bold.ttf);
+}
 .ccd {
     display: inline-flex;
+    font-family:
+        Reddit Sans Condensed Bold,
+        Market Sans,
+        Arial,
+        sans-serif;
     gap: 8px;
 }
 
 .ccd__charger-icon {
-    height: 78px;
-    width: 58px;
+    height: 57px;
+    width: 42px;
 }
 
 .ccd__description-figure {
@@ -13,12 +22,12 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    width: 55px;
+    width: 39px;
 }
 
 .ccd__top-icon {
-    height: 24px;
-    width: 35px;
+    height: 18px;
+    width: 27px;
 }
 
 .ccd__body {
@@ -29,10 +38,9 @@
     flex-direction: column;
     font-size: 0.4375rem;
     font-weight: var(--font-weight-bold);
-    gap: 2px;
-    height: 53px;
+    height: 37px;
     justify-content: center;
     overflow: hidden;
     text-align: center;
-    width: 53px;
+    width: 39px;
 }

package/dist/chips-combobox/chips-combobox.css

@@ -3,10 +3,8 @@
     border: 1px solid var(--color-stroke-default);
     border-radius: var(--border-radius-50);
     display: inline-block;
-    padding-bottom: var(--spacing-100);
-    padding-inline-end: var(--spacing-200);
-    padding-inline-start: var(--spacing-100);
-    padding-top: var(--spacing-100);
+    padding-block: var(--spacing-100);
+    padding-inline: var(--spacing-100) var(--spacing-200);
     position: relative;
 }
 

package/dist/combobox/combobox.css

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .combobox {
     box-sizing: border-box;

package/dist/confirm-dialog/confirm-dialog.css

@@ -1,6 +1,6 @@
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
 }
 .confirm-dialog[role="dialog"] {

package/dist/date-textbox/date-textbox.css

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .date-textbox {
     --calendar-month-width: 311px;

package/dist/drawer-dialog/drawer-dialog.css

@@ -1,7 +1,7 @@
 /*! DEPRECATED COMPONENT. Will be removed next major version */
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
 }
 .drawer-dialog[role="dialog"] {

package/dist/file-preview-card/file-preview-card.css

@@ -100,7 +100,7 @@ video.file-preview-card__asset {
 
 .file-preview-card__see-more {
     aspect-ratio: 1/1;
-    background-color: rgba(
+    background-color: rgb(
         var(
             --file-preview-card-see-more-background-color-rgb,
             var(--color-background-strong-rgb)
@@ -136,7 +136,7 @@ video.file-preview-card__asset {
 
 .file-preview-card__see-more:focus-visible,
 .file-preview-card__see-more:hover {
-    background-color: rgba(
+    background-color: rgb(
         var(
             --file-preview-card-see-more-interactive-background-color-rgb,
             var(--color-state-secondary-hover-rgb)
@@ -146,7 +146,7 @@ video.file-preview-card__asset {
 }
 
 .file-preview-card__see-more:active {
-    background-color: rgba(
+    background-color: rgb(
         var(
             --file-preview-card-see-more-interactive-active-background-color-rgb,
             var(--color-state-secondary-active-rgb)

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

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 div.filter-group {
     display: flex;

package/dist/fullscreen-dialog/fullscreen-dialog.css

@@ -1,7 +1,7 @@
 /*! DEPRECATED COMPONENT. Will be removed next major version */
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
 }
 .fullscreen-dialog[role="dialog"] {

package/dist/infotip/infotip.css

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .infotip {
     position: relative;

package/dist/lightbox-dialog/lightbox-dialog.css

@@ -1,6 +1,6 @@
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
     --dialog-lightbox-wide-max-width: 896px;
     --dialog-lightbox-narrow-max-width: 480px;

package/dist/listbox/listbox.css

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 div.listbox {
     margin: var(--spacing-200) 0;

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

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .listbox-button {
     line-height: normal;

package/dist/menu/menu.css

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .fake-menu__items,
 .menu__items {

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

@@ -1,6 +1,5 @@
 :root {
-    --bubble-shadow:
-        0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
+    --bubble-shadow: 0 2px 7px rgb(0, 0, 0, 0.15), 0 5px 17px rgb(0, 0, 0, 0.2);
 }
 .fake-menu-button,
 .menu-button {

package/dist/mixins/_utility-mixins.scss

@@ -32,7 +32,7 @@
     position: relative;
 
     &::after {
-        background: rgba(0, 0, 0, 0.05);
+        background: rgb(0, 0, 0, 0.05);
         bottom: 0;
         content: "";
         display: block;

package/dist/panel-dialog/panel-dialog.css

@@ -1,6 +1,6 @@
 :root {
-    --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
-    --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
+    --dialog-scrim-color-hide: rgb(17, 24, 32, 0);
+    --dialog-scrim-color-show: rgb(17, 24, 32, 0.7);
     --dialog-lightbox-max-width: 616px;
 }
 .panel-dialog[role="dialog"] {