@rescui/tab-list 0.3.0 → 0.6.0

package/lib/index.css

@@ -1,7 +1,7 @@
-._wrapper_llt3rb_9{
+._wrapper_1v89lst_9{
   position:relative;
 }
-._tabsContainer_llt3rb_13{
+._tabsContainer_1v89lst_13{
   position:relative;
 
   display:-webkit-box;
@@ -10,7 +10,7 @@
 
   display:flex;
 }
-._indicator_llt3rb_19{
+._indicator_1v89lst_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_llt3rb_31._classic_llt3rb_31 ._indicator_llt3rb_19{
+._light_1v89lst_31._classic_1v89lst_31 ._indicator_1v89lst_19{
     background-color:#167DFF;
     background-color:var(--rs-color-primary-light-theme, #167DFF);
   }
-._dark_llt3rb_35._classic_llt3rb_31 ._indicator_llt3rb_19{
+._dark_1v89lst_35._classic_1v89lst_31 ._indicator_1v89lst_19{
     background-color:#4CA6ff;
     background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
   }
-._light_llt3rb_31._rock_llt3rb_39 ._indicator_llt3rb_19{
+._light_1v89lst_31._rock_1v89lst_39 ._indicator_1v89lst_19{
     background-color:#19191C;
   }
-._dark_llt3rb_35._rock_llt3rb_39 ._indicator_llt3rb_19{
+._dark_1v89lst_35._rock_1v89lst_39 ._indicator_1v89lst_19{
     background-color:#FFFFFF;
   }
-._tab_llt3rb_13{
+._tab_1v89lst_13{
   position:relative;
 
   display:-webkit-box;
@@ -66,14 +66,14 @@
   cursor:pointer;
   white-space:nowrap;
 }
-._tab_llt3rb_13:hover,
-  ._tab_llt3rb_13:active,
-  ._tab_llt3rb_13:focus{
+._tab_1v89lst_13:hover,
+  ._tab_1v89lst_13:active,
+  ._tab_1v89lst_13:focus{
     outline:none;
 
     text-decoration:none;
   }
-._tab_llt3rb_13:after{
+._tab_1v89lst_13:after{
     position:absolute;
     bottom:0;
     left:0;
@@ -85,13 +85,13 @@
 
     background-color:transparent;
   }
-._tab_llt3rb_13:after:focus[data-focus-method='key']{
+._tab_1v89lst_13:after:focus[data-focus-method='key']{
       opacity:0;
     }
-._tab_llt3rb_13:hover:after{
+._tab_1v89lst_13:hover:after{
     height:1px;
   }
-._sizeM_llt3rb_99 ._tab_llt3rb_13{
+._sizeM_1v89lst_99 ._tab_1v89lst_13{
     letter-spacing:0.0015em;
     color:rgba(25,25,28,0.7);
     color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -103,13 +103,13 @@
     line-height:24px;
     line-height:var(--rs-text-2-line-height, 24px);
   }
-._rs-reset-letter-spacing_llt3rb_1 ._sizeM_llt3rb_99 ._tab_llt3rb_13{
+._rs-reset-letter-spacing_1v89lst_1 ._sizeM_1v89lst_99 ._tab_1v89lst_13{
     letter-spacing:normal;
   }
-._sizeM_llt3rb_99 ._tab_llt3rb_13 {
+._sizeM_1v89lst_99 ._tab_1v89lst_13 {
     padding:8px 0;
 }
-._sizeL_llt3rb_104 ._tab_llt3rb_13{
+._sizeL_1v89lst_104 ._tab_1v89lst_13{
     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;
@@ -121,37 +121,37 @@
     line-height:var(--rs-text-1-line-height, 28px);
     padding:12px 0;
   }
-._innerOffsetM_llt3rb_109 ._tab_llt3rb_13{
+._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
     margin-left:24px;
   }
 @media screen and (max-width: 640px){
-._innerOffsetM_llt3rb_109 ._tab_llt3rb_13{
+._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
       margin-left:16px
   }
     }
-._innerOffsetL_llt3rb_117 ._tab_llt3rb_13{
+._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
     margin-left:32px;
   }
 @media screen and (max-width: 640px){
-._innerOffsetL_llt3rb_117 ._tab_llt3rb_13{
+._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
       margin-left:24px
   }
     }
-._light_llt3rb_31 ._tab_llt3rb_13{
+._light_1v89lst_31 ._tab_1v89lst_13{
     color:rgba(25,25,28,0.7);
   }
-._dark_llt3rb_35 ._tab_llt3rb_13{
+._dark_1v89lst_35 ._tab_1v89lst_13{
     color:rgba(255,255,255,0.7);
   }
-._light_llt3rb_31 ._tab_llt3rb_13._short_llt3rb_133{
+._light_1v89lst_31 ._tab_1v89lst_13._short_1v89lst_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_llt3rb_35 ._tab_llt3rb_13._short_llt3rb_133{
+._dark_1v89lst_35 ._tab_1v89lst_13._short_1v89lst_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_llt3rb_13._selected_llt3rb_141{
+._tab_1v89lst_13._selected_1v89lst_141{
     z-index:1;
 
     cursor:default;
@@ -160,102 +160,110 @@
 
     transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   }
-._tab_llt3rb_13._selected_llt3rb_141:after{
+._tab_1v89lst_13._selected_1v89lst_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_llt3rb_31 ._tab_llt3rb_13:hover{
+._light_1v89lst_31 ._tab_1v89lst_13:hover{
     color:#19191C;
   }
-._light_llt3rb_31 ._tab_llt3rb_13:hover:after{
+._light_1v89lst_31 ._tab_1v89lst_13:hover:after{
       background-color:#19191C;
     }
-._dark_llt3rb_35 ._tab_llt3rb_13:hover{
+._dark_1v89lst_35 ._tab_1v89lst_13:hover{
     color:#FFFFFF;
   }
-._dark_llt3rb_35 ._tab_llt3rb_13:hover:after{
+._dark_1v89lst_35 ._tab_1v89lst_13:hover:after{
       background-color:#FFFFFF;
     }
-._light_llt3rb_31._rock_llt3rb_39 ._tab_llt3rb_13._selected_llt3rb_141{
+._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
     color:#19191C;
   }
-._light_llt3rb_31._rock_llt3rb_39 ._tab_llt3rb_13._selected_llt3rb_141:after{
+._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
       background-color:#19191C;
     }
-._dark_llt3rb_35._rock_llt3rb_39 ._tab_llt3rb_13._selected_llt3rb_141{
+._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
     color:#FFFFFF;
   }
-._dark_llt3rb_35._rock_llt3rb_39 ._tab_llt3rb_13._selected_llt3rb_141:after{
+._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
       background-color:#FFFFFF;
     }
-._light_llt3rb_31._classic_llt3rb_31 ._tab_llt3rb_13._selected_llt3rb_141{
+._light_1v89lst_31._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141{
     color:#167DFF;
     color:var(--rs-color-primary-light-theme, #167DFF);
   }
-._light_llt3rb_31._classic_llt3rb_31 ._tab_llt3rb_13._selected_llt3rb_141:after{
+._light_1v89lst_31._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141:after{
       background-color:#167DFF;
       background-color:var(--rs-color-primary-light-theme, #167DFF);
     }
-._dark_llt3rb_35._classic_llt3rb_31 ._tab_llt3rb_13._selected_llt3rb_141{
+._dark_1v89lst_35._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141{
     color:#4CA6ff;
     color:var(--rs-color-primary-dark-theme, #4CA6ff);
   }
-._dark_llt3rb_35._classic_llt3rb_31 ._tab_llt3rb_13._selected_llt3rb_141:after{
+._dark_1v89lst_35._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141:after{
       background-color:#4CA6ff;
       background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
     }
-._light_llt3rb_31 ._tab_llt3rb_13:focus[data-focus-method='key']{
+._light_1v89lst_31 ._tab_1v89lst_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_llt3rb_31 ._tab_llt3rb_13:focus[data-focus-method='key']:after{
+._light_1v89lst_31 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
       opacity:0;
     }
-._dark_llt3rb_35 ._tab_llt3rb_13:focus[data-focus-method='key']{
+._dark_1v89lst_35 ._tab_1v89lst_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_llt3rb_35 ._tab_llt3rb_13:focus[data-focus-method='key']:after{
+._dark_1v89lst_35 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
       opacity:0;
     }
-._innerOffsetL_llt3rb_117 ._tab_llt3rb_13:first-of-type,
-  ._innerOffsetM_llt3rb_109 ._tab_llt3rb_13:first-of-type{
+._innerOffsetL_1v89lst_117 ._tab_1v89lst_13:first-of-type,
+  ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13:first-of-type{
     margin-left:0;
   }
 @media screen and (max-width: 640px){
-._innerOffsetL_llt3rb_117 ._tab_llt3rb_13:first-of-type,
-  ._innerOffsetM_llt3rb_109 ._tab_llt3rb_13:first-of-type{
+._innerOffsetL_1v89lst_117 ._tab_1v89lst_13:first-of-type,
+  ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13:first-of-type{
       margin-left:0
   }
     }
-._icon_llt3rb_239{
+._icon_1v89lst_239{
   -webkit-box-flex:0;
       -ms-flex:0 0;
           flex:0 0;
   -ms-flex-preferred-size:auto;
       flex-basis:auto;
 }
-._sizeM_llt3rb_99 ._icon_llt3rb_239._iconLeft_llt3rb_243{
+._sizeM_1v89lst_99 ._icon_1v89lst_239{
+    width:24px;
+    height:24px;
+  }
+._sizeL_1v89lst_104 ._icon_1v89lst_239{
+    width:28px;
+    height:28px;
+  }
+._sizeM_1v89lst_99 ._icon_1v89lst_239._iconLeft_1v89lst_253{
     margin-right:4px;
   }
-._sizeL_llt3rb_104 ._icon_llt3rb_239._iconLeft_llt3rb_243{
+._sizeL_1v89lst_104 ._icon_1v89lst_239._iconLeft_1v89lst_253{
     margin-right:8px;
   }
-._sizeM_llt3rb_99 ._icon_llt3rb_239._iconRight_llt3rb_251{
+._sizeM_1v89lst_99 ._icon_1v89lst_239._iconRight_1v89lst_261{
     margin-left:4px;
   }
-._sizeL_llt3rb_104 ._icon_llt3rb_239._iconRight_llt3rb_251{
+._sizeL_1v89lst_104 ._icon_1v89lst_239._iconRight_1v89lst_261{
     margin-left:8px;
   }
 
-._wrapper_ger5ze_4{
+._wrapper_12klgsx_4{
   position:relative;
 
   display:-webkit-box;
@@ -264,7 +272,7 @@
 
   display:flex;
 }
-._scrollable_ger5ze_10{
+._scrollable_12klgsx_10{
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
@@ -273,7 +281,7 @@
   margin:-4px;
   padding:4px;
 }
-._scrollable_ger5ze_10::after{
+._scrollable_12klgsx_10::after{
     display:block;
 
     height:100%;
@@ -282,15 +290,15 @@
 
     content:'';
   }
-._scrollable_ger5ze_10 {
+._scrollable_12klgsx_10 {
 
   -ms-overflow-style:none;
   scrollbar-width:none;
 }
-._scrollable_ger5ze_10::-webkit-scrollbar{
+._scrollable_12klgsx_10::-webkit-scrollbar{
     display:none;
   }
-._arrowShadow_ger5ze_39{
+._arrowShadow_12klgsx_39{
   position:absolute;
   top:0;
 
@@ -300,7 +308,7 @@
 
   pointer-events:none;
 }
-._arrowShadow_ger5ze_39::before{
+._arrowShadow_12klgsx_39::before{
     position:absolute;
 
     display:block;
@@ -314,7 +322,7 @@
 
             box-shadow:0 0 12px 12px currentColor;
   }
-._arrow_ger5ze_39{
+._arrow_12klgsx_39{
   position:absolute;
   z-index:2;
   top:50%;
@@ -340,15 +348,15 @@
   -webkit-transform:translateY(-50%);
           transform:translateY(-50%);
 }
-._light_ger5ze_82 ._arrow_ger5ze_39{
+._light_12klgsx_82 ._arrow_12klgsx_39{
     color:#FFFFFF;
     background-color:#FFFFFF;
   }
-._dark_ger5ze_86 ._arrow_ger5ze_39{
+._dark_12klgsx_86 ._arrow_12klgsx_39{
     color:#19191C;
     background-color:#19191C;
   }
-._arrow_ger5ze_39._shown_ger5ze_91{
+._arrow_12klgsx_39._shown_12klgsx_91{
     opacity:1;
 
     pointer-events:auto;
@@ -357,36 +365,36 @@
 
     transition:opacity 0.15s ease-in;
   }
-._arrow_ger5ze_39._arrowLeft_ger5ze_99{
+._arrow_12klgsx_39._arrowLeft_12klgsx_99{
     left:-5px;
   }
-._arrow_ger5ze_39._arrowLeft_ger5ze_99 ._arrowShadow_ger5ze_39{
+._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39{
       right:-24px;
     }
-._arrow_ger5ze_39._arrowLeft_ger5ze_99 ._arrowShadow_ger5ze_39::before{
+._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39::before{
       left:-100%;
     }
-._arrow_ger5ze_39._arrowRight_ger5ze_112{
+._arrow_12klgsx_39._arrowRight_12klgsx_112{
     right:-5px;
   }
-._arrow_ger5ze_39._arrowRight_ger5ze_112 ._arrowShadow_ger5ze_39{
+._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39{
       left:-24px;
     }
-._arrow_ger5ze_39._arrowRight_ger5ze_112 ._arrowShadow_ger5ze_39::before{
+._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39::before{
       right:-100%;
     }
-._arrowButton_ger5ze_126{
+._arrowButton_12klgsx_126{
   cursor:pointer;
 }
 
-._separator_11stzxp_3{
+._separator_lvjb12_3{
   position:relative;
   z-index:2;
 
   width:100%;
 }
 
-  ._separator_11stzxp_3:after{
+  ._separator_lvjb12_3:after{
     position:absolute;
     right:0;
     bottom:0;
@@ -396,401 +404,9 @@
 
     content:'';
   }
-._light_11stzxp_22:after{
+._light_lvjb12_22:after{
     background-color:rgba(25,25,28,0.3);
   }
-._dark_11stzxp_28:after{
+._dark_lvjb12_28:after{
     background-color:rgba(255,255,255,0.4);
   }
-
-._chipsContainer_1e679dn_9{
-  position:relative;
-
-  display:-webkit-box;
-
-  display:-ms-flexbox;
-
-  display:flex;
-}
-._chip_1e679dn_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_1e679dn_9:hover,
-  ._chip_1e679dn_9:focus,
-  ._chip_1e679dn_9:active{
-    outline:none;
-
-    text-decoration:none;
-  }
-._light_1e679dn_49 ._chip_1e679dn_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_1e679dn_54 ._chip_1e679dn_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_1e679dn_1 ._chip_1e679dn_9 {
-  padding: 1px 15px;
-  border-width: 1px;
-}
-._sizeS_1e679dn_63 ._chip_1e679dn_9 {
-  padding: 5px 15px;
-  border-width: 1px;
-}
-._sizeM_1e679dn_69 ._chip_1e679dn_9 {
-  padding: 7px 23px;
-  border-width: 1px;
-}
-._sizeL_1e679dn_75 ._chip_1e679dn_9 {
-  padding: 11px 31px;
-  border-width: 1px;
-}
-._sizeXs_1e679dn_1 ._chip_1e679dn_9._selected_1e679dn_59 {
-  padding: 0px 14px;
-  border-width: 2px;
-}
-._sizeS_1e679dn_63 ._chip_1e679dn_9._selected_1e679dn_59 {
-  padding: 4px 14px;
-  border-width: 2px;
-}
-._sizeM_1e679dn_69 ._chip_1e679dn_9._selected_1e679dn_59 {
-  padding: 6px 22px;
-  border-width: 2px;
-}
-._sizeL_1e679dn_75 ._chip_1e679dn_9._selected_1e679dn_59 {
-  padding: 10px 30px;
-  border-width: 2px;
-}
-._sizeXs_1e679dn_1 ._chip_1e679dn_9._withoutText_1e679dn_60 {
-  padding: 1px 1px;
-  border-width: 1px;
-}
-._sizeS_1e679dn_63 ._chip_1e679dn_9._withoutText_1e679dn_60 {
-  padding: 5px 5px;
-  border-width: 1px;
-}
-._sizeM_1e679dn_69 ._chip_1e679dn_9._withoutText_1e679dn_60 {
-  padding: 7px 7px;
-  border-width: 1px;
-}
-._sizeL_1e679dn_75 ._chip_1e679dn_9._withoutText_1e679dn_60 {
-  padding: 11px 11px;
-  border-width: 1px;
-}
-._sizeXs_1e679dn_1 ._chip_1e679dn_9._selected_1e679dn_59._withoutText_1e679dn_60 {
-  padding: 0px 0px;
-  border-width: 2px;
-}
-._sizeS_1e679dn_63 ._chip_1e679dn_9._selected_1e679dn_59._withoutText_1e679dn_60 {
-  padding: 4px 4px;
-  border-width: 2px;
-}
-._sizeM_1e679dn_69 ._chip_1e679dn_9._selected_1e679dn_59._withoutText_1e679dn_60 {
-  padding: 6px 6px;
-  border-width: 2px;
-}
-._sizeL_1e679dn_75 ._chip_1e679dn_9._selected_1e679dn_59._withoutText_1e679dn_60 {
-  padding: 10px 10px;
-  border-width: 2px;
-}
-._sizeS_1e679dn_63 ._chip_1e679dn_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_1e679dn_1 ._sizeS_1e679dn_63 ._chip_1e679dn_9{
-    letter-spacing:normal;
-  }
-._sizeS_1e679dn_63 ._chip_1e679dn_9 {
-
-    border-radius:24px;
-}
-._sizeM_1e679dn_69 ._chip_1e679dn_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_1e679dn_1 ._sizeM_1e679dn_69 ._chip_1e679dn_9{
-    letter-spacing:normal;
-  }
-._sizeM_1e679dn_69 ._chip_1e679dn_9 {
-
-    border-radius:24px;
-}
-._sizeL_1e679dn_75 ._chip_1e679dn_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_1e679dn_49._rock_1e679dn_81 ._chip_1e679dn_9{
-    color:#19191C;
-    border-color:rgba(25,25,28,0.3);
-  }
-._light_1e679dn_49._rock_1e679dn_81 ._chip_1e679dn_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_1e679dn_49._rock_1e679dn_81 ._chip_1e679dn_9:hover{
-        color:#19191C;
-        border-color:rgba(25,25,28,0.3);
-
-        background:rgba(25,25,28,0.1);
-      }
-    }
-._light_1e679dn_49._rock_1e679dn_81 ._chip_1e679dn_9:active{
-      color:#19191C;
-      border-color:#19191C;
-
-      background:rgba(25,25,28,0.1);
-    }
-._light_1e679dn_49._rock_1e679dn_81 ._chip_1e679dn_9._selected_1e679dn_59{
-      color:#19191C;
-      border-color:#19191C;
-    }
-._dark_1e679dn_54._rock_1e679dn_81 ._chip_1e679dn_9{
-    color:#FFFFFF;
-    border-color:rgba(255,255,255,0.3);
-  }
-._dark_1e679dn_54._rock_1e679dn_81 ._chip_1e679dn_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_1e679dn_54._rock_1e679dn_81 ._chip_1e679dn_9:hover{
-        color:#FFFFFF;
-        border-color:rgba(255,255,255,0.4);
-
-        background:rgba(255,255,255,0.1);
-      }
-    }
-._dark_1e679dn_54._rock_1e679dn_81 ._chip_1e679dn_9:active{
-      color:#FFFFFF;
-      border-color:#FFFFFF;
-
-      background:rgba(255,255,255,0.1);
-    }
-._dark_1e679dn_54._rock_1e679dn_81 ._chip_1e679dn_9._selected_1e679dn_59{
-      color:#FFFFFF;
-      border-color:#FFFFFF;
-    }
-._light_1e679dn_49._classic_1e679dn_143 ._chip_1e679dn_9{
-    color:#19191C;
-    border-color:rgba(25,25,28,0.3);
-  }
-._light_1e679dn_49._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_49._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_49._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_49._classic_1e679dn_143 ._chip_1e679dn_9._selected_1e679dn_59{
-      color:#19191C;
-      border-color:#167DFF;
-      border-color:var(--rs-color-primary-light-theme, #167DFF);
-    }
-._dark_1e679dn_54._classic_1e679dn_143 ._chip_1e679dn_9{
-    color:#FFFFFF;
-    border-color:rgba(255,255,255,0.3);
-  }
-._dark_1e679dn_54._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_54._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_54._classic_1e679dn_143 ._chip_1e679dn_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_1e679dn_54._classic_1e679dn_143 ._chip_1e679dn_9._selected_1e679dn_59{
-      color:#FFFFFF;
-      border-color:#4CA6ff;
-      border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
-    }
-._innerOffsetM_1e679dn_205 ._chip_1e679dn_9{
-    margin-left:8px;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetM_1e679dn_205 ._chip_1e679dn_9{
-      margin-left:8px
-  }
-    }
-._innerOffsetL_1e679dn_213 ._chip_1e679dn_9{
-    margin-left:16px;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetL_1e679dn_213 ._chip_1e679dn_9{
-      margin-left:8px
-  }
-    }
-._innerOffsetL_1e679dn_213 ._chip_1e679dn_9:first-of-type,
-  ._innerOffsetM_1e679dn_205 ._chip_1e679dn_9:first-of-type{
-    margin-left:0;
-  }
-@media screen and (max-width: 640px){
-._innerOffsetL_1e679dn_213 ._chip_1e679dn_9:first-of-type,
-  ._innerOffsetM_1e679dn_205 ._chip_1e679dn_9:first-of-type{
-      margin-left:0
-  }
-    }
-._icon_1e679dn_231{
-  -webkit-box-flex:0;
-      -ms-flex:0 0;
-          flex:0 0;
-  -ms-flex-preferred-size:auto;
-      flex-basis:auto;
-}
-._sizeXs_1e679dn_1 ._icon_1e679dn_231._iconLeft_1e679dn_235 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 8px 0 -2px;
-}
-._sizeS_1e679dn_63 ._icon_1e679dn_231._iconLeft_1e679dn_235 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 8px 0 -2px;
-}
-._sizeM_1e679dn_69 ._icon_1e679dn_231._iconLeft_1e679dn_235 {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  margin: 0 16px 0 -2px;
-}
-._sizeL_1e679dn_75 ._icon_1e679dn_231._iconLeft_1e679dn_235 {
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  min-height: 32px;
-  margin: 0 20px 0 -2px;
-}
-._sizeXs_1e679dn_1 ._icon_1e679dn_231._iconRight_1e679dn_236 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 -2px 0 8px;
-}
-._sizeS_1e679dn_63 ._icon_1e679dn_231._iconRight_1e679dn_236 {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  margin: 0 -2px 0 8px;
-}
-._sizeM_1e679dn_69 ._icon_1e679dn_231._iconRight_1e679dn_236 {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  margin: 0 -2px 0 16px;
-}
-._sizeL_1e679dn_75 ._icon_1e679dn_231._iconRight_1e679dn_236 {
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  min-height: 32px;
-  margin: 0 -2px 0 20px;
-}
-._withoutText_1e679dn_60 ._icon_1e679dn_231._iconRight_1e679dn_236,
-  ._withoutText_1e679dn_60 ._icon_1e679dn_231._iconLeft_1e679dn_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_11stzxp_3",
-  "light": "_light_11stzxp_22",
-  "dark": "_dark_11stzxp_28"
+  "separator": "_separator_lvjb12_3",
+  "light": "_light_lvjb12_22",
+  "dark": "_dark_lvjb12_28"
 };
 export default styles;

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

@@ -1,6 +1,7 @@
 import { createContext, useContext } from 'react';
 var TabListContext = /*#__PURE__*/createContext({
   short: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   onChange: function onChange() {},
   selectedId: 0
 });

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

@@ -1,21 +1,21 @@
 var styles = {
-  "wrapper": "_wrapper_llt3rb_9",
-  "tabsContainer": "_tabsContainer_llt3rb_13",
-  "indicator": "_indicator_llt3rb_19",
-  "light": "_light_llt3rb_31",
-  "classic": "_classic_llt3rb_31",
-  "dark": "_dark_llt3rb_35",
-  "rock": "_rock_llt3rb_39",
-  "tab": "_tab_llt3rb_13",
-  "sizeM": "_sizeM_llt3rb_99",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_llt3rb_1",
-  "sizeL": "_sizeL_llt3rb_104",
-  "innerOffsetM": "_innerOffsetM_llt3rb_109",
-  "innerOffsetL": "_innerOffsetL_llt3rb_117",
-  "short": "_short_llt3rb_133",
-  "selected": "_selected_llt3rb_141",
-  "icon": "_icon_llt3rb_239",
-  "iconLeft": "_iconLeft_llt3rb_243",
-  "iconRight": "_iconRight_llt3rb_251"
+  "wrapper": "_wrapper_1v89lst_9",
+  "tabsContainer": "_tabsContainer_1v89lst_13",
+  "indicator": "_indicator_1v89lst_19",
+  "light": "_light_1v89lst_31",
+  "classic": "_classic_1v89lst_31",
+  "dark": "_dark_1v89lst_35",
+  "rock": "_rock_1v89lst_39",
+  "tab": "_tab_1v89lst_13",
+  "sizeM": "_sizeM_1v89lst_99",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1v89lst_1",
+  "sizeL": "_sizeL_1v89lst_104",
+  "innerOffsetM": "_innerOffsetM_1v89lst_109",
+  "innerOffsetL": "_innerOffsetL_1v89lst_117",
+  "short": "_short_1v89lst_133",
+  "selected": "_selected_1v89lst_141",
+  "icon": "_icon_1v89lst_239",
+  "iconLeft": "_iconLeft_1v89lst_253",
+  "iconRight": "_iconRight_1v89lst_261"
 };
 export default styles;

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

@@ -1,13 +1,13 @@
 var styles = {
-  "wrapper": "_wrapper_ger5ze_4",
-  "scrollable": "_scrollable_ger5ze_10",
-  "arrowShadow": "_arrowShadow_ger5ze_39",
-  "arrow": "_arrow_ger5ze_39",
-  "light": "_light_ger5ze_82",
-  "dark": "_dark_ger5ze_86",
-  "shown": "_shown_ger5ze_91",
-  "arrowLeft": "_arrowLeft_ger5ze_99",
-  "arrowRight": "_arrowRight_ger5ze_112",
-  "arrowButton": "_arrowButton_ger5ze_126"
+  "wrapper": "_wrapper_12klgsx_4",
+  "scrollable": "_scrollable_12klgsx_10",
+  "arrowShadow": "_arrowShadow_12klgsx_39",
+  "arrow": "_arrow_12klgsx_39",
+  "light": "_light_12klgsx_82",
+  "dark": "_dark_12klgsx_86",
+  "shown": "_shown_12klgsx_91",
+  "arrowLeft": "_arrowLeft_12klgsx_99",
+  "arrowRight": "_arrowRight_12klgsx_112",
+  "arrowButton": "_arrowButton_12klgsx_126"
 };
 export default styles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tab-list",
-  "version": "0.3.0",
+  "version": "0.6.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.3.0",
-    "@rescui/icons": "^0.2.0",
+    "@rescui/button": "^0.5.0",
+    "@rescui/icons": "^0.5.1",
     "classnames": "^2.2.6",
     "core-js": "^3.9.1"
   },
@@ -28,14 +28,14 @@
     "react": ">=16.8.0 <18"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.0.5",
+    "@rescui/colors": "^0.0.6",
     "@rescui/postcss-preset-library": "^0.0.4",
-    "@rescui/scripts": "^0.1.3",
-    "@rescui/typography": "^0.3.0",
+    "@rescui/scripts": "^0.1.4",
+    "@rescui/typography": "^0.5.0",
     "@rescui/visual-regression": "^0.0.1"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
-  "gitHead": "11daffddcc420a78b5708443363da65c55f28103"
+  "gitHead": "0303dab2dea78cc6ba3a4970148de62fca11a225"
 }

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,11 +0,0 @@
-import { createContext, useContext } from 'react';
-var ChipListContext = /*#__PURE__*/createContext({
-  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_1e679dn_9",
-  "chip": "_chip_1e679dn_9",
-  "light": "_light_1e679dn_49",
-  "dark": "_dark_1e679dn_54",
-  "sizeXs": "_sizeXs_1e679dn_1",
-  "sizeS": "_sizeS_1e679dn_63",
-  "sizeM": "_sizeM_1e679dn_69",
-  "sizeL": "_sizeL_1e679dn_75",
-  "selected": "_selected_1e679dn_59",
-  "withoutText": "_withoutText_1e679dn_60",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1e679dn_1",
-  "rock": "_rock_1e679dn_81",
-  "classic": "_classic_1e679dn_143",
-  "innerOffsetM": "_innerOffsetM_1e679dn_205",
-  "innerOffsetL": "_innerOffsetL_1e679dn_213",
-  "icon": "_icon_1e679dn_231",
-  "iconLeft": "_iconLeft_1e679dn_235",
-  "iconRight": "_iconRight_1e679dn_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;