@rescui/icons 0.15.3 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/index.css +47 -18
  2. package/lib/index.css.js +7 -7
  3. package/lib/index.css.js.map +1 -1
  4. package/lib/index.css.map +1 -1
  5. package/lib/public-api.p.css +23 -0
  6. package/lib/public-api.pcss +23 -0
  7. package/package.json +8 -7
package/lib/index.css CHANGED
@@ -1,27 +1,56 @@
1
- ._icon_1aw01hs_3{
2
- fill:currentcolor;
1
+ ._icon_6jpabu_4{
2
+ --_rs-theme-dark:var(
3
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
+ var(--rs-theme-dark, 0)
5
+ );
6
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
7
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
8
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
3
9
  }
4
- ._sizeXS_1aw01hs_7{
5
- width:16px;
6
- height:16px;
10
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
+ ._icon_6jpabu_4{
12
+ --_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)));
13
+ --_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)));
14
+ --_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)));
15
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
7
17
  }
8
- ._sizeS_1aw01hs_12{
9
- width:20px;
10
- height:20px;
18
+ }
19
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
+ ._icon_6jpabu_4{
21
+ --_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);
22
+ --_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));
23
+ --_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));
24
+ --_rs-color-primary-t-dim: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, 0.8);
25
+ --_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));
26
+ }
27
+ }
28
+ ._icon_6jpabu_4{
29
+
30
+ fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
+
32
+ width:auto;
33
+ height:var(--_rs-icons-height);
34
+ }
35
+ ._sizeXS_6jpabu_14{
36
+ --_rs-icons-height:16px;
37
+ }
38
+ ._sizeS_6jpabu_18{
39
+ --_rs-icons-height:20px;
11
40
  }
12
- ._sizeM_1aw01hs_17{
13
- width:24px;
14
- height:24px;
41
+ ._sizeM_6jpabu_22{
42
+ --_rs-icons-height:24px;
15
43
  }
16
- ._sizeL_1aw01hs_22{
17
- width:28px;
18
- height:28px;
44
+ ._sizeL_6jpabu_26{
45
+ --_rs-icons-height:28px;
19
46
  }
20
- ._light_1aw01hs_27{
21
- fill:#19191C;
47
+ ._light_6jpabu_30{
48
+ --rs-theme-dark:0;
49
+ --_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));
22
50
  }
23
- ._dark_1aw01hs_31{
24
- fill:#FFFFFF;
51
+ ._dark_6jpabu_34{
52
+ --rs-theme-dark:1;
53
+ --_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));
25
54
  }
26
55
  @-webkit-keyframes rs-icon-rotate{
27
56
  from{
package/lib/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  export default {
2
- "icon": "_icon_1aw01hs_3",
3
- "sizeXS": "_sizeXS_1aw01hs_7",
4
- "sizeS": "_sizeS_1aw01hs_12",
5
- "sizeM": "_sizeM_1aw01hs_17",
6
- "sizeL": "_sizeL_1aw01hs_22",
7
- "light": "_light_1aw01hs_27",
8
- "dark": "_dark_1aw01hs_31"
2
+ "icon": "_icon_6jpabu_4",
3
+ "sizeXS": "_sizeXS_6jpabu_14",
4
+ "sizeS": "_sizeS_6jpabu_18",
5
+ "sizeM": "_sizeM_6jpabu_22",
6
+ "sizeL": "_sizeL_6jpabu_26",
7
+ "light": "_light_6jpabu_30",
8
+ "dark": "_dark_6jpabu_34"
9
9
  };
10
10
  //# sourceMappingURL=index.css.js.map
package/lib/index.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_1aw01hs_3\",\"sizeXS\":\"_sizeXS_1aw01hs_7\",\"sizeS\":\"_sizeS_1aw01hs_12\",\"sizeM\":\"_sizeM_1aw01hs_17\",\"sizeL\":\"_sizeL_1aw01hs_22\",\"light\":\"_light_1aw01hs_27\",\"dark\":\"_dark_1aw01hs_31\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,iBAAR;EAA0B,UAAS,mBAAnC;EAAuD,SAAQ,mBAA/D;EAAmF,SAAQ,mBAA3F;EAA+G,SAAQ,mBAAvH;EAA2I,SAAQ,mBAAnJ;EAAuK,QAAO;AAA9K,CAAf"}
1
+ {"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_6jpabu_4\",\"sizeXS\":\"_sizeXS_6jpabu_14\",\"sizeS\":\"_sizeS_6jpabu_18\",\"sizeM\":\"_sizeM_6jpabu_22\",\"sizeL\":\"_sizeL_6jpabu_26\",\"light\":\"_light_6jpabu_30\",\"dark\":\"_dark_6jpabu_34\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,gBAAR;EAAyB,UAAS,mBAAlC;EAAsD,SAAQ,kBAA9D;EAAiF,SAAQ,kBAAzF;EAA4G,SAAQ,kBAApH;EAAuI,SAAQ,kBAA/I;EAAkK,QAAO;AAAzK,CAAf"}
package/lib/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.p.css"],"names":[],"mappings":"AAEA;EACE,iBAAkB;AACpB;AAEA;EACE,UAAW;EACX,WAAY;AACd;AAEA;EACE,UAAW;EACX,WAAY;AACd;AAEA;EACE,UAAW;EACX,WAAY;AACd;AAEA;EACE,UAAW;EACX,WAAY;AACd;AAEA;EACE,YAAqB;AACvB;AAEA;EACE,YAAqB;AACvB;AAEA;EACE;IACE,8BAAuB;YAAvB,sBAAuB;EACzB;EACA;IACE,gCAAyB;YAAzB,wBAAyB;EAC3B;AACF;AAPA;EACE;IACE,8BAAuB;YAAvB,sBAAuB;EACzB;EACA;IACE,gCAAyB;YAAzB,wBAAyB;EAC3B;AACF","file":"index.css","sourcesContent":["@import \"~@rescui/colors/src/simple-vars.p.css\";\n\n.icon {\n fill: currentcolor;\n}\n\n.sizeXS {\n width: 16px;\n height: 16px;\n}\n\n.sizeS {\n width: 20px;\n height: 20px;\n}\n\n.sizeM {\n width: 24px;\n height: 24px;\n}\n\n.sizeL {\n width: 28px;\n height: 28px;\n}\n\n.light {\n fill: $rs-color-black;\n}\n\n.dark {\n fill: $rs-color-white;\n}\n\n@keyframes :global(rs-icon-rotate) {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n"]}
1
+ {"version":3,"sources":["../src/index.p.css","../../colors/src/public-api.p.css","<no source>","../src/api.p.css"],"names":[],"mappings":"AAGA;ECKE;;;GAGC;EACD,wCAAyC;EAgBzC,wIAA6I;EAC7I,yEAA0E;ADlB5E;ACgFE;ADxFF;MCyFM,kOAAkR;MAClR,8OAAsS;MACtS,8OAAsS;MACtS,oRAAgT;MAChT,mRAAgT;ADrFtT;ECsFE;AAEA;ADhGF;ICiGI,mNAAgD;IAChD,8SAAwD;IACxD,4SAAwD;IACxD,+NAA4D;IAC5D,sTAA4D;AD7FhE;EC8FE;ACzGF;;EFOE,0DAA2D;;EAE3D,UAAW;EACX;CEVF;AFaA;EGVE,uBAAwB;AHY1B;AAEA;EGXE,uBAAwB;AHa1B;AAEA;EGZE,uBAAwB;AHc1B;AAEA;EGbE,uBAAwB;AHe1B;AAEA;EACE,iBAAkB;EGdlB,qMAAwE;AHgB1E;AACA;EACE,iBAAkB;EGlBlB,qMAAwE;AHoB1E;AAEA;EACE;IACE,8BAAuB;YAAvB,sBAAuB;EACzB;EACA;IACE,gCAAyB;YAAzB,wBAAyB;EAC3B;AACF;AAPA;EACE;IACE,8BAAuB;YAAvB,sBAAuB;EACzB;EACA;IACE,gCAAyB;YAAzB,wBAAyB;EAC3B;AACF","file":"index.css","sourcesContent":["@import '@rescui/colors/src/public-api.p.css';\n@import \"./api.p.css\";\n\n.icon {\n @mixin rs-theme-env;\n @mixin rs-primary-colors-env;\n\n fill: var(--_rs-icons-themed-fill-or-initial, currentcolor);\n\n width: auto;\n height: var(--_rs-icons-height);\n}\n\n.sizeXS {\n @mixin icon-size-xs;\n}\n\n.sizeS {\n @mixin icon-size-s;\n}\n\n.sizeM {\n @mixin icon-size-m;\n}\n\n.sizeL {\n @mixin icon-size-l;\n}\n\n.light {\n --rs-theme-dark: 0;\n @mixin icon-themed-fill-true;\n}\n.dark {\n --rs-theme-dark: 1;\n @mixin icon-themed-fill-true;\n}\n\n@keyframes :global(rs-icon-rotate) {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n","@import './simple-vars.p.css';\n\n/**\nSet \"protected\" theme variables. The most important variables are `--_rs-theme-dark-coefficient` and\n`--_rs-theme-light-coefficient`. They are used to calculate themed colors.\n@mixin\n */\n@define-mixin rs-theme-env {\n --_rs-theme-dark: var(\n --_rs-internal-force-theme-dark-consult-rescui-before-using,\n var(--rs-theme-dark, 0)\n );\n --_rs-theme-flip: var(--rs-theme-flip, 0);\n /*\n We want to achieve following:\n 1. If --rs-theme-flip is 0 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 0\n 2. If --rs-theme-flip is 1 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 1\n 3. If --rs-theme-flip is 0 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 1\n 4. If --rs-theme-flip is 1 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 0\n\n Basically, we want to flip --rs-theme-dark value if --rs-theme-flip is 1.\n Logical XOR operation is exactly what we need here:\n --_rs-theme-dark-coefficient = --rs-theme-dark XOR --rs-theme-flip\n\n Mathematically, XOR operation can be expressed as:\n A XOR B = A * (1 - B) + B * (1 - A)\n\n */\n --_rs-theme-dark-coefficient: calc(var(--_rs-theme-dark) * (1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip) * (1 - var(--_rs-theme-dark)));\n --_rs-theme-light-coefficient: calc(1 - var(--_rs-theme-dark-coefficient));\n}\n\n\n\n$_rs-color-primary-light-theme-r: 107;\n$_rs-color-primary-light-theme-g: 87;\n/*$_rs-color-primary-light-theme-b: 255;*/\n\n$_rs-color-primary-dark-theme-r: 132;\n$_rs-color-primary-dark-theme-g: 115;\n/* $_rs-color-primary-dark-theme-b: 255; */\n\n$_rs-color-primary-r: calc($_rs-color-primary-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-g: calc($_rs-color-primary-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-b: 255; /* calc($_rs-color-primary-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-b * var(--_rs-theme-dark-coefficient, 0)); */\n\n$_rs-color-primary-dim-light-theme-r: 137;\n$_rs-color-primary-dim-light-theme-g: 121;\n$_rs-color-primary-dim-light-theme-b: 255;\n\n$_rs-color-primary-dim-dark-theme-r: 111;\n$_rs-color-primary-dim-dark-theme-g: 97;\n$_rs-color-primary-dim-dark-theme-b: 210;\n\n$_rs-color-primary-dim-r: calc($_rs-color-primary-dim-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-g: calc($_rs-color-primary-dim-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-b: calc($_rs-color-primary-dim-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-color-primary-fog-light-theme-r: 225;\n$_rs-color-primary-fog-light-theme-g: 221;\n$_rs-color-primary-fog-light-theme-b: 255;\n\n$_rs-color-primary-fog-dark-theme-r: 46;\n$_rs-color-primary-fog-dark-theme-g: 43;\n$_rs-color-primary-fog-dark-theme-b: 73;\n\n$_rs-color-primary-fog-r: calc($_rs-color-primary-fog-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-g: calc($_rs-color-primary-fog-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-b: calc($_rs-color-primary-fog-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-fog-coefficient-light-theme: 0.2;\n$_rs-fog-coefficient-dark-theme: 0.3;\n\n$_rs-fog-coefficient: calc($_rs-fog-coefficient-light-theme * var(--_rs-theme-light-coefficient, 1) + $_rs-fog-coefficient-dark-theme * var(--_rs-theme-dark-coefficient, 0));\n\n$_rs-color-primary-fallback: rgb($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b);\n$_rs-color-primary-dim-fallback: rgb($_rs-color-primary-dim-r, $_rs-color-primary-dim-g, $_rs-color-primary-dim-b);\n$_rs-color-primary-fog-fallback: rgb($_rs-color-primary-fog-r, $_rs-color-primary-fog-g, $_rs-color-primary-fog-b);\n\n$_rs-color-primary-t-dim-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, 0.8);\n$_rs-color-primary-t-fog-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, $_rs-fog-coefficient);\n\n/**\nSet \"protected\" primary colors variables.\nIt uses `color-mix` function if the browser supports it. Otherwise, it uses manual calculations for the r-g-b parts of the primary colors.\nRequires `rs-theme-env` mixin.\n@mixin\n */\n@define-mixin rs-primary-colors-env {\n @supports (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n --_rs-color-primary: color-mix(in srgb, var(--rs-color-primary-light-theme, $rs-color-primary-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, $rs-color-primary-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n --_rs-color-primary-dim: color-mix(in srgb, var(--rs-color-primary-dim-light-theme, $rs-color-primary-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, $rs-color-primary-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n --_rs-color-primary-fog: color-mix(in srgb, var(--rs-color-primary-fog-light-theme, $rs-color-primary-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, $rs-color-primary-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n --_rs-color-primary-t-dim: color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, $rs-color-primary-t-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, $rs-color-primary-t-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n --_rs-color-primary-t-fog: color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, $rs-color-primary-t-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, $rs-color-primary-t-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n }\n\n @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n --_rs-color-primary: $_rs-color-primary-fallback;\n --_rs-color-primary-dim: $_rs-color-primary-dim-fallback;\n --_rs-color-primary-fog: $_rs-color-primary-fog-fallback;\n --_rs-color-primary-t-dim: $_rs-color-primary-t-dim-fallback;\n --_rs-color-primary-t-fog: $_rs-color-primary-t-fog-fallback;\n }\n}\n",null,"@import '@rescui/colors/src/auto-vars.p.css';\n\n@define-mixin icon-size-xs {\n --_rs-icons-height: 16px;\n}\n@define-mixin icon-size-s {\n --_rs-icons-height: 20px;\n}\n@define-mixin icon-size-m {\n --_rs-icons-height: 24px;\n}\n@define-mixin icon-size-l {\n --_rs-icons-height: 28px;\n}\n\n@define-mixin icon-themed-fill-true {\n --_rs-icons-themed-fill-or-initial: rgb($rs-color-light_black-dark_white)\n}\n@define-mixin icon-themed-fill-false {\n --_rs-icons-themed-fill-or-initial: initial;\n}\n"]}
package/lib/public-api.p.css ADDED
@@ -0,0 +1,23 @@
1
+ @define-mixin rs-icon-size-xs{
2
+ &:not(html){
3
+ --_rs-icons-height:16px;
4
+ }
5
+ }
6
+
7
+ @define-mixin rs-icon-size-s{
8
+ &:not(html){
9
+ --_rs-icons-height:20px;
10
+ }
11
+ }
12
+
13
+ @define-mixin rs-icon-size-m{
14
+ &:not(html){
15
+ --_rs-icons-height:24px;
16
+ }
17
+ }
18
+
19
+ @define-mixin rs-icon-size-l{
20
+ &:not(html){
21
+ --_rs-icons-height:28px;
22
+ }
23
+ }
package/lib/public-api.pcss ADDED
@@ -0,0 +1,23 @@
1
+ @define-mixin rs-icon-size-xs{
2
+ &:not(html){
3
+ --_rs-icons-height:16px;
4
+ }
5
+ }
6
+
7
+ @define-mixin rs-icon-size-s{
8
+ &:not(html){
9
+ --_rs-icons-height:20px;
10
+ }
11
+ }
12
+
13
+ @define-mixin rs-icon-size-m{
14
+ &:not(html){
15
+ --_rs-icons-height:24px;
16
+ }
17
+ }
18
+
19
+ @define-mixin rs-icon-size-l{
20
+ &:not(html){
21
+ --_rs-icons-height:28px;
22
+ }
23
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/icons",
3
- "version": "0.15.3",
3
+ "version": "0.16.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -30,17 +30,18 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@rescui/babel-plugin-postcss-modules": "^0.0.3",
33
- "@rescui/colors": "^0.1.11",
34
- "@rescui/postcss-preset-library": "^0.1.1",
35
- "@rescui/scripts": "^0.2.3",
36
- "@rescui/typography": "^0.15.0",
33
+ "@rescui/colors": "^0.2.0",
34
+ "@rescui/postcss-preset-library": "^0.2.0",
35
+ "@rescui/scripts": "^0.3.0",
36
+ "@rescui/typography": "^0.16.1",
37
37
  "postcss-modules": "^4.0.0",
38
38
  "postsvg": "2.2.7",
39
39
  "react-copy-to-clipboard": "^5.0.3"
40
40
  },
41
41
  "scripts": {
42
- "build": "yarn run svg-to-jsx && rescui-scripts postcss --no-clean-out --config=build.postcss.config.js && rescui-scripts babel --src=lib --out=lib --no-clean-out",
42
+ "build": "yarn run svg-to-jsx && rescui-scripts postcss --glob ./index.p.css --no-clean-out --config=build.postcss.config.js && rescui-scripts babel --src=lib --out=lib --no-clean-out && yarn run build-pcss-api",
43
+ "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css",
43
44
  "svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
44
45
  },
45
- "gitHead": "e21b6f80037993b094ceaff022db6d4cd176a88d"
46
+ "gitHead": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
46
47
  }