@rescui/tab-list 0.5.1 → 0.7.0

package/lib/index.css

@@ -1,7 +1,7 @@
-._wrapper_vmedzw_9{
+._wrapper_1oppjhq_9{
   position:relative;
 }
-._tabsContainer_vmedzw_13{
+._tabsContainer_1oppjhq_13{
   position:relative;
 
   display:-webkit-box;
@@ -10,7 +10,7 @@
 
   display:flex;
 }
-._indicator_vmedzw_19{
+._indicator_1oppjhq_19{
   position:absolute;
   z-index:3;
   bottom:0;
@@ -25,21 +25,21 @@
     width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   will-change:left, width;
 }
-._light_vmedzw_31._classic_vmedzw_31 ._indicator_vmedzw_19{
-    background-color:#167DFF;
-    background-color:var(--rs-color-primary-light-theme, #167DFF);
+._light_1oppjhq_31._classic_1oppjhq_31 ._indicator_1oppjhq_19{
+    background-color:#6B57FF;
+    background-color:var(--rs-color-primary-light-theme, #6B57FF);
   }
-._dark_vmedzw_35._classic_vmedzw_31 ._indicator_vmedzw_19{
-    background-color:#4CA6ff;
-    background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
+._dark_1oppjhq_35._classic_1oppjhq_31 ._indicator_1oppjhq_19{
+    background-color:#8473FF;
+    background-color:var(--rs-color-primary-dark-theme, #8473FF);
   }
-._light_vmedzw_31._rock_vmedzw_39 ._indicator_vmedzw_19{
+._light_1oppjhq_31._rock_1oppjhq_39 ._indicator_1oppjhq_19{
     background-color:#19191C;
   }
-._dark_vmedzw_35._rock_vmedzw_39 ._indicator_vmedzw_19{
+._dark_1oppjhq_35._rock_1oppjhq_39 ._indicator_1oppjhq_19{
     background-color:#FFFFFF;
   }
-._tab_vmedzw_13{
+._tab_1oppjhq_13{
   position:relative;
 
   display:-webkit-box;
@@ -66,14 +66,14 @@
   cursor:pointer;
   white-space:nowrap;
 }
-._tab_vmedzw_13:hover,
-  ._tab_vmedzw_13:active,
-  ._tab_vmedzw_13:focus{
+._tab_1oppjhq_13:hover,
+  ._tab_1oppjhq_13:active,
+  ._tab_1oppjhq_13:focus{
     outline:none;
 
     text-decoration:none;
   }
-._tab_vmedzw_13:after{
+._tab_1oppjhq_13:after{
     position:absolute;
     bottom:0;
     left:0;
@@ -85,16 +85,14 @@
 
     background-color:transparent;
   }
-._tab_vmedzw_13:after:focus[data-focus-method='key']{
+._tab_1oppjhq_13:after:focus[data-focus-method='key']{
       opacity:0;
     }
-._tab_vmedzw_13:hover:after{
+._tab_1oppjhq_13:hover:after{
     height:1px;
   }
-._sizeM_vmedzw_99 ._tab_vmedzw_13{
+._sizeM_1oppjhq_99 ._tab_1oppjhq_13{
     letter-spacing:0.0015em;
-    color:rgba(25,25,28,0.7);
-    color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
     font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
     font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
     font-size:16px;
@@ -103,15 +101,13 @@
     line-height:24px;
     line-height:var(--rs-text-2-line-height, 24px);
   }
-._rs-reset-letter-spacing_vmedzw_1 ._sizeM_vmedzw_99 ._tab_vmedzw_13{
+._rs-reset-letter-spacing_1oppjhq_1 ._sizeM_1oppjhq_99 ._tab_1oppjhq_13{
     letter-spacing:normal;
   }
-._sizeM_vmedzw_99 ._tab_vmedzw_13 {
+._sizeM_1oppjhq_99 ._tab_1oppjhq_13 {
     padding:8px 0;
 }
-._sizeL_vmedzw_104 ._tab_vmedzw_13{
-    color:rgba(25,25,28,0.7);
-    color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
+._sizeL_1oppjhq_104 ._tab_1oppjhq_13{
     font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
     font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
     font-size:19px;
@@ -121,37 +117,37 @@
     line-height:var(--rs-text-1-line-height, 28px);
     padding:12px 0;
   }
-._innerOffsetM_vmedzw_109 ._tab_vmedzw_13{
+._innerOffsetM_1oppjhq_109 ._tab_1oppjhq_13{
     margin-left:24px;
   }
 @media screen and (max-width: 640px){
-._innerOffsetM_vmedzw_109 ._tab_vmedzw_13{
+._innerOffsetM_1oppjhq_109 ._tab_1oppjhq_13{
       margin-left:16px
   }
     }
-._innerOffsetL_vmedzw_117 ._tab_vmedzw_13{
+._innerOffsetL_1oppjhq_117 ._tab_1oppjhq_13{
     margin-left:32px;
   }
 @media screen and (max-width: 640px){
-._innerOffsetL_vmedzw_117 ._tab_vmedzw_13{
+._innerOffsetL_1oppjhq_117 ._tab_1oppjhq_13{
       margin-left:24px
   }
     }
-._light_vmedzw_31 ._tab_vmedzw_13{
+._light_1oppjhq_31 ._tab_1oppjhq_13{
     color:rgba(25,25,28,0.7);
   }
-._dark_vmedzw_35 ._tab_vmedzw_13{
+._dark_1oppjhq_35 ._tab_1oppjhq_13{
     color:rgba(255,255,255,0.7);
   }
-._light_vmedzw_31 ._tab_vmedzw_13._short_vmedzw_133{
+._light_1oppjhq_31 ._tab_1oppjhq_13._short_1oppjhq_133{
     -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
             box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
   }
-._dark_vmedzw_35 ._tab_vmedzw_13._short_vmedzw_133{
+._dark_1oppjhq_35 ._tab_1oppjhq_13._short_1oppjhq_133{
     -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
             box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
   }
-._tab_vmedzw_13._selected_vmedzw_141{
+._tab_1oppjhq_13._selected_1oppjhq_141{
     z-index:1;
 
     cursor:default;
@@ -160,110 +156,110 @@
 
     transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   }
-._tab_vmedzw_13._selected_vmedzw_141:after{
+._tab_1oppjhq_13._selected_1oppjhq_141:after{
       height:2px;
 
       -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
 
       transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
     }
-._light_vmedzw_31 ._tab_vmedzw_13:hover{
+._light_1oppjhq_31 ._tab_1oppjhq_13:hover{
     color:#19191C;
   }
-._light_vmedzw_31 ._tab_vmedzw_13:hover:after{
+._light_1oppjhq_31 ._tab_1oppjhq_13:hover:after{
       background-color:#19191C;
     }
-._dark_vmedzw_35 ._tab_vmedzw_13:hover{
+._dark_1oppjhq_35 ._tab_1oppjhq_13:hover{
     color:#FFFFFF;
   }
-._dark_vmedzw_35 ._tab_vmedzw_13:hover:after{
+._dark_1oppjhq_35 ._tab_1oppjhq_13:hover:after{
       background-color:#FFFFFF;
     }
-._light_vmedzw_31._rock_vmedzw_39 ._tab_vmedzw_13._selected_vmedzw_141{
+._light_1oppjhq_31._rock_1oppjhq_39 ._tab_1oppjhq_13._selected_1oppjhq_141{
     color:#19191C;
   }
-._light_vmedzw_31._rock_vmedzw_39 ._tab_vmedzw_13._selected_vmedzw_141:after{
+._light_1oppjhq_31._rock_1oppjhq_39 ._tab_1oppjhq_13._selected_1oppjhq_141:after{
       background-color:#19191C;
     }
-._dark_vmedzw_35._rock_vmedzw_39 ._tab_vmedzw_13._selected_vmedzw_141{
+._dark_1oppjhq_35._rock_1oppjhq_39 ._tab_1oppjhq_13._selected_1oppjhq_141{
     color:#FFFFFF;
   }
-._dark_vmedzw_35._rock_vmedzw_39 ._tab_vmedzw_13._selected_vmedzw_141:after{
+._dark_1oppjhq_35._rock_1oppjhq_39 ._tab_1oppjhq_13._selected_1oppjhq_141:after{
       background-color:#FFFFFF;
     }
-._light_vmedzw_31._classic_vmedzw_31 ._tab_vmedzw_13._selected_vmedzw_141{
-    color:#167DFF;
-    color:var(--rs-color-primary-light-theme, #167DFF);
+._light_1oppjhq_31._classic_1oppjhq_31 ._tab_1oppjhq_13._selected_1oppjhq_141{
+    color:#6B57FF;
+    color:var(--rs-color-primary-light-theme, #6B57FF);
   }
-._light_vmedzw_31._classic_vmedzw_31 ._tab_vmedzw_13._selected_vmedzw_141:after{
-      background-color:#167DFF;
-      background-color:var(--rs-color-primary-light-theme, #167DFF);
+._light_1oppjhq_31._classic_1oppjhq_31 ._tab_1oppjhq_13._selected_1oppjhq_141:after{
+      background-color:#6B57FF;
+      background-color:var(--rs-color-primary-light-theme, #6B57FF);
     }
-._dark_vmedzw_35._classic_vmedzw_31 ._tab_vmedzw_13._selected_vmedzw_141{
-    color:#4CA6ff;
-    color:var(--rs-color-primary-dark-theme, #4CA6ff);
+._dark_1oppjhq_35._classic_1oppjhq_31 ._tab_1oppjhq_13._selected_1oppjhq_141{
+    color:#8473FF;
+    color:var(--rs-color-primary-dark-theme, #8473FF);
   }
-._dark_vmedzw_35._classic_vmedzw_31 ._tab_vmedzw_13._selected_vmedzw_141:after{
-      background-color:#4CA6ff;
-      background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
+._dark_1oppjhq_35._classic_1oppjhq_31 ._tab_1oppjhq_13._selected_1oppjhq_141:after{
+      background-color:#8473FF;
+      background-color:var(--rs-color-primary-dark-theme, #8473FF);
     }
-._light_vmedzw_31 ._tab_vmedzw_13:focus[data-focus-method='key']{
-    -webkit-box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
-    -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
-            box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
-            box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
+._light_1oppjhq_31 ._tab_1oppjhq_13:focus[data-focus-method='key']{
+    -webkit-box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
+    -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
+            box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
+            box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
   }
-._light_vmedzw_31 ._tab_vmedzw_13:focus[data-focus-method='key']:after{
+._light_1oppjhq_31 ._tab_1oppjhq_13:focus[data-focus-method='key']:after{
       opacity:0;
     }
-._dark_vmedzw_35 ._tab_vmedzw_13:focus[data-focus-method='key']{
-    -webkit-box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
-    -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
-            box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
-            box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
+._dark_1oppjhq_35 ._tab_1oppjhq_13:focus[data-focus-method='key']{
+    -webkit-box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
+    -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
+            box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
+            box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
   }
-._dark_vmedzw_35 ._tab_vmedzw_13:focus[data-focus-method='key']:after{
+._dark_1oppjhq_35 ._tab_1oppjhq_13:focus[data-focus-method='key']:after{
       opacity:0;
     }
-._innerOffsetL_vmedzw_117 ._tab_vmedzw_13:first-of-type,
-  ._innerOffsetM_vmedzw_109 ._tab_vmedzw_13:first-of-type{
+._innerOffsetL_1oppjhq_117 ._tab_1oppjhq_13:first-of-type,
+  ._innerOffsetM_1oppjhq_109 ._tab_1oppjhq_13:first-of-type{
     margin-left:0;
   }
 @media screen and (max-width: 640px){
-._innerOffsetL_vmedzw_117 ._tab_vmedzw_13:first-of-type,
-  ._innerOffsetM_vmedzw_109 ._tab_vmedzw_13:first-of-type{
+._innerOffsetL_1oppjhq_117 ._tab_1oppjhq_13:first-of-type,
+  ._innerOffsetM_1oppjhq_109 ._tab_1oppjhq_13:first-of-type{
       margin-left:0
   }
     }
-._icon_vmedzw_239{
+._icon_1oppjhq_239{
   -webkit-box-flex:0;
       -ms-flex:0 0;
           flex:0 0;
   -ms-flex-preferred-size:auto;
       flex-basis:auto;
 }
-._sizeM_vmedzw_99 ._icon_vmedzw_239{
+._sizeM_1oppjhq_99 ._icon_1oppjhq_239{
     width:24px;
     height:24px;
   }
-._sizeL_vmedzw_104 ._icon_vmedzw_239{
+._sizeL_1oppjhq_104 ._icon_1oppjhq_239{
     width:28px;
     height:28px;
   }
-._sizeM_vmedzw_99 ._icon_vmedzw_239._iconLeft_vmedzw_253{
+._sizeM_1oppjhq_99 ._icon_1oppjhq_239._iconLeft_1oppjhq_253{
     margin-right:4px;
   }
-._sizeL_vmedzw_104 ._icon_vmedzw_239._iconLeft_vmedzw_253{
+._sizeL_1oppjhq_104 ._icon_1oppjhq_239._iconLeft_1oppjhq_253{
     margin-right:8px;
   }
-._sizeM_vmedzw_99 ._icon_vmedzw_239._iconRight_vmedzw_261{
+._sizeM_1oppjhq_99 ._icon_1oppjhq_239._iconRight_1oppjhq_261{
     margin-left:4px;
   }
-._sizeL_vmedzw_104 ._icon_vmedzw_239._iconRight_vmedzw_261{
+._sizeL_1oppjhq_104 ._icon_1oppjhq_239._iconRight_1oppjhq_261{
     margin-left:8px;
   }
 
-._wrapper_c04gj4_4{
+._wrapper_184ejgi_4{
   position:relative;
 
   display:-webkit-box;
@@ -272,7 +268,7 @@
 
   display:flex;
 }
-._scrollable_c04gj4_10{
+._scrollable_184ejgi_10{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
@@ -281,7 +277,7 @@
   margin:-4px;
   padding:4px;
 }
-._scrollable_c04gj4_10::after{
+._scrollable_184ejgi_10::after{
     display:block;
 
     height:100%;
@@ -290,15 +286,15 @@
 
     content:'';
   }
-._scrollable_c04gj4_10 {
+._scrollable_184ejgi_10 {
 
   -ms-overflow-style:none;
   scrollbar-width:none;
 }
-._scrollable_c04gj4_10::-webkit-scrollbar{
+._scrollable_184ejgi_10::-webkit-scrollbar{
     display:none;
   }
-._arrowShadow_c04gj4_39{
+._arrowShadow_184ejgi_39{
   position:absolute;
   top:0;
 
@@ -308,7 +304,7 @@
 
   pointer-events:none;
 }
-._arrowShadow_c04gj4_39::before{
+._arrowShadow_184ejgi_39::before{
     position:absolute;
 
     display:block;
@@ -322,7 +318,7 @@
 
             box-shadow:0 0 12px 12px currentColor;
   }
-._arrow_c04gj4_39{
+._arrow_184ejgi_39{
   position:absolute;
   z-index:2;
   top:50%;
@@ -348,15 +344,15 @@
   -webkit-transform:translateY(-50%);
           transform:translateY(-50%);
 }
-._light_c04gj4_82 ._arrow_c04gj4_39{
+._light_184ejgi_82 ._arrow_184ejgi_39{
     color:#FFFFFF;
     background-color:#FFFFFF;
   }
-._dark_c04gj4_86 ._arrow_c04gj4_39{
+._dark_184ejgi_86 ._arrow_184ejgi_39{
     color:#19191C;
     background-color:#19191C;
   }
-._arrow_c04gj4_39._shown_c04gj4_91{
+._arrow_184ejgi_39._shown_184ejgi_91{
     opacity:1;
 
     pointer-events:auto;
@@ -365,36 +361,36 @@
 
     transition:opacity 0.15s ease-in;
   }
-._arrow_c04gj4_39._arrowLeft_c04gj4_99{
+._arrow_184ejgi_39._arrowLeft_184ejgi_99{
     left:-5px;
   }
-._arrow_c04gj4_39._arrowLeft_c04gj4_99 ._arrowShadow_c04gj4_39{
+._arrow_184ejgi_39._arrowLeft_184ejgi_99 ._arrowShadow_184ejgi_39{
       right:-24px;
     }
-._arrow_c04gj4_39._arrowLeft_c04gj4_99 ._arrowShadow_c04gj4_39::before{
+._arrow_184ejgi_39._arrowLeft_184ejgi_99 ._arrowShadow_184ejgi_39::before{
       left:-100%;
     }
-._arrow_c04gj4_39._arrowRight_c04gj4_112{
+._arrow_184ejgi_39._arrowRight_184ejgi_112{
     right:-5px;
   }
-._arrow_c04gj4_39._arrowRight_c04gj4_112 ._arrowShadow_c04gj4_39{
+._arrow_184ejgi_39._arrowRight_184ejgi_112 ._arrowShadow_184ejgi_39{
       left:-24px;
     }
-._arrow_c04gj4_39._arrowRight_c04gj4_112 ._arrowShadow_c04gj4_39::before{
+._arrow_184ejgi_39._arrowRight_184ejgi_112 ._arrowShadow_184ejgi_39::before{
       right:-100%;
     }
-._arrowButton_c04gj4_126{
+._arrowButton_184ejgi_126{
   cursor:pointer;
 }
 
-._separator_wxtf13_3{
+._separator_13rchlx_3{
   position:relative;
   z-index:2;
 
   width:100%;
 }
 
-  ._separator_wxtf13_3:after{
+  ._separator_13rchlx_3:after{
     position:absolute;
     right:0;
     bottom:0;
@@ -404,401 +400,9 @@
 
     content:'';
   }
-._light_wxtf13_22:after{
+._light_13rchlx_22:after{
     background-color:rgba(25,25,28,0.3);
   }
-._dark_wxtf13_28:after{
+._dark_13rchlx_28:after{
     background-color:rgba(255,255,255,0.4);
   }
-
-._chipsContainer_1u0cssh_9{
-  position:relative;
-
-  display:-webkit-box;
-
-  display:-ms-flexbox;
-
-  display:flex;
-}
-._chip_1u0cssh_9{
-  position:relative;
-  z-index:1;
-
-  display:-webkit-inline-box;
-
-  display:-ms-inline-flexbox;
-
-  display:inline-flex;
-  overflow:hidden;
-  -ms-flex-negative:0;
-      flex-shrink:0;
-  -webkit-box-flex:0;
-      -ms-flex-positive:0;
-          flex-grow:0;
-  -ms-flex-preferred-size:initial;
-      flex-basis:initial;
-  -webkit-box-align:center;
-      -ms-flex-align:center;
-          align-items:center;
-
-  -webkit-box-sizing:border-box;
-
-          box-sizing:border-box;
-
-  border-style:solid;
-
-  outline:none;
-
-  cursor:pointer;
-  text-align:center;
-  white-space:nowrap;
-  text-decoration:none;
-
-  background:transparent;
-
-  -webkit-transition:color 100ms, background-color 100ms, border-color 100ms;
-
-  transition:color 100ms, background-color 100ms, border-color 100ms;
-}
-._chip_1u0cssh_9:hover,
-  ._chip_1u0cssh_9:focus,
-  ._chip_1u0cssh_9:active{
-    outline:none;
-
-    text-decoration:none;
-  }
-._light_1u0cssh_49 ._chip_1u0cssh_9:focus[data-focus-method='key']{
-    -webkit-box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
-    -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
-            box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
-            box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
-  }
-._dark_1u0cssh_54 ._chip_1u0cssh_9:focus[data-focus-method='key']{
-    -webkit-box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
-    -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
-            box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
-            box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
-  }
-._sizeXs_1u0cssh_1 ._chip_1u0cssh_9 {
-  padding: 1px 15px;
-  border-width: 1px;
-}
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9 {
-  padding: 5px 15px;
-  border-width: 1px;
-}
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9 {
-  padding: 7px 23px;
-  border-width: 1px;
-}
-._sizeL_1u0cssh_75 ._chip_1u0cssh_9 {
-  padding: 11px 31px;
-  border-width: 1px;
-}
-._sizeXs_1u0cssh_1 ._chip_1u0cssh_9._selected_1u0cssh_59 {
-  padding: 0px 14px;
-  border-width: 2px;
-}
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9._selected_1u0cssh_59 {
-  padding: 4px 14px;
-  border-width: 2px;
-}
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9._selected_1u0cssh_59 {
-  padding: 6px 22px;
-  border-width: 2px;
-}
-._sizeL_1u0cssh_75 ._chip_1u0cssh_9._selected_1u0cssh_59 {
-  padding: 10px 30px;
-  border-width: 2px;
-}
-._sizeXs_1u0cssh_1 ._chip_1u0cssh_9._withoutText_1u0cssh_60 {
-  padding: 1px 1px;
-  border-width: 1px;
-}
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9._withoutText_1u0cssh_60 {
-  padding: 5px 5px;
-  border-width: 1px;
-}
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9._withoutText_1u0cssh_60 {
-  padding: 7px 7px;
-  border-width: 1px;
-}
-._sizeL_1u0cssh_75 ._chip_1u0cssh_9._withoutText_1u0cssh_60 {
-  padding: 11px 11px;
-  border-width: 1px;
-}
-._sizeXs_1u0cssh_1 ._chip_1u0cssh_9._selected_1u0cssh_59._withoutText_1u0cssh_60 {
-  padding: 0px 0px;
-  border-width: 2px;
-}
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9._selected_1u0cssh_59._withoutText_1u0cssh_60 {
-  padding: 4px 4px;
-  border-width: 2px;
-}
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9._selected_1u0cssh_59._withoutText_1u0cssh_60 {
-  padding: 6px 6px;
-  border-width: 2px;
-}
-._sizeL_1u0cssh_75 ._chip_1u0cssh_9._selected_1u0cssh_59._withoutText_1u0cssh_60 {
-  padding: 10px 10px;
-  border-width: 2px;
-}
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9{
-    letter-spacing:0.0045em;
-    color:rgba(25,25,28,0.7);
-    color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
-    font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
-    font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
-    font-size:13px;
-    font-size:var(--rs-text-3-font-size, 13px);
-    line-height:20px;
-    line-height:var(--rs-text-3-line-height, 20px);
-  }
-._rs-reset-letter-spacing_1u0cssh_1 ._sizeS_1u0cssh_63 ._chip_1u0cssh_9{
-    letter-spacing:normal;
-  }
-._sizeS_1u0cssh_63 ._chip_1u0cssh_9 {
-
-    border-radius:24px;
-}
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9{
-    letter-spacing:0.0015em;
-    color:rgba(25,25,28,0.7);
-    color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
-    font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
-    font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
-    font-size:16px;
-    font-size:var(--rs-text-2-font-size, 16px);
-    font-weight:400;
-    line-height:24px;
-    line-height:var(--rs-text-2-line-height, 24px);
-  }
-._rs-reset-letter-spacing_1u0cssh_1 ._sizeM_1u0cssh_69 ._chip_1u0cssh_9{
-    letter-spacing:normal;
-  }
-._sizeM_1u0cssh_69 ._chip_1u0cssh_9 {
-
-    border-radius:24px;
-}
-._sizeL_1u0cssh_75 ._chip_1u0cssh_9{
-    color:rgba(25,25,28,0.7);
-    color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
-    font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
-    font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
-    font-size:19px;
-    font-size:var(--rs-text-1-font-size, 19px);
-    font-weight:normal;
-    line-height:28px;
-    line-height:var(--rs-text-1-line-height, 28px);
-
-    border-radius:36px;
-  }
-._light_1u0cssh_49._rock_1u0cssh_81 ._chip_1u0cssh_9{
-    color:#19191C;
-    border-color:rgba(25,25,28,0.3);
-  }
-._light_1u0cssh_49._rock_1u0cssh_81 ._chip_1u0cssh_9:focus{
-      color:#19191C;
-      border-color:rgba(25,25,28,0.3);
-    }
-@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
-      ._light_1u0cssh_49._rock_1u0cssh_81 ._chip_1u0cssh_9:hover{
-        color:#19191C;
-        border-color:rgba(25,25,28,0.3);
-
-        background:rgba(25,25,28,0.1);
-      }
-    }
-._light_1u0cssh_49._rock_1u0cssh_81 ._chip_1u0cssh_9:active{
-      color:#19191C;
-      border-color:#19191C;
-
-      background:rgba(25,25,28,0.1);
-    }
-._light_1u0cssh_49._rock_1u0cssh_81 ._chip_1u0cssh_9._selected_1u0cssh_59{
-      color:#19191C;
-      border-color:#19191C;
-    }
-._dark_1u0cssh_54._rock_1u0cssh_81 ._chip_1u0cssh_9{
-    color:#FFFFFF;
-    border-color:rgba(255,255,255,0.3);
-  }
-._dark_1u0cssh_54._rock_1u0cssh_81 ._chip_1u0cssh_9:focus{
-      color:#FFFFFF;
-      border-color:rgba(255,255,255,0.4);
-    }
-@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
-      ._dark_1u0cssh_54._rock_1u0cssh_81 ._chip_1u0cssh_9:hover{
-        color:#FFFFFF;
-        border-color:rgba(255,255,255,0.4);
-
-        background:rgba(255,255,255,0.1);
-      }
-    }
-._dark_1u0cssh_54._rock_1u0cssh_81 ._chip_1u0cssh_9:active{
-      color:#FFFFFF;
-      border-color:#FFFFFF;
-
-      background:rgba(255,255,255,0.1);
-    }
-._dark_1u0cssh_54._rock_1u0cssh_81 ._chip_1u0cssh_9._selected_1u0cssh_59{
-      color:#FFFFFF;
-      border-color:#FFFFFF;
-    }
-._light_1u0cssh_49._classic_1u0cssh_143 ._chip_1u0cssh_9{
-    color:#19191C;
-    border-color:rgba(25,25,28,0.3);
-  }
-._light_1u0cssh_49._classic_1u0cssh_143 ._chip_1u0cssh_9:focus{
-      color:#19191C;
-      border-color:rgba(25,25,28,0.3);
-    }
-@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
-      ._light_1u0cssh_49._classic_1u0cssh_143 ._chip_1u0cssh_9:hover{
-        color:#19191C;
-        border-color:rgba(25,25,28,0.3);
-
-        background:rgba(22,125,255,0.2);
-
-        background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
-      }
-    }
-._light_1u0cssh_49._classic_1u0cssh_143 ._chip_1u0cssh_9:active{
-      color:#19191C;
-      border-color:#167DFF;
-      border-color:var(--rs-color-primary-light-theme, #167DFF);
-
-      background:rgba(22,125,255,0.2);
-
-      background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
-    }
-._light_1u0cssh_49._classic_1u0cssh_143 ._chip_1u0cssh_9._selected_1u0cssh_59{
-      color:#19191C;
-      border-color:#167DFF;
-      border-color:var(--rs-color-primary-light-theme, #167DFF);
-    }
-._dark_1u0cssh_54._classic_1u0cssh_143 ._chip_1u0cssh_9{
-    color:#FFFFFF;
-    border-color:rgba(255,255,255,0.3);
-  }
-._dark_1u0cssh_54._classic_1u0cssh_143 ._chip_1u0cssh_9:focus{
-      color:#FFFFFF;
-      border-color:rgba(255,255,255,0.4);
-    }
-@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
-      ._dark_1u0cssh_54._classic_1u0cssh_143 ._chip_1u0cssh_9:hover{
-        color:#FFFFFF;
-        border-color:rgba(255,255,255,0.4);
-
-        background:rgba(76,166,255,0.3);
-
-        background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
-      }
-    }
-._dark_1u0cssh_54._classic_1u0cssh_143 ._chip_1u0cssh_9:active{
-      color:#FFFFFF;
-      border-color:#4CA6ff;
-      border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
-
-      background:rgba(76,166,255,0.3);
-
-      background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
-    }
-._dark_1u0cssh_54._classic_1u0cssh_143 ._chip_1u0cssh_9._selected_1u0cssh_59{
-      color:#FFFFFF;
-      border-color:#4CA6ff;
-      border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
-    }
-._innerOffsetM_1u0cssh_205 ._chip_1u0cssh_9{
-    margin-left:8px;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetM_1u0cssh_205 ._chip_1u0cssh_9{
-      margin-left:8px
-  }
-    }
-._innerOffsetL_1u0cssh_213 ._chip_1u0cssh_9{
-    margin-left:16px;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetL_1u0cssh_213 ._chip_1u0cssh_9{
-      margin-left:8px
-  }
-    }
-._innerOffsetL_1u0cssh_213 ._chip_1u0cssh_9:first-of-type,
-  ._innerOffsetM_1u0cssh_205 ._chip_1u0cssh_9:first-of-type{
-    margin-left:0;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetL_1u0cssh_213 ._chip_1u0cssh_9:first-of-type,
-  ._innerOffsetM_1u0cssh_205 ._chip_1u0cssh_9:first-of-type{
-      margin-left:0
-  }
-    }
-._icon_1u0cssh_231{
-  -webkit-box-flex:0;
-      -ms-flex:0 0;
-          flex:0 0;
-  -ms-flex-preferred-size:auto;
-      flex-basis:auto;
-}
-._sizeXs_1u0cssh_1 ._icon_1u0cssh_231._iconLeft_1u0cssh_235 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 8px 0 -2px;
-}
-._sizeS_1u0cssh_63 ._icon_1u0cssh_231._iconLeft_1u0cssh_235 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 8px 0 -2px;
-}
-._sizeM_1u0cssh_69 ._icon_1u0cssh_231._iconLeft_1u0cssh_235 {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  margin: 0 8px 0 -2px;
-}
-._sizeL_1u0cssh_75 ._icon_1u0cssh_231._iconLeft_1u0cssh_235 {
-  width: 28px;
-  height: 28px;
-  min-width: 28px;
-  min-height: 28px;
-  margin: 0 16px 0 -2px;
-}
-._sizeXs_1u0cssh_1 ._icon_1u0cssh_231._iconRight_1u0cssh_236 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 -2px 0 8px;
-}
-._sizeS_1u0cssh_63 ._icon_1u0cssh_231._iconRight_1u0cssh_236 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 -2px 0 8px;
-}
-._sizeM_1u0cssh_69 ._icon_1u0cssh_231._iconRight_1u0cssh_236 {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  margin: 0 -2px 0 8px;
-}
-._sizeL_1u0cssh_75 ._icon_1u0cssh_231._iconRight_1u0cssh_236 {
-  width: 28px;
-  height: 28px;
-  min-width: 28px;
-  min-height: 28px;
-  margin: 0 -2px 0 16px;
-}
-._withoutText_1u0cssh_60 ._icon_1u0cssh_231._iconRight_1u0cssh_236,
-  ._withoutText_1u0cssh_60 ._icon_1u0cssh_231._iconLeft_1u0cssh_235{
-    margin:0;
-  }

package/lib/index.d.ts

@@ -1,5 +1,3 @@
 export { default as TabList } from './tab-list';
 export { default as TabSeparator } from './parts/tab-separator';
 export { default as Tab } from './parts/tab';
-export { default as ChipList } from './parts/chip-list';
-export { default as Chip } from './parts/chip';

package/lib/index.js

@@ -2,5 +2,3 @@ import './index.css';
 export { TabList } from './tab-list.js';
 export { default as TabSeparator } from './parts/tab-separator.js';
 export { default as Tab } from './parts/tab.js';
-export { ChipList } from './parts/chip-list.js';
-export { default as Chip } from './parts/chip.js';

package/lib/parts/separator.module.pcss.js

@@ -1,6 +1,6 @@
 var styles = {
-  "separator": "_separator_wxtf13_3",
-  "light": "_light_wxtf13_22",
-  "dark": "_dark_wxtf13_28"
+  "separator": "_separator_13rchlx_3",
+  "light": "_light_13rchlx_22",
+  "dark": "_dark_13rchlx_28"
 };
 export default styles;

package/lib/parts/tab-list.module.pcss.js

@@ -1,21 +1,21 @@
 var styles = {
-  "wrapper": "_wrapper_vmedzw_9",
-  "tabsContainer": "_tabsContainer_vmedzw_13",
-  "indicator": "_indicator_vmedzw_19",
-  "light": "_light_vmedzw_31",
-  "classic": "_classic_vmedzw_31",
-  "dark": "_dark_vmedzw_35",
-  "rock": "_rock_vmedzw_39",
-  "tab": "_tab_vmedzw_13",
-  "sizeM": "_sizeM_vmedzw_99",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_vmedzw_1",
-  "sizeL": "_sizeL_vmedzw_104",
-  "innerOffsetM": "_innerOffsetM_vmedzw_109",
-  "innerOffsetL": "_innerOffsetL_vmedzw_117",
-  "short": "_short_vmedzw_133",
-  "selected": "_selected_vmedzw_141",
-  "icon": "_icon_vmedzw_239",
-  "iconLeft": "_iconLeft_vmedzw_253",
-  "iconRight": "_iconRight_vmedzw_261"
+  "wrapper": "_wrapper_1oppjhq_9",
+  "tabsContainer": "_tabsContainer_1oppjhq_13",
+  "indicator": "_indicator_1oppjhq_19",
+  "light": "_light_1oppjhq_31",
+  "classic": "_classic_1oppjhq_31",
+  "dark": "_dark_1oppjhq_35",
+  "rock": "_rock_1oppjhq_39",
+  "tab": "_tab_1oppjhq_13",
+  "sizeM": "_sizeM_1oppjhq_99",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1oppjhq_1",
+  "sizeL": "_sizeL_1oppjhq_104",
+  "innerOffsetM": "_innerOffsetM_1oppjhq_109",
+  "innerOffsetL": "_innerOffsetL_1oppjhq_117",
+  "short": "_short_1oppjhq_133",
+  "selected": "_selected_1oppjhq_141",
+  "icon": "_icon_1oppjhq_239",
+  "iconLeft": "_iconLeft_1oppjhq_253",
+  "iconRight": "_iconRight_1oppjhq_261"
 };
 export default styles;

package/lib/parts/with-scroll-arrows.d.ts

@@ -18,7 +18,7 @@ export declare type WithScrollArrowsWrappedComponentProps<T> = {
     value: T;
     onChange: (value: T) => void;
     children: React.ReactNode;
-    theme: Theme;
+    theme?: Theme;
     containerRef?: React.MutableRefObject<HTMLElement>;
 };
 declare type OmittedWrappedComponentProps<P, T> = Omit<P, keyof WithScrollArrowsWrappedComponentProps<T>>;

package/lib/parts/with-scroll-arrows.module.pcss.js

@@ -1,13 +1,13 @@
 var styles = {
-  "wrapper": "_wrapper_c04gj4_4",
-  "scrollable": "_scrollable_c04gj4_10",
-  "arrowShadow": "_arrowShadow_c04gj4_39",
-  "arrow": "_arrow_c04gj4_39",
-  "light": "_light_c04gj4_82",
-  "dark": "_dark_c04gj4_86",
-  "shown": "_shown_c04gj4_91",
-  "arrowLeft": "_arrowLeft_c04gj4_99",
-  "arrowRight": "_arrowRight_c04gj4_112",
-  "arrowButton": "_arrowButton_c04gj4_126"
+  "wrapper": "_wrapper_184ejgi_4",
+  "scrollable": "_scrollable_184ejgi_10",
+  "arrowShadow": "_arrowShadow_184ejgi_39",
+  "arrow": "_arrow_184ejgi_39",
+  "light": "_light_184ejgi_82",
+  "dark": "_dark_184ejgi_86",
+  "shown": "_shown_184ejgi_91",
+  "arrowLeft": "_arrowLeft_184ejgi_99",
+  "arrowRight": "_arrowRight_184ejgi_112",
+  "arrowButton": "_arrowButton_184ejgi_126"
 };
 export default styles;

package/lib/tab-list.d.ts

@@ -8,7 +8,7 @@ export declare type InnerTabListProps = {
     size?: TabListSizeType;
     /** Increase inner horizontal offset between the tabs. */
     sparse?: boolean;
-    theme: Theme;
+    theme?: Theme;
     mode?: TabListModeType;
     short?: boolean;
     value: TabListValueType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tab-list",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -17,8 +17,8 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.14.0",
     "@juggle/resize-observer": "3.3.0",
-    "@rescui/button": "^0.4.2",
-    "@rescui/icons": "^0.5.0",
+    "@rescui/button": "^0.6.0",
+    "@rescui/icons": "^0.6.0",
     "classnames": "^2.2.6",
     "core-js": "^3.9.1"
   },
@@ -28,14 +28,14 @@
     "react": ">=16.8.0 <18"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.0.6",
+    "@rescui/colors": "^0.1.0",
     "@rescui/postcss-preset-library": "^0.0.4",
     "@rescui/scripts": "^0.1.4",
-    "@rescui/typography": "^0.5.0",
+    "@rescui/typography": "^0.6.0",
     "@rescui/visual-regression": "^0.0.1"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
-  "gitHead": "f07b6abc886028f74f129d1d7bfbf8fcfa5825af"
+  "gitHead": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
 }

package/lib/parts/chip-list-context.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare type ChipListValueType = string | number | symbol;
-export declare type ChipListContextType = {
-    onChange: (value: ChipListValueType) => void;
-    selectedId?: number;
-};
-export declare const ChipListContext: import("react").Context<ChipListContextType>;
-export declare const useChipListContext: () => ChipListContextType;

package/lib/parts/chip-list-context.js

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-var ChipListContext = /*#__PURE__*/createContext({
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChange: function onChange() {},
-  selectedId: 0
-});
-
-var useChipListContext = function useChipListContext() {
-  return useContext(ChipListContext);
-};
-
-export { ChipListContext, useChipListContext };

package/lib/parts/chip-list.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Theme } from '@rescui/ui-contexts';
-import { ChipListValueType } from './chip-list-context';
-export declare type ChipListSizeType = 'l' | 'm' | 's';
-export declare type ChipListModeType = 'classic' | 'rock';
-export declare type InnerChipListProps = {
-    className?: string;
-    size?: ChipListSizeType;
-    /** Increase inner horizontal offset between the chips. */
-    sparse?: boolean;
-    theme: Theme;
-    mode?: ChipListModeType;
-    value: ChipListValueType;
-    onChange: (value: ChipListValueType) => void;
-    children: React.ReactNode;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    selectedId?: number;
-    activeNodeRef?: React.MutableRefObject<HTMLElement>;
-    containerRef?: React.MutableRefObject<HTMLDivElement>;
-};
-export declare const ChipList: {
-    <OT extends ChipListValueType>({ compareValues, value, onChange, children, theme: themeFromProps, arrowBackgroundColor, ["data-e2e"]: e2eId, ...restProps }: React.PropsWithChildren<import("./with-scroll-arrows").WithScrollArrowsProps<OT> & {
-        size?: ChipListSizeType;
-        sparse?: boolean;
-        className?: string;
-        mode?: ChipListModeType;
-        'data-e2e'?: string;
-    }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-};
-export default ChipList;

package/lib/parts/chip-list.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import Chip from './chip.js';
-import { ChipListContext } from './chip-list-context.js';
-import { withScrollArrows } from './with-scroll-arrows.js';
-import styles from './chip-list.module.pcss.js';
-var STYLES_SIZES = {
-  s: styles.sizeS,
-  m: styles.sizeM,
-  l: styles.sizeL
-};
-
-var InnerChipList = function InnerChipList(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      _ref$sparse = _ref.sparse,
-      sparse = _ref$sparse === void 0 ? false : _ref$sparse,
-      className = _ref.className,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
-      theme = _ref.theme,
-      onChange = _ref.onChange,
-      children = _ref.children,
-      selectedId = _ref.selectedId,
-      containerRef = _ref.containerRef,
-      e2eId = _ref['data-e2e'];
-  return /*#__PURE__*/React.createElement(ChipListContext.Provider, {
-    value: {
-      onChange: onChange,
-      selectedId: selectedId
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn(styles.chipsContainer, styles[theme], styles[mode], STYLES_SIZES[size], sparse ? styles.innerOffsetL : styles.innerOffsetM, className),
-    "data-e2e": e2eId ? "".concat(e2eId, "__chips-container") : null,
-    "data-test": 'chip-list',
-    ref: containerRef
-  }, children));
-};
-
-InnerChipList.displayName = 'ChipList';
-var ChipList = withScrollArrows(InnerChipList, Chip, 'calc(100% + 8px)'); // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-// @ts-ignore
-
-ChipList.propTypes = {
-  size: PropTypes.oneOf(['s', 'm', 'l']),
-  sparse: PropTypes.bool,
-  theme: PropTypes.oneOf(['light', 'dark']),
-  className: PropTypes.string,
-  mode: PropTypes.oneOf(['classic', 'rock']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol]),
-  onChange: PropTypes.func,
-  compareValues: PropTypes.func,
-  arrowBackgroundColor: PropTypes.string,
-  'data-e2e': PropTypes.string
-};
-export default ChipList;
-export { ChipList };

package/lib/parts/chip-list.module.pcss.js

@@ -1,21 +0,0 @@
-var styles = {
-  "chipsContainer": "_chipsContainer_1u0cssh_9",
-  "chip": "_chip_1u0cssh_9",
-  "light": "_light_1u0cssh_49",
-  "dark": "_dark_1u0cssh_54",
-  "sizeXs": "_sizeXs_1u0cssh_1",
-  "sizeS": "_sizeS_1u0cssh_63",
-  "sizeM": "_sizeM_1u0cssh_69",
-  "sizeL": "_sizeL_1u0cssh_75",
-  "selected": "_selected_1u0cssh_59",
-  "withoutText": "_withoutText_1u0cssh_60",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1u0cssh_1",
-  "rock": "_rock_1u0cssh_81",
-  "classic": "_classic_1u0cssh_143",
-  "innerOffsetM": "_innerOffsetM_1u0cssh_205",
-  "innerOffsetL": "_innerOffsetL_1u0cssh_213",
-  "icon": "_icon_1u0cssh_231",
-  "iconLeft": "_iconLeft_1u0cssh_235",
-  "iconRight": "_iconRight_1u0cssh_236"
-};
-export default styles;

package/lib/parts/chip.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { ChipListValueType } from './chip-list-context';
-export declare type ChipIconPosition = 'left' | 'right';
-export declare type ChipProps = {
-    className?: string;
-    value?: ChipListValueType;
-    /** @ignore */
-    itemId?: number;
-    /** @ignore */
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    /** @ignore */
-    onMouseDown?: React.MouseEventHandler<HTMLElement>;
-    /** Identifier for e2e tests */
-    'data-e2e'?: string;
-    children?: React.ReactNode;
-} & ({
-    /** Additional icon */
-    icon: React.ReactNode;
-    /** Additional icon position */
-    iconPosition?: ChipIconPosition;
-} | {
-    icon?: never;
-    iconPosition?: never;
-});
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
-export default Chip;

package/lib/parts/chip.js

@@ -1,81 +0,0 @@
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onFocus", "onMouseDown", "data-e2e"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React, { forwardRef, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import styles from './chip-list.module.pcss.js';
-import { useChipListContext } from './chip-list-context.js'; // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
-
-var isWithoutChildren = function isWithoutChildren(children) {
-  return children === null || typeof children === 'undefined' || children === false || children === true || children === '';
-};
-
-var Chip = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _cn;
-
-  var value = _ref.value,
-      className = _ref.className,
-      children = _ref.children,
-      icon = _ref.icon,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
-      itemId = _ref.itemId,
-      onFocus = _ref.onFocus,
-      onMouseDown = _ref.onMouseDown,
-      e2eId = _ref['data-e2e'],
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var _useChipListContext = useChipListContext(),
-      onChange = _useChipListContext.onChange,
-      selectedId = _useChipListContext.selectedId;
-
-  var selected = itemId === selectedId;
-  var isRenderLeftIcon = icon && iconPosition === 'left';
-  var isRenderRightIcon = icon && iconPosition === 'right';
-  return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
-    className: cn(styles.chip, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.withoutText, isWithoutChildren(children)), _cn), className),
-    onClick: function onClick() {
-      return onChange(value);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter') {
-        onChange(value);
-      }
-    },
-    role: "tab",
-    tabIndex: 0,
-    ref: ref,
-    onFocus: onFocus,
-    onMouseDown: onMouseDown,
-    "data-e2e": e2eId,
-    "data-test": "chip".concat(selected ? ' chip-selected' : '')
-  }), isRenderLeftIcon && /*#__PURE__*/cloneElement(icon, {
-    className: cn(icon.props.className, styles.icon, styles.iconLeft)
-  }), /*#__PURE__*/React.createElement("div", null, children), isRenderRightIcon && /*#__PURE__*/cloneElement(icon, {
-    className: cn(icon.props.className, styles.icon, styles.iconRight)
-  }));
-});
-Chip.displayName = 'Chip';
-Chip.propTypes = {
-  className: PropTypes.string,
-  icon: PropTypes.node,
-  iconPosition: PropTypes.oneOf(['left', 'right']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol]),
-  'data-e2e': PropTypes.string,
-  itemId: PropTypes.number,
-  onFocus: PropTypes.func,
-  onMouseDown: PropTypes.func
-};
-export default Chip;