@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,116 @@
|
|
|
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 MobileOutlineIcon16 = /*#__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.467 12c.294 0 .533.239.533.533 0 .258-.21.467-.467.467H7.5a.5.5 0 0 1 0-1z"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
d: "M10.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 10.25 15h-4.5l-.179-.009A1.75 1.75 0 0 1 4.01 13.43L4 13.25V2.75l.009-.179A1.75 1.75 0 0 1 5.57 1.01L5.75 1zM5 13.25c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75V2.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75z"
|
|
27
|
+
})));
|
|
28
|
+
MobileOutlineIcon16.displayName = 'MobileOutlineIcon16';
|
|
29
|
+
const MobileOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
30
|
+
viewBox: "0 0 20 20"
|
|
31
|
+
}, props, {
|
|
32
|
+
ref: ref
|
|
33
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
34
|
+
d: "M10.75 15a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1 0-1.5z"
|
|
35
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
36
|
+
d: "M13 1a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7l-.204-.01a2 2 0 0 1-1.785-1.786L5 17V3l.01-.204A2 2 0 0 1 6.797 1.01L7 1zM6.5 17a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5z"
|
|
37
|
+
})));
|
|
38
|
+
MobileOutlineIcon20.displayName = 'MobileOutlineIcon20';
|
|
39
|
+
const MobileOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
40
|
+
viewBox: "0 0 24 24"
|
|
41
|
+
}, props, {
|
|
42
|
+
ref: ref
|
|
43
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
+
d: "M13 17a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z"
|
|
45
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
46
|
+
d: "M16.5 1a2.5 2.5 0 0 1 2.487 2.244L19 3.5v17l-.013.256A2.5 2.5 0 0 1 16.5 23h-9l-.256-.013a2.5 2.5 0 0 1-2.231-2.231L5 20.5v-17l.013-.256a2.5 2.5 0 0 1 2.231-2.231L7.5 1zM7 20.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5z"
|
|
47
|
+
})));
|
|
48
|
+
MobileOutlineIcon24.displayName = 'MobileOutlineIcon24';
|
|
49
|
+
const MobileOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
+
viewBox: "0 0 28 28"
|
|
51
|
+
}, props, {
|
|
52
|
+
ref: ref
|
|
53
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
54
|
+
d: "M15.5 20a1 1 0 1 1 0 2h-3a1 1 0 1 1 0-2z"
|
|
55
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
56
|
+
d: "M19 2a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H9l-.154-.004a3 3 0 0 1-2.842-2.842L6 23V5l.004-.154a3 3 0 0 1 2.842-2.842L9 2zM8 23a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1z"
|
|
57
|
+
})));
|
|
58
|
+
MobileOutlineIcon28.displayName = 'MobileOutlineIcon28';
|
|
59
|
+
const MobileOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
60
|
+
let {
|
|
61
|
+
theme,
|
|
62
|
+
size: sizeFromProps = "m",
|
|
63
|
+
className,
|
|
64
|
+
style,
|
|
65
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
66
|
+
...props
|
|
67
|
+
} = _ref;
|
|
68
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
69
|
+
const mainProps = { ...props,
|
|
70
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
71
|
+
style: renderAllSizes ? {
|
|
72
|
+
'--rs-icon-ar-width': 28,
|
|
73
|
+
'--rs-icon-ar-height': 28,
|
|
74
|
+
...style
|
|
75
|
+
} : style,
|
|
76
|
+
ref
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
if (renderAllSizes) {
|
|
80
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
81
|
+
viewBox: "0 0 28 28"
|
|
82
|
+
}, mainProps), /*#__PURE__*/React.createElement(MobileOutlineIcon16, {
|
|
83
|
+
className: styles.variant16
|
|
84
|
+
}), /*#__PURE__*/React.createElement(MobileOutlineIcon20, {
|
|
85
|
+
className: styles.variant20
|
|
86
|
+
}), /*#__PURE__*/React.createElement(MobileOutlineIcon24, {
|
|
87
|
+
className: styles.variant24
|
|
88
|
+
}), /*#__PURE__*/React.createElement(MobileOutlineIcon28, {
|
|
89
|
+
className: styles.variant28
|
|
90
|
+
}));
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['xs']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MobileOutlineIcon16, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
if (size === Size['s']) {
|
|
98
|
+
return /*#__PURE__*/React.createElement(MobileOutlineIcon20, mainProps);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
if (size === Size['m']) {
|
|
102
|
+
return /*#__PURE__*/React.createElement(MobileOutlineIcon24, mainProps);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
return /*#__PURE__*/React.createElement(MobileOutlineIcon28, mainProps);
|
|
106
|
+
});
|
|
107
|
+
MobileOutlineIcon.displayName = 'MobileOutlineIcon';
|
|
108
|
+
MobileOutlineIcon.propTypes = {
|
|
109
|
+
className: PropTypes.string,
|
|
110
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
111
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
112
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
113
|
+
style: PropTypes.object
|
|
114
|
+
};
|
|
115
|
+
export default MobileOutlineIcon;
|
|
116
|
+
//# sourceMappingURL=mobile-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobile-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MobileOutlineIcon16","forwardRef","props","ref","displayName","MobileOutlineIcon20","MobileOutlineIcon24","MobileOutlineIcon28","MobileOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["mobile-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 MobileOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.467 12c.294 0 .533.239.533.533 0 .258-.21.467-.467.467H7.5a.5.5 0 0 1 0-1z\" /><path d=\"M10.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 10.25 15h-4.5l-.179-.009A1.75 1.75 0 0 1 4.01 13.43L4 13.25V2.75l.009-.179A1.75 1.75 0 0 1 5.57 1.01L5.75 1zM5 13.25c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75V2.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75z\" /></svg>));\nMobileOutlineIcon16.displayName = 'MobileOutlineIcon16';\nconst MobileOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10.75 15a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1 0-1.5z\" /><path d=\"M13 1a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7l-.204-.01a2 2 0 0 1-1.785-1.786L5 17V3l.01-.204A2 2 0 0 1 6.797 1.01L7 1zM6.5 17a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5z\" /></svg>));\nMobileOutlineIcon20.displayName = 'MobileOutlineIcon20';\nconst MobileOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M13 17a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z\" /><path d=\"M16.5 1a2.5 2.5 0 0 1 2.487 2.244L19 3.5v17l-.013.256A2.5 2.5 0 0 1 16.5 23h-9l-.256-.013a2.5 2.5 0 0 1-2.231-2.231L5 20.5v-17l.013-.256a2.5 2.5 0 0 1 2.231-2.231L7.5 1zM7 20.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5z\" /></svg>));\nMobileOutlineIcon24.displayName = 'MobileOutlineIcon24';\nconst MobileOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M15.5 20a1 1 0 1 1 0 2h-3a1 1 0 1 1 0-2z\" /><path d=\"M19 2a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H9l-.154-.004a3 3 0 0 1-2.842-2.842L6 23V5l.004-.154a3 3 0 0 1 2.842-2.842L9 2zM8 23a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1z\" /></svg>));\nMobileOutlineIcon28.displayName = 'MobileOutlineIcon28';\n\nconst MobileOutlineIcon = 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}><MobileOutlineIcon16 className={styles.variant16} />\n<MobileOutlineIcon20 className={styles.variant20} />\n<MobileOutlineIcon24 className={styles.variant24} />\n<MobileOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MobileOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MobileOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MobileOutlineIcon24 {...mainProps} />); }\nreturn (<MobileOutlineIcon28 {...mainProps} />);\n }\n);\nMobileOutlineIcon.displayName = 'MobileOutlineIcon';\nMobileOutlineIcon.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 MobileOutlineIcon;"],"mappings":"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"}
|
package/lib/mobile.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TMobileIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TMobileIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IMobileIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TMobileIconSize;
|
|
9
|
+
theme?: TMobileIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const MobileIcon: React.ForwardRefExoticComponent<IMobileIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default MobileIcon;
|
package/lib/mobile.js
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
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 MobileIcon16 = /*#__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.066 11c.516 0 .934.418.934.934 0 .45-.366.816-.816.816h-.309a.875.875 0 0 1 0-1.75z"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
d: "M10.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 10.25 15h-4.5l-.179-.009A1.75 1.75 0 0 1 4.01 13.43L4 13.25V2.75l.009-.179A1.75 1.75 0 0 1 5.57 1.01L5.75 1zM5.5 13.25c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25z"
|
|
27
|
+
})));
|
|
28
|
+
MobileIcon16.displayName = 'MobileIcon16';
|
|
29
|
+
const MobileIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
30
|
+
viewBox: "0 0 20 20"
|
|
31
|
+
}, props, {
|
|
32
|
+
ref: ref
|
|
33
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
34
|
+
d: "M10.5 14a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2z"
|
|
35
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
36
|
+
d: "M13 1a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7l-.204-.01a2 2 0 0 1-1.785-1.786L5 17V3l.01-.204A2 2 0 0 1 6.797 1.01L7 1zm0 2H7v14h6z"
|
|
37
|
+
})));
|
|
38
|
+
MobileIcon20.displayName = 'MobileIcon20';
|
|
39
|
+
const MobileIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
40
|
+
viewBox: "0 0 24 24"
|
|
41
|
+
}, props, {
|
|
42
|
+
ref: ref
|
|
43
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
+
d: "M13.25 16a1.25 1.25 0 1 1 0 2.5h-2.5a1.25 1.25 0 1 1 0-2.5z"
|
|
45
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
46
|
+
d: "M16.5 1a2.5 2.5 0 0 1 2.487 2.244L19 3.5v17l-.013.256A2.5 2.5 0 0 1 16.5 23h-9l-.256-.013a2.5 2.5 0 0 1-2.231-2.231L5 20.5v-17l.013-.256a2.5 2.5 0 0 1 2.231-2.231L7.5 1zM8 20h8V4H8z"
|
|
47
|
+
})));
|
|
48
|
+
MobileIcon24.displayName = 'MobileIcon24';
|
|
49
|
+
const MobileIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
+
viewBox: "0 0 28 28"
|
|
51
|
+
}, props, {
|
|
52
|
+
ref: ref
|
|
53
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
54
|
+
d: "M15.5 19a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1 0-3z"
|
|
55
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
56
|
+
d: "M19 2a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H9l-.154-.004a3 3 0 0 1-2.842-2.842L6 23V5l.004-.154a3 3 0 0 1 2.842-2.842L9 2zm0 3H9v18h10z"
|
|
57
|
+
})));
|
|
58
|
+
MobileIcon28.displayName = 'MobileIcon28';
|
|
59
|
+
const MobileIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
60
|
+
let {
|
|
61
|
+
theme,
|
|
62
|
+
size: sizeFromProps = "m",
|
|
63
|
+
className,
|
|
64
|
+
style,
|
|
65
|
+
['data-render-all-sizes']: renderAllSizes = false,
|
|
66
|
+
...props
|
|
67
|
+
} = _ref;
|
|
68
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
69
|
+
const mainProps = { ...props,
|
|
70
|
+
className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
|
|
71
|
+
style: renderAllSizes ? {
|
|
72
|
+
'--rs-icon-ar-width': 28,
|
|
73
|
+
'--rs-icon-ar-height': 28,
|
|
74
|
+
...style
|
|
75
|
+
} : style,
|
|
76
|
+
ref
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
if (renderAllSizes) {
|
|
80
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
81
|
+
viewBox: "0 0 28 28"
|
|
82
|
+
}, mainProps), /*#__PURE__*/React.createElement(MobileIcon16, {
|
|
83
|
+
className: styles.variant16
|
|
84
|
+
}), /*#__PURE__*/React.createElement(MobileIcon20, {
|
|
85
|
+
className: styles.variant20
|
|
86
|
+
}), /*#__PURE__*/React.createElement(MobileIcon24, {
|
|
87
|
+
className: styles.variant24
|
|
88
|
+
}), /*#__PURE__*/React.createElement(MobileIcon28, {
|
|
89
|
+
className: styles.variant28
|
|
90
|
+
}));
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['xs']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(MobileIcon16, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
if (size === Size['s']) {
|
|
98
|
+
return /*#__PURE__*/React.createElement(MobileIcon20, mainProps);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
if (size === Size['m']) {
|
|
102
|
+
return /*#__PURE__*/React.createElement(MobileIcon24, mainProps);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
return /*#__PURE__*/React.createElement(MobileIcon28, mainProps);
|
|
106
|
+
});
|
|
107
|
+
MobileIcon.displayName = 'MobileIcon';
|
|
108
|
+
MobileIcon.propTypes = {
|
|
109
|
+
className: PropTypes.string,
|
|
110
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
111
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
112
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
113
|
+
style: PropTypes.object
|
|
114
|
+
};
|
|
115
|
+
export default MobileIcon;
|
|
116
|
+
//# sourceMappingURL=mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobile.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","MobileIcon16","forwardRef","props","ref","displayName","MobileIcon20","MobileIcon24","MobileIcon28","MobileIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["mobile.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 MobileIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.066 11c.516 0 .934.418.934.934 0 .45-.366.816-.816.816h-.309a.875.875 0 0 1 0-1.75z\" /><path d=\"M10.25 1c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 10.25 15h-4.5l-.179-.009A1.75 1.75 0 0 1 4.01 13.43L4 13.25V2.75l.009-.179A1.75 1.75 0 0 1 5.57 1.01L5.75 1zM5.5 13.25c0 .138.112.25.25.25h4.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25h-4.5a.25.25 0 0 0-.25.25z\" /></svg>));\nMobileIcon16.displayName = 'MobileIcon16';\nconst MobileIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10.5 14a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2z\" /><path d=\"M13 1a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7l-.204-.01a2 2 0 0 1-1.785-1.786L5 17V3l.01-.204A2 2 0 0 1 6.797 1.01L7 1zm0 2H7v14h6z\" /></svg>));\nMobileIcon20.displayName = 'MobileIcon20';\nconst MobileIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M13.25 16a1.25 1.25 0 1 1 0 2.5h-2.5a1.25 1.25 0 1 1 0-2.5z\" /><path d=\"M16.5 1a2.5 2.5 0 0 1 2.487 2.244L19 3.5v17l-.013.256A2.5 2.5 0 0 1 16.5 23h-9l-.256-.013a2.5 2.5 0 0 1-2.231-2.231L5 20.5v-17l.013-.256a2.5 2.5 0 0 1 2.231-2.231L7.5 1zM8 20h8V4H8z\" /></svg>));\nMobileIcon24.displayName = 'MobileIcon24';\nconst MobileIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M15.5 19a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1 0-3z\" /><path d=\"M19 2a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H9l-.154-.004a3 3 0 0 1-2.842-2.842L6 23V5l.004-.154a3 3 0 0 1 2.842-2.842L9 2zm0 3H9v18h10z\" /></svg>));\nMobileIcon28.displayName = 'MobileIcon28';\n\nconst MobileIcon = 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}><MobileIcon16 className={styles.variant16} />\n<MobileIcon20 className={styles.variant20} />\n<MobileIcon24 className={styles.variant24} />\n<MobileIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<MobileIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<MobileIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<MobileIcon24 {...mainProps} />); }\nreturn (<MobileIcon28 {...mainProps} />);\n }\n);\nMobileIcon.displayName = 'MobileIcon';\nMobileIcon.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 MobileIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPaddingHOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPaddingHOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPaddingHOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPaddingHOutlineIconSize;
|
|
9
|
+
theme?: TPaddingHOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PaddingHOutlineIcon: React.ForwardRefExoticComponent<IPaddingHOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PaddingHOutlineIcon;
|
|
@@ -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 PaddingHOutlineIcon16 = /*#__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: "M2.5 1.5A.5.5 0 0 1 3 2v11.998a.5.5 0 1 1-1 0V2a.5.5 0 0 1 .5-.5m11 0a.5.5 0 0 1 .5.5v11.998a.5.5 0 1 1-1 0V2a.5.5 0 0 1 .5-.5m-9 3A.5.5 0 0 1 5 5v6a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5m7 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5"
|
|
25
|
+
})));
|
|
26
|
+
PaddingHOutlineIcon16.displayName = 'PaddingHOutlineIcon16';
|
|
27
|
+
const PaddingHOutlineIcon20 = /*#__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.75 2.249A.75.75 0 0 1 3.5 3v14a.75.75 0 1 1-1.5-.001v-14a.75.75 0 0 1 .75-.75m14.5 0A.75.75 0 0 1 18 3v14a.75.75 0 1 1-1.5-.001v-14a.75.75 0 0 1 .75-.75M6 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7A.75.75 0 0 1 6 6.25m8 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
|
+
PaddingHOutlineIcon20.displayName = 'PaddingHOutlineIcon20';
|
|
35
|
+
const PaddingHOutlineIcon24 = /*#__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: "M4.995 21.104a1.001 1.001 0 0 1-1.99 0L3 21V3a1 1 0 0 1 2 0v18.001zM9 15.5a1 1 0 1 1-2 0v-7a1 1 0 0 1 2 0zm8 0a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm3.995 5.604a1 1 0 0 1-1.99 0L19 21V3a1 1 0 1 1 2 0v18.001z"
|
|
41
|
+
})));
|
|
42
|
+
PaddingHOutlineIcon24.displayName = 'PaddingHOutlineIcon24';
|
|
43
|
+
const PaddingHOutlineIcon28 = /*#__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: "M4 3a1 1 0 0 1 1 1v20a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1m20 0a1 1 0 0 1 1 1v20a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1M8 9a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1m12 0a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1"
|
|
49
|
+
})));
|
|
50
|
+
PaddingHOutlineIcon28.displayName = 'PaddingHOutlineIcon28';
|
|
51
|
+
const PaddingHOutlineIcon = /*#__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(PaddingHOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(PaddingHOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(PaddingHOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(PaddingHOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(PaddingHOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(PaddingHOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(PaddingHOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(PaddingHOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
PaddingHOutlineIcon.displayName = 'PaddingHOutlineIcon';
|
|
100
|
+
PaddingHOutlineIcon.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 PaddingHOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=padding-h-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"padding-h-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PaddingHOutlineIcon16","forwardRef","props","ref","displayName","PaddingHOutlineIcon20","PaddingHOutlineIcon24","PaddingHOutlineIcon28","PaddingHOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["padding-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 PaddingHOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M2.5 1.5A.5.5 0 0 1 3 2v11.998a.5.5 0 1 1-1 0V2a.5.5 0 0 1 .5-.5m11 0a.5.5 0 0 1 .5.5v11.998a.5.5 0 1 1-1 0V2a.5.5 0 0 1 .5-.5m-9 3A.5.5 0 0 1 5 5v6a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5m7 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5\" /></svg>));\nPaddingHOutlineIcon16.displayName = 'PaddingHOutlineIcon16';\nconst PaddingHOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M2.75 2.249A.75.75 0 0 1 3.5 3v14a.75.75 0 1 1-1.5-.001v-14a.75.75 0 0 1 .75-.75m14.5 0A.75.75 0 0 1 18 3v14a.75.75 0 1 1-1.5-.001v-14a.75.75 0 0 1 .75-.75M6 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7A.75.75 0 0 1 6 6.25m8 0a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75\" /></svg>));\nPaddingHOutlineIcon20.displayName = 'PaddingHOutlineIcon20';\nconst PaddingHOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4.995 21.104a1.001 1.001 0 0 1-1.99 0L3 21V3a1 1 0 0 1 2 0v18.001zM9 15.5a1 1 0 1 1-2 0v-7a1 1 0 0 1 2 0zm8 0a1 1 0 1 1-2 0v-7a1 1 0 1 1 2 0zm3.995 5.604a1 1 0 0 1-1.99 0L19 21V3a1 1 0 1 1 2 0v18.001z\" /></svg>));\nPaddingHOutlineIcon24.displayName = 'PaddingHOutlineIcon24';\nconst PaddingHOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M4 3a1 1 0 0 1 1 1v20a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1m20 0a1 1 0 0 1 1 1v20a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1M8 9a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1m12 0a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1\" /></svg>));\nPaddingHOutlineIcon28.displayName = 'PaddingHOutlineIcon28';\n\nconst PaddingHOutlineIcon = 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}><PaddingHOutlineIcon16 className={styles.variant16} />\n<PaddingHOutlineIcon20 className={styles.variant20} />\n<PaddingHOutlineIcon24 className={styles.variant24} />\n<PaddingHOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<PaddingHOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PaddingHOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PaddingHOutlineIcon24 {...mainProps} />); }\nreturn (<PaddingHOutlineIcon28 {...mainProps} />);\n }\n);\nPaddingHOutlineIcon.displayName = 'PaddingHOutlineIcon';\nPaddingHOutlineIcon.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 PaddingHOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPaddingHIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPaddingHIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPaddingHIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPaddingHIconSize;
|
|
9
|
+
theme?: TPaddingHIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PaddingHIcon: React.ForwardRefExoticComponent<IPaddingHIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PaddingHIcon;
|
package/lib/padding-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 PaddingHIcon16 = /*#__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 2.254a.75.75 0 0 1 1.5 0v11.998a.75.75 0 0 1-1.5 0zm-3 2.999a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0zm-6 0a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0zM1 2.25a.75.75 0 0 1 1.5 0v11.998a.75.75 0 1 1-1.5 0z"
|
|
25
|
+
})));
|
|
26
|
+
PaddingHIcon16.displayName = 'PaddingHIcon16';
|
|
27
|
+
const PaddingHIcon20 = /*#__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: "M4 17a1 1 0 0 1-2 0V3a1 1 0 0 1 2 0zm3-3.787a1 1 0 1 1-2 0v-6a1 1 0 0 1 2 0zm8 0a1 1 0 1 1-2 0v-6a1 1 0 1 1 2 0zM18 17a1 1 0 0 1-2 0V3a1 1 0 1 1 2 0z"
|
|
33
|
+
})));
|
|
34
|
+
PaddingHIcon20.displayName = 'PaddingHIcon20';
|
|
35
|
+
const PaddingHIcon24 = /*#__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: "M3.992 21.154a1.5 1.5 0 0 1-2.984 0L1 21.001V3a1.5 1.5 0 1 1 3 0v18.001zM9 15.5a1.5 1.5 0 0 1-3 0v-7a1.5 1.5 0 1 1 3 0zm9 0a1.5 1.5 0 0 1-3 0v-7a1.5 1.5 0 0 1 3 0zm4.992 5.654a1.5 1.5 0 0 1-2.984 0L20 21.001V3a1.5 1.5 0 1 1 3 0v18.001z"
|
|
41
|
+
})));
|
|
42
|
+
PaddingHIcon24.displayName = 'PaddingHIcon24';
|
|
43
|
+
const PaddingHIcon28 = /*#__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: "M4 2.5A1.5 1.5 0 0 1 5.5 4v20a1.5 1.5 0 0 1-3 0V4A1.5 1.5 0 0 1 4 2.5m20 0A1.5 1.5 0 0 1 25.5 4v20a1.5 1.5 0 0 1-3 0V4A1.5 1.5 0 0 1 24 2.5m-15 6a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 9 8.5m10 0a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 19 8.5"
|
|
49
|
+
})));
|
|
50
|
+
PaddingHIcon28.displayName = 'PaddingHIcon28';
|
|
51
|
+
const PaddingHIcon = /*#__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(PaddingHIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(PaddingHIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(PaddingHIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(PaddingHIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(PaddingHIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(PaddingHIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(PaddingHIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(PaddingHIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
PaddingHIcon.displayName = 'PaddingHIcon';
|
|
100
|
+
PaddingHIcon.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 PaddingHIcon;
|
|
108
|
+
//# sourceMappingURL=padding-h.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"padding-h.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","PaddingHIcon16","forwardRef","props","ref","displayName","PaddingHIcon20","PaddingHIcon24","PaddingHIcon28","PaddingHIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["padding-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 PaddingHIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M13 2.254a.75.75 0 0 1 1.5 0v11.998a.75.75 0 0 1-1.5 0zm-3 2.999a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0zm-6 0a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0zM1 2.25a.75.75 0 0 1 1.5 0v11.998a.75.75 0 1 1-1.5 0z\" /></svg>));\nPaddingHIcon16.displayName = 'PaddingHIcon16';\nconst PaddingHIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4 17a1 1 0 0 1-2 0V3a1 1 0 0 1 2 0zm3-3.787a1 1 0 1 1-2 0v-6a1 1 0 0 1 2 0zm8 0a1 1 0 1 1-2 0v-6a1 1 0 1 1 2 0zM18 17a1 1 0 0 1-2 0V3a1 1 0 1 1 2 0z\" /></svg>));\nPaddingHIcon20.displayName = 'PaddingHIcon20';\nconst PaddingHIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M3.992 21.154a1.5 1.5 0 0 1-2.984 0L1 21.001V3a1.5 1.5 0 1 1 3 0v18.001zM9 15.5a1.5 1.5 0 0 1-3 0v-7a1.5 1.5 0 1 1 3 0zm9 0a1.5 1.5 0 0 1-3 0v-7a1.5 1.5 0 0 1 3 0zm4.992 5.654a1.5 1.5 0 0 1-2.984 0L20 21.001V3a1.5 1.5 0 1 1 3 0v18.001z\" /></svg>));\nPaddingHIcon24.displayName = 'PaddingHIcon24';\nconst PaddingHIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M4 2.5A1.5 1.5 0 0 1 5.5 4v20a1.5 1.5 0 0 1-3 0V4A1.5 1.5 0 0 1 4 2.5m20 0A1.5 1.5 0 0 1 25.5 4v20a1.5 1.5 0 0 1-3 0V4A1.5 1.5 0 0 1 24 2.5m-15 6a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 9 8.5m10 0a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 19 8.5\" /></svg>));\nPaddingHIcon28.displayName = 'PaddingHIcon28';\n\nconst PaddingHIcon = 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}><PaddingHIcon16 className={styles.variant16} />\n<PaddingHIcon20 className={styles.variant20} />\n<PaddingHIcon24 className={styles.variant24} />\n<PaddingHIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<PaddingHIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<PaddingHIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<PaddingHIcon24 {...mainProps} />); }\nreturn (<PaddingHIcon28 {...mainProps} />);\n }\n);\nPaddingHIcon.displayName = 'PaddingHIcon';\nPaddingHIcon.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 PaddingHIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAGA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAH,cAAc,CAACI,WAAf,GAA6B,gBAA7B;AACA,MAAMC,cAAc,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAE,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AACA,MAAME,cAAc,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAG,cAAc,CAACF,WAAf,GAA6B,gBAA7B;AACA,MAAMG,cAAc,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAI,cAAc,CAACH,WAAf,GAA6B,gBAA7B;AAEA,MAAMI,YAAY,gBAAGlB,KAAK,CAACW,UAAN,CACnB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,cAAD;MAAgB,SAAS,EAAEtB,MAAM,CAACyB;IAAlC,EAAxC,eAClB,oBAAC,cAAD;MAAgB,SAAS,EAAEzB,MAAM,CAAC0B;IAAlC,EADkB,eAElB,oBAAC,cAAD;MAAgB,SAAS,EAAE1B,MAAM,CAAC2B;IAAlC,EAFkB,eAGlB,oBAAC,cAAD;MAAgB,SAAS,EAAE3B,MAAM,CAAC4B;IAAlC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EAClF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,oBAAQ,oBAAC,cAAD,EAAoBA,SAApB,CAAR;AACG,CA3BkB,CAArB;AA6BAP,YAAY,CAACJ,WAAb,GAA2B,cAA3B;AACAI,YAAY,CAACc,SAAb,GAAyB;EACvBV,SAAS,EAAErB,SAAS,CAACgC,MADE;EAEvBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFgB;EAGvBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHiB;EAIvB,yBAAyBjC,SAAS,CAACkC,IAJZ;EAKvBZ,KAAK,EAAEtB,SAAS,CAACmC;AALM,CAAzB;AAQA,eAAelB,YAAf"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPaddingVOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPaddingVOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPaddingVOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPaddingVOutlineIconSize;
|
|
9
|
+
theme?: TPaddingVOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PaddingVOutlineIcon: React.ForwardRefExoticComponent<IPaddingVOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PaddingVOutlineIcon;
|