@rescui/icons 1.8.2 → 1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14

package/lib/index.css

@@ -1,4 +1,4 @@
-._icon_18p83uf_4{
+._icon_19upof9_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_18p83uf_4{
+._icon_19upof9_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_18p83uf_4{
+._icon_19upof9_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_18p83uf_4{
+._icon_19upof9_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_18p83uf_14{
+._sizeXS_19upof9_14{
   --_rs-icons-height:16px;
 }
-._sizeS_18p83uf_18{
+._sizeS_19upof9_18{
   --_rs-icons-height:20px;
 }
-._sizeM_18p83uf_22{
+._sizeM_19upof9_22{
   --_rs-icons-height:24px;
 }
-._sizeL_18p83uf_26{
+._sizeL_19upof9_26{
   --_rs-icons-height:28px;
 }
-._light_18p83uf_30{
+._light_19upof9_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_18p83uf_34{
+._dark_19upof9_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_18p83uf_48{
+._allVariants_19upof9_48{
   aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
   container:rs-icon / size;
 }
-._variant16_18p83uf_53,
-._variant20_18p83uf_54,
-._variant24_18p83uf_55{
+._variant16_19upof9_53,
+._variant20_19upof9_54,
+._variant24_19upof9_55{
   display:none;
 }
-._variant28_18p83uf_58{
+._variant28_19upof9_58{
   display:block;
 }
 @container rs-icon (max-height: 24px){
-  ._variant24_18p83uf_55{
+  ._variant24_19upof9_55{
     display:block;
   }
-  ._variant28_18p83uf_58{
+  ._variant28_19upof9_58{
     display:none;
   }
 }
 @container rs-icon (max-height: 20px){
-  ._variant20_18p83uf_54{
+  ._variant20_19upof9_54{
     display:block;
   }
-  ._variant24_18p83uf_55{
+  ._variant24_19upof9_55{
     display:none;
   }
 }
 @container rs-icon (max-height: 16px){
-  ._variant16_18p83uf_53{
+  ._variant16_19upof9_53{
     display:block;
   }
-  ._variant20_18p83uf_54{
+  ._variant20_19upof9_54{
     display:none;
   }
 }

package/lib/index.css.js

@@ -1,15 +1,15 @@
 export default {
-  "icon": "_icon_18p83uf_4",
-  "sizeXS": "_sizeXS_18p83uf_14",
-  "sizeS": "_sizeS_18p83uf_18",
-  "sizeM": "_sizeM_18p83uf_22",
-  "sizeL": "_sizeL_18p83uf_26",
-  "light": "_light_18p83uf_30",
-  "dark": "_dark_18p83uf_34",
-  "allVariants": "_allVariants_18p83uf_48",
-  "variant16": "_variant16_18p83uf_53",
-  "variant20": "_variant20_18p83uf_54",
-  "variant24": "_variant24_18p83uf_55",
-  "variant28": "_variant28_18p83uf_58"
+  "icon": "_icon_19upof9_4",
+  "sizeXS": "_sizeXS_19upof9_14",
+  "sizeS": "_sizeS_19upof9_18",
+  "sizeM": "_sizeM_19upof9_22",
+  "sizeL": "_sizeL_19upof9_26",
+  "light": "_light_19upof9_30",
+  "dark": "_dark_19upof9_34",
+  "allVariants": "_allVariants_19upof9_48",
+  "variant16": "_variant16_19upof9_53",
+  "variant20": "_variant20_19upof9_54",
+  "variant24": "_variant24_19upof9_55",
+  "variant28": "_variant28_19upof9_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_18p83uf_4\",\"sizeXS\":\"_sizeXS_18p83uf_14\",\"sizeS\":\"_sizeS_18p83uf_18\",\"sizeM\":\"_sizeM_18p83uf_22\",\"sizeL\":\"_sizeL_18p83uf_26\",\"light\":\"_light_18p83uf_30\",\"dark\":\"_dark_18p83uf_34\",\"allVariants\":\"_allVariants_18p83uf_48\",\"variant16\":\"_variant16_18p83uf_53\",\"variant20\":\"_variant20_18p83uf_54\",\"variant24\":\"_variant24_18p83uf_55\",\"variant28\":\"_variant28_18p83uf_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_19upof9_4\",\"sizeXS\":\"_sizeXS_19upof9_14\",\"sizeS\":\"_sizeS_19upof9_18\",\"sizeM\":\"_sizeM_19upof9_22\",\"sizeL\":\"_sizeL_19upof9_26\",\"light\":\"_light_19upof9_30\",\"dark\":\"_dark_19upof9_34\",\"allVariants\":\"_allVariants_19upof9_48\",\"variant16\":\"_variant16_19upof9_53\",\"variant20\":\"_variant20_19upof9_54\",\"variant24\":\"_variant24_19upof9_55\",\"variant28\":\"_variant28_19upof9_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"}

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.8.2",
+  "version": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -27,14 +27,14 @@
   },
   "peerDependencies": {
     "prop-types": "^15",
-    "react": ">=16.8.0 <20"
+    "react": ">=17.0.0 <20"
   },
   "devDependencies": {
-    "@rescui/babel-plugin-postcss-modules": "^0.0.5",
-    "@rescui/colors": "^0.3.2",
-    "@rescui/postcss-preset-library": "^0.2.2",
-    "@rescui/scripts": "^0.5.2",
-    "@rescui/typography": "^0.27.2",
+    "@rescui/babel-plugin-postcss-modules": "0.0.5",
+    "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
+    "@rescui/postcss-preset-library": "0.2.2",
+    "@rescui/scripts": "0.5.2",
+    "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
     "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": "d60e4f3491c7cdb9ef684d08940869914492a61b"
+  "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
 }