@rescui/icons 0.6.1 → 0.6.2
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.
- package/lib/index.css +6 -18
- package/lib/index.css.js +6 -6
- package/lib/index.css.js.map +1 -1
- package/lib/index.css.map +1 -1
- package/lib/loading.js +9 -6
- package/lib/loading.js.map +1 -1
- package/package.json +2 -2
- package/svg/loading.svg +1 -1
package/lib/index.css
CHANGED
|
@@ -1,35 +1,23 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_165g2hc_3{
|
|
2
2
|
fill:currentcolor;
|
|
3
3
|
}
|
|
4
|
-
.
|
|
4
|
+
._sizeS_165g2hc_7{
|
|
5
5
|
width:20px;
|
|
6
6
|
height:20px;
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
._sizeM_165g2hc_12{
|
|
9
9
|
width:24px;
|
|
10
10
|
height:24px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._sizeL_165g2hc_17{
|
|
13
13
|
width:28px;
|
|
14
14
|
height:28px;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._light_165g2hc_22{
|
|
17
17
|
fill:#19191C;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._dark_165g2hc_26{
|
|
20
20
|
fill:#FFFFFF;
|
|
21
21
|
}
|
|
22
|
-
@-webkit-keyframes rs-icon-rotate{
|
|
23
|
-
to{
|
|
24
|
-
-webkit-transform:rotate(360deg);
|
|
25
|
-
transform:rotate(360deg)
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
@keyframes rs-icon-rotate{
|
|
29
|
-
to{
|
|
30
|
-
-webkit-transform:rotate(360deg);
|
|
31
|
-
transform:rotate(360deg)
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
22
|
|
|
35
23
|
/*# sourceMappingURL=index.css.map */
|
package/lib/index.css.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeS": "
|
|
4
|
-
"sizeM": "
|
|
5
|
-
"sizeL": "
|
|
6
|
-
"light": "
|
|
7
|
-
"dark": "
|
|
2
|
+
"icon": "_icon_165g2hc_3",
|
|
3
|
+
"sizeS": "_sizeS_165g2hc_7",
|
|
4
|
+
"sizeM": "_sizeM_165g2hc_12",
|
|
5
|
+
"sizeL": "_sizeL_165g2hc_17",
|
|
6
|
+
"light": "_light_165g2hc_22",
|
|
7
|
+
"dark": "_dark_165g2hc_26"
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=index.css.js.map
|
package/lib/index.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.css.js"],"names":[],"mappings":"AAAA,eAAe;AAAC,UAAO,
|
|
1
|
+
{"version":3,"sources":["index.css.js"],"names":[],"mappings":"AAAA,eAAe;AAAC,UAAO,iBAAR;AAA0B,WAAQ,kBAAlC;AAAqD,WAAQ,mBAA7D;AAAiF,WAAQ,mBAAzF;AAA6G,WAAQ,mBAArH;AAAyI,UAAO;AAAhJ,CAAf","sourcesContent":["export default {\"icon\":\"_icon_165g2hc_3\",\"sizeS\":\"_sizeS_165g2hc_7\",\"sizeM\":\"_sizeM_165g2hc_12\",\"sizeL\":\"_sizeL_165g2hc_17\",\"light\":\"_light_165g2hc_22\",\"dark\":\"_dark_165g2hc_26\"}"],"file":"index.css.js"}
|
package/lib/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.pcss"],"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,YAAqB;AACvB;AAEA;EACE,YAAqB;AACvB
|
|
1
|
+
{"version":3,"sources":["../src/index.pcss"],"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,YAAqB;AACvB;AAEA;EACE,YAAqB;AACvB","file":"index.css","sourcesContent":["@import \"~@rescui/colors/src/simple-vars.pcss\";\n\n.icon {\n fill: currentcolor;\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"]}
|
package/lib/loading.js
CHANGED
|
@@ -27,16 +27,19 @@ var LoadingIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
27
27
|
}, props, {
|
|
28
28
|
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
29
29
|
ref: ref
|
|
30
|
-
}), /*#__PURE__*/React.createElement("g", {
|
|
31
|
-
style: {
|
|
32
|
-
animation: "rs-icon-rotate 1s linear infinite",
|
|
33
|
-
transformOrigin: "center center"
|
|
34
|
-
}
|
|
35
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
30
|
+
}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
|
|
36
31
|
opacity: 0.2,
|
|
37
32
|
d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
|
|
38
33
|
}), /*#__PURE__*/React.createElement("path", {
|
|
39
34
|
d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z"
|
|
35
|
+
}), /*#__PURE__*/React.createElement("animateTransform", {
|
|
36
|
+
attributeName: "transform",
|
|
37
|
+
attributeType: "XML",
|
|
38
|
+
type: "rotate",
|
|
39
|
+
from: "0 12 12",
|
|
40
|
+
to: "360 12 12",
|
|
41
|
+
dur: "1s",
|
|
42
|
+
repeatCount: "indefinite"
|
|
40
43
|
})));
|
|
41
44
|
});
|
|
42
45
|
LoadingIcon.propTypes = {
|
package/lib/loading.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["loading.js"],"names":["React","PropTypes","cn","styles","sizeStyles","sizeS","sizeM","sizeL","Size","LoadingIcon","forwardRef","ref","theme","size","className","props","icon","
|
|
1
|
+
{"version":3,"sources":["loading.js"],"names":["React","PropTypes","cn","styles","sizeStyles","sizeS","sizeM","sizeL","Size","LoadingIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"mappings":";;;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,IAAMC,UAAU,GAAG;AACjB,OAAKD,MAAM,CAACE,KADK;AACC,OAAKF,MAAM,CAACG,KADb;AACmB,OAAKH,MAAM,CAACI;AAD/B,CAAnB;AAIA,OAAO,IAAMC,IAAI,GAAG;AAClB,OAAK,GADa;AACT,OAAK,GADI;AACA,OAAK;AADL,CAAb;AAIP,IAAMC,WAAW,gBAAGT,KAAK,CAACU,UAAN,CAClB,gBAAuCC,GAAvC,EAA+C;AAAA,MAA5CC,KAA4C,QAA5CA,KAA4C;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,SAA+B,QAA/BA,SAA+B;AAAA,MAAjBC,KAAiB;;AAAC,sBAAQ;AAAK,IAAA,OAAO,EAAC;AAAb,KAA6BA,KAA7B;AAAoC,IAAA,SAAS,EAAEb,EAAE,CAACC,MAAM,CAACa,IAAR,EAAcb,MAAM,CAACS,KAAD,CAApB,EAA6BR,UAAU,CAACS,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;AAA4G,IAAA,GAAG,EAAEH;AAAjH,mBAAsH,4CAAG;AAAM,IAAA,OAAO,EAAE,GAAf;AAAoB,IAAA,CAAC,EAAC;AAAtB,IAAH,eAA6E;AAAM,IAAA,CAAC,EAAC;AAAR,IAA7E,eAAqK;AAAkB,IAAA,aAAa,EAAC,WAAhC;AAA4C,IAAA,aAAa,EAAC,KAA1D;AAAgE,IAAA,IAAI,EAAC,QAArE;AAA8E,IAAA,IAAI,EAAC,SAAnF;AAA6F,IAAA,EAAE,EAAC,WAAhG;AAA4G,IAAA,GAAG,EAAC,IAAhH;AAAqH,IAAA,WAAW,EAAC;AAAjI,IAArK,CAAtH,CAAR;AAA+b,CAD7d,CAApB;AAIAF,WAAW,CAACQ,SAAZ,GAAwB;AACtBH,EAAAA,SAAS,EAAEb,SAAS,CAACiB,MADC;AAEtBN,EAAAA,KAAK,EAAEX,SAAS,CAACkB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFe;AAGtBN,EAAAA,IAAI,EAAEZ,SAAS,CAACkB,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAhB;AAHgB,CAAxB;AAMAV,WAAW,CAACW,YAAZ,GAA2B;AACzBP,EAAAA,IAAI,EAAE;AADmB,CAA3B;AAIA,eAAeJ,WAAf","sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.pcss';\n\nconst sizeStyles = {\n \"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n \"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst LoadingIcon = React.forwardRef(\n ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g><path opacity={0.2} d=\"M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z\" /><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z\" /><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"1s\" repeatCount=\"indefinite\" /></g></svg>)}\n);\n\nLoadingIcon.propTypes = {\n className: PropTypes.string,\n theme: PropTypes.oneOf([\"light\", \"dark\"]),\n size: PropTypes.oneOf([\"s\", \"m\", \"l\"])\n};\n\nLoadingIcon.defaultProps = {\n size: \"m\"\n};\n\nexport default LoadingIcon;"],"file":"loading.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/icons",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"build": "yarn run svg-to-jsx && rescui-scripts postcss --no-clean-out && rescui-scripts babel --src=lib --out=lib --no-clean-out",
|
|
43
43
|
"svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "d31278a5136a7cb38364fc89345e1a7326298c9a"
|
|
46
46
|
}
|
package/svg/loading.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g><path opacity=".2" d="M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"/><path d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z"/><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></g></svg>
|