@rescui/icons 1.2.1-RUI-247-Make-packets-react-19-ready-c06b3c96.4 → 1.2.1-RUI-247-Make-packets-react-19-ready-be9cd02d.17
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/color-outline.d.ts +16 -0
- package/lib/color-outline.js +116 -0
- package/lib/color-outline.js.map +1 -0
- package/lib/color.d.ts +16 -0
- package/lib/color.js +108 -0
- package/lib/color.js.map +1 -0
- package/lib/computer-outline.d.ts +16 -0
- package/lib/computer-outline.js +108 -0
- package/lib/computer-outline.js.map +1 -0
- package/lib/computer.d.ts +16 -0
- package/lib/computer.js +108 -0
- package/lib/computer.js.map +1 -0
- package/lib/index.css +21 -21
- package/lib/index.css.js +12 -12
- package/lib/index.css.js.map +1 -1
- package/lib/index.d.ts +36 -0
- package/lib/index.js +18 -0
- package/lib/index.js.map +1 -1
- package/lib/margin-h-outline.d.ts +16 -0
- package/lib/margin-h-outline.js +108 -0
- package/lib/margin-h-outline.js.map +1 -0
- package/lib/margin-h.d.ts +16 -0
- package/lib/margin-h.js +108 -0
- package/lib/margin-h.js.map +1 -0
- package/lib/margin-v-outline.d.ts +16 -0
- package/lib/margin-v-outline.js +108 -0
- package/lib/margin-v-outline.js.map +1 -0
- package/lib/margin-v.d.ts +16 -0
- package/lib/margin-v.js +108 -0
- package/lib/margin-v.js.map +1 -0
- package/lib/mobile-outline.d.ts +16 -0
- package/lib/mobile-outline.js +116 -0
- package/lib/mobile-outline.js.map +1 -0
- package/lib/mobile.d.ts +16 -0
- package/lib/mobile.js +116 -0
- package/lib/mobile.js.map +1 -0
- package/lib/padding-h-outline.d.ts +16 -0
- package/lib/padding-h-outline.js +108 -0
- package/lib/padding-h-outline.js.map +1 -0
- package/lib/padding-h.d.ts +16 -0
- package/lib/padding-h.js +108 -0
- package/lib/padding-h.js.map +1 -0
- package/lib/padding-v-outline.d.ts +16 -0
- package/lib/padding-v-outline.js +108 -0
- package/lib/padding-v-outline.js.map +1 -0
- package/lib/padding-v.d.ts +16 -0
- package/lib/padding-v.js +108 -0
- package/lib/padding-v.js.map +1 -0
- package/lib/style-outline.d.ts +16 -0
- package/lib/style-outline.js +108 -0
- package/lib/style-outline.js.map +1 -0
- package/lib/style.d.ts +16 -0
- package/lib/style.js +108 -0
- package/lib/style.js.map +1 -0
- package/lib/tablet-outline.d.ts +16 -0
- package/lib/tablet-outline.js +116 -0
- package/lib/tablet-outline.js.map +1 -0
- package/lib/tablet.d.ts +16 -0
- package/lib/tablet.js +116 -0
- package/lib/tablet.js.map +1 -0
- package/package.json +4 -4
- package/svg/color-outline_16.svg +1 -0
- package/svg/color-outline_20.svg +1 -0
- package/svg/color-outline_24.svg +1 -0
- package/svg/color-outline_28.svg +1 -0
- package/svg/color_16.svg +1 -0
- package/svg/color_20.svg +1 -0
- package/svg/color_24.svg +1 -0
- package/svg/color_28.svg +1 -0
- package/svg/computer-outline_16.svg +1 -0
- package/svg/computer-outline_20.svg +1 -0
- package/svg/computer-outline_24.svg +1 -0
- package/svg/computer-outline_28.svg +1 -0
- package/svg/computer_16.svg +1 -0
- package/svg/computer_20.svg +1 -0
- package/svg/computer_24.svg +1 -0
- package/svg/computer_28.svg +1 -0
- package/svg/margin-h-outline_16.svg +1 -0
- package/svg/margin-h-outline_20.svg +1 -0
- package/svg/margin-h-outline_24.svg +1 -0
- package/svg/margin-h-outline_28.svg +1 -0
- package/svg/margin-h_16.svg +1 -0
- package/svg/margin-h_20.svg +1 -0
- package/svg/margin-h_24.svg +1 -0
- package/svg/margin-h_28.svg +1 -0
- package/svg/margin-v-outline_16.svg +1 -0
- package/svg/margin-v-outline_20.svg +1 -0
- package/svg/margin-v-outline_24.svg +1 -0
- package/svg/margin-v-outline_28.svg +1 -0
- package/svg/margin-v_16.svg +1 -0
- package/svg/margin-v_20.svg +1 -0
- package/svg/margin-v_24.svg +1 -0
- package/svg/margin-v_28.svg +1 -0
- package/svg/mobile-outline_16.svg +1 -0
- package/svg/mobile-outline_20.svg +1 -0
- package/svg/mobile-outline_24.svg +1 -0
- package/svg/mobile-outline_28.svg +1 -0
- package/svg/mobile_16.svg +1 -0
- package/svg/mobile_20.svg +1 -0
- package/svg/mobile_24.svg +1 -0
- package/svg/mobile_28.svg +1 -0
- package/svg/padding-h-outline_16.svg +1 -0
- package/svg/padding-h-outline_20.svg +1 -0
- package/svg/padding-h-outline_24.svg +1 -0
- package/svg/padding-h-outline_28.svg +1 -0
- package/svg/padding-h_16.svg +1 -0
- package/svg/padding-h_20.svg +1 -0
- package/svg/padding-h_24.svg +1 -0
- package/svg/padding-h_28.svg +1 -0
- package/svg/padding-v-outline_16.svg +1 -0
- package/svg/padding-v-outline_20.svg +1 -0
- package/svg/padding-v-outline_24.svg +1 -0
- package/svg/padding-v-outline_28.svg +1 -0
- package/svg/padding-v_16.svg +1 -0
- package/svg/padding-v_20.svg +1 -0
- package/svg/padding-v_24.svg +1 -0
- package/svg/padding-v_28.svg +1 -0
- package/svg/style-outline_16.svg +1 -0
- package/svg/style-outline_20.svg +1 -0
- package/svg/style-outline_24.svg +1 -0
- package/svg/style-outline_28.svg +1 -0
- package/svg/style_16.svg +1 -0
- package/svg/style_20.svg +1 -0
- package/svg/style_24.svg +1 -0
- package/svg/style_28.svg +1 -0
- package/svg/tablet-outline_16.svg +1 -0
- package/svg/tablet-outline_20.svg +1 -0
- package/svg/tablet-outline_24.svg +1 -0
- package/svg/tablet-outline_28.svg +1 -0
- package/svg/tablet_16.svg +1 -0
- package/svg/tablet_20.svg +1 -0
- package/svg/tablet_24.svg +1 -0
- package/svg/tablet_28.svg +1 -0
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import cn from 'classnames';
|
|
5
|
+
import "./index.css";
|
|
6
|
+
import styles from "./index.css.js";
|
|
7
|
+
const sizeStyles = {
|
|
8
|
+
"xs": styles.sizeXS,
|
|
9
|
+
"s": styles.sizeS,
|
|
10
|
+
"m": styles.sizeM,
|
|
11
|
+
"l": styles.sizeL
|
|
12
|
+
};
|
|
13
|
+
export const Size = {
|
|
14
|
+
"xs": "xs",
|
|
15
|
+
"s": "s",
|
|
16
|
+
"m": "m",
|
|
17
|
+
"l": "l"
|
|
18
|
+
};
|
|
19
|
+
const PaddingVOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M1.501 13.499a.5.5 0 0 1 .5-.5h11.998a.5.5 0 1 1 0 1H2.001a.5.5 0 0 1-.5-.5m0-11a.5.5 0 0 1 .5-.5h11.998a.5.5 0 1 1 0 1H2.001a.5.5 0 0 1-.5-.5m3 9a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0-7a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5"
|
|
25
|
+
})));
|
|
26
|
+
PaddingVOutlineIcon16.displayName = 'PaddingVOutlineIcon16';
|
|
27
|
+
const PaddingVOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
viewBox: "0 0 20 20"
|
|
29
|
+
}, props, {
|
|
30
|
+
ref: ref
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M2.25 17.25A.75.75 0 0 1 3 16.5h14a.75.75 0 1 1 0 1.5H3a.75.75 0 0 1-.75-.75m0-14.5A.75.75 0 0 1 3 2h14a.75.75 0 1 1 0 1.5H3a.75.75 0 0 1-.75-.75m4 11.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m0-8A.75.75 0 0 1 7 5.25h6a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 6"
|
|
33
|
+
})));
|
|
34
|
+
PaddingVOutlineIcon20.displayName = 'PaddingVOutlineIcon20';
|
|
35
|
+
const PaddingVOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
36
|
+
viewBox: "0 0 24 24"
|
|
37
|
+
}, props, {
|
|
38
|
+
ref: ref
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M21.103 19.005a1 1 0 0 1 0 1.99L21 21H3a1 1 0 1 1 0-2h18zM15.5 15a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zm0-8a1 1 0 1 1 0 2h-7a1 1 0 0 1 0-2zm5.603-3.995a1.001 1.001 0 0 1 0 1.99L21 5H3a1 1 0 0 1 0-2h18z"
|
|
41
|
+
})));
|
|
42
|
+
PaddingVOutlineIcon24.displayName = 'PaddingVOutlineIcon24';
|
|
43
|
+
const PaddingVOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
44
|
+
viewBox: "0 0 28 28"
|
|
45
|
+
}, props, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M3 24a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1M3 4a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m6 16a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1M9 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1"
|
|
49
|
+
})));
|
|
50
|
+
PaddingVOutlineIcon28.displayName = 'PaddingVOutlineIcon28';
|
|
51
|
+
const PaddingVOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
52
|
+
let {
|
|
53
|
+
theme,
|
|
54
|
+
size: sizeFromProps = "m",
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
57
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
58
|
+
...props
|
|
59
|
+
} = _ref;
|
|
60
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
61
|
+
const mainProps = { ...props,
|
|
62
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
63
|
+
style: renderAllSizes ? {
|
|
64
|
+
'--rs-icon-ar-width': 28,
|
|
65
|
+
'--rs-icon-ar-height': 28,
|
|
66
|
+
...style
|
|
67
|
+
} : style,
|
|
68
|
+
ref
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
if (renderAllSizes) {
|
|
72
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
73
|
+
viewBox: "0 0 28 28"
|
|
74
|
+
}, mainProps), /*#__PURE__*/React.createElement(PaddingVOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(PaddingVOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(PaddingVOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(PaddingVOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(PaddingVOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(PaddingVOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(PaddingVOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(PaddingVOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
PaddingVOutlineIcon.displayName = 'PaddingVOutlineIcon';
|
|
100
|
+
PaddingVOutlineIcon.propTypes = {
|
|
101
|
+
className: PropTypes.string,
|
|
102
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
103
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
104
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
105
|
+
style: PropTypes.object
|
|
106
|
+
};
|
|
107
|
+
export default PaddingVOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=padding-v-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"padding-v-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PaddingVOutlineIcon16","forwardRef","props","ref","displayName","PaddingVOutlineIcon20","PaddingVOutlineIcon24","PaddingVOutlineIcon28","PaddingVOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["padding-v-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst PaddingVOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M1.501 13.499a.5.5 0 0 1 .5-.5h11.998a.5.5 0 1 1 0 1H2.001a.5.5 0 0 1-.5-.5m0-11a.5.5 0 0 1 .5-.5h11.998a.5.5 0 1 1 0 1H2.001a.5.5 0 0 1-.5-.5m3 9a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0-7a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5\" /></svg>));\nPaddingVOutlineIcon16.displayName = 'PaddingVOutlineIcon16';\nconst PaddingVOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M2.25 17.25A.75.75 0 0 1 3 16.5h14a.75.75 0 1 1 0 1.5H3a.75.75 0 0 1-.75-.75m0-14.5A.75.75 0 0 1 3 2h14a.75.75 0 1 1 0 1.5H3a.75.75 0 0 1-.75-.75m4 11.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m0-8A.75.75 0 0 1 7 5.25h6a.75.75 0 0 1 0 1.5H7A.75.75 0 0 1 6.25 6\" /></svg>));\nPaddingVOutlineIcon20.displayName = 'PaddingVOutlineIcon20';\nconst PaddingVOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21.103 19.005a1 1 0 0 1 0 1.99L21 21H3a1 1 0 1 1 0-2h18zM15.5 15a1 1 0 1 1 0 2h-7a1 1 0 1 1 0-2zm0-8a1 1 0 1 1 0 2h-7a1 1 0 0 1 0-2zm5.603-3.995a1.001 1.001 0 0 1 0 1.99L21 5H3a1 1 0 0 1 0-2h18z\" /></svg>));\nPaddingVOutlineIcon24.displayName = 'PaddingVOutlineIcon24';\nconst PaddingVOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M3 24a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1M3 4a1 1 0 0 1 1-1h20a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m6 16a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1M9 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1\" /></svg>));\nPaddingVOutlineIcon28.displayName = 'PaddingVOutlineIcon28';\n\nconst PaddingVOutlineIcon = React.forwardRef(\n ({\n theme,\n size: sizeFromProps = \"m\",\n className,\n style,\n ['data-render-all-sizes']: renderAllSizes = false,\n ...props\n }, ref) => {\n const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n const mainProps = {\n ...props,\n className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n ref\n };\n\n if (renderAllSizes) {\n return (<svg viewBox=\"0 0 28 28\" {...mainProps}><PaddingVOutlineIcon16 className={styles.variant16} />\n<PaddingVOutlineIcon20 className={styles.variant20} />\n<PaddingVOutlineIcon24 className={styles.variant24} />\n<PaddingVOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<PaddingVOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PaddingVOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PaddingVOutlineIcon24 {...mainProps} />); }\nreturn (<PaddingVOutlineIcon28 {...mainProps} />);\n }\n);\nPaddingVOutlineIcon.displayName = 'PaddingVOutlineIcon';\nPaddingVOutlineIcon.propTypes = {\n className: PropTypes.string,\n theme: PropTypes.oneOf([\"light\", \"dark\"]),\n size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n 'data-render-all-sizes': PropTypes.bool,\n style: PropTypes.object\n};\n\nexport default PaddingVOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPaddingVIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPaddingVIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPaddingVIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPaddingVIconSize;
|
|
9
|
+
theme?: TPaddingVIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PaddingVIcon: React.ForwardRefExoticComponent<IPaddingVIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PaddingVIcon;
|
package/lib/padding-v.js
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import cn from 'classnames';
|
|
5
|
+
import "./index.css";
|
|
6
|
+
import styles from "./index.css.js";
|
|
7
|
+
const sizeStyles = {
|
|
8
|
+
"xs": styles.sizeXS,
|
|
9
|
+
"s": styles.sizeS,
|
|
10
|
+
"m": styles.sizeM,
|
|
11
|
+
"l": styles.sizeL
|
|
12
|
+
};
|
|
13
|
+
export const Size = {
|
|
14
|
+
"xs": "xs",
|
|
15
|
+
"s": "s",
|
|
16
|
+
"m": "m",
|
|
17
|
+
"l": "l"
|
|
18
|
+
};
|
|
19
|
+
const PaddingVIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M13.747 13.501a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5zm-2.999-3a.75.75 0 1 1 0 1.5h-6a.75.75 0 0 1 0-1.5zm0-6a.75.75 0 1 1 0 1.5h-6a.75.75 0 0 1 0-1.5zm3.003-3a.75.75 0 0 1 0 1.5H1.753a.75.75 0 0 1 0-1.5z"
|
|
25
|
+
})));
|
|
26
|
+
PaddingVIcon16.displayName = 'PaddingVIcon16';
|
|
27
|
+
const PaddingVIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
viewBox: "0 0 20 20"
|
|
29
|
+
}, props, {
|
|
30
|
+
ref: ref
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M17 16a1 1 0 0 1 0 2H3a1 1 0 1 1 0-2zm-3.787-3a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm0-8a1 1 0 1 1 0 2h-6a1 1 0 0 1 0-2zM17 2a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2z"
|
|
33
|
+
})));
|
|
34
|
+
PaddingVIcon20.displayName = 'PaddingVIcon20';
|
|
35
|
+
const PaddingVIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
36
|
+
viewBox: "0 0 24 24"
|
|
37
|
+
}, props, {
|
|
38
|
+
ref: ref
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M21.154 20.008a1.5 1.5 0 0 1 0 2.985L21 23H3a1.5 1.5 0 0 1 0-3h18zM15.5 15a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm0-9a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm5.654-4.992a1.5 1.5 0 0 1 0 2.985L21 4H3a1.5 1.5 0 1 1 0-3h18z"
|
|
41
|
+
})));
|
|
42
|
+
PaddingVIcon24.displayName = 'PaddingVIcon24';
|
|
43
|
+
const PaddingVIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
44
|
+
viewBox: "0 0 28 28"
|
|
45
|
+
}, props, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M25.5 4A1.5 1.5 0 0 1 24 5.5H4a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 25.5 4m0 20a1.5 1.5 0 0 1-1.5 1.5H4a1.5 1.5 0 0 1 0-3h20a1.5 1.5 0 0 1 1.5 1.5m-6-15a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 1 1 0-3h8A1.5 1.5 0 0 1 19.5 9m0 10a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 1.5 1.5"
|
|
49
|
+
})));
|
|
50
|
+
PaddingVIcon28.displayName = 'PaddingVIcon28';
|
|
51
|
+
const PaddingVIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
52
|
+
let {
|
|
53
|
+
theme,
|
|
54
|
+
size: sizeFromProps = "m",
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
57
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
58
|
+
...props
|
|
59
|
+
} = _ref;
|
|
60
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
61
|
+
const mainProps = { ...props,
|
|
62
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
63
|
+
style: renderAllSizes ? {
|
|
64
|
+
'--rs-icon-ar-width': 28,
|
|
65
|
+
'--rs-icon-ar-height': 28,
|
|
66
|
+
...style
|
|
67
|
+
} : style,
|
|
68
|
+
ref
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
if (renderAllSizes) {
|
|
72
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
73
|
+
viewBox: "0 0 28 28"
|
|
74
|
+
}, mainProps), /*#__PURE__*/React.createElement(PaddingVIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(PaddingVIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(PaddingVIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(PaddingVIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(PaddingVIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(PaddingVIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(PaddingVIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(PaddingVIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
PaddingVIcon.displayName = 'PaddingVIcon';
|
|
100
|
+
PaddingVIcon.propTypes = {
|
|
101
|
+
className: PropTypes.string,
|
|
102
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
103
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
104
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
105
|
+
style: PropTypes.object
|
|
106
|
+
};
|
|
107
|
+
export default PaddingVIcon;
|
|
108
|
+
//# sourceMappingURL=padding-v.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"padding-v.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PaddingVIcon16","forwardRef","props","ref","displayName","PaddingVIcon20","PaddingVIcon24","PaddingVIcon28","PaddingVIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["padding-v.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst PaddingVIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M13.747 13.501a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5zm-2.999-3a.75.75 0 1 1 0 1.5h-6a.75.75 0 0 1 0-1.5zm0-6a.75.75 0 1 1 0 1.5h-6a.75.75 0 0 1 0-1.5zm3.003-3a.75.75 0 0 1 0 1.5H1.753a.75.75 0 0 1 0-1.5z\" /></svg>));\nPaddingVIcon16.displayName = 'PaddingVIcon16';\nconst PaddingVIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M17 16a1 1 0 0 1 0 2H3a1 1 0 1 1 0-2zm-3.787-3a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm0-8a1 1 0 1 1 0 2h-6a1 1 0 0 1 0-2zM17 2a1 1 0 0 1 0 2H3a1 1 0 0 1 0-2z\" /></svg>));\nPaddingVIcon20.displayName = 'PaddingVIcon20';\nconst PaddingVIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21.154 20.008a1.5 1.5 0 0 1 0 2.985L21 23H3a1.5 1.5 0 0 1 0-3h18zM15.5 15a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm0-9a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm5.654-4.992a1.5 1.5 0 0 1 0 2.985L21 4H3a1.5 1.5 0 1 1 0-3h18z\" /></svg>));\nPaddingVIcon24.displayName = 'PaddingVIcon24';\nconst PaddingVIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M25.5 4A1.5 1.5 0 0 1 24 5.5H4a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 25.5 4m0 20a1.5 1.5 0 0 1-1.5 1.5H4a1.5 1.5 0 0 1 0-3h20a1.5 1.5 0 0 1 1.5 1.5m-6-15a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 1 1 0-3h8A1.5 1.5 0 0 1 19.5 9m0 10a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 1.5 1.5\" /></svg>));\nPaddingVIcon28.displayName = 'PaddingVIcon28';\n\nconst PaddingVIcon = React.forwardRef(\n ({\n theme,\n size: sizeFromProps = \"m\",\n className,\n style,\n ['data-render-all-sizes']: renderAllSizes = false,\n ...props\n }, ref) => {\n const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n const mainProps = {\n ...props,\n className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n ref\n };\n\n if (renderAllSizes) {\n return (<svg viewBox=\"0 0 28 28\" {...mainProps}><PaddingVIcon16 className={styles.variant16} />\n<PaddingVIcon20 className={styles.variant20} />\n<PaddingVIcon24 className={styles.variant24} />\n<PaddingVIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<PaddingVIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PaddingVIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PaddingVIcon24 {...mainProps} />); }\nreturn (<PaddingVIcon28 {...mainProps} />);\n }\n);\nPaddingVIcon.displayName = 'PaddingVIcon';\nPaddingVIcon.propTypes = {\n className: PropTypes.string,\n theme: PropTypes.oneOf([\"light\", \"dark\"]),\n size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n 'data-render-all-sizes': PropTypes.bool,\n style: PropTypes.object\n};\n\nexport default PaddingVIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TStyleOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TStyleOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IStyleOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TStyleOutlineIconSize;
|
|
9
|
+
theme?: TStyleOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const StyleOutlineIcon: React.ForwardRefExoticComponent<IStyleOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default StyleOutlineIcon;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import cn from 'classnames';
|
|
5
|
+
import "./index.css";
|
|
6
|
+
import styles from "./index.css.js";
|
|
7
|
+
const sizeStyles = {
|
|
8
|
+
"xs": styles.sizeXS,
|
|
9
|
+
"s": styles.sizeS,
|
|
10
|
+
"m": styles.sizeM,
|
|
11
|
+
"l": styles.sizeL
|
|
12
|
+
};
|
|
13
|
+
export const Size = {
|
|
14
|
+
"xs": "xs",
|
|
15
|
+
"s": "s",
|
|
16
|
+
"m": "m",
|
|
17
|
+
"l": "l"
|
|
18
|
+
};
|
|
19
|
+
const StyleOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M10.25 1c.966 0 1.75.784 1.75 1.75v6.337A1.5 1.5 0 0 1 11.5 12H10v1.25A1.75 1.75 0 0 1 8.25 15h-.5A1.75 1.75 0 0 1 6 13.25V12H4.5A1.5 1.5 0 0 1 4 9.087V2.75C4 1.784 4.784 1 5.75 1zM4.5 10a.5.5 0 0 0 0 1H7v2.25c0 .414.336.75.75.75h.5a.75.75 0 0 0 .746-.673L9 13.25V11h2.5a.5.5 0 0 0 0-1zm1.25-8a.75.75 0 0 0-.75.75V9h6V2.75a.75.75 0 0 0-.75-.75H7v4a.5.5 0 0 1-1 0V2z"
|
|
25
|
+
})));
|
|
26
|
+
StyleOutlineIcon16.displayName = 'StyleOutlineIcon16';
|
|
27
|
+
const StyleOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
viewBox: "0 0 20 20"
|
|
29
|
+
}, props, {
|
|
30
|
+
ref: ref
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M13 2a2 2 0 0 1 2 2v6.77c.597.346 1 .99 1 1.73v1a2 2 0 0 1-2 2h-2v.5a2 2 0 1 1-4 0v-.5H6a2 2 0 0 1-2-2v-1c0-.74.403-1.384 1-1.73V4a2 2 0 0 1 2-2zM6 12a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3.5v2a.5.5 0 0 0 1 0v-2H14a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.4-.49L14 12zm1-8.5a.5.5 0 0 0-.5.5v6.5h7V4a.5.5 0 0 0-.5-.5H9.5V8A.75.75 0 0 1 8 8V3.5z"
|
|
33
|
+
})));
|
|
34
|
+
StyleOutlineIcon20.displayName = 'StyleOutlineIcon20';
|
|
35
|
+
const StyleOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
36
|
+
viewBox: "0 0 24 24"
|
|
37
|
+
}, props, {
|
|
38
|
+
ref: ref
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M16.5 2A2.5 2.5 0 0 1 19 4.5v9.003c.606.456 1 1.18 1 1.997v1a2.5 2.5 0 0 1-2.5 2.5H15v.5a2.5 2.5 0 0 1-2.5 2.5h-1A2.5 2.5 0 0 1 9 19.5V19H6.5A2.5 2.5 0 0 1 4 16.5v-1c0-.817.394-1.54 1-1.997V4.5A2.5 2.5 0 0 1 7.5 2zm-10 13a.5.5 0 0 0-.49.4l-.01.1v1a.5.5 0 0 0 .5.5H11v2.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .49-.4l.01-.1V17h4.5a.5.5 0 0 0 .49-.4l.01-.1v-1a.5.5 0 0 0-.5-.5zm1-11a.5.5 0 0 0-.5.5V13h10V4.5a.5.5 0 0 0-.5-.5H11v5l-.005.103a1 1 0 0 1-1.99 0L9 9V4z"
|
|
41
|
+
})));
|
|
42
|
+
StyleOutlineIcon24.displayName = 'StyleOutlineIcon24';
|
|
43
|
+
const StyleOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
44
|
+
viewBox: "0 0 28 28"
|
|
45
|
+
}, props, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M19 3a3 3 0 0 1 3 3v8.768c.613.549 1 1.344 1 2.232v1a3 3 0 0 1-3 3h-3v1a3 3 0 1 1-6 0v-1H8a3 3 0 0 1-3-3v-1a3 3 0 0 1 1-2.232V6a3 3 0 0 1 3-3zM8 16a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h5v3a1 1 0 1 0 2 0v-3h5a1 1 0 0 0 1-1v-1a1 1 0 0 0-.898-.995L20 16zM9 5a1 1 0 0 0-1 1v8h12V6a1 1 0 0 0-1-1h-6v6a1 1 0 1 1-2 0V5z"
|
|
49
|
+
})));
|
|
50
|
+
StyleOutlineIcon28.displayName = 'StyleOutlineIcon28';
|
|
51
|
+
const StyleOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
52
|
+
let {
|
|
53
|
+
theme,
|
|
54
|
+
size: sizeFromProps = "m",
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
57
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
58
|
+
...props
|
|
59
|
+
} = _ref;
|
|
60
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
61
|
+
const mainProps = { ...props,
|
|
62
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
63
|
+
style: renderAllSizes ? {
|
|
64
|
+
'--rs-icon-ar-width': 28,
|
|
65
|
+
'--rs-icon-ar-height': 28,
|
|
66
|
+
...style
|
|
67
|
+
} : style,
|
|
68
|
+
ref
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
if (renderAllSizes) {
|
|
72
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
73
|
+
viewBox: "0 0 28 28"
|
|
74
|
+
}, mainProps), /*#__PURE__*/React.createElement(StyleOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(StyleOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(StyleOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(StyleOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(StyleOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(StyleOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(StyleOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(StyleOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
StyleOutlineIcon.displayName = 'StyleOutlineIcon';
|
|
100
|
+
StyleOutlineIcon.propTypes = {
|
|
101
|
+
className: PropTypes.string,
|
|
102
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
103
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
104
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
105
|
+
style: PropTypes.object
|
|
106
|
+
};
|
|
107
|
+
export default StyleOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=style-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","StyleOutlineIcon16","forwardRef","props","ref","displayName","StyleOutlineIcon20","StyleOutlineIcon24","StyleOutlineIcon28","StyleOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["style-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst StyleOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10.25 1c.966 0 1.75.784 1.75 1.75v6.337A1.5 1.5 0 0 1 11.5 12H10v1.25A1.75 1.75 0 0 1 8.25 15h-.5A1.75 1.75 0 0 1 6 13.25V12H4.5A1.5 1.5 0 0 1 4 9.087V2.75C4 1.784 4.784 1 5.75 1zM4.5 10a.5.5 0 0 0 0 1H7v2.25c0 .414.336.75.75.75h.5a.75.75 0 0 0 .746-.673L9 13.25V11h2.5a.5.5 0 0 0 0-1zm1.25-8a.75.75 0 0 0-.75.75V9h6V2.75a.75.75 0 0 0-.75-.75H7v4a.5.5 0 0 1-1 0V2z\" /></svg>));\nStyleOutlineIcon16.displayName = 'StyleOutlineIcon16';\nconst StyleOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13 2a2 2 0 0 1 2 2v6.77c.597.346 1 .99 1 1.73v1a2 2 0 0 1-2 2h-2v.5a2 2 0 1 1-4 0v-.5H6a2 2 0 0 1-2-2v-1c0-.74.403-1.384 1-1.73V4a2 2 0 0 1 2-2zM6 12a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3.5v2a.5.5 0 0 0 1 0v-2H14a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.4-.49L14 12zm1-8.5a.5.5 0 0 0-.5.5v6.5h7V4a.5.5 0 0 0-.5-.5H9.5V8A.75.75 0 0 1 8 8V3.5z\" /></svg>));\nStyleOutlineIcon20.displayName = 'StyleOutlineIcon20';\nconst StyleOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16.5 2A2.5 2.5 0 0 1 19 4.5v9.003c.606.456 1 1.18 1 1.997v1a2.5 2.5 0 0 1-2.5 2.5H15v.5a2.5 2.5 0 0 1-2.5 2.5h-1A2.5 2.5 0 0 1 9 19.5V19H6.5A2.5 2.5 0 0 1 4 16.5v-1c0-.817.394-1.54 1-1.997V4.5A2.5 2.5 0 0 1 7.5 2zm-10 13a.5.5 0 0 0-.49.4l-.01.1v1a.5.5 0 0 0 .5.5H11v2.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .49-.4l.01-.1V17h4.5a.5.5 0 0 0 .49-.4l.01-.1v-1a.5.5 0 0 0-.5-.5zm1-11a.5.5 0 0 0-.5.5V13h10V4.5a.5.5 0 0 0-.5-.5H11v5l-.005.103a1 1 0 0 1-1.99 0L9 9V4z\" /></svg>));\nStyleOutlineIcon24.displayName = 'StyleOutlineIcon24';\nconst StyleOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19 3a3 3 0 0 1 3 3v8.768c.613.549 1 1.344 1 2.232v1a3 3 0 0 1-3 3h-3v1a3 3 0 1 1-6 0v-1H8a3 3 0 0 1-3-3v-1a3 3 0 0 1 1-2.232V6a3 3 0 0 1 3-3zM8 16a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h5v3a1 1 0 1 0 2 0v-3h5a1 1 0 0 0 1-1v-1a1 1 0 0 0-.898-.995L20 16zM9 5a1 1 0 0 0-1 1v8h12V6a1 1 0 0 0-1-1h-6v6a1 1 0 1 1-2 0V5z\" /></svg>));\nStyleOutlineIcon28.displayName = 'StyleOutlineIcon28';\n\nconst StyleOutlineIcon = React.forwardRef(\n ({\n theme,\n size: sizeFromProps = \"m\",\n className,\n style,\n ['data-render-all-sizes']: renderAllSizes = false,\n ...props\n }, ref) => {\n const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n const mainProps = {\n ...props,\n className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n ref\n };\n\n if (renderAllSizes) {\n return (<svg viewBox=\"0 0 28 28\" {...mainProps}><StyleOutlineIcon16 className={styles.variant16} />\n<StyleOutlineIcon20 className={styles.variant20} />\n<StyleOutlineIcon24 className={styles.variant24} />\n<StyleOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<StyleOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<StyleOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<StyleOutlineIcon24 {...mainProps} />); }\nreturn (<StyleOutlineIcon28 {...mainProps} />);\n }\n);\nStyleOutlineIcon.displayName = 'StyleOutlineIcon';\nStyleOutlineIcon.propTypes = {\n className: PropTypes.string,\n theme: PropTypes.oneOf([\"light\", \"dark\"]),\n size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n 'data-render-all-sizes': PropTypes.bool,\n style: PropTypes.object\n};\n\nexport default StyleOutlineIcon;"],"mappings":"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"}
|
package/lib/style.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TStyleIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TStyleIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IStyleIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TStyleIconSize;
|
|
9
|
+
theme?: TStyleIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const StyleIcon: React.ForwardRefExoticComponent<IStyleIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default StyleIcon;
|
package/lib/style.js
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import cn from 'classnames';
|
|
5
|
+
import "./index.css";
|
|
6
|
+
import styles from "./index.css.js";
|
|
7
|
+
const sizeStyles = {
|
|
8
|
+
"xs": styles.sizeXS,
|
|
9
|
+
"s": styles.sizeS,
|
|
10
|
+
"m": styles.sizeM,
|
|
11
|
+
"l": styles.sizeL
|
|
12
|
+
};
|
|
13
|
+
export const Size = {
|
|
14
|
+
"xs": "xs",
|
|
15
|
+
"s": "s",
|
|
16
|
+
"m": "m",
|
|
17
|
+
"l": "l"
|
|
18
|
+
};
|
|
19
|
+
const StyleIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M12 10a1 1 0 1 1 0 2h-2v1.25A1.75 1.75 0 0 1 8.25 15h-.5A1.75 1.75 0 0 1 6 13.25V12H4a1 1 0 1 1 0-2zm-1.75-9c.966 0 1.75.784 1.75 1.75V9H4V2a1 1 0 0 1 2 0v4a.5.5 0 0 0 1 0V2.75C7 1.784 7.784 1 8.75 1z"
|
|
25
|
+
})));
|
|
26
|
+
StyleIcon16.displayName = 'StyleIcon16';
|
|
27
|
+
const StyleIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
viewBox: "0 0 20 20"
|
|
29
|
+
}, props, {
|
|
30
|
+
ref: ref
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M14.5 12a1.5 1.5 0 0 1 0 3H12v1a2 2 0 1 1-4 0v-1H5.5a1.5 1.5 0 0 1 0-3zM13 2a2 2 0 0 1 2 2v7H5V3.5a1.5 1.5 0 1 1 3 0V8a.5.5 0 0 0 1 0V4a2 2 0 0 1 2-2z"
|
|
33
|
+
})));
|
|
34
|
+
StyleIcon20.displayName = 'StyleIcon20';
|
|
35
|
+
const StyleIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
36
|
+
viewBox: "0 0 24 24"
|
|
37
|
+
}, props, {
|
|
38
|
+
ref: ref
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M18 15a2 2 0 1 1 0 4h-3v.5a2.5 2.5 0 0 1-2.5 2.5h-1A2.5 2.5 0 0 1 9 19.5V19H6a2 2 0 1 1 0-4zM16.5 2A2.5 2.5 0 0 1 19 4.5V13H5V3.5a1.5 1.5 0 1 1 3 0v5a1 1 0 0 0 2 0v-4A2.5 2.5 0 0 1 12.5 2z"
|
|
41
|
+
})));
|
|
42
|
+
StyleIcon24.displayName = 'StyleIcon24';
|
|
43
|
+
const StyleIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
44
|
+
viewBox: "0 0 28 28"
|
|
45
|
+
}, props, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M20.5 16a2.5 2.5 0 0 1 0 5H17v1a3 3 0 1 1-6 0v-1H7.5a2.5 2.5 0 0 1 0-5zM19 3a3 3 0 0 1 3 3v8H6V5a2 2 0 1 1 4 0v5a1 1 0 1 0 2 0V6a3 3 0 0 1 3-3z"
|
|
49
|
+
})));
|
|
50
|
+
StyleIcon28.displayName = 'StyleIcon28';
|
|
51
|
+
const StyleIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
52
|
+
let {
|
|
53
|
+
theme,
|
|
54
|
+
size: sizeFromProps = "m",
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
57
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
58
|
+
...props
|
|
59
|
+
} = _ref;
|
|
60
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
61
|
+
const mainProps = { ...props,
|
|
62
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
63
|
+
style: renderAllSizes ? {
|
|
64
|
+
'--rs-icon-ar-width': 28,
|
|
65
|
+
'--rs-icon-ar-height': 28,
|
|
66
|
+
...style
|
|
67
|
+
} : style,
|
|
68
|
+
ref
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
if (renderAllSizes) {
|
|
72
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
73
|
+
viewBox: "0 0 28 28"
|
|
74
|
+
}, mainProps), /*#__PURE__*/React.createElement(StyleIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(StyleIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(StyleIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(StyleIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(StyleIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(StyleIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(StyleIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(StyleIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
StyleIcon.displayName = 'StyleIcon';
|
|
100
|
+
StyleIcon.propTypes = {
|
|
101
|
+
className: PropTypes.string,
|
|
102
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
103
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
104
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
105
|
+
style: PropTypes.object
|
|
106
|
+
};
|
|
107
|
+
export default StyleIcon;
|
|
108
|
+
//# sourceMappingURL=style.js.map
|
package/lib/style.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","StyleIcon16","forwardRef","props","ref","displayName","StyleIcon20","StyleIcon24","StyleIcon28","StyleIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["style.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst StyleIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12 10a1 1 0 1 1 0 2h-2v1.25A1.75 1.75 0 0 1 8.25 15h-.5A1.75 1.75 0 0 1 6 13.25V12H4a1 1 0 1 1 0-2zm-1.75-9c.966 0 1.75.784 1.75 1.75V9H4V2a1 1 0 0 1 2 0v4a.5.5 0 0 0 1 0V2.75C7 1.784 7.784 1 8.75 1z\" /></svg>));\nStyleIcon16.displayName = 'StyleIcon16';\nconst StyleIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M14.5 12a1.5 1.5 0 0 1 0 3H12v1a2 2 0 1 1-4 0v-1H5.5a1.5 1.5 0 0 1 0-3zM13 2a2 2 0 0 1 2 2v7H5V3.5a1.5 1.5 0 1 1 3 0V8a.5.5 0 0 0 1 0V4a2 2 0 0 1 2-2z\" /></svg>));\nStyleIcon20.displayName = 'StyleIcon20';\nconst StyleIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18 15a2 2 0 1 1 0 4h-3v.5a2.5 2.5 0 0 1-2.5 2.5h-1A2.5 2.5 0 0 1 9 19.5V19H6a2 2 0 1 1 0-4zM16.5 2A2.5 2.5 0 0 1 19 4.5V13H5V3.5a1.5 1.5 0 1 1 3 0v5a1 1 0 0 0 2 0v-4A2.5 2.5 0 0 1 12.5 2z\" /></svg>));\nStyleIcon24.displayName = 'StyleIcon24';\nconst StyleIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M20.5 16a2.5 2.5 0 0 1 0 5H17v1a3 3 0 1 1-6 0v-1H7.5a2.5 2.5 0 0 1 0-5zM19 3a3 3 0 0 1 3 3v8H6V5a2 2 0 1 1 4 0v5a1 1 0 1 0 2 0V6a3 3 0 0 1 3-3z\" /></svg>));\nStyleIcon28.displayName = 'StyleIcon28';\n\nconst StyleIcon = React.forwardRef(\n ({\n theme,\n size: sizeFromProps = \"m\",\n className,\n style,\n ['data-render-all-sizes']: renderAllSizes = false,\n ...props\n }, ref) => {\n const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n const mainProps = {\n ...props,\n className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n ref\n };\n\n if (renderAllSizes) {\n return (<svg viewBox=\"0 0 28 28\" {...mainProps}><StyleIcon16 className={styles.variant16} />\n<StyleIcon20 className={styles.variant20} />\n<StyleIcon24 className={styles.variant24} />\n<StyleIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<StyleIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<StyleIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<StyleIcon24 {...mainProps} />); }\nreturn (<StyleIcon28 {...mainProps} />);\n }\n);\nStyleIcon.displayName = 'StyleIcon';\nStyleIcon.propTypes = {\n className: PropTypes.string,\n theme: PropTypes.oneOf([\"light\", \"dark\"]),\n size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n 'data-render-all-sizes': PropTypes.bool,\n style: PropTypes.object\n};\n\nexport default StyleIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TTabletOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TTabletOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface ITabletOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TTabletOutlineIconSize;
|
|
9
|
+
theme?: TTabletOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const TabletOutlineIcon: React.ForwardRefExoticComponent<ITabletOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default TabletOutlineIcon;
|