@rescui/icons 1.7.7-RUI-293-Update-menu-component-7a032357e.20 → 1.7.7-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33

package/lib/index.css

@@ -1,4 +1,4 @@
-._icon_11g9wvk_4{
+._icon_selttq_4{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_11g9wvk_4{
+._icon_selttq_4{
     --_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)));
@@ -17,7 +17,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_11g9wvk_4{
+._icon_selttq_4{
     --_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));
@@ -25,30 +25,30 @@
     --_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));
 }
   }
-._icon_11g9wvk_4{
+._icon_selttq_4{
 
   fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
 
   width:var(--rs-icons-width, auto);
   height:var(--rs-icons-height, var(--_rs-icons-height));
 }
-._sizeXS_11g9wvk_14{
+._sizeXS_selttq_14{
   --_rs-icons-height:16px;
 }
-._sizeS_11g9wvk_18{
+._sizeS_selttq_18{
   --_rs-icons-height:20px;
 }
-._sizeM_11g9wvk_22{
+._sizeM_selttq_22{
   --_rs-icons-height:24px;
 }
-._sizeL_11g9wvk_26{
+._sizeL_selttq_26{
   --_rs-icons-height:28px;
 }
-._light_11g9wvk_30{
+._light_selttq_30{
   --rs-theme-dark:0;
   --_rs-icons-themed-fill-or-initial:rgb(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));
 }
-._dark_11g9wvk_34{
+._dark_selttq_34{
   --rs-theme-dark:1;
   --_rs-icons-themed-fill-or-initial:rgb(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));
 }
@@ -60,39 +60,39 @@
     transform:rotate(360deg);
   }
 }
-._allVariants_11g9wvk_48{
+._allVariants_selttq_48{
   aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
   container:rs-icon / size;
 }
-._variant16_11g9wvk_53,
-._variant20_11g9wvk_54,
-._variant24_11g9wvk_55{
+._variant16_selttq_53,
+._variant20_selttq_54,
+._variant24_selttq_55{
   display:none;
 }
-._variant28_11g9wvk_58{
+._variant28_selttq_58{
   display:block;
 }
 @container rs-icon (max-height: 24px){
-  ._variant24_11g9wvk_55{
+  ._variant24_selttq_55{
     display:block;
   }
-  ._variant28_11g9wvk_58{
+  ._variant28_selttq_58{
     display:none;
   }
 }
 @container rs-icon (max-height: 20px){
-  ._variant20_11g9wvk_54{
+  ._variant20_selttq_54{
     display:block;
   }
-  ._variant24_11g9wvk_55{
+  ._variant24_selttq_55{
     display:none;
   }
 }
 @container rs-icon (max-height: 16px){
-  ._variant16_11g9wvk_53{
+  ._variant16_selttq_53{
     display:block;
   }
-  ._variant20_11g9wvk_54{
+  ._variant20_selttq_54{
     display:none;
   }
 }

package/lib/index.css.js

@@ -1,15 +1,15 @@
 export default {
-  "icon": "_icon_11g9wvk_4",
-  "sizeXS": "_sizeXS_11g9wvk_14",
-  "sizeS": "_sizeS_11g9wvk_18",
-  "sizeM": "_sizeM_11g9wvk_22",
-  "sizeL": "_sizeL_11g9wvk_26",
-  "light": "_light_11g9wvk_30",
-  "dark": "_dark_11g9wvk_34",
-  "allVariants": "_allVariants_11g9wvk_48",
-  "variant16": "_variant16_11g9wvk_53",
-  "variant20": "_variant20_11g9wvk_54",
-  "variant24": "_variant24_11g9wvk_55",
-  "variant28": "_variant28_11g9wvk_58"
+  "icon": "_icon_selttq_4",
+  "sizeXS": "_sizeXS_selttq_14",
+  "sizeS": "_sizeS_selttq_18",
+  "sizeM": "_sizeM_selttq_22",
+  "sizeL": "_sizeL_selttq_26",
+  "light": "_light_selttq_30",
+  "dark": "_dark_selttq_34",
+  "allVariants": "_allVariants_selttq_48",
+  "variant16": "_variant16_selttq_53",
+  "variant20": "_variant20_selttq_54",
+  "variant24": "_variant24_selttq_55",
+  "variant28": "_variant28_selttq_58"
 };
 //# sourceMappingURL=index.css.js.map

package/lib/index.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_11g9wvk_4\",\"sizeXS\":\"_sizeXS_11g9wvk_14\",\"sizeS\":\"_sizeS_11g9wvk_18\",\"sizeM\":\"_sizeM_11g9wvk_22\",\"sizeL\":\"_sizeL_11g9wvk_26\",\"light\":\"_light_11g9wvk_30\",\"dark\":\"_dark_11g9wvk_34\",\"allVariants\":\"_allVariants_11g9wvk_48\",\"variant16\":\"_variant16_11g9wvk_53\",\"variant20\":\"_variant20_11g9wvk_54\",\"variant24\":\"_variant24_11g9wvk_55\",\"variant28\":\"_variant28_11g9wvk_58\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,iBAAR;EAA0B,UAAS,oBAAnC;EAAwD,SAAQ,mBAAhE;EAAoF,SAAQ,mBAA5F;EAAgH,SAAQ,mBAAxH;EAA4I,SAAQ,mBAApJ;EAAwK,QAAO,kBAA/K;EAAkM,eAAc,yBAAhN;EAA0O,aAAY,uBAAtP;EAA8Q,aAAY,uBAA1R;EAAkT,aAAY,uBAA9T;EAAsV,aAAY;AAAlW,CAAf"}
+{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_selttq_4\",\"sizeXS\":\"_sizeXS_selttq_14\",\"sizeS\":\"_sizeS_selttq_18\",\"sizeM\":\"_sizeM_selttq_22\",\"sizeL\":\"_sizeL_selttq_26\",\"light\":\"_light_selttq_30\",\"dark\":\"_dark_selttq_34\",\"allVariants\":\"_allVariants_selttq_48\",\"variant16\":\"_variant16_selttq_53\",\"variant20\":\"_variant20_selttq_54\",\"variant24\":\"_variant24_selttq_55\",\"variant28\":\"_variant28_selttq_58\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,gBAAR;EAAyB,UAAS,mBAAlC;EAAsD,SAAQ,kBAA9D;EAAiF,SAAQ,kBAAzF;EAA4G,SAAQ,kBAApH;EAAuI,SAAQ,kBAA/I;EAAkK,QAAO,iBAAzK;EAA2L,eAAc,wBAAzM;EAAkO,aAAY,sBAA9O;EAAqQ,aAAY,sBAAjR;EAAwS,aAAY,sBAApT;EAA2U,aAAY;AAAvV,CAAf"}

package/llm/components/icons.md

@@ -523,45 +523,30 @@ render(<Benchmark />);
 
 Must be used with `data-render-all-sizes` prop
 
-Instead of separate classes, it may be a single class with `@media` queries inside:
+Use the controls to see the effect at different viewport widths.
 
 ```tsx
 import { PersonOutlineIcon } from '@rescui/icons';
 
-const MyIcon = ({ className }) => {
+const MyIcon = () => {
   return (
-    <div style={{ padding: 12, backgroundColor: 'var(--rs-color-black-t5)' }}>
-      <PersonOutlineIcon className={className} size="m" data-render-all-sizes />
-    </div>
+    <PersonOutlineIcon className="my-icon" size="m" data-render-all-sizes />
   );
 };
 
-render(
-  <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
-    <div>
-      <p>Default:</p>
-      <MyIcon />
-    </div>
-    <div>
-      <p>Var1:</p>
-      <MyIcon className={`my-icon-var-1`} />
-    </div>
-    <div>
-      <p>Var1 & Var2 combined:</p>
-      <MyIcon className={`my-icon-var-1 my-icon-var-2`} />
-    </div>
-  </div>
-);
+render(<MyIcon />);
 ```
 
 ```postcss attached
 @import '@rescui/icons/lib/public-api.p.css';
 
-.my-icon-var-1 {
-  @mixin rs-icon-size-l;
-}
-.my-icon-var-2 {
-  @mixin rs-icon-size-s;
+.my-icon {
+  @media (max-width: 640px) {
+    @mixin rs-icon-size-l;
+  }
+  @media (max-width: 500px) {
+    @mixin rs-icon-size-s;
+  }
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/icons",
-  "version": "1.7.7-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
+  "version": "1.7.7-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -31,10 +31,10 @@
   },
   "devDependencies": {
     "@rescui/babel-plugin-postcss-modules": "0.0.5",
-    "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-7a032357e.55+7a032357e",
+    "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.68+d8a5b0551",
     "@rescui/postcss-preset-library": "0.2.2",
     "@rescui/scripts": "0.5.2",
-    "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
+    "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
     "postcss-modules": "^4.0.0",
     "postsvg": "2.2.7",
     "react-copy-to-clipboard": "^5.0.3"
@@ -45,5 +45,5 @@
     "svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
   },
   "nx": {},
-  "gitHead": "7a032357e8f31abbf69e18aa6b7ef2d75e40f42e"
+  "gitHead": "d8a5b055167d8b1ea55c32621655b8e0acc98a1a"
 }