@rescui/tag 0.7.1 → 0.9.0

package/lib/index.css

@@ -1,4 +1,4 @@
-._main_1uoszgd_25{
+._main_9999e_25{
   letter-spacing:0.0015em;
   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));
@@ -10,10 +10,10 @@
   line-height:24px;
   line-height:var(--rs-text-2-line-height, 24px);
 }
-  ._rs-reset-letter-spacing_1uoszgd_1 ._main_1uoszgd_25{
+  ._rs-reset-letter-spacing_9999e_1 ._main_9999e_25{
     letter-spacing:normal;
   }
-  ._main_1uoszgd_25 {
+  ._main_9999e_25 {
 
   position:relative;
 
@@ -42,19 +42,19 @@
 
   background:transparent;
 }
-._alignIconLeft_1uoszgd_46{
+._alignIconLeft_9999e_46{
   -webkit-box-orient:horizontal;
   -webkit-box-direction:normal;
       -ms-flex-direction:row;
           flex-direction:row;
 }
-._alignIconRight_1uoszgd_50{
+._alignIconRight_9999e_50{
   -webkit-box-orient:horizontal;
   -webkit-box-direction:reverse;
       -ms-flex-direction:row-reverse;
           flex-direction:row-reverse;
 }
-._sizeXs_1uoszgd_54{
+._sizeXs_9999e_54{
   letter-spacing:0.0045em;
   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));
@@ -65,14 +65,14 @@
   line-height:20px;
   line-height:var(--rs-text-3-line-height, 20px);
 }
-._rs-reset-letter-spacing_1uoszgd_1 ._sizeXs_1uoszgd_54{
+._rs-reset-letter-spacing_9999e_1 ._sizeXs_9999e_54{
     letter-spacing:normal;
   }
-._sizeXs_1uoszgd_54 {
+._sizeXs_9999e_54 {
 
   padding:1px 7px;
 }
-._sizeS_1uoszgd_61{
+._sizeS_9999e_61{
   letter-spacing:0.0045em;
   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));
@@ -83,14 +83,14 @@
   line-height:20px;
   line-height:var(--rs-text-3-line-height, 20px);
 }
-._rs-reset-letter-spacing_1uoszgd_1 ._sizeS_1uoszgd_61{
+._rs-reset-letter-spacing_9999e_1 ._sizeS_9999e_61{
     letter-spacing:normal;
   }
-._sizeS_1uoszgd_61 {
+._sizeS_9999e_61 {
 
   padding:3px 7px;
 }
-._sizeM_1uoszgd_68{
+._sizeM_9999e_68{
   letter-spacing:0.0015em;
   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));
@@ -102,14 +102,15 @@
   line-height:24px;
   line-height:var(--rs-text-2-line-height, 24px);
 }
-._rs-reset-letter-spacing_1uoszgd_1 ._sizeM_1uoszgd_68{
+._rs-reset-letter-spacing_9999e_1 ._sizeM_9999e_68{
     letter-spacing:normal;
   }
-._sizeM_1uoszgd_68 {
+._sizeM_9999e_68 {
 
   padding:5px 11px;
 }
-._sizeL_1uoszgd_75{
+._sizeL_9999e_75{
+  letter-spacing:normal;
   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));
   -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -122,59 +123,55 @@
 
   padding:7px 15px;
 }
-._icon_1uoszgd_82{
+._icon_9999e_82{
   fill:currentColor;
 }
-._sizeXs_1uoszgd_54 ._icon_1uoszgd_82{
+._sizeXs_9999e_54 ._icon_9999e_82{
     width:20px;
     height:20px;
   }
-._sizeS_1uoszgd_61 ._icon_1uoszgd_82{
+._sizeS_9999e_61 ._icon_9999e_82{
     width:20px;
     height:20px;
   }
-._sizeM_1uoszgd_68 ._icon_1uoszgd_82{
+._sizeM_9999e_68 ._icon_9999e_82{
     width:24px;
     height:24px;
   }
-._sizeL_1uoszgd_75 ._icon_1uoszgd_82{
+._sizeL_9999e_75 ._icon_9999e_82{
     width:28px;
     height:28px;
   }
-._alignIconLeft_1uoszgd_46 ._icon_1uoszgd_82{
+._alignIconLeft_9999e_46 ._icon_9999e_82{
     margin-right:8px;
     margin-left:0;
   }
-._alignIconRight_1uoszgd_50 ._icon_1uoszgd_82{
+._alignIconRight_9999e_50 ._icon_9999e_82{
     margin-right:0;
     margin-left:8px;
   }
-._uppercase_1uoszgd_116{
+._uppercase_9999e_116{
   text-transform:uppercase;
-
-  font-weight:530;
-
-  font-weight:var(--rs-font-weight-semi-bold, 530);
 }
-._uppercase_1uoszgd_116._sizeS_1uoszgd_61{
+._uppercase_9999e_116._sizeS_9999e_61{
     padding-right:9px;
     padding-left:9px;
   }
 
-._sizeXs_qp3fbt_9{
+._sizeXs_1az06zc_9{
   border-radius:4px;
 }
-._sizeS_qp3fbt_13{
+._sizeS_1az06zc_13{
   border-radius:4px;
 }
-._sizeM_qp3fbt_17{
+._sizeM_1az06zc_17{
   border-radius:6px;
 }
-._sizeL_qp3fbt_21{
+._sizeL_1az06zc_21{
   border-radius:8px;
 }
 
-._wrapper_4e3oje_36{
+._wrapper_h80or_36{
   position:relative;
 
   display:-webkit-inline-box;
@@ -186,11 +183,11 @@
   white-space:nowrap;
 }
 
-  ._wrapper_4e3oje_36 > *{
+  ._wrapper_h80or_36 > *{
     vertical-align:top;
   }
-._sizeXs_4e3oje_48,
-._sizeS_4e3oje_49{
+._sizeXs_h80or_48,
+._sizeS_h80or_49{
   letter-spacing:0.0045em;
   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));
@@ -201,10 +198,10 @@
   line-height:20px;
   line-height:var(--rs-text-3-line-height, 20px);
 }
-._rs-reset-letter-spacing_4e3oje_1 ._sizeXs_4e3oje_48,._rs-reset-letter-spacing_4e3oje_1 ._sizeS_4e3oje_49{
+._rs-reset-letter-spacing_h80or_1 ._sizeXs_h80or_48,._rs-reset-letter-spacing_h80or_1 ._sizeS_h80or_49{
     letter-spacing:normal;
   }
-._sizeM_4e3oje_53{
+._sizeM_h80or_53{
   letter-spacing:0.0015em;
   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));
@@ -216,10 +213,11 @@
   line-height:24px;
   line-height:var(--rs-text-2-line-height, 24px);
 }
-._rs-reset-letter-spacing_4e3oje_1 ._sizeM_4e3oje_53{
+._rs-reset-letter-spacing_h80or_1 ._sizeM_h80or_53{
     letter-spacing:normal;
   }
-._sizeL_4e3oje_57{
+._sizeL_h80or_57{
+  letter-spacing:normal;
   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));
   -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -230,52 +228,52 @@
   line-height:28px;
   line-height:var(--rs-text-1-line-height, 28px);
 }
-._themeLight_4e3oje_61{
+._themeLight_h80or_61{
   color:rgba(25,25,28,0.7);
   color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
 }
-._themeLight_4e3oje_61._disabled_4e3oje_65{
+._themeLight_h80or_61._disabled_h80or_65{
   color:rgba(25,25,28,0.5);
   color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
 }
-._themeDark_4e3oje_69{
+._themeDark_h80or_69{
   color:rgba(255,255,255,0.7);
   color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
 }
-._themeDark_4e3oje_69._disabled_4e3oje_65{
+._themeDark_h80or_69._disabled_h80or_65{
   color:rgba(255,255,255,0.5);
   color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
 }
-._disabled_4e3oje_65{
+._disabled_h80or_65{
   pointer-events:none;
 }
-._sizeXs_4e3oje_48{
+._sizeXs_h80or_48{
   padding-left:8px;
 
   border-radius:4px;
 }
-._sizeS_4e3oje_49{
+._sizeS_h80or_49{
   padding-left:8px;
 
   border-radius:4px;
 }
-._sizeM_4e3oje_53{
+._sizeM_h80or_53{
   padding-left:12px;
 
   border-radius:6px;
 }
-._sizeL_4e3oje_57{
+._sizeL_h80or_57{
   padding-left:16px;
 
   border-radius:8px;
 }
-._themeLight_4e3oje_61{
+._themeLight_h80or_61{
   background-color:rgba(25,25,28,0.1);
 }
-._themeDark_4e3oje_69{
+._themeDark_h80or_69{
   background-color:rgba(255,255,255,0.1);
 }
-._main_4e3oje_110{
+._main_h80or_110{
   display:-webkit-inline-box;
   display:-ms-inline-flexbox;
   display:inline-flex;
@@ -293,30 +291,30 @@
 
   background:transparent;
 }
-._wrap_4e3oje_36 ._main_4e3oje_110{
+._wrap_h80or_36 ._main_h80or_110{
     white-space:normal;
   }
-._sizeXs_4e3oje_48 ._main_4e3oje_110{
+._sizeXs_h80or_48 ._main_h80or_110{
     padding-top:2px;
     padding-right:2px;
     padding-bottom:2px;
   }
-._sizeS_4e3oje_49 ._main_4e3oje_110{
+._sizeS_h80or_49 ._main_h80or_110{
     padding-top:4px;
     padding-right:2px;
     padding-bottom:4px;
   }
-._sizeM_4e3oje_53 ._main_4e3oje_110{
+._sizeM_h80or_53 ._main_h80or_110{
     padding-top:6px;
     padding-right:2px;
     padding-bottom:6px;
   }
-._sizeL_4e3oje_57 ._main_4e3oje_110{
+._sizeL_h80or_57 ._main_h80or_110{
     padding-top:8px;
     padding-right:4px;
     padding-bottom:8px;
   }
-._close_4e3oje_146{
+._close_h80or_146{
   top:0;
   right:0;
   bottom:0;
@@ -352,70 +350,70 @@
   -webkit-font-smoothing:inherit;
   -moz-osx-font-smoothing:inherit;
 }
-._close_4e3oje_146::-moz-focus-inner{
+._close_h80or_146::-moz-focus-inner{
     padding:0;
 
     border:0;
   }
-._close_4e3oje_146:active,
-  ._close_4e3oje_146:hover,
-  ._close_4e3oje_146:focus{
+._close_h80or_146:active,
+  ._close_h80or_146:hover,
+  ._close_h80or_146:focus{
     outline:none;
 
     text-decoration:none;
   }
-._sizeXs_4e3oje_48 ._close_4e3oje_146{
+._sizeXs_h80or_48 ._close_h80or_146{
     width:28px;
 
     border-radius:4px;
   }
-._sizeS_4e3oje_49 ._close_4e3oje_146{
+._sizeS_h80or_49 ._close_h80or_146{
     width:28px;
 
     border-radius:4px;
   }
-._sizeM_4e3oje_53 ._close_4e3oje_146{
+._sizeM_h80or_53 ._close_h80or_146{
     width:36px;
 
     border-radius:6px;
   }
-._sizeL_4e3oje_57 ._close_4e3oje_146{
+._sizeL_h80or_57 ._close_h80or_146{
     width:44px;
 
     border-radius:8px;
   }
-._disabled_4e3oje_65 ._close_4e3oje_146{
+._disabled_h80or_65 ._close_h80or_146{
     pointer-events:none;
   }
-._themeLight_4e3oje_61 ._close_4e3oje_146:hover{
+._themeLight_h80or_61 ._close_h80or_146:hover{
     color:#19191C;
     background-color:rgba(25,25,28,0.1);
   }
-._themeDark_4e3oje_69 ._close_4e3oje_146:hover{
+._themeDark_h80or_69 ._close_h80or_146:hover{
     color:#FFFFFF;
     background-color:rgba(255,255,255,0.1);
   }
-._themeLight_4e3oje_61 ._close_4e3oje_146:active{
+._themeLight_h80or_61 ._close_h80or_146:active{
     color:#19191C;
     background-color:rgba(25,25,28,0.2);
   }
-._themeDark_4e3oje_69 ._close_4e3oje_146:active{
+._themeDark_h80or_69 ._close_h80or_146:active{
     color:#FFFFFF;
     background-color:rgba(255,255,255,0.2);
   }
-._themeLight_4e3oje_61 ._close_4e3oje_146:focus[data-focus-method='key']{
+._themeLight_h80or_61 ._close_h80or_146:focus[data-focus-method='key']{
     -webkit-box-shadow:inset 0 0 0 4px #8979ff;
     -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
             box-shadow:inset 0 0 0 4px #8979ff;
             box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
   }
-._themeDark_4e3oje_69 ._close_4e3oje_146:focus[data-focus-method='key']{
+._themeDark_h80or_69 ._close_h80or_146:focus[data-focus-method='key']{
     -webkit-box-shadow:inset 0 0 0 4px #6f61d2;
     -webkit-box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
             box-shadow:inset 0 0 0 4px #6f61d2;
             box-shadow:inset 0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
   }
-._icon_4e3oje_243{
+._icon_h80or_243{
   -webkit-box-flex:1;
       -ms-flex:1 0 auto;
           flex:1 0 auto;
@@ -425,128 +423,128 @@
   vertical-align:top;
   fill:currentColor;
 }
-._sizeXs_4e3oje_48 ._icon_4e3oje_243{
+._sizeXs_h80or_48 ._icon_h80or_243{
     width:20px;
     height:20px;
     margin-top:2px;
     margin-bottom:2px;
   }
-._sizeS_4e3oje_49 ._icon_4e3oje_243{
+._sizeS_h80or_49 ._icon_h80or_243{
     width:20px;
     height:20px;
     margin-top:4px;
     margin-bottom:4px;
   }
-._sizeM_4e3oje_53 ._icon_4e3oje_243{
+._sizeM_h80or_53 ._icon_h80or_243{
     width:24px;
     height:24px;
     margin-top:6px;
     margin-bottom:6px;
   }
-._sizeL_4e3oje_57 ._icon_4e3oje_243{
+._sizeL_h80or_57 ._icon_h80or_243{
     width:28px;
     height:28px;
     margin-top:8px;
     margin-bottom:8px;
   }
 
-._wrapper_srqts_10{
+._wrapper_1v85ftd_10{
   position:relative;
 }
-._tag_srqts_14{
+._tag_1v85ftd_14{
   position:absolute;
 }
-._alignTop_srqts_20._sizeXs_srqts_21{
+._alignTop_1v85ftd_20._sizeXs_1v85ftd_21{
     border-radius:4px 4px 0 0;
   }
-._alignTop_srqts_20._sizeS_srqts_24{
+._alignTop_1v85ftd_20._sizeS_1v85ftd_24{
     border-radius:4px 4px 0 0;
   }
-._alignTop_srqts_20._sizeM_srqts_27{
+._alignTop_1v85ftd_20._sizeM_1v85ftd_27{
     border-radius:6px 6px 0 0;
   }
-._alignTop_srqts_20._sizeL_srqts_30{
+._alignTop_1v85ftd_20._sizeL_1v85ftd_30{
     border-radius:8px 8px 0 0;
   }
-._alignMiddle_srqts_35._sizeXs_srqts_21{
+._alignMiddle_1v85ftd_35._sizeXs_1v85ftd_21{
     border-radius:4px;
   }
-._alignMiddle_srqts_35._sizeS_srqts_24{
+._alignMiddle_1v85ftd_35._sizeS_1v85ftd_24{
     border-radius:4px;
   }
-._alignMiddle_srqts_35._sizeM_srqts_27{
+._alignMiddle_1v85ftd_35._sizeM_1v85ftd_27{
     border-radius:6px;
   }
-._alignMiddle_srqts_35._sizeL_srqts_30{
+._alignMiddle_1v85ftd_35._sizeL_1v85ftd_30{
     border-radius:8px;
   }
-._top_srqts_52{
+._top_1v85ftd_52{
   top:0;
 }
-._top_srqts_52._start_srqts_56._offset16_srqts_57{
+._top_1v85ftd_52._start_1v85ftd_56._offset16_1v85ftd_57{
     left:16px;
   }
-._top_srqts_52._start_srqts_56._offset24_srqts_60{
+._top_1v85ftd_52._start_1v85ftd_56._offset24_1v85ftd_60{
     left:24px;
   }
-._top_srqts_52._start_srqts_56._offset32_srqts_63{
+._top_1v85ftd_52._start_1v85ftd_56._offset32_1v85ftd_63{
     left:32px;
   }
-._top_srqts_52._end_srqts_68._offset16_srqts_57{
+._top_1v85ftd_52._end_1v85ftd_68._offset16_1v85ftd_57{
     right:16px;
   }
-._top_srqts_52._end_srqts_68._offset24_srqts_60{
+._top_1v85ftd_52._end_1v85ftd_68._offset24_1v85ftd_60{
     right:24px;
   }
-._top_srqts_52._end_srqts_68._offset32_srqts_63{
+._top_1v85ftd_52._end_1v85ftd_68._offset32_1v85ftd_63{
     right:32px;
   }
-._top_srqts_52._alignTop_srqts_20{
+._top_1v85ftd_52._alignTop_1v85ftd_20{
   -webkit-transform:translate(0, -100%);
           transform:translate(0, -100%);
 }
-._top_srqts_52._alignMiddle_srqts_35{
+._top_1v85ftd_52._alignMiddle_1v85ftd_35{
   -webkit-transform:translate(0, -50%);
           transform:translate(0, -50%);
 }
-._left_srqts_90{
+._left_1v85ftd_90{
   right:100%;
 
   -webkit-transform-origin:100% 0;
 
           transform-origin:100% 0;
 }
-._left_srqts_90._start_srqts_56._offset16_srqts_57{
+._left_1v85ftd_90._start_1v85ftd_56._offset16_1v85ftd_57{
     top:16px;
   }
-._left_srqts_90._start_srqts_56._offset24_srqts_60{
+._left_1v85ftd_90._start_1v85ftd_56._offset24_1v85ftd_60{
     top:24px;
   }
-._left_srqts_90._start_srqts_56._offset32_srqts_63{
+._left_1v85ftd_90._start_1v85ftd_56._offset32_1v85ftd_63{
     top:32px;
   }
-._left_srqts_90._end_srqts_68._offset16_srqts_57{
+._left_1v85ftd_90._end_1v85ftd_68._offset16_1v85ftd_57{
     top:calc(100% - 16px);
   }
-._left_srqts_90._end_srqts_68._offset24_srqts_60{
+._left_1v85ftd_90._end_1v85ftd_68._offset24_1v85ftd_60{
     top:calc(100% - 24px);
   }
-._left_srqts_90._end_srqts_68._offset32_srqts_63{
+._left_1v85ftd_90._end_1v85ftd_68._offset32_1v85ftd_63{
     top:calc(100% - 32px);
   }
-._left_srqts_90._start_srqts_56._alignTop_srqts_20{
+._left_1v85ftd_90._start_1v85ftd_56._alignTop_1v85ftd_20{
   -webkit-transform:rotate(270deg) translate(0, -100%);
           transform:rotate(270deg) translate(0, -100%);
 }
-._left_srqts_90._end_srqts_68._alignTop_srqts_20{
+._left_1v85ftd_90._end_1v85ftd_68._alignTop_1v85ftd_20{
   -webkit-transform:rotate(270deg) translate(100%, -100%);
           transform:rotate(270deg) translate(100%, -100%);
 }
-._left_srqts_90._start_srqts_56._alignMiddle_srqts_35{
+._left_1v85ftd_90._start_1v85ftd_56._alignMiddle_1v85ftd_35{
   -webkit-transform:rotate(270deg) translate(0, -50%);
           transform:rotate(270deg) translate(0, -50%);
 }
-._left_srqts_90._end_srqts_68._alignMiddle_srqts_35{
+._left_1v85ftd_90._end_1v85ftd_68._alignMiddle_1v85ftd_35{
   -webkit-transform:rotate(270deg) translate(100%, -50%);
           transform:rotate(270deg) translate(100%, -50%);
 }

package/lib/parts/base-tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 export declare type BaseTagSize = 'l' | 'm' | 's' | 'xs';
 export declare type BaseTagIconPosition = 'left' | 'right';
 export declare type BaseTagProps = {
@@ -12,6 +12,8 @@ export declare type BaseTagProps = {
     isUppercase?: boolean;
     /** Text color */
     color?: string;
+    /** Custom CSS styles */
+    style?: CSSProperties | undefined;
     /**
      * Background color.
      * @default transparent

package/lib/parts/base-tag.js

@@ -7,7 +7,7 @@ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-sta
 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 = ["className", "children", "size", "icon", "iconPosition", "isUppercase", "color", "backgroundColor", "borderColor"];
+var _excluded = ["className", "children", "size", "icon", "iconPosition", "isUppercase", "color", "backgroundColor", "borderColor", "style"];
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -40,6 +40,7 @@ function (_ref, ref) {
       color = _ref.color,
       backgroundColor = _ref.backgroundColor,
       borderColor = _ref.borderColor,
+      style = _ref.style,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var withIcon = /*#__PURE__*/React.isValidElement(icon);
@@ -51,11 +52,11 @@ function (_ref, ref) {
   }, restProps), {}, {
     ref: ref,
     className: cn(styles.main, SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], withIcon && styles.withIcon, isUppercase && styles.uppercase, className),
-    style: {
+    style: _objectSpread({
       color: color,
       backgroundColor: backgroundColor,
       borderColor: borderColor
-    }
+    }, style)
   }), iconSlot, children);
 });
 BaseTag.displayName = 'BaseTag';
@@ -66,6 +67,7 @@ BaseTag.propTypes = {
   iconPosition: PropTypes.oneOf(['left', 'right']),
   isUppercase: PropTypes.bool,
   size: PropTypes.oneOf(['l', 'm', 's', 'xs']),
+  style: PropTypes.object,
   color: PropTypes.string,
   backgroundColor: PropTypes.string,
   borderColor: PropTypes.string

package/lib/parts/base-tag.p.module.css.js

@@ -1,13 +1,13 @@
 var styles = {
-  "main": "_main_1uoszgd_25",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1uoszgd_1",
-  "alignIconLeft": "_alignIconLeft_1uoszgd_46",
-  "alignIconRight": "_alignIconRight_1uoszgd_50",
-  "sizeXs": "_sizeXs_1uoszgd_54",
-  "sizeS": "_sizeS_1uoszgd_61",
-  "sizeM": "_sizeM_1uoszgd_68",
-  "sizeL": "_sizeL_1uoszgd_75",
-  "icon": "_icon_1uoszgd_82",
-  "uppercase": "_uppercase_1uoszgd_116"
+  "main": "_main_9999e_25",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_9999e_1",
+  "alignIconLeft": "_alignIconLeft_9999e_46",
+  "alignIconRight": "_alignIconRight_9999e_50",
+  "sizeXs": "_sizeXs_9999e_54",
+  "sizeS": "_sizeS_9999e_61",
+  "sizeM": "_sizeM_9999e_68",
+  "sizeL": "_sizeL_9999e_75",
+  "icon": "_icon_9999e_82",
+  "uppercase": "_uppercase_9999e_116"
 };
 export { styles as default };

package/lib/parts/presets.d.ts

@@ -1,57 +1,194 @@
 export declare type Preset = {
     /** Tag text color */
-    color: string;
+    color?: string;
     /** Tag background color */
     backgroundColor?: string;
     /** Tag border color */
     borderColor?: string;
 };
 declare const presetsLight: {
-    /** Primary background */
+    /**
+     * Primary background
+     */
+    'classic-light': {
+        color: "#FFFFFF";
+        backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
+    };
+    /**
+     * Contrast background
+     */
+    'rock-light': {
+        color: "#FFFFFF";
+        backgroundColor: "#19191C";
+    };
+    /**
+     * Grey background
+     */
+    'filled-light': {
+        color: "rgba(25,25,28,0.7)";
+        backgroundColor: "rgba(25,25,28,0.1)";
+    };
+    /**
+     * Transparent with border
+     */
+    'outline-light': {
+        color: "#19191C";
+        borderColor: "#19191C";
+    };
+};
+declare const presetsDark: {
+    /**
+     * Primary background
+     */
+    'classic-dark': {
+        color: "#FFFFFF";
+        backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
+    };
+    /**
+     * Contrast background
+     */
+    'rock-dark': {
+        color: "#19191C";
+        backgroundColor: "#FFFFFF";
+    };
+    /**
+     * Grey background
+     */
+    'filled-dark': {
+        color: "rgba(255,255,255,0.7)";
+        backgroundColor: "rgba(255,255,255,0.1)";
+    };
+    /**
+     * Transparent with border
+     */
+    'outline-dark': {
+        color: "#FFFFFF";
+        borderColor: "#FFFFFF";
+    };
+};
+export declare type PresetsLight = typeof presetsLight;
+export declare type PresetsDark = typeof presetsDark;
+export declare const presets: {
+    /**
+     * Primary background
+     * @deprecated use 'classic-light' instead
+     */
     classicLight: {
         color: "#FFFFFF";
         backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
     };
-    /** Contrast background */
+    /**
+     * Contrast background
+     * @deprecated use 'rock-light' instead
+     */
     rockLight: {
         color: "#FFFFFF";
         backgroundColor: "#19191C";
     };
-    /** Grey background */
+    /**
+     * Grey background
+     * @deprecated use 'filled-light' instead
+     */
     filledLight: {
         color: "rgba(25,25,28,0.7)";
         backgroundColor: "rgba(25,25,28,0.1)";
     };
-    /** Transparent with border */
+    /**
+     * Transparent with border
+     * @deprecated use 'outline-light' instead
+     */
     outlineLight: {
         color: "#19191C";
         borderColor: "#19191C";
     };
-};
-declare const presetsDark: {
-    /** Primary background */
+    /**
+     * Primary background
+     * @deprecated use 'classic-dark' instead
+     */
     classicDark: {
         color: "#FFFFFF";
         backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
     };
-    /** Contrast background */
+    /**
+     * Contrast background
+     * @deprecated use 'rock-dark' instead
+     */
     rockDark: {
         color: "#19191C";
         backgroundColor: "#FFFFFF";
     };
-    /** Grey background */
+    /**
+     * Grey background
+     * @deprecated use 'filled-dark' instead
+     */
     filledDark: {
         color: "rgba(255,255,255,0.7)";
         backgroundColor: "rgba(255,255,255,0.1)";
     };
-    /** Transparent with border */
+    /**
+     * Transparent with border
+     * @deprecated use 'outline-dark' instead
+     */
     outlineDark: {
         color: "#FFFFFF";
         borderColor: "#FFFFFF";
     };
+    /**
+     * Primary background
+     */
+    'classic-dark': {
+        color: "#FFFFFF";
+        backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
+    };
+    /**
+     * Contrast background
+     */
+    'rock-dark': {
+        color: "#19191C";
+        backgroundColor: "#FFFFFF";
+    };
+    /**
+     * Grey background
+     */
+    'filled-dark': {
+        color: "rgba(255,255,255,0.7)";
+        backgroundColor: "rgba(255,255,255,0.1)";
+    };
+    /**
+     * Transparent with border
+     */
+    'outline-dark': {
+        color: "#FFFFFF";
+        borderColor: "#FFFFFF";
+    };
+    /**
+     * Primary background
+     */
+    'classic-light': {
+        color: "#FFFFFF";
+        backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
+    };
+    /**
+     * Contrast background
+     */
+    'rock-light': {
+        color: "#FFFFFF";
+        backgroundColor: "#19191C";
+    };
+    /**
+     * Grey background
+     */
+    'filled-light': {
+        color: "rgba(25,25,28,0.7)";
+        backgroundColor: "rgba(25,25,28,0.1)";
+    };
+    /**
+     * Transparent with border
+     */
+    'outline-light': {
+        color: "#19191C";
+        borderColor: "#19191C";
+    };
 };
-export declare type PresetsLight = typeof presetsLight;
-export declare type PresetsDark = typeof presetsDark;
-export declare type Presets = Record<keyof PresetsLight | keyof PresetsDark, Preset>;
-export declare const presets: Presets;
+export declare type Presets = typeof presets;
 export {};

package/lib/parts/presets.js

@@ -13,56 +13,120 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { RS_COLOR_WHITE, RS_COLOR_PRIMARY_LIGHT_THEME, RS_COLOR_BLACK, RS_COLOR_BLACK_T70, RS_COLOR_BLACK_T10, RS_COLOR_PRIMARY_DARK_THEME, RS_COLOR_WHITE_T70, RS_COLOR_WHITE_T10 } from '@rescui/colors';
 var presetsLight = {
-  /** Primary background */
-  classicLight: {
+  /**
+   * Primary background
+   */
+  'classic-light': {
     color: RS_COLOR_WHITE,
     backgroundColor: "var(--rs-color-primary-light-theme, ".concat(RS_COLOR_PRIMARY_LIGHT_THEME, ")")
   },
 
-  /** Contrast background */
-  rockLight: {
+  /**
+   * Contrast background
+   */
+  'rock-light': {
     color: RS_COLOR_WHITE,
     backgroundColor: RS_COLOR_BLACK
   },
 
-  /** Grey background */
-  filledLight: {
+  /**
+   * Grey background
+   */
+  'filled-light': {
     color: RS_COLOR_BLACK_T70,
     backgroundColor: RS_COLOR_BLACK_T10
   },
 
-  /** Transparent with border */
-  outlineLight: {
+  /**
+   * Transparent with border
+   */
+  'outline-light': {
     color: RS_COLOR_BLACK,
     borderColor: RS_COLOR_BLACK
   }
 };
 var presetsDark = {
-  /** Primary background */
-  classicDark: {
+  /**
+   * Primary background
+   */
+  'classic-dark': {
     color: RS_COLOR_WHITE,
     backgroundColor: "var(--rs-color-primary-dark-theme, ".concat(RS_COLOR_PRIMARY_DARK_THEME, ")")
   },
 
-  /** Contrast background */
-  rockDark: {
+  /**
+   * Contrast background
+   */
+  'rock-dark': {
     color: RS_COLOR_BLACK,
     backgroundColor: RS_COLOR_WHITE
   },
 
-  /** Grey background */
-  filledDark: {
+  /**
+   * Grey background
+   */
+  'filled-dark': {
     color: RS_COLOR_WHITE_T70,
     backgroundColor: RS_COLOR_WHITE_T10
   },
 
-  /** Transparent with border */
-  outlineDark: {
+  /**
+   * Transparent with border
+   */
+  'outline-dark': {
     color: RS_COLOR_WHITE,
     borderColor: RS_COLOR_WHITE
   }
 };
 
-var presets = _objectSpread(_objectSpread({}, presetsLight), presetsDark);
+var presets = _objectSpread(_objectSpread(_objectSpread({}, presetsLight), presetsDark), {}, {
+  /**
+   * Primary background
+   * @deprecated use 'classic-light' instead
+   */
+  classicLight: presetsLight['classic-light'],
+
+  /**
+   * Contrast background
+   * @deprecated use 'rock-light' instead
+   */
+  rockLight: presetsLight['rock-light'],
+
+  /**
+   * Grey background
+   * @deprecated use 'filled-light' instead
+   */
+  filledLight: presetsLight['filled-light'],
+
+  /**
+   * Transparent with border
+   * @deprecated use 'outline-light' instead
+   */
+  outlineLight: presetsLight['outline-light'],
+
+  /**
+   * Primary background
+   * @deprecated use 'classic-dark' instead
+   */
+  classicDark: presetsDark['classic-dark'],
+
+  /**
+   * Contrast background
+   * @deprecated use 'rock-dark' instead
+   */
+  rockDark: presetsDark['rock-dark'],
+
+  /**
+   * Grey background
+   * @deprecated use 'filled-dark' instead
+   */
+  filledDark: presetsDark['filled-dark'],
+
+  /**
+   * Transparent with border
+   * @deprecated use 'outline-dark' instead
+   */
+  outlineDark: presetsDark['outline-dark']
+});
 
 export { presets };

package/lib/parts/removable-tag.p.module.css.js

@@ -1,16 +1,16 @@
 var styles = {
-  "wrapper": "_wrapper_4e3oje_36",
-  "sizeXs": "_sizeXs_4e3oje_48",
-  "sizeS": "_sizeS_4e3oje_49",
-  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_4e3oje_1",
-  "sizeM": "_sizeM_4e3oje_53",
-  "sizeL": "_sizeL_4e3oje_57",
-  "themeLight": "_themeLight_4e3oje_61",
-  "disabled": "_disabled_4e3oje_65",
-  "themeDark": "_themeDark_4e3oje_69",
-  "main": "_main_4e3oje_110",
-  "wrap": "_wrap_4e3oje_36",
-  "close": "_close_4e3oje_146",
-  "icon": "_icon_4e3oje_243"
+  "wrapper": "_wrapper_h80or_36",
+  "sizeXs": "_sizeXs_h80or_48",
+  "sizeS": "_sizeS_h80or_49",
+  "rs-reset-letter-spacing": "_rs-reset-letter-spacing_h80or_1",
+  "sizeM": "_sizeM_h80or_53",
+  "sizeL": "_sizeL_h80or_57",
+  "themeLight": "_themeLight_h80or_61",
+  "disabled": "_disabled_h80or_65",
+  "themeDark": "_themeDark_h80or_69",
+  "main": "_main_h80or_110",
+  "wrap": "_wrap_h80or_36",
+  "close": "_close_h80or_146",
+  "icon": "_icon_h80or_243"
 };
 export { styles as default };

package/lib/parts/sticky-tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { BaseTagIconPosition, BaseTagSize } from './base-tag';
 export declare type StickyTagSize = BaseTagSize;
 export declare type StickyTagIconPosition = BaseTagIconPosition;
@@ -36,6 +36,8 @@ export declare type StickyTagProps = {
      * @default transparent
      * */
     borderColor?: string;
+    /** Custom CSS styles */
+    style?: CSSProperties | undefined;
 } & ({
     /** Additional icon */
     icon: React.ReactNode;

package/lib/parts/sticky-tag.js

@@ -115,6 +115,7 @@ StickyTag.propTypes = {
   size: PropTypes.oneOf(['l', 'm', 's', 'xs']),
   color: PropTypes.string,
   backgroundColor: PropTypes.string,
-  borderColor: PropTypes.string
+  borderColor: PropTypes.string,
+  style: PropTypes.object
 };
 export { StickyTag };

package/lib/parts/sticky-tag.p.module.css.js

@@ -1,18 +1,18 @@
 var styles = {
-  "wrapper": "_wrapper_srqts_10",
-  "tag": "_tag_srqts_14",
-  "alignTop": "_alignTop_srqts_20",
-  "sizeXs": "_sizeXs_srqts_21",
-  "sizeS": "_sizeS_srqts_24",
-  "sizeM": "_sizeM_srqts_27",
-  "sizeL": "_sizeL_srqts_30",
-  "alignMiddle": "_alignMiddle_srqts_35",
-  "top": "_top_srqts_52",
-  "start": "_start_srqts_56",
-  "offset16": "_offset16_srqts_57",
-  "offset24": "_offset24_srqts_60",
-  "offset32": "_offset32_srqts_63",
-  "end": "_end_srqts_68",
-  "left": "_left_srqts_90"
+  "wrapper": "_wrapper_1v85ftd_10",
+  "tag": "_tag_1v85ftd_14",
+  "alignTop": "_alignTop_1v85ftd_20",
+  "sizeXs": "_sizeXs_1v85ftd_21",
+  "sizeS": "_sizeS_1v85ftd_24",
+  "sizeM": "_sizeM_1v85ftd_27",
+  "sizeL": "_sizeL_1v85ftd_30",
+  "alignMiddle": "_alignMiddle_1v85ftd_35",
+  "top": "_top_1v85ftd_52",
+  "start": "_start_1v85ftd_56",
+  "offset16": "_offset16_1v85ftd_57",
+  "offset24": "_offset24_1v85ftd_60",
+  "offset32": "_offset32_1v85ftd_63",
+  "end": "_end_1v85ftd_68",
+  "left": "_left_1v85ftd_90"
 };
 export { styles as default };

package/lib/parts/tag.p.module.css.js

@@ -1,7 +1,7 @@
 var styles = {
-  "sizeXs": "_sizeXs_qp3fbt_9",
-  "sizeS": "_sizeS_qp3fbt_13",
-  "sizeM": "_sizeM_qp3fbt_17",
-  "sizeL": "_sizeL_qp3fbt_21"
+  "sizeXs": "_sizeXs_1az06zc_9",
+  "sizeS": "_sizeS_1az06zc_13",
+  "sizeM": "_sizeM_1az06zc_17",
+  "sizeL": "_sizeL_1az06zc_21"
 };
 export { styles as default };

package/lib/tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 import { BaseTagSize, BaseTagIconPosition } from './parts/base-tag';
 export declare type TagSize = BaseTagSize;
 export declare type TagIconPosition = BaseTagIconPosition;
@@ -23,6 +23,8 @@ export declare type TagProps = {
      * @default transparent
      * */
     borderColor?: string;
+    /** Custom CSS styles */
+    style?: CSSProperties | undefined;
 } & ({
     /** Additional icon */
     icon: React.ReactNode;

package/lib/tag.js

@@ -50,6 +50,7 @@ Tag.propTypes = {
   size: PropTypes.oneOf(['l', 'm', 's', 'xs']),
   color: PropTypes.string,
   backgroundColor: PropTypes.string,
-  borderColor: PropTypes.string
+  borderColor: PropTypes.string,
+  style: PropTypes.object
 };
 export { Tag };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/tag",
-  "version": "0.7.1",
+  "version": "0.9.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -16,7 +16,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.14.0",
     "@rescui/colors": "^0.1.9",
-    "@rescui/icons": "^0.13.1",
+    "@rescui/icons": "^0.13.2",
     "classnames": "^2.3.1",
     "core-js": "^3.9.1"
   },
@@ -27,10 +27,10 @@
   },
   "devDependencies": {
     "@rescui/scripts": "^0.2.2",
-    "@rescui/typography": "^0.11.0"
+    "@rescui/typography": "^0.12.0"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
-  "gitHead": "d25604773250b6467e5ee8d88c4e44c25833785e"
+  "gitHead": "5b8028f2a39036c58de3bfcba424df687b540f55"
 }