@rescui/chip-list 0.12.2 → 0.12.3

package/lib/index.css

@@ -1,19 +1,19 @@
-._light_plm1xp_8{
+._light_1whkwbw_8{
   --rs-theme-dark:0;
 }
-._dark_plm1xp_11{
+._dark_1whkwbw_11{
   --rs-theme-dark:1;
 }
-._alignLeft_plm1xp_15{
+._alignLeft_1whkwbw_15{
   --_rs-cl-align:left;
 }
-._alignCenter_plm1xp_18{
+._alignCenter_1whkwbw_18{
   --_rs-cl-align:center;
 }
-._alignRight_plm1xp_21{
+._alignRight_1whkwbw_21{
   --_rs-cl-align:right;
 }
-._sizeXs_plm1xp_25{
+._sizeXs_1whkwbw_25{
   --_rs-cl-chip-base-border-radius:4px;
   --_rs-cl-chip-compact-border-radius:var(--_rs-cl-chip-base-border-radius);
   --_rs-cl-chip-vertical-padding:2px;
@@ -27,7 +27,7 @@
   --_rs-cl-compact-horizontal-gap:4px;
   --_rs-cl-sparse-horizontal-gap:12px;
 }
-._sizeXs_plm1xp_25 [data-rs-internal='chip-list__chip']{
+._sizeXs_1whkwbw_25 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -61,7 +61,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeS_plm1xp_28{
+._sizeS_1whkwbw_28{
   --_rs-cl-chip-base-border-radius:16px;
   --_rs-cl-chip-compact-border-radius:4px;
   --_rs-cl-chip-vertical-padding:6px;
@@ -75,7 +75,7 @@
   --_rs-cl-compact-horizontal-gap:6px;
   --_rs-cl-sparse-horizontal-gap:12px;
 }
-._sizeS_plm1xp_28 [data-rs-internal='chip-list__chip']{
+._sizeS_1whkwbw_28 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -109,7 +109,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeM_plm1xp_31{
+._sizeM_1whkwbw_31{
   --_rs-cl-chip-base-border-radius:20px;
   --_rs-cl-chip-compact-border-radius:8px;
   --_rs-cl-chip-vertical-padding:8px;
@@ -123,7 +123,7 @@
   --_rs-cl-compact-horizontal-gap:6px;
   --_rs-cl-sparse-horizontal-gap:16px;
 }
-._sizeM_plm1xp_31 [data-rs-internal='chip-list__chip']{
+._sizeM_1whkwbw_31 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -161,11 +161,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeM_plm1xp_31 [data-rs-internal='chip-list__chip']{
+._sizeM_1whkwbw_31 [data-rs-internal='chip-list__chip']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-._sizeL_plm1xp_34{
+._sizeL_1whkwbw_34{
   --_rs-cl-chip-base-border-radius:26px;
   --_rs-cl-chip-compact-border-radius:12px;
   --_rs-cl-chip-vertical-padding:12px;
@@ -180,11 +180,11 @@
   --_rs-cl-sparse-horizontal-gap:16px;
 }
 @media screen and (max-width: 640px){
-._sizeL_plm1xp_34{
+._sizeL_1whkwbw_34{
     --_rs-cl-vertical-gap:12px;
 }
   }
-._sizeL_plm1xp_34 [data-rs-internal='chip-list__chip']{
+._sizeL_1whkwbw_34 [data-rs-internal='chip-list__chip']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -222,34 +222,34 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeL_plm1xp_34 [data-rs-internal='chip-list__chip']{
+._sizeL_1whkwbw_34 [data-rs-internal='chip-list__chip']{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
   }
   }
-._innerOffsetL_plm1xp_38{
+._innerOffsetL_1whkwbw_38{
   --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-sparse-horizontal-gap);
 }
 @media screen and (max-width: 640px){
-._innerOffsetL_plm1xp_38{
+._innerOffsetL_1whkwbw_38{
     --_rs-cl-horizontal-gap-from-sparse:var(--_rs-cl-base-horizontal-gap);
 }
   }
-._innerOffsetM_plm1xp_41{
+._innerOffsetM_1whkwbw_41{
   --_rs-cl-horizontal-gap-from-sparse:initial;
 }
-._classic_plm1xp_45{
+._classic_1whkwbw_45{
   --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
   --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
   --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
   --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
 }
-._rock_plm1xp_48{
+._rock_1whkwbw_48{
   --_rs-cl-chip-active-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   --_rs-cl-chip-selected-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   --_rs-cl-chip-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
   --_rs-cl-chip-active-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
 }
-._compact_plm1xp_52{
+._compact_1whkwbw_52{
   --_rs-cl-chip-border-radius-from-compact:var(
     --_rs-cl-chip-compact-border-radius
   );
@@ -258,7 +258,7 @@
   );
   --_rs-cl-horizontal-gap-from-compact:var(--_rs-cl-compact-horizontal-gap);
 }
-._main_plm1xp_56{
+._main_1whkwbw_56{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -268,7 +268,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_plm1xp_56{
+._main_1whkwbw_56{
       --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -277,7 +277,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._main_plm1xp_56{
+._main_1whkwbw_56{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -285,7 +285,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._main_plm1xp_56 {
+._main_1whkwbw_56 {
   --_rs-cl-chip-border-radius:var(
     --_rs-cl-chip-border-radius-from-compact,
     var(--_rs-cl-chip-base-border-radius)
@@ -299,7 +299,7 @@
     var(--_rs-cl-horizontal-gap-from-sparse, var(--_rs-cl-base-horizontal-gap))
   );
 }
-._chipsContainer_plm1xp_62{
+._chipsContainer_1whkwbw_62{
   position:relative;
 
   display:flex;
@@ -308,17 +308,17 @@
 
   gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
 }
-._alignIconLeft_plm1xp_72{
+._alignIconLeft_1whkwbw_72{
   --_rs-cl-chip-icon-flex-direction:row;
   --_rs-cl-chip-icon-position-multiplier-left:1;
   --_rs-cl-chip-icon-position-multiplier-right:0;
 }
-._alignIconRight_plm1xp_75{
+._alignIconRight_1whkwbw_75{
   --_rs-cl-chip-icon-flex-direction:row-reverse;
   --_rs-cl-chip-icon-position-multiplier-left:0;
   --_rs-cl-chip-icon-position-multiplier-right:1;
 }
-._chip_plm1xp_62{
+._chip_1whkwbw_62{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -370,22 +370,22 @@
   -moz-osx-font-smoothing:inherit;
   -webkit-appearance:none;
 }
-._chip_plm1xp_62::-moz-focus-inner{
+._chip_1whkwbw_62::-moz-focus-inner{
     padding:0;
 
     border:none;
   }
-._chip_plm1xp_62:hover,
-  ._chip_plm1xp_62:focus,
-  ._chip_plm1xp_62:active{
+._chip_1whkwbw_62:hover,
+  ._chip_1whkwbw_62:focus,
+  ._chip_1whkwbw_62:active{
     outline:none;
 
     text-decoration:none;
   }
-._chip_plm1xp_62:focus[data-focus-method='key']{
+._chip_1whkwbw_62:focus[data-focus-method='key']{
     box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
   }
-._chip_plm1xp_62:focus{
+._chip_1whkwbw_62:focus{
     --_rs-cl-chip-border-color:rgba(
       calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
       calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -394,7 +394,7 @@
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   }
 @media (hover: hover){
-    ._chip_plm1xp_62:hover{
+    ._chip_1whkwbw_62:hover{
       --_rs-cl-chip-border-color:rgba(
         calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
         calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -405,20 +405,20 @@
       background:var(--_rs-cl-chip-hover-background);
     }
   }
-._chip_plm1xp_62:active{
+._chip_1whkwbw_62:active{
     --_rs-cl-chip-border-color:var(--_rs-cl-chip-active-border-color);
 
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
 
     background:var(--_rs-cl-chip-active-background);
   }
-._chip_plm1xp_62._selected_plm1xp_172{
+._chip_1whkwbw_62._selected_1whkwbw_172{
     --_rs-cl-chip-border-color:var(--_rs-cl-chip-selected-border-color);
     --_rs-cl-chip-border-width:2px;
 
     color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
   }
-._disabled_plm1xp_179 ._chip_plm1xp_62{
+._disabled_1whkwbw_179 ._chip_1whkwbw_62{
     --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
 
     pointer-events:none;
@@ -427,10 +427,10 @@
 
     background:transparent;
   }
-._disabled_plm1xp_179 ._chip_plm1xp_62._selected_plm1xp_172{
+._disabled_1whkwbw_179 ._chip_1whkwbw_62._selected_1whkwbw_172{
       --_rs-cl-chip-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
     }
-._chip_plm1xp_62::before{
+._chip_1whkwbw_62::before{
     position:absolute;
     top:0;
     right:0;
@@ -447,7 +447,7 @@
 
     transition:border-color 100ms;
   }
-._chip_plm1xp_62 ._icon_plm1xp_212{
+._chip_1whkwbw_62 ._icon_1whkwbw_212{
     flex:0 0 auto;
 
     width:auto;
@@ -456,7 +456,7 @@
     margin:0;
     fill:currentColor;
   }
-._withoutText_plm1xp_223{
+._withoutText_1whkwbw_223{
   --_rs-cl-chip-horizontal-real-padding:var(--_rs-cl-chip-icon-only-padding);
   --_rs-cl-chip-vertical-real-padding:var(--_rs-cl-chip-icon-only-padding);
 }

package/lib/parts/chip-list.p.module.css.js

@@ -1,26 +1,26 @@
 var styles = {
-  "light": "_light_plm1xp_8",
-  "dark": "_dark_plm1xp_11",
-  "alignLeft": "_alignLeft_plm1xp_15",
-  "alignCenter": "_alignCenter_plm1xp_18",
-  "alignRight": "_alignRight_plm1xp_21",
-  "sizeXs": "_sizeXs_plm1xp_25",
-  "sizeS": "_sizeS_plm1xp_28",
-  "sizeM": "_sizeM_plm1xp_31",
-  "sizeL": "_sizeL_plm1xp_34",
-  "innerOffsetL": "_innerOffsetL_plm1xp_38",
-  "innerOffsetM": "_innerOffsetM_plm1xp_41",
-  "classic": "_classic_plm1xp_45",
-  "rock": "_rock_plm1xp_48",
-  "compact": "_compact_plm1xp_52",
-  "main": "_main_plm1xp_56",
-  "chipsContainer": "_chipsContainer_plm1xp_62",
-  "alignIconLeft": "_alignIconLeft_plm1xp_72",
-  "alignIconRight": "_alignIconRight_plm1xp_75",
-  "chip": "_chip_plm1xp_62",
-  "selected": "_selected_plm1xp_172",
-  "disabled": "_disabled_plm1xp_179",
-  "icon": "_icon_plm1xp_212",
-  "withoutText": "_withoutText_plm1xp_223"
+  "light": "_light_1whkwbw_8",
+  "dark": "_dark_1whkwbw_11",
+  "alignLeft": "_alignLeft_1whkwbw_15",
+  "alignCenter": "_alignCenter_1whkwbw_18",
+  "alignRight": "_alignRight_1whkwbw_21",
+  "sizeXs": "_sizeXs_1whkwbw_25",
+  "sizeS": "_sizeS_1whkwbw_28",
+  "sizeM": "_sizeM_1whkwbw_31",
+  "sizeL": "_sizeL_1whkwbw_34",
+  "innerOffsetL": "_innerOffsetL_1whkwbw_38",
+  "innerOffsetM": "_innerOffsetM_1whkwbw_41",
+  "classic": "_classic_1whkwbw_45",
+  "rock": "_rock_1whkwbw_48",
+  "compact": "_compact_1whkwbw_52",
+  "main": "_main_1whkwbw_56",
+  "chipsContainer": "_chipsContainer_1whkwbw_62",
+  "alignIconLeft": "_alignIconLeft_1whkwbw_72",
+  "alignIconRight": "_alignIconRight_1whkwbw_75",
+  "chip": "_chip_1whkwbw_62",
+  "selected": "_selected_1whkwbw_172",
+  "disabled": "_disabled_1whkwbw_179",
+  "icon": "_icon_1whkwbw_212",
+  "withoutText": "_withoutText_1whkwbw_223"
 };
 export { styles as default };

package/lib/parts/chip.js

@@ -78,7 +78,8 @@ const Chip = /*#__PURE__*/forwardRef((_ref, ref) => {
     "data-test": `chip${selected ? ' chip-selected' : ''}`,
     "data-rs-internal": 'chip-list__chip'
   }, icon && /*#__PURE__*/cloneElement(icon, {
-    className: cn(icon.props.className, styles.icon)
+    className: cn(icon.props.className, styles.icon),
+    'data-render-all-sizes': true
   }), !isWithoutText && /*#__PURE__*/React.createElement("span", null, children));
 });
 Chip.displayName = 'Chip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/chip-list",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -24,9 +24,9 @@
     "react": ">=16.8.0 <19"
   },
   "devDependencies": {
-    "@rescui/colors": "^0.2.7",
-    "@rescui/scripts": "^0.3.5",
-    "@rescui/typography": "^0.23.0",
+    "@rescui/colors": "^0.2.8",
+    "@rescui/scripts": "^0.4.0",
+    "@rescui/typography": "^0.23.1",
     "@rescui/visual-regression": "^0.1.2"
   },
   "scripts": {
@@ -34,5 +34,5 @@
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "f9a0228790b099e343e9017980e7635c12815bda"
+  "gitHead": "f521c66dfa4124f1cac34821bf8531a0f9596bcc"
 }