@ebay/skin 19.19.0 → 19.20.0

package/dist/bundles/skin-default.css

@@ -2655,8 +2655,7 @@ span.combobox{
   top:calc(50% - 8px);
 }
 .combobox__control>input{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-border-medium));
   border-radius:var(--combobox-textbox-border-radius, var(--border-radius-50));
@@ -5784,10 +5783,7 @@ 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;
-}
-a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
+a.icon-link--transparent,a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
   background-color:initial;
 }
 a.icon-link:visited>svg{
@@ -7865,8 +7861,7 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -webkit-appearance:textfield;
-          appearance:textfield;
+  appearance:textfield;
 }
 .number-input .icon-btn{
   transform:scale(1);
@@ -9692,8 +9687,7 @@ span.select{
   display:inline-block;
 }
 .select select{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-border-medium));
   border-radius:var(--select-border-radius, var(--border-radius-50));
@@ -10544,19 +10538,23 @@ span.switch__control:focus:not(:focus-visible){
 [dir=rtl] .table-cell--numeric{
   text-align:left;
 }
-.fake-tabs,.tabs{
-  margin-top:var(--spacing-200);
-}
 span.fake-tabs,span.tabs{
   display:inline-block;
 }
 div.tabs__items[role=tablist],ul.fake-tabs__items{
+  display:flex;
+  flex-wrap:wrap;
   font-size:var(--font-size-body);
+  gap:var(--spacing-50);
+  margin:0;
+  margin-inline-start:calc(0px - var(--spacing-200));
+}
+.fake-tabs--large ul.fake-tabs__items,.tabs--large div.tabs__items[role=tablist]{
+  font-size:var(--font-size-medium);
+  font-weight:var(--font-weight-600);
 }
 ul.fake-tabs__items{
-  display:block;
   list-style:none;
-  margin:0;
   padding:0;
 }
 div.tabs__item[role=tab]{
@@ -10567,19 +10565,13 @@ div.tabs__item[role=tab],li.fake-tabs__item{
   position:relative;
   -webkit-tap-highlight-color:var(--color-background-secondary);
 }
-div.tabs__item[role=tab]:not(:last-child),li.fake-tabs__item:not(:last-child){
-  margin-inline-end:var(--spacing-450);
-}
 li.fake-tabs__item>a{
-  padding:1px 0;
   text-decoration:none;
 }
-div.tabs__item[role=tab]>span{
-  padding:2px 0;
-}
 div.tabs__item[role=tab],li.fake-tabs__item>a{
   color:var(--tabs-item-foreground-color, var(--color-foreground-secondary));
   display:inline-block;
+  padding:var(--spacing-150) var(--spacing-200);
 }
 div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   background-color:initial;
@@ -10587,9 +10579,8 @@ div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   content:"";
   display:block;
   height:2px;
-  margin-top:var(--spacing-50);
+  inset:auto var(--spacing-200) 0;
   position:absolute;
-  width:100%;
 }
 div.tabs__item[role=tab][aria-selected=true],li.fake-tabs__item>a[aria-current]{
   color:var(--tabs-item-selected-foreground-color, var(--color-foreground-primary));
@@ -10681,8 +10672,7 @@ input.textbox__control:last-child:not([readonly]){
   padding-inline-end:var(--spacing-200);
 }
 input.textbox__control,textarea.textbox__control{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   flex-grow:1;
   font-size:1em;
   height:40px;
@@ -11823,7 +11813,7 @@ span.tourtip__mask{
 .tourtip__content p:not(:first-of-type){
   margin-top:var(--spacing-50);
 }
-button.tourtip__close{
+.tourtip button.tourtip__close{
   align-self:flex-start;
   background:none;
   border:0;
@@ -11835,7 +11825,7 @@ button.tourtip__close{
   white-space:nowrap;
   width:32px;
 }
-button.tourtip__close svg.icon{
+.tourtip button.tourtip__close svg.icon{
   fill:var(--tourtip-foreground-color, var(--color-foreground-on-inverse));
 }
 .tourtip__pointer{

package/dist/bundles/skin-full.css

@@ -2869,8 +2869,7 @@ span.combobox{
   top:calc(50% - 8px);
 }
 .combobox__control>input{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-border-medium));
   border-radius:var(--combobox-textbox-border-radius, var(--border-radius-50));
@@ -5998,10 +5997,7 @@ 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;
-}
-a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
+a.icon-link--transparent,a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
   background-color:initial;
 }
 a.icon-link:visited>svg{
@@ -8079,8 +8075,7 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -webkit-appearance:textfield;
-          appearance:textfield;
+  appearance:textfield;
 }
 .number-input .icon-btn{
   transform:scale(1);
@@ -9906,8 +9901,7 @@ span.select{
   display:inline-block;
 }
 .select select{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-border-medium));
   border-radius:var(--select-border-radius, var(--border-radius-50));
@@ -10758,19 +10752,23 @@ span.switch__control:focus:not(:focus-visible){
 [dir=rtl] .table-cell--numeric{
   text-align:left;
 }
-.fake-tabs,.tabs{
-  margin-top:var(--spacing-200);
-}
 span.fake-tabs,span.tabs{
   display:inline-block;
 }
 div.tabs__items[role=tablist],ul.fake-tabs__items{
+  display:flex;
+  flex-wrap:wrap;
   font-size:var(--font-size-body);
+  gap:var(--spacing-50);
+  margin:0;
+  margin-inline-start:calc(0px - var(--spacing-200));
+}
+.fake-tabs--large ul.fake-tabs__items,.tabs--large div.tabs__items[role=tablist]{
+  font-size:var(--font-size-medium);
+  font-weight:var(--font-weight-600);
 }
 ul.fake-tabs__items{
-  display:block;
   list-style:none;
-  margin:0;
   padding:0;
 }
 div.tabs__item[role=tab]{
@@ -10781,19 +10779,13 @@ div.tabs__item[role=tab],li.fake-tabs__item{
   position:relative;
   -webkit-tap-highlight-color:var(--color-background-secondary);
 }
-div.tabs__item[role=tab]:not(:last-child),li.fake-tabs__item:not(:last-child){
-  margin-inline-end:var(--spacing-450);
-}
 li.fake-tabs__item>a{
-  padding:1px 0;
   text-decoration:none;
 }
-div.tabs__item[role=tab]>span{
-  padding:2px 0;
-}
 div.tabs__item[role=tab],li.fake-tabs__item>a{
   color:var(--tabs-item-foreground-color, var(--color-foreground-secondary));
   display:inline-block;
+  padding:var(--spacing-150) var(--spacing-200);
 }
 div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   background-color:initial;
@@ -10801,9 +10793,8 @@ div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   content:"";
   display:block;
   height:2px;
-  margin-top:var(--spacing-50);
+  inset:auto var(--spacing-200) 0;
   position:absolute;
-  width:100%;
 }
 div.tabs__item[role=tab][aria-selected=true],li.fake-tabs__item>a[aria-current]{
   color:var(--tabs-item-selected-foreground-color, var(--color-foreground-primary));
@@ -10895,8 +10886,7 @@ input.textbox__control:last-child:not([readonly]){
   padding-inline-end:var(--spacing-200);
 }
 input.textbox__control,textarea.textbox__control{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   flex-grow:1;
   font-size:1em;
   height:40px;
@@ -12037,7 +12027,7 @@ span.tourtip__mask{
 .tourtip__content p:not(:first-of-type){
   margin-top:var(--spacing-50);
 }
-button.tourtip__close{
+.tourtip button.tourtip__close{
   align-self:flex-start;
   background:none;
   border:0;
@@ -12049,7 +12039,7 @@ button.tourtip__close{
   white-space:nowrap;
   width:32px;
 }
-button.tourtip__close svg.icon{
+.tourtip button.tourtip__close svg.icon{
   fill:var(--tourtip-foreground-color, var(--color-foreground-on-inverse));
 }
 .tourtip__pointer{

package/dist/bundles/skin-headless.css

@@ -2015,8 +2015,7 @@ span.combobox{
   top:calc(50% - 8px);
 }
 .combobox__control>input{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--combobox-textbox-background-color, var(--color-background-secondary));
   border-color:var(--combobox-textbox-border-color, var(--color-border-medium));
   border-radius:var(--combobox-textbox-border-radius, var(--border-radius-50));
@@ -5144,10 +5143,7 @@ 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;
-}
-a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
+a.icon-link--transparent,a.icon-link--transparent:not([disabled],[aria-disabled=true]):active:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,a.icon-link--transparent:not([disabled],[aria-disabled=true]):hover:after,a.icon-link--transparent[href]:active:after,a.icon-link--transparent[href]:focus-visible:after,a.icon-link--transparent[href]:hover:after,button.icon-btn--transparent,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):active:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):focus-visible:after,button.icon-btn--transparent:not([disabled],[aria-disabled=true]):hover:after,button.icon-btn--transparent[href]:active:after,button.icon-btn--transparent[href]:focus-visible:after,button.icon-btn--transparent[href]:hover:after{
   background-color:initial;
 }
 a.icon-link:visited>svg{
@@ -7225,8 +7221,7 @@ span.listbox-button__value{
   margin:0;
 }
 .number-input .textbox .textbox__control[type=number]{
-  -webkit-appearance:textfield;
-          appearance:textfield;
+  appearance:textfield;
 }
 .number-input .icon-btn{
   transform:scale(1);
@@ -9052,8 +9047,7 @@ span.select{
   display:inline-block;
 }
 .select select{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   background-color:var(--select-background-color, var(--color-background-secondary));
   border-color:var(--select-border-color, var(--color-border-medium));
   border-radius:var(--select-border-radius, var(--border-radius-50));
@@ -9904,19 +9898,23 @@ span.switch__control:focus:not(:focus-visible){
 [dir=rtl] .table-cell--numeric{
   text-align:left;
 }
-.fake-tabs,.tabs{
-  margin-top:var(--spacing-200);
-}
 span.fake-tabs,span.tabs{
   display:inline-block;
 }
 div.tabs__items[role=tablist],ul.fake-tabs__items{
+  display:flex;
+  flex-wrap:wrap;
   font-size:var(--font-size-body);
+  gap:var(--spacing-50);
+  margin:0;
+  margin-inline-start:calc(0px - var(--spacing-200));
+}
+.fake-tabs--large ul.fake-tabs__items,.tabs--large div.tabs__items[role=tablist]{
+  font-size:var(--font-size-medium);
+  font-weight:var(--font-weight-600);
 }
 ul.fake-tabs__items{
-  display:block;
   list-style:none;
-  margin:0;
   padding:0;
 }
 div.tabs__item[role=tab]{
@@ -9927,19 +9925,13 @@ div.tabs__item[role=tab],li.fake-tabs__item{
   position:relative;
   -webkit-tap-highlight-color:var(--color-background-secondary);
 }
-div.tabs__item[role=tab]:not(:last-child),li.fake-tabs__item:not(:last-child){
-  margin-inline-end:var(--spacing-450);
-}
 li.fake-tabs__item>a{
-  padding:1px 0;
   text-decoration:none;
 }
-div.tabs__item[role=tab]>span{
-  padding:2px 0;
-}
 div.tabs__item[role=tab],li.fake-tabs__item>a{
   color:var(--tabs-item-foreground-color, var(--color-foreground-secondary));
   display:inline-block;
+  padding:var(--spacing-150) var(--spacing-200);
 }
 div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   background-color:initial;
@@ -9947,9 +9939,8 @@ div.tabs__item[role=tab]:after,li.fake-tabs__item>a:after{
   content:"";
   display:block;
   height:2px;
-  margin-top:var(--spacing-50);
+  inset:auto var(--spacing-200) 0;
   position:absolute;
-  width:100%;
 }
 div.tabs__item[role=tab][aria-selected=true],li.fake-tabs__item>a[aria-current]{
   color:var(--tabs-item-selected-foreground-color, var(--color-foreground-primary));
@@ -10041,8 +10032,7 @@ input.textbox__control:last-child:not([readonly]){
   padding-inline-end:var(--spacing-200);
 }
 input.textbox__control,textarea.textbox__control{
-  -webkit-appearance:none;
-          appearance:none;
+  appearance:none;
   flex-grow:1;
   font-size:1em;
   height:40px;
@@ -11183,7 +11173,7 @@ span.tourtip__mask{
 .tourtip__content p:not(:first-of-type){
   margin-top:var(--spacing-50);
 }
-button.tourtip__close{
+.tourtip button.tourtip__close{
   align-self:flex-start;
   background:none;
   border:0;
@@ -11195,7 +11185,7 @@ button.tourtip__close{
   white-space:nowrap;
   width:32px;
 }
-button.tourtip__close svg.icon{
+.tourtip button.tourtip__close svg.icon{
   fill:var(--tourtip-foreground-color, var(--color-foreground-on-inverse));
 }
 .tourtip__pointer{

package/dist/combobox/combobox.css

@@ -193,7 +193,6 @@ span.combobox {
     top: calc(50% - 8px);
 }
 .combobox__control > input {
-    -webkit-appearance: none;
     appearance: none;
     background-color: var(
         --combobox-textbox-background-color,

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

@@ -101,9 +101,6 @@ button.icon-btn.icon-btn--large {
     width: 48px;
 }
 a.icon-link--transparent,
-button.icon-btn--transparent {
-    background-color: initial;
-}
 a.icon-link--transparent:not([disabled], [aria-disabled="true"]):active:after,
 a.icon-link--transparent:not(
         [disabled],
@@ -113,6 +110,7 @@ a.icon-link--transparent:not([disabled], [aria-disabled="true"]):hover:after,
 a.icon-link--transparent[href]:active:after,
 a.icon-link--transparent[href]:focus-visible:after,
 a.icon-link--transparent[href]:hover:after,
+button.icon-btn--transparent,
 button.icon-btn--transparent:not(
         [disabled],
         [aria-disabled="true"]

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

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

package/dist/select/select.css

@@ -7,7 +7,6 @@ span.select {
     display: inline-block;
 }
 .select select {
-    -webkit-appearance: none;
     appearance: none;
     background-color: var(
         --select-background-color,

package/dist/svg/icon/icon-arrow-down-12.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m5.477 10.79-4.27-4.288A.717.717 0 0 1 1.21 5.49a.71.71 0 0 1 1.007.003l3.054 3.073V1.715a.713.713 0 1 1 1.423 0v6.852l3.054-3.073a.71.71 0 0 1 1.232.298.716.716 0 0 1-.229.71l-4.27 4.287a.71.71 0 0 1-1.004 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-down-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.028 2v9.59l-4.307-4.3a1.011 1.011 0 0 0-1.426 0 1.001 1.001 0 0 0 0 1.42l6.024 6a1.007 1.007 0 0 0 1.416 0l6.024-6a.997.997 0 0 0-.053-1.358 1.007 1.007 0 0 0-1.363-.052l-4.307 4.29V2c0-.552-.45-1-1.004-1-.555 0-1.004.448-1.004 1Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-down-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M2.293 9.293a1 1 0 0 1 1.414 0L9 14.586V3a1 1 0 1 1 2 0v11.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-down-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11 3v15.585l-6.287-6.298a1.002 1.002 0 0 0-1.679.45c-.093.347.006.716.26.97l7.996 7.997a1 1 0 0 0 1.419 0l7.995-7.998a1.001 1.001 0 0 0 0-1.42 1 1 0 0 0-1.419 0l-6.286 6.299V3a1 1 0 0 0-2 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-up-12.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m5.477 1.208-4.27 4.287a.717.717 0 0 0 .003 1.01.71.71 0 0 0 1.007-.003L5.271 3.43v6.852a.713.713 0 1 0 1.423 0V3.43l3.054 3.072a.71.71 0 0 0 1.232-.297.716.716 0 0 0-.229-.71l-4.27-4.287a.71.71 0 0 0-1.004 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-up-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M8.354 1.075a.994.994 0 0 0-1.086.22L1.29 7.297a1.004 1.004 0 0 0 .005 1.416.994.994 0 0 0 1.41-.005l4.274-4.302V14c0 .552.446 1 .997 1 .55 0 .996-.448.996-1V4.406l4.275 4.302a.994.994 0 0 0 1.725-.417 1.003 1.003 0 0 0-.32-.994L8.673 1.295a.996.996 0 0 0-.319-.22Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-up-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M2.293 10.707a1 1 0 0 0 1.414 0L9 5.414V17a1 1 0 1 0 2 0V5.414l5.293 5.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z"
+  />
+</svg>

package/dist/svg/icon/icon-arrow-up-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="m11.29 2.296-7.996 7.998a1.004 1.004 0 0 0 1.419 1.42L11 5.414V21a1 1 0 0 0 1.998 0V5.415l6.287 6.298a1 1 0 0 0 1.42 0 1.001 1.001 0 0 0 0-1.42l-7.996-7.997a1 1 0 0 0-1.42 0Z"
+  />
+</svg>

package/dist/svg/icon/icon-desktop-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M13.5 1A2.5 2.5 0 0 1 16 3.5v6a2.5 2.5 0 0 1-2.5 2.5H9v2h2a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h2v-2H2.5A2.5 2.5 0 0 1 0 9.5l.001-6a2.5 2.5 0 0 1 2.5-2.5H13.5ZM2.501 3a.5.5 0 0 0-.5.5L2 9.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5H2.501Z"
+  />
+</svg>

package/dist/svg/icon/icon-desktop-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M16 2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-5v2h3a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h3v-2H4a3 3 0 0 1-2.996-2.846L1 12V5a3 3 0 0 1 3-3h12ZM4 4a1 1 0 0 0-1 1v7l.005.102A1 1 0 0 0 4 13h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4Z"
+  />
+</svg>

package/dist/svg/icon/icon-desktop-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M20 2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-7v3h4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4v-3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h16ZM4 4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4Z"
+  />
+</svg>

package/dist/svg/icon/icon-lightning-bolt-filled-12.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M5.368.343a.751.751 0 0 1 1.38.407v3h2.247c1.189 0 1.904 1.319 1.257 2.316l-3.626 5.592a.75.75 0 0 1-1.378-.408v-3H3.005c-1.188 0-1.905-1.318-1.258-2.315L5.367.343Z"
+  />
+</svg>

package/dist/svg/icon/icon-lightning-bolt-filled-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M7.157.456A1 1 0 0 1 8.997 1v4h2.996c1.585 0 2.54 1.757 1.677 3.088l-4.835 7.456A1 1 0 0 1 6.997 15v-4h-2.99c-1.585 0-2.54-1.756-1.678-3.087L7.157.456Z"
+  />
+</svg>

package/dist/svg/icon/icon-lightning-bolt-filled-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11.167.447A1 1 0 0 1 13 1v7h5.497c1.994 0 3.185 2.221 2.083 3.883l-7.747 11.67A1 1 0 0 1 11 23v-7H5.503c-1.994 0-3.186-2.22-2.083-3.882L11.167.448Z"
+  />
+</svg>

package/dist/svg/icon/icon-mobile-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M10.5 0A2.5 2.5 0 0 1 13 2.5v11a2.5 2.5 0 0 1-2.5 2.5h-5A2.5 2.5 0 0 1 3 13.5v-11A2.5 2.5 0 0 1 5.5 0h5Zm-5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-5Zm3 9.5a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5h1Z"
+  />
+</svg>

package/dist/svg/icon/icon-mobile-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M13 1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM7 3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H7Zm3.75 11a1 1 0 1 1 0 2h-1.5a1 1 0 1 1 0-2h1.5Z"
+  />
+</svg>

package/dist/svg/icon/icon-mobile-24.svg

@@ -1,6 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M11 18h2a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2Z" />
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M16 1H8a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3ZM8 3h8a1 1 0 0 1 1 1H7a1 1 0 0 1 1-1ZM7 6h10v9H7V6Zm0 11h10v3a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3Z"
+    d="M16.154 1.004A3 3 0 0 1 19 4v16a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h8l.154.004ZM8 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-.898-.995L16 3H8Zm5 15a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
   />
 </svg>

package/dist/svg/icon/icon-mobile-signal-24.svg

@@ -1,9 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M7 18h2a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2Z" />
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M12 1H4a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3ZM4 3h8a1 1 0 0 1 1 1H3a1 1 0 0 1 1-1ZM3 6h10v9H3V6Zm0 11h10v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-3ZM16.294 4.291a1 1 0 0 1 1.415.003C18.54 5.13 19 5.957 19 7c0 1.044-.459 1.871-1.292 2.706a1 1 0 1 1-1.416-1.412C16.787 7.797 17 7.414 17 7c0-.413-.213-.797-.709-1.294a1 1 0 0 1 .003-1.415Z"
-  />
-  <path
-    d="M20.613 2.21a1 1 0 0 0-1.205 1.596A3.991 3.991 0 0 1 21 7c0 1.27-.595 2.44-1.59 3.193a1 1 0 0 0 1.206 1.595A5.991 5.991 0 0 0 23 7a5.991 5.991 0 0 0-2.387-4.79Z"
+    d="M12.154 1.004A3 3 0 0 1 15 4v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h8l.154.004ZM4 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-.898-.995L12 3H4Zm5 15a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h2ZM19.213 2.398a.999.999 0 0 1 1.4-.196A6.006 6.006 0 0 1 23 7.001a6.004 6.004 0 0 1-2.384 4.796.999.999 0 0 1-1.4-.195 1.003 1.003 0 0 1 .194-1.403A4 4 0 0 0 21 7.001a4.001 4.001 0 0 0-1.592-3.2 1.002 1.002 0 0 1-.195-1.403Zm-2.42 1.89a1 1 0 0 1 1.416.003c.832.837 1.291 1.666 1.291 2.71 0 1.046-.459 1.874-1.292 2.71a.999.999 0 0 1-1.414.002 1.002 1.002 0 0 1-.002-1.416c.495-.497.708-.881.708-1.296 0-.413-.214-.799-.709-1.297a1.003 1.003 0 0 1 .003-1.416Z"
   />
 </svg>

package/dist/svg/icon/icon-pin-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.563.508A1 1 0 0 1 7.926.13l6.466 3.66a1 1 0 1 1-.985 1.74l-.608-.343-1.76 3.015.27 1.887a1.34 1.34 0 0 1-.086.692l-.042.093-.589 1.178c-.271.543-.942.75-1.472.455l-2.078-1.155-2.375 4.146a1 1 0 1 1-1.735-.995l2.361-4.121-2.056-1.143c-.5-.277-.692-.9-.437-1.41l.583-1.167c.141-.282.379-.505.668-.629l1.903-.816 1.628-2.984-.641-.362A1 1 0 0 1 6.563.508Zm.992 5.951c-.114.21-.296.375-.515.469l-1.976.846-.074.15 4.249 2.361.06-.12-.286-2a1.064 1.064 0 0 1 .134-.688L11.058 4.2l-1.736-.98-1.767 3.24Z"
+  />
+</svg>

package/dist/svg/icon/icon-pin-filled-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.563.508A1 1 0 0 1 7.927.13l6.465 3.66a1 1 0 1 1-.985 1.74l-.608-.344-1.76 3.016.27 1.887c.033.235.004.474-.086.692l-.042.093-.588 1.178c-.272.543-.942.75-1.473.455l-2.077-1.155-2.376 4.146a1 1 0 1 1-1.735-.995l2.363-4.122-2.058-1.143a1.067 1.067 0 0 1-.436-1.409l.583-1.167c.14-.282.378-.505.668-.629l1.902-.816 1.628-2.985-.64-.362a1 1 0 0 1-.38-1.362Z"
+  />
+</svg>

package/dist/svg/icon/icon-tablet-16.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M12 0a2.5 2.5 0 0 1 2.5 2.5v11A2.5 2.5 0 0 1 12 16H4a2.5 2.5 0 0 1-2.5-2.5v-11A2.5 2.5 0 0 1 4 0h8ZM4 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-11A.5.5 0 0 0 12 2H4Zm5 9.5A.75.75 0 0 1 9 13H7a.75.75 0 0 1 0-1.5h2Z"
+  />
+</svg>

package/dist/svg/icon/icon-tablet-20.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M15 1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h10ZM5 3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H5Zm6.5 11a1 1 0 1 1 0 2h-3a1 1 0 1 1 0-2h3Z"
+  />
+</svg>

package/dist/svg/icon/icon-tablet-24.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M18 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H6Zm8 15a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2h4Z"
+  />
+</svg>

package/dist/svg/icons.svg

@@ -790,6 +790,26 @@
       clip-rule="evenodd"
     />
   </symbol>
+  <symbol viewBox="0 0 12 12" id="icon-arrow-down-12">
+    <path
+      d="m5.477 10.79-4.27-4.288A.717.717 0 0 1 1.21 5.49a.71.71 0 0 1 1.007.003l3.054 3.073V1.715a.713.713 0 1 1 1.423 0v6.852l3.054-3.073a.71.71 0 0 1 1.232.298.716.716 0 0 1-.229.71l-4.27 4.287a.71.71 0 0 1-1.004 0Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-arrow-down-16">
+    <path
+      d="M7.028 2v9.59l-4.307-4.3a1.011 1.011 0 0 0-1.426 0 1.001 1.001 0 0 0 0 1.42l6.024 6a1.007 1.007 0 0 0 1.416 0l6.024-6a.997.997 0 0 0-.053-1.358 1.007 1.007 0 0 0-1.363-.052l-4.307 4.29V2c0-.552-.45-1-1.004-1-.555 0-1.004.448-1.004 1Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-arrow-down-20">
+    <path
+      d="M2.293 9.293a1 1 0 0 1 1.414 0L9 14.586V3a1 1 0 1 1 2 0v11.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-arrow-down-24">
+    <path
+      d="M11 3v15.585l-6.287-6.298a1.002 1.002 0 0 0-1.679.45c-.093.347.006.716.26.97l7.996 7.997a1 1 0 0 0 1.419 0l7.995-7.998a1.001 1.001 0 0 0 0-1.42 1 1 0 0 0-1.419 0l-6.286 6.299V3a1 1 0 0 0-2 0Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 12 12" id="icon-arrow-left-12">
     <path
       d="M1.211 5.477 5.5 1.207a.717.717 0 0 1 1.01.003.71.71 0 0 1-.003 1.007L3.434 5.271h6.852a.713.713 0 1 1 0 1.423H3.434l3.072 3.054a.71.71 0 0 1-.298 1.232.716.716 0 0 1-.71-.229l-4.287-4.27a.71.71 0 0 1 0-1.004Z"
@@ -830,6 +850,26 @@
       d="m21.71 11.29-8-8a1.004 1.004 0 0 0-1.42 1.42l6.3 6.29H3a1 1 0 0 0 0 2h15.59l-6.3 6.29a1.001 1.001 0 0 0 0 1.42 1.001 1.001 0 0 0 1.42 0l8-8a1.001 1.001 0 0 0 0-1.42Z"
     />
   </symbol>
+  <symbol viewBox="0 0 12 12" id="icon-arrow-up-12">
+    <path
+      d="m5.477 1.208-4.27 4.287a.717.717 0 0 0 .003 1.01.71.71 0 0 0 1.007-.003L5.271 3.43v6.852a.713.713 0 1 0 1.423 0V3.43l3.054 3.072a.71.71 0 0 0 1.232-.297.716.716 0 0 0-.229-.71l-4.27-4.287a.71.71 0 0 0-1.004 0Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-arrow-up-16">
+    <path
+      d="M8.354 1.075a.994.994 0 0 0-1.086.22L1.29 7.297a1.004 1.004 0 0 0 .005 1.416.994.994 0 0 0 1.41-.005l4.274-4.302V14c0 .552.446 1 .997 1 .55 0 .996-.448.996-1V4.406l4.275 4.302a.994.994 0 0 0 1.725-.417 1.003 1.003 0 0 0-.32-.994L8.673 1.295a.996.996 0 0 0-.319-.22Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-arrow-up-20">
+    <path
+      d="M2.293 10.707a1 1 0 0 0 1.414 0L9 5.414V17a1 1 0 1 0 2 0V5.414l5.293 5.293a1 1 0 0 0 1.414-1.414l-7-7a1 1 0 0 0-1.414 0l-7 7a1 1 0 0 0 0 1.414Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-arrow-up-24">
+    <path
+      d="m11.29 2.296-7.996 7.998a1.004 1.004 0 0 0 1.419 1.42L11 5.414V21a1 1 0 0 0 1.998 0V5.415l6.287 6.298a1 1 0 0 0 1.42 0 1.001 1.001 0 0 0 0-1.42l-7.996-7.997a1 1 0 0 0-1.42 0Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-arrows-3d-16">
     <path
       fill-rule="evenodd"
@@ -2501,6 +2541,21 @@
       d="M20 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h16ZM4 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4Zm13.1 7.005c.506.051.9.478.9.997v3.996c0 .553-.449 1.002-1.002 1.002H7.002c-.519 0-.946-.394-.997-.9L6 15.999v-3.996C6 11.449 6.449 11 7.002 11h9.996l.103.005ZM17 7a1 1 0 1 1 0 2H7a1 1 0 0 1 0-2h10Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-desktop-16">
+    <path
+      d="M13.5 1A2.5 2.5 0 0 1 16 3.5v6a2.5 2.5 0 0 1-2.5 2.5H9v2h2a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h2v-2H2.5A2.5 2.5 0 0 1 0 9.5l.001-6a2.5 2.5 0 0 1 2.5-2.5H13.5ZM2.501 3a.5.5 0 0 0-.5.5L2 9.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5H2.501Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-desktop-20">
+    <path
+      d="M16 2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-5v2h3a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2h3v-2H4a3 3 0 0 1-2.996-2.846L1 12V5a3 3 0 0 1 3-3h12ZM4 4a1 1 0 0 0-1 1v7l.005.102A1 1 0 0 0 4 13h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-desktop-24">
+    <path
+      d="M20 2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-7v3h4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4v-3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h16ZM4 4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-diamond-16">
     <path
       fill-rule="evenodd"
@@ -6646,6 +6701,21 @@
       d="M12.288.043A1 1 0 0 1 13 1v7h5.497c1.994 0 3.186 2.221 2.083 3.883l-7.747 11.67A1 1 0 0 1 11 23v-7H5.502c-1.994 0-3.186-2.22-2.083-3.882L11.166.447a1 1 0 0 1 1.122-.404ZM11 4.315l-5.913 8.909a.5.5 0 0 0 .416.776H12a1 1 0 0 1 1 1v4.685l5.914-8.908a.5.5 0 0 0-.417-.777H12c-.544 0-1-.455-1-1V4.315Z"
     />
   </symbol>
+  <symbol viewBox="0 0 12 12" id="icon-lightning-bolt-filled-12">
+    <path
+      d="M5.368.343a.751.751 0 0 1 1.38.407v3h2.247c1.189 0 1.904 1.319 1.257 2.316l-3.626 5.592a.75.75 0 0 1-1.378-.408v-3H3.005c-1.188 0-1.905-1.318-1.258-2.315L5.367.343Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-lightning-bolt-filled-16">
+    <path
+      d="M7.157.456A1 1 0 0 1 8.997 1v4h2.996c1.585 0 2.54 1.757 1.677 3.088l-4.835 7.456A1 1 0 0 1 6.997 15v-4h-2.99c-1.585 0-2.54-1.756-1.678-3.087L7.157.456Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-lightning-bolt-filled-24">
+    <path
+      d="M11.167.447A1 1 0 0 1 13 1v7h5.497c1.994 0 3.185 2.221 2.083 3.883l-7.747 11.67A1 1 0 0 1 11 23v-7H5.503c-1.994 0-3.186-2.22-2.083-3.882L11.167.448Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-link-24">
     <path
       d="M20.828 3.207c-1.574-1.575-3.95-1.66-5.61.025l-.014.014-4 3.964a1 1 0 1 1-1.408-1.42l3.994-3.96c2.472-2.51 6.124-2.366 8.453-.038 2.344 2.344 2.348 6.053-.027 8.44l-.012.013-4 3.964a1 1 0 0 1-1.408-1.42l3.996-3.96c1.612-1.615 1.595-4.065.036-5.623Z"
@@ -7444,19 +7514,24 @@
       d="M17 10a5 5 0 0 1-10 0V6a5 5 0 0 1 10 0v4Zm-5 3a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v4a3 3 0 0 0 3 3Zm6.797.021a1 1 0 0 1 1.033 1.529A9.002 9.002 0 0 1 13 18.94V21h2a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h2v-2.06a9 9 0 0 1-6.83-4.38 1 1 0 1 1 1.66-1.11A7 7 0 0 0 12 17a7 7 0 0 0 6.16-3.55c.147-.222.376-.376.637-.429Z"
     />
   </symbol>
-  <symbol viewBox="0 0 24 24" id="icon-mobile-24">
-    <path d="M11 18h2a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2Z" />
+  <symbol viewBox="0 0 16 16" id="icon-mobile-16">
     <path
-      d="M16 1H8a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3ZM8 3h8a1 1 0 0 1 1 1H7a1 1 0 0 1 1-1ZM7 6h10v9H7V6Zm0 11h10v3a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3Z"
+      d="M10.5 0A2.5 2.5 0 0 1 13 2.5v11a2.5 2.5 0 0 1-2.5 2.5h-5A2.5 2.5 0 0 1 3 13.5v-11A2.5 2.5 0 0 1 5.5 0h5Zm-5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-5Zm3 9.5a.75.75 0 0 1 0 1.5h-1a.75.75 0 0 1 0-1.5h1Z"
     />
   </symbol>
-  <symbol viewBox="0 0 24 24" id="icon-mobile-signal-24">
-    <path d="M7 18h2a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2Z" />
+  <symbol viewBox="0 0 20 20" id="icon-mobile-20">
+    <path
+      d="M13 1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h6ZM7 3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H7Zm3.75 11a1 1 0 1 1 0 2h-1.5a1 1 0 1 1 0-2h1.5Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-mobile-24">
     <path
-      d="M12 1H4a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3ZM4 3h8a1 1 0 0 1 1 1H3a1 1 0 0 1 1-1ZM3 6h10v9H3V6Zm0 11h10v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-3ZM16.294 4.291a1 1 0 0 1 1.415.003C18.54 5.13 19 5.957 19 7c0 1.044-.459 1.871-1.292 2.706a1 1 0 1 1-1.416-1.412C16.787 7.797 17 7.414 17 7c0-.413-.213-.797-.709-1.294a1 1 0 0 1 .003-1.415Z"
+      d="M16.154 1.004A3 3 0 0 1 19 4v16a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h8l.154.004ZM8 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-.898-.995L16 3H8Zm5 15a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2h2Z"
     />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-mobile-signal-24">
     <path
-      d="M20.613 2.21a1 1 0 0 0-1.205 1.596A3.991 3.991 0 0 1 21 7c0 1.27-.595 2.44-1.59 3.193a1 1 0 0 0 1.206 1.595A5.991 5.991 0 0 0 23 7a5.991 5.991 0 0 0-2.387-4.79Z"
+      d="M12.154 1.004A3 3 0 0 1 15 4v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h8l.154.004ZM4 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-.898-.995L12 3H4Zm5 15a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h2ZM19.213 2.398a.999.999 0 0 1 1.4-.196A6.006 6.006 0 0 1 23 7.001a6.004 6.004 0 0 1-2.384 4.796.999.999 0 0 1-1.4-.195 1.003 1.003 0 0 1 .194-1.403A4 4 0 0 0 21 7.001a4.001 4.001 0 0 0-1.592-3.2 1.002 1.002 0 0 1-.195-1.403Zm-2.42 1.89a1 1 0 0 1 1.416.003c.832.837 1.291 1.666 1.291 2.71 0 1.046-.459 1.874-1.292 2.71a.999.999 0 0 1-1.414.002 1.002 1.002 0 0 1-.002-1.416c.495-.497.708-.881.708-1.296 0-.413-.214-.799-.709-1.297a1.003 1.003 0 0 1 .003-1.416Z"
     />
   </symbol>
   <symbol viewBox="0 0 16 16" id="icon-money-back-guarantee-16">
@@ -9224,6 +9299,11 @@
       d="M6.647 3.32a1 1 0 0 0-1.425-.044L3.129 5.277c-.112.107-.134.211-.128.268.266 2.877 2.541 6.609 5.689 9.76 3.147 3.15 6.875 5.428 9.75 5.695.058.005.162-.017.269-.128l2.013-2.1a1 1 0 0 0-.044-1.427l-3.28-3.024-2.929 1.555a1 1 0 0 1-1.176-.176l-4.999-4.998a1 1 0 0 1-.176-1.175l1.556-2.928L6.647 3.32ZM3.84 1.833a3 3 0 0 1 4.277.133l3.026 3.277c.577.625.695 1.544.297 2.294l-1.209 2.275 3.953 3.953 2.276-1.209a2 2 0 0 1 2.294.296l3.28 3.025a2.998 2.998 0 0 1 .132 4.279l-2.014 2.1c-.458.479-1.138.806-1.896.736-3.574-.332-7.719-3.008-10.981-6.274C4.012 13.451 1.34 9.302 1.009 5.73c-.07-.758.258-1.439.738-1.898l2.093-2Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-pin-16">
+    <path
+      d="M6.563.508A1 1 0 0 1 7.926.13l6.466 3.66a1 1 0 1 1-.985 1.74l-.608-.343-1.76 3.015.27 1.887a1.34 1.34 0 0 1-.086.692l-.042.093-.589 1.178c-.271.543-.942.75-1.472.455l-2.078-1.155-2.375 4.146a1 1 0 1 1-1.735-.995l2.361-4.121-2.056-1.143c-.5-.277-.692-.9-.437-1.41l.583-1.167c.141-.282.379-.505.668-.629l1.903-.816 1.628-2.984-.641-.362A1 1 0 0 1 6.563.508Zm.992 5.951c-.114.21-.296.375-.515.469l-1.976.846-.074.15 4.249 2.361.06-.12-.286-2a1.064 1.064 0 0 1 .134-.688L11.058 4.2l-1.736-.98-1.767 3.24Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-pin-24">
     <path
       fill-rule="evenodd"
@@ -9231,6 +9311,11 @@
       clip-rule="evenodd"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-pin-filled-16">
+    <path
+      d="M6.563.508A1 1 0 0 1 7.927.13l6.465 3.66a1 1 0 1 1-.985 1.74l-.608-.344-1.76 3.016.27 1.887c.033.235.004.474-.086.692l-.042.093-.588 1.178c-.272.543-.942.75-1.473.455l-2.077-1.155-2.376 4.146a1 1 0 1 1-1.735-.995l2.363-4.122-2.058-1.143a1.067 1.067 0 0 1-.436-1.409l.583-1.167c.14-.282.378-.505.668-.629l1.902-.816 1.628-2.985-.64-.362a1 1 0 0 1-.38-1.362Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 24 24" id="icon-pin-filled-24">
     <path
       d="M19.51 7.372a1 1 0 0 0 .98-1.743l-8-4.5a1 1 0 0 0-.98 1.743l.53.299-2.752 5.046L6.274 9.51a1.5 1.5 0 0 0-.75.708l-.876 1.75a1.1 1.1 0 0 0 .45 1.454l3.532 1.962-3.498 6.121a1 1 0 1 0 1.736.992l3.51-6.142 3.545 1.97a1.1 1.1 0 0 0 1.518-.47l.883-1.767a1.5 1.5 0 0 0 .144-.883l-.429-3 2.98-5.108.49.276Z"
@@ -10527,6 +10612,21 @@
       d="M6.595 4.051A3 3 0 0 1 9.442 2h5.117a3 3 0 0 1 2.845 2.051l.317.949H21a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h3.28l.315-.949ZM9.442 4a1 1 0 0 0-.95.684L7.95 6.316A1 1 0 0 1 7 7H3a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-4a1 1 0 0 1-.949-.684l-.544-1.632A1 1 0 0 0 14.56 4H9.442Z"
     />
   </symbol>
+  <symbol viewBox="0 0 16 16" id="icon-tablet-16">
+    <path
+      d="M12 0a2.5 2.5 0 0 1 2.5 2.5v11A2.5 2.5 0 0 1 12 16H4a2.5 2.5 0 0 1-2.5-2.5v-11A2.5 2.5 0 0 1 4 0h8ZM4 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-11A.5.5 0 0 0 12 2H4Zm5 9.5A.75.75 0 0 1 9 13H7a.75.75 0 0 1 0-1.5h2Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 20 20" id="icon-tablet-20">
+    <path
+      d="M15 1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h10ZM5 3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H5Zm6.5 11a1 1 0 1 1 0 2h-3a1 1 0 1 1 0-2h3Z"
+    />
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="icon-tablet-24">
+    <path
+      d="M18 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h12ZM6 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H6Zm8 15a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2h4Z"
+    />
+  </symbol>
   <symbol viewBox="0 0 16 16" id="icon-target-16">
     <path
       fill-rule="evenodd"

package/dist/tabs/tabs.css

@@ -1,8 +1,3 @@
-.fake-tabs,
-.tabs {
-    margin-top: var(--spacing-200);
-}
-
 span.fake-tabs,
 span.tabs {
     display: inline-block;
@@ -10,13 +5,22 @@ span.tabs {
 
 div.tabs__items[role="tablist"],
 ul.fake-tabs__items {
+    display: flex;
+    flex-wrap: wrap;
     font-size: var(--font-size-body);
+    gap: var(--spacing-50);
+    margin: 0;
+    margin-inline-start: calc(0px - var(--spacing-200));
+}
+
+.fake-tabs--large ul.fake-tabs__items,
+.tabs--large div.tabs__items[role="tablist"] {
+    font-size: var(--font-size-medium);
+    font-weight: var(--font-weight-600);
 }
 
 ul.fake-tabs__items {
-    display: block;
     list-style: none;
-    margin: 0;
     padding: 0;
 }
 
@@ -31,24 +35,15 @@ li.fake-tabs__item {
     -webkit-tap-highlight-color: var(--color-background-secondary);
 }
 
-div.tabs__item[role="tab"]:not(:last-child),
-li.fake-tabs__item:not(:last-child) {
-    margin-inline-end: var(--spacing-450);
-}
-
 li.fake-tabs__item > a {
-    padding: 1px 0;
     text-decoration: none;
 }
 
-div.tabs__item[role="tab"] > span {
-    padding: 2px 0;
-}
-
 div.tabs__item[role="tab"],
 li.fake-tabs__item > a {
     color: var(--tabs-item-foreground-color, var(--color-foreground-secondary));
     display: inline-block;
+    padding: var(--spacing-150) var(--spacing-200);
 }
 
 div.tabs__item[role="tab"]:after,
@@ -58,9 +53,8 @@ li.fake-tabs__item > a:after {
     content: "";
     display: block;
     height: 2px;
-    margin-top: var(--spacing-50);
+    inset: auto var(--spacing-200) 0;
     position: absolute;
-    width: 100%;
 }
 
 div.tabs__item[role="tab"][aria-selected="true"],

package/dist/textbox/textbox.css

@@ -98,7 +98,6 @@ input.textbox__control:last-child:not([readonly]) {
 
 input.textbox__control,
 textarea.textbox__control {
-    -webkit-appearance: none;
     appearance: none;
     flex-grow: 1;
     font-size: 1em;

package/dist/tourtip/tourtip.css

@@ -57,7 +57,7 @@ span.tourtip__mask {
 .tourtip__content p:not(:first-of-type) {
     margin-top: var(--spacing-50);
 }
-button.tourtip__close {
+.tourtip button.tourtip__close {
     align-self: flex-start;
     background: none;
     border: 0;
@@ -70,7 +70,7 @@ button.tourtip__close {
     white-space: nowrap;
     width: 32px;
 }
-button.tourtip__close svg.icon {
+.tourtip button.tourtip__close svg.icon {
     fill: var(--tourtip-foreground-color, var(--color-foreground-on-inverse));
 }
 .tourtip__pointer {

package/package.json

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