@rescui/icons 1.2.0 → 1.2.1-RUI-247-Make-packets-react-19-ready-f91b52ef.16
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 +7 -7
- 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 MarginHOutlineIcon16 = /*#__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: "M8 1.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5M5.5 5.499a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5m5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5"
|
|
25
|
+
})));
|
|
26
|
+
MarginHOutlineIcon16.displayName = 'MarginHOutlineIcon16';
|
|
27
|
+
const MarginHOutlineIcon20 = /*#__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: "M10 2.25a.75.75 0 0 1 .75.75v14a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75m-3.75 4A.75.75 0 0 1 7 7v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75m7.5 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75"
|
|
33
|
+
})));
|
|
34
|
+
MarginHOutlineIcon20.displayName = 'MarginHOutlineIcon20';
|
|
35
|
+
const MarginHOutlineIcon24 = /*#__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: "M12 2a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M8 7a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1"
|
|
41
|
+
})));
|
|
42
|
+
MarginHOutlineIcon24.displayName = 'MarginHOutlineIcon24';
|
|
43
|
+
const MarginHOutlineIcon28 = /*#__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: "M14 2a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1m-4 6a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1"
|
|
49
|
+
})));
|
|
50
|
+
MarginHOutlineIcon28.displayName = 'MarginHOutlineIcon28';
|
|
51
|
+
const MarginHOutlineIcon = /*#__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(MarginHOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(MarginHOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(MarginHOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(MarginHOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(MarginHOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(MarginHOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MarginHOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(MarginHOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
MarginHOutlineIcon.displayName = 'MarginHOutlineIcon';
|
|
100
|
+
MarginHOutlineIcon.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 MarginHOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=margin-h-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"margin-h-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MarginHOutlineIcon16","forwardRef","props","ref","displayName","MarginHOutlineIcon20","MarginHOutlineIcon24","MarginHOutlineIcon28","MarginHOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["margin-h-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 MarginHOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 1.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-1 0V2a.5.5 0 0 1 .5-.5M5.5 5.499a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5m5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5\" /></svg>));\nMarginHOutlineIcon16.displayName = 'MarginHOutlineIcon16';\nconst MarginHOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 2.25a.75.75 0 0 1 .75.75v14a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75m-3.75 4A.75.75 0 0 1 7 7v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75m7.5 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75\" /></svg>));\nMarginHOutlineIcon20.displayName = 'MarginHOutlineIcon20';\nconst MarginHOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12 2a1 1 0 0 1 1 1v18a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M8 7a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1\" /></svg>));\nMarginHOutlineIcon24.displayName = 'MarginHOutlineIcon24';\nconst MarginHOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14 2a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1m-4 6a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1\" /></svg>));\nMarginHOutlineIcon28.displayName = 'MarginHOutlineIcon28';\n\nconst MarginHOutlineIcon = 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}><MarginHOutlineIcon16 className={styles.variant16} />\n<MarginHOutlineIcon20 className={styles.variant20} />\n<MarginHOutlineIcon24 className={styles.variant24} />\n<MarginHOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MarginHOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MarginHOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MarginHOutlineIcon24 {...mainProps} />); }\nreturn (<MarginHOutlineIcon28 {...mainProps} />);\n }\n);\nMarginHOutlineIcon.displayName = 'MarginHOutlineIcon';\nMarginHOutlineIcon.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 MarginHOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TMarginHIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TMarginHIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IMarginHIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TMarginHIconSize;
|
|
9
|
+
theme?: TMarginHIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const MarginHIcon: React.ForwardRefExoticComponent<IMarginHIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default MarginHIcon;
|
package/lib/margin-h.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 MarginHIcon16 = /*#__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: "M8 1.262a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-1.5 0v-12a.75.75 0 0 1 .75-.75M4.75 5.26a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m6.5 0a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75"
|
|
25
|
+
})));
|
|
26
|
+
MarginHIcon16.displayName = 'MarginHIcon16';
|
|
27
|
+
const MarginHIcon20 = /*#__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: "M10 2a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M6 6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1"
|
|
33
|
+
})));
|
|
34
|
+
MarginHIcon20.displayName = 'MarginHIcon20';
|
|
35
|
+
const MarginHIcon24 = /*#__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: "M12 1.5A1.5 1.5 0 0 1 13.5 3v18a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5m-4.5 5A1.5 1.5 0 0 1 9 8v8a1.5 1.5 0 0 1-3 0V8a1.5 1.5 0 0 1 1.5-1.5m9 0A1.5 1.5 0 0 1 18 8v8a1.5 1.5 0 0 1-3 0V8a1.5 1.5 0 0 1 1.5-1.5"
|
|
41
|
+
})));
|
|
42
|
+
MarginHIcon24.displayName = 'MarginHIcon24';
|
|
43
|
+
const MarginHIcon28 = /*#__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: "M14 1.5A1.5 1.5 0 0 1 15.5 3v22a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 14 1.5m-4.5 6A1.5 1.5 0 0 1 11 9v10a1.5 1.5 0 0 1-3 0V9a1.5 1.5 0 0 1 1.5-1.5m9 0A1.5 1.5 0 0 1 20 9v10a1.5 1.5 0 0 1-3 0V9a1.5 1.5 0 0 1 1.5-1.5"
|
|
49
|
+
})));
|
|
50
|
+
MarginHIcon28.displayName = 'MarginHIcon28';
|
|
51
|
+
const MarginHIcon = /*#__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(MarginHIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(MarginHIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(MarginHIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(MarginHIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(MarginHIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(MarginHIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MarginHIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(MarginHIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
MarginHIcon.displayName = 'MarginHIcon';
|
|
100
|
+
MarginHIcon.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 MarginHIcon;
|
|
108
|
+
//# sourceMappingURL=margin-h.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"margin-h.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MarginHIcon16","forwardRef","props","ref","displayName","MarginHIcon20","MarginHIcon24","MarginHIcon28","MarginHIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["margin-h.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 MarginHIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 1.262a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-1.5 0v-12a.75.75 0 0 1 .75-.75M4.75 5.26a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m6.5 0a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75\" /></svg>));\nMarginHIcon16.displayName = 'MarginHIcon16';\nconst MarginHIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10 2a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M6 6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1\" /></svg>));\nMarginHIcon20.displayName = 'MarginHIcon20';\nconst MarginHIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12 1.5A1.5 1.5 0 0 1 13.5 3v18a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5m-4.5 5A1.5 1.5 0 0 1 9 8v8a1.5 1.5 0 0 1-3 0V8a1.5 1.5 0 0 1 1.5-1.5m9 0A1.5 1.5 0 0 1 18 8v8a1.5 1.5 0 0 1-3 0V8a1.5 1.5 0 0 1 1.5-1.5\" /></svg>));\nMarginHIcon24.displayName = 'MarginHIcon24';\nconst MarginHIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14 1.5A1.5 1.5 0 0 1 15.5 3v22a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 14 1.5m-4.5 6A1.5 1.5 0 0 1 11 9v10a1.5 1.5 0 0 1-3 0V9a1.5 1.5 0 0 1 1.5-1.5m9 0A1.5 1.5 0 0 1 20 9v10a1.5 1.5 0 0 1-3 0V9a1.5 1.5 0 0 1 1.5-1.5\" /></svg>));\nMarginHIcon28.displayName = 'MarginHIcon28';\n\nconst MarginHIcon = 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}><MarginHIcon16 className={styles.variant16} />\n<MarginHIcon20 className={styles.variant20} />\n<MarginHIcon24 className={styles.variant24} />\n<MarginHIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MarginHIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MarginHIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MarginHIcon24 {...mainProps} />); }\nreturn (<MarginHIcon28 {...mainProps} />);\n }\n);\nMarginHIcon.displayName = 'MarginHIcon';\nMarginHIcon.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 MarginHIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TMarginVOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TMarginVOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IMarginVOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TMarginVOutlineIconSize;
|
|
9
|
+
theme?: TMarginVOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const MarginVOutlineIcon: React.ForwardRefExoticComponent<IMarginVOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default MarginVOutlineIcon;
|
|
@@ -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 MarginVOutlineIcon16 = /*#__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.5 8a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5m3.999 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m0-5a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5"
|
|
25
|
+
})));
|
|
26
|
+
MarginVOutlineIcon16.displayName = 'MarginVOutlineIcon16';
|
|
27
|
+
const MarginVOutlineIcon20 = /*#__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 10A.75.75 0 0 1 3 9.25h14a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75m4 3.75A.75.75 0 0 1 7 13h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m0-7.5A.75.75 0 0 1 7 5.5h6A.75.75 0 0 1 13 7H7a.75.75 0 0 1-.75-.75"
|
|
33
|
+
})));
|
|
34
|
+
MarginVOutlineIcon20.displayName = 'MarginVOutlineIcon20';
|
|
35
|
+
const MarginVOutlineIcon24 = /*#__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: "M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m5 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1"
|
|
41
|
+
})));
|
|
42
|
+
MarginVOutlineIcon24.displayName = 'MarginVOutlineIcon24';
|
|
43
|
+
const MarginVOutlineIcon28 = /*#__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: "M2 14a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m6 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1"
|
|
49
|
+
})));
|
|
50
|
+
MarginVOutlineIcon28.displayName = 'MarginVOutlineIcon28';
|
|
51
|
+
const MarginVOutlineIcon = /*#__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(MarginVOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(MarginVOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(MarginVOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(MarginVOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(MarginVOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(MarginVOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MarginVOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(MarginVOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
MarginVOutlineIcon.displayName = 'MarginVOutlineIcon';
|
|
100
|
+
MarginVOutlineIcon.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 MarginVOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=margin-v-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"margin-v-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MarginVOutlineIcon16","forwardRef","props","ref","displayName","MarginVOutlineIcon20","MarginVOutlineIcon24","MarginVOutlineIcon28","MarginVOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["margin-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 MarginVOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M1.5 8a.5.5 0 0 1 .5-.5h12a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5m3.999 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m0-5a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5\" /></svg>));\nMarginVOutlineIcon16.displayName = 'MarginVOutlineIcon16';\nconst MarginVOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M2.25 10A.75.75 0 0 1 3 9.25h14a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75m4 3.75A.75.75 0 0 1 7 13h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m0-7.5A.75.75 0 0 1 7 5.5h6A.75.75 0 0 1 13 7H7a.75.75 0 0 1-.75-.75\" /></svg>));\nMarginVOutlineIcon20.displayName = 'MarginVOutlineIcon20';\nconst MarginVOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M2 12a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m5 4a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1\" /></svg>));\nMarginVOutlineIcon24.displayName = 'MarginVOutlineIcon24';\nconst MarginVOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M2 14a1 1 0 0 1 1-1h22a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m6 4a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1\" /></svg>));\nMarginVOutlineIcon28.displayName = 'MarginVOutlineIcon28';\n\nconst MarginVOutlineIcon = 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}><MarginVOutlineIcon16 className={styles.variant16} />\n<MarginVOutlineIcon20 className={styles.variant20} />\n<MarginVOutlineIcon24 className={styles.variant24} />\n<MarginVOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MarginVOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MarginVOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MarginVOutlineIcon24 {...mainProps} />); }\nreturn (<MarginVOutlineIcon28 {...mainProps} />);\n }\n);\nMarginVOutlineIcon.displayName = 'MarginVOutlineIcon';\nMarginVOutlineIcon.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 MarginVOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TMarginVIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TMarginVIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IMarginVIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TMarginVIconSize;
|
|
9
|
+
theme?: TMarginVIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const MarginVIcon: React.ForwardRefExoticComponent<IMarginVIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default MarginVIcon;
|
package/lib/margin-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 MarginVIcon16 = /*#__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.25 8.012a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m3.999 3.25a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0-6.5a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75"
|
|
25
|
+
})));
|
|
26
|
+
MarginVIcon16.displayName = 'MarginVIcon16';
|
|
27
|
+
const MarginVIcon20 = /*#__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 10a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m4 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1"
|
|
33
|
+
})));
|
|
34
|
+
MarginVIcon20.displayName = 'MarginVIcon20';
|
|
35
|
+
const MarginVIcon24 = /*#__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: "M1.5 12A1.5 1.5 0 0 1 3 10.5h18a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12m5 4.5A1.5 1.5 0 0 1 8 15h8a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1-1.5-1.5m0-9A1.5 1.5 0 0 1 8 6h8a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1-1.5-1.5"
|
|
41
|
+
})));
|
|
42
|
+
MarginVIcon24.displayName = 'MarginVIcon24';
|
|
43
|
+
const MarginVIcon28 = /*#__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: "M1.5 14A1.5 1.5 0 0 1 3 12.5h22a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 14m6 4.5A1.5 1.5 0 0 1 9 17h10a1.5 1.5 0 0 1 0 3H9a1.5 1.5 0 0 1-1.5-1.5m0-9A1.5 1.5 0 0 1 9 8h10a1.5 1.5 0 0 1 0 3H9a1.5 1.5 0 0 1-1.5-1.5"
|
|
49
|
+
})));
|
|
50
|
+
MarginVIcon28.displayName = 'MarginVIcon28';
|
|
51
|
+
const MarginVIcon = /*#__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(MarginVIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(MarginVIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(MarginVIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(MarginVIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(MarginVIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(MarginVIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MarginVIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(MarginVIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
MarginVIcon.displayName = 'MarginVIcon';
|
|
100
|
+
MarginVIcon.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 MarginVIcon;
|
|
108
|
+
//# sourceMappingURL=margin-v.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"margin-v.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MarginVIcon16","forwardRef","props","ref","displayName","MarginVIcon20","MarginVIcon24","MarginVIcon28","MarginVIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["margin-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 MarginVIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M1.25 8.012a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m3.999 3.25a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0-6.5a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75\" /></svg>));\nMarginVIcon16.displayName = 'MarginVIcon16';\nconst MarginVIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M2 10a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m4 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m0-8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1\" /></svg>));\nMarginVIcon20.displayName = 'MarginVIcon20';\nconst MarginVIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M1.5 12A1.5 1.5 0 0 1 3 10.5h18a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12m5 4.5A1.5 1.5 0 0 1 8 15h8a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1-1.5-1.5m0-9A1.5 1.5 0 0 1 8 6h8a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1-1.5-1.5\" /></svg>));\nMarginVIcon24.displayName = 'MarginVIcon24';\nconst MarginVIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M1.5 14A1.5 1.5 0 0 1 3 12.5h22a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 14m6 4.5A1.5 1.5 0 0 1 9 17h10a1.5 1.5 0 0 1 0 3H9a1.5 1.5 0 0 1-1.5-1.5m0-9A1.5 1.5 0 0 1 9 8h10a1.5 1.5 0 0 1 0 3H9a1.5 1.5 0 0 1-1.5-1.5\" /></svg>));\nMarginVIcon28.displayName = 'MarginVIcon28';\n\nconst MarginVIcon = 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}><MarginVIcon16 className={styles.variant16} />\n<MarginVIcon20 className={styles.variant20} />\n<MarginVIcon24 className={styles.variant24} />\n<MarginVIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MarginVIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MarginVIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MarginVIcon24 {...mainProps} />); }\nreturn (<MarginVIcon28 {...mainProps} />);\n }\n);\nMarginVIcon.displayName = 'MarginVIcon';\nMarginVIcon.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 MarginVIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TMobileOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TMobileOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IMobileOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TMobileOutlineIconSize;
|
|
9
|
+
theme?: TMobileOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const MobileOutlineIcon: React.ForwardRefExoticComponent<IMobileOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default MobileOutlineIcon;
|