@rescui/icons 1.5.0 → 1.6.1-RUI-257-collapse-prop-types-warning-dbcf0473.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +12 -0
- package/lib/index.js +6 -0
- package/lib/index.js.map +1 -1
- package/lib/text-align-center-outline.d.ts +16 -0
- package/lib/text-align-center-outline.js +108 -0
- package/lib/text-align-center-outline.js.map +1 -0
- package/lib/text-align-center.d.ts +16 -0
- package/lib/text-align-center.js +108 -0
- package/lib/text-align-center.js.map +1 -0
- package/lib/text-align-left-outline.d.ts +16 -0
- package/lib/text-align-left-outline.js +108 -0
- package/lib/text-align-left-outline.js.map +1 -0
- package/lib/text-align-left.d.ts +16 -0
- package/lib/text-align-left.js +108 -0
- package/lib/text-align-left.js.map +1 -0
- package/lib/text-align-right-outline.d.ts +16 -0
- package/lib/text-align-right-outline.js +108 -0
- package/lib/text-align-right-outline.js.map +1 -0
- package/lib/text-align-right.d.ts +16 -0
- package/lib/text-align-right.js +108 -0
- package/lib/text-align-right.js.map +1 -0
- package/package.json +7 -7
- package/svg/text-align-center-outline_16.svg +1 -0
- package/svg/text-align-center-outline_20.svg +1 -0
- package/svg/text-align-center-outline_24.svg +1 -0
- package/svg/text-align-center-outline_28.svg +1 -0
- package/svg/text-align-center_16.svg +1 -0
- package/svg/text-align-center_20.svg +1 -0
- package/svg/text-align-center_24.svg +1 -0
- package/svg/text-align-center_28.svg +1 -0
- package/svg/text-align-left-outline_16.svg +1 -0
- package/svg/text-align-left-outline_20.svg +1 -0
- package/svg/text-align-left-outline_24.svg +1 -0
- package/svg/text-align-left-outline_28.svg +1 -0
- package/svg/text-align-left_16.svg +1 -0
- package/svg/text-align-left_20.svg +1 -0
- package/svg/text-align-left_24.svg +1 -0
- package/svg/text-align-left_28.svg +1 -0
- package/svg/text-align-right-outline_16.svg +1 -0
- package/svg/text-align-right-outline_20.svg +1 -0
- package/svg/text-align-right-outline_24.svg +1 -0
- package/svg/text-align-right-outline_28.svg +1 -0
- package/svg/text-align-right_16.svg +1 -0
- package/svg/text-align-right_20.svg +1 -0
- package/svg/text-align-right_24.svg +1 -0
- package/svg/text-align-right_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 TextAlignCenterIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M10.25 10.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm-1-3.25a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5zm3-3.25a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5z"
|
|
25
|
+
})));
|
|
26
|
+
TextAlignCenterIcon16.displayName = 'TextAlignCenterIcon16';
|
|
27
|
+
const TextAlignCenterIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
+
viewBox: "0 0 20 20"
|
|
29
|
+
}, props, {
|
|
30
|
+
ref: ref
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M13 13a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm-1-4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm3-4a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z"
|
|
33
|
+
})));
|
|
34
|
+
TextAlignCenterIcon20.displayName = 'TextAlignCenterIcon20';
|
|
35
|
+
const TextAlignCenterIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
36
|
+
viewBox: "0 0 24 24"
|
|
37
|
+
}, props, {
|
|
38
|
+
ref: ref
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
d: "M16.5 16a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-2-5.5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3zm4-5.5a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 1 1 0-3z"
|
|
41
|
+
})));
|
|
42
|
+
TextAlignCenterIcon24.displayName = 'TextAlignCenterIcon24';
|
|
43
|
+
const TextAlignCenterIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
44
|
+
viewBox: "0 0 28 28"
|
|
45
|
+
}, props, {
|
|
46
|
+
ref: ref
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M19.5 18a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1 0-3zm-2-6a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm4-6a1.5 1.5 0 0 1 0 3h-15a1.5 1.5 0 1 1 0-3z"
|
|
49
|
+
})));
|
|
50
|
+
TextAlignCenterIcon28.displayName = 'TextAlignCenterIcon28';
|
|
51
|
+
const TextAlignCenterIcon = /*#__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(TextAlignCenterIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(TextAlignCenterIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(TextAlignCenterIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(TextAlignCenterIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(TextAlignCenterIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(TextAlignCenterIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(TextAlignCenterIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(TextAlignCenterIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
TextAlignCenterIcon.displayName = 'TextAlignCenterIcon';
|
|
100
|
+
TextAlignCenterIcon.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 TextAlignCenterIcon;
|
|
108
|
+
//# sourceMappingURL=text-align-center.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-align-center.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","TextAlignCenterIcon16","forwardRef","props","ref","displayName","TextAlignCenterIcon20","TextAlignCenterIcon24","TextAlignCenterIcon28","TextAlignCenterIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["text-align-center.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 TextAlignCenterIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M10.25 10.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm-1-3.25a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5zm3-3.25a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5z\" /></svg>));\nTextAlignCenterIcon16.displayName = 'TextAlignCenterIcon16';\nconst TextAlignCenterIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13 13a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm-1-4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm3-4a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignCenterIcon20.displayName = 'TextAlignCenterIcon20';\nconst TextAlignCenterIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16.5 16a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-2-5.5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3zm4-5.5a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 1 1 0-3z\" /></svg>));\nTextAlignCenterIcon24.displayName = 'TextAlignCenterIcon24';\nconst TextAlignCenterIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19.5 18a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1 0-3zm-2-6a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm4-6a1.5 1.5 0 0 1 0 3h-15a1.5 1.5 0 1 1 0-3z\" /></svg>));\nTextAlignCenterIcon28.displayName = 'TextAlignCenterIcon28';\n\nconst TextAlignCenterIcon = 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}><TextAlignCenterIcon16 className={styles.variant16} />\n<TextAlignCenterIcon20 className={styles.variant20} />\n<TextAlignCenterIcon24 className={styles.variant24} />\n<TextAlignCenterIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<TextAlignCenterIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<TextAlignCenterIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<TextAlignCenterIcon24 {...mainProps} />); }\nreturn (<TextAlignCenterIcon28 {...mainProps} />);\n }\n);\nTextAlignCenterIcon.displayName = 'TextAlignCenterIcon';\nTextAlignCenterIcon.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 TextAlignCenterIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TTextAlignLeftOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TTextAlignLeftOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface ITextAlignLeftOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TTextAlignLeftOutlineIconSize;
|
|
9
|
+
theme?: TTextAlignLeftOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const TextAlignLeftOutlineIcon: React.ForwardRefExoticComponent<ITextAlignLeftOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default TextAlignLeftOutlineIcon;
|
|
@@ -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 TextAlignLeftOutlineIcon16 = /*#__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.5 11a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm-2-3.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm6-3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z"
|
|
25
|
+
})));
|
|
26
|
+
TextAlignLeftOutlineIcon16.displayName = 'TextAlignLeftOutlineIcon16';
|
|
27
|
+
const TextAlignLeftOutlineIcon20 = /*#__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: "M11.25 13.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-2-4.25a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm6-4.25a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5z"
|
|
33
|
+
})));
|
|
34
|
+
TextAlignLeftOutlineIcon20.displayName = 'TextAlignLeftOutlineIcon20';
|
|
35
|
+
const TextAlignLeftOutlineIcon24 = /*#__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: "M15 17a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm-4-6a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm8-6a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z"
|
|
41
|
+
})));
|
|
42
|
+
TextAlignLeftOutlineIcon24.displayName = 'TextAlignLeftOutlineIcon24';
|
|
43
|
+
const TextAlignLeftOutlineIcon28 = /*#__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: "M18 19a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zm-4-6.5a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM22 6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z"
|
|
49
|
+
})));
|
|
50
|
+
TextAlignLeftOutlineIcon28.displayName = 'TextAlignLeftOutlineIcon28';
|
|
51
|
+
const TextAlignLeftOutlineIcon = /*#__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(TextAlignLeftOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
TextAlignLeftOutlineIcon.displayName = 'TextAlignLeftOutlineIcon';
|
|
100
|
+
TextAlignLeftOutlineIcon.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 TextAlignLeftOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=text-align-left-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-align-left-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","TextAlignLeftOutlineIcon16","forwardRef","props","ref","displayName","TextAlignLeftOutlineIcon20","TextAlignLeftOutlineIcon24","TextAlignLeftOutlineIcon28","TextAlignLeftOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["text-align-left-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 TextAlignLeftOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.5 11a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm-2-3.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm6-3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z\" /></svg>));\nTextAlignLeftOutlineIcon16.displayName = 'TextAlignLeftOutlineIcon16';\nconst TextAlignLeftOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11.25 13.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm-2-4.25a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm6-4.25a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5z\" /></svg>));\nTextAlignLeftOutlineIcon20.displayName = 'TextAlignLeftOutlineIcon20';\nconst TextAlignLeftOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M15 17a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm-4-6a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zm8-6a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignLeftOutlineIcon24.displayName = 'TextAlignLeftOutlineIcon24';\nconst TextAlignLeftOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M18 19a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zm-4-6.5a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM22 6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignLeftOutlineIcon28.displayName = 'TextAlignLeftOutlineIcon28';\n\nconst TextAlignLeftOutlineIcon = 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}><TextAlignLeftOutlineIcon16 className={styles.variant16} />\n<TextAlignLeftOutlineIcon20 className={styles.variant20} />\n<TextAlignLeftOutlineIcon24 className={styles.variant24} />\n<TextAlignLeftOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<TextAlignLeftOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<TextAlignLeftOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<TextAlignLeftOutlineIcon24 {...mainProps} />); }\nreturn (<TextAlignLeftOutlineIcon28 {...mainProps} />);\n }\n);\nTextAlignLeftOutlineIcon.displayName = 'TextAlignLeftOutlineIcon';\nTextAlignLeftOutlineIcon.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 TextAlignLeftOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TTextAlignLeftIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TTextAlignLeftIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface ITextAlignLeftIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TTextAlignLeftIconSize;
|
|
9
|
+
theme?: TTextAlignLeftIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const TextAlignLeftIcon: React.ForwardRefExoticComponent<ITextAlignLeftIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default TextAlignLeftIcon;
|
|
@@ -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 TextAlignLeftIcon16 = /*#__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.25 10.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm-2-3.25a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5zm6-3.25a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5z"
|
|
25
|
+
})));
|
|
26
|
+
TextAlignLeftIcon16.displayName = 'TextAlignLeftIcon16';
|
|
27
|
+
const TextAlignLeftIcon20 = /*#__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: "M11 13a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zM9 9a1 1 0 0 1 0 2H5a1 1 0 1 1 0-2zm6-4a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z"
|
|
33
|
+
})));
|
|
34
|
+
TextAlignLeftIcon20.displayName = 'TextAlignLeftIcon20';
|
|
35
|
+
const TextAlignLeftIcon24 = /*#__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: "M14.5 16a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-4-5.5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3zm8-5.5a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 1 1 0-3z"
|
|
41
|
+
})));
|
|
42
|
+
TextAlignLeftIcon24.displayName = 'TextAlignLeftIcon24';
|
|
43
|
+
const TextAlignLeftIcon28 = /*#__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: "M17.5 18a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1 0-3zm-4-6a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm8-6a1.5 1.5 0 0 1 0 3h-15a1.5 1.5 0 1 1 0-3z"
|
|
49
|
+
})));
|
|
50
|
+
TextAlignLeftIcon28.displayName = 'TextAlignLeftIcon28';
|
|
51
|
+
const TextAlignLeftIcon = /*#__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(TextAlignLeftIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(TextAlignLeftIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(TextAlignLeftIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
TextAlignLeftIcon.displayName = 'TextAlignLeftIcon';
|
|
100
|
+
TextAlignLeftIcon.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 TextAlignLeftIcon;
|
|
108
|
+
//# sourceMappingURL=text-align-left.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-align-left.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","TextAlignLeftIcon16","forwardRef","props","ref","displayName","TextAlignLeftIcon20","TextAlignLeftIcon24","TextAlignLeftIcon28","TextAlignLeftIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["text-align-left.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 TextAlignLeftIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.25 10.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm-2-3.25a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5zm6-3.25a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5z\" /></svg>));\nTextAlignLeftIcon16.displayName = 'TextAlignLeftIcon16';\nconst TextAlignLeftIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M11 13a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2zM9 9a1 1 0 0 1 0 2H5a1 1 0 1 1 0-2zm6-4a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignLeftIcon20.displayName = 'TextAlignLeftIcon20';\nconst TextAlignLeftIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M14.5 16a1.5 1.5 0 0 1 0 3h-9a1.5 1.5 0 0 1 0-3zm-4-5.5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3zm8-5.5a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 1 1 0-3z\" /></svg>));\nTextAlignLeftIcon24.displayName = 'TextAlignLeftIcon24';\nconst TextAlignLeftIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M17.5 18a1.5 1.5 0 0 1 0 3h-11a1.5 1.5 0 0 1 0-3zm-4-6a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3zm8-6a1.5 1.5 0 0 1 0 3h-15a1.5 1.5 0 1 1 0-3z\" /></svg>));\nTextAlignLeftIcon28.displayName = 'TextAlignLeftIcon28';\n\nconst TextAlignLeftIcon = 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}><TextAlignLeftIcon16 className={styles.variant16} />\n<TextAlignLeftIcon20 className={styles.variant20} />\n<TextAlignLeftIcon24 className={styles.variant24} />\n<TextAlignLeftIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<TextAlignLeftIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<TextAlignLeftIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<TextAlignLeftIcon24 {...mainProps} />); }\nreturn (<TextAlignLeftIcon28 {...mainProps} />);\n }\n);\nTextAlignLeftIcon.displayName = 'TextAlignLeftIcon';\nTextAlignLeftIcon.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 TextAlignLeftIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TTextAlignRightOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TTextAlignRightOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface ITextAlignRightOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TTextAlignRightOutlineIconSize;
|
|
9
|
+
theme?: TTextAlignRightOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const TextAlignRightOutlineIcon: React.ForwardRefExoticComponent<ITextAlignRightOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default TextAlignRightOutlineIcon;
|
|
@@ -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 TextAlignRightOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
20
|
+
viewBox: "0 0 16 16"
|
|
21
|
+
}, props, {
|
|
22
|
+
ref: ref
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M12.5 11a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm0-3.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm0-3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z"
|
|
25
|
+
})));
|
|
26
|
+
TextAlignRightOutlineIcon16.displayName = 'TextAlignRightOutlineIcon16';
|
|
27
|
+
const TextAlignRightOutlineIcon20 = /*#__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: "M15.25 13.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm0-4.25a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm0-4.25a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5z"
|
|
33
|
+
})));
|
|
34
|
+
TextAlignRightOutlineIcon20.displayName = 'TextAlignRightOutlineIcon20';
|
|
35
|
+
const TextAlignRightOutlineIcon24 = /*#__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: "M19 17a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2zm0-6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm0-6a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z"
|
|
41
|
+
})));
|
|
42
|
+
TextAlignRightOutlineIcon24.displayName = 'TextAlignRightOutlineIcon24';
|
|
43
|
+
const TextAlignRightOutlineIcon28 = /*#__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: "M22 19a1 1 0 1 1 0 2H10a1 1 0 1 1 0-2zm0-6.5a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM22 6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z"
|
|
49
|
+
})));
|
|
50
|
+
TextAlignRightOutlineIcon28.displayName = 'TextAlignRightOutlineIcon28';
|
|
51
|
+
const TextAlignRightOutlineIcon = /*#__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(TextAlignRightOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(TextAlignRightOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
TextAlignRightOutlineIcon.displayName = 'TextAlignRightOutlineIcon';
|
|
100
|
+
TextAlignRightOutlineIcon.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 TextAlignRightOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=text-align-right-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-align-right-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","TextAlignRightOutlineIcon16","forwardRef","props","ref","displayName","TextAlignRightOutlineIcon20","TextAlignRightOutlineIcon24","TextAlignRightOutlineIcon28","TextAlignRightOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["text-align-right-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 TextAlignRightOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.5 11a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm0-3.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm0-3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z\" /></svg>));\nTextAlignRightOutlineIcon16.displayName = 'TextAlignRightOutlineIcon16';\nconst TextAlignRightOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.25 13.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5zm0-4.25a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5zm0-4.25a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5z\" /></svg>));\nTextAlignRightOutlineIcon20.displayName = 'TextAlignRightOutlineIcon20';\nconst TextAlignRightOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M19 17a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2zm0-6a1 1 0 1 1 0 2h-6a1 1 0 1 1 0-2zm0-6a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignRightOutlineIcon24.displayName = 'TextAlignRightOutlineIcon24';\nconst TextAlignRightOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M22 19a1 1 0 1 1 0 2H10a1 1 0 1 1 0-2zm0-6.5a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM22 6a1 1 0 1 1 0 2H6a1 1 0 0 1 0-2z\" /></svg>));\nTextAlignRightOutlineIcon28.displayName = 'TextAlignRightOutlineIcon28';\n\nconst TextAlignRightOutlineIcon = 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}><TextAlignRightOutlineIcon16 className={styles.variant16} />\n<TextAlignRightOutlineIcon20 className={styles.variant20} />\n<TextAlignRightOutlineIcon24 className={styles.variant24} />\n<TextAlignRightOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<TextAlignRightOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<TextAlignRightOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<TextAlignRightOutlineIcon24 {...mainProps} />); }\nreturn (<TextAlignRightOutlineIcon28 {...mainProps} />);\n }\n);\nTextAlignRightOutlineIcon.displayName = 'TextAlignRightOutlineIcon';\nTextAlignRightOutlineIcon.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 TextAlignRightOutlineIcon;"],"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,2BAA2B,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,CAApC;AACAH,2BAA2B,CAACI,WAA5B,GAA0C,6BAA1C;AACA,MAAMC,2BAA2B,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,CAApC;AACAE,2BAA2B,CAACD,WAA5B,GAA0C,6BAA1C;AACA,MAAME,2BAA2B,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,CAApC;AACAG,2BAA2B,CAACF,WAA5B,GAA0C,6BAA1C;AACA,MAAMG,2BAA2B,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,CAApC;AACAI,2BAA2B,CAACH,WAA5B,GAA0C,6BAA1C;AAEA,MAAMI,yBAAyB,gBAAGlB,KAAK,CAACW,UAAN,CAChC,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,2BAAD;MAA6B,SAAS,EAAEtB,MAAM,CAACyB;IAA/C,EAAxC,eAClB,oBAAC,2BAAD;MAA6B,SAAS,EAAEzB,MAAM,CAAC0B;IAA/C,EADkB,eAElB,oBAAC,2BAAD;MAA6B,SAAS,EAAE1B,MAAM,CAAC2B;IAA/C,EAFkB,eAGlB,oBAAC,2BAAD;MAA6B,SAAS,EAAE3B,MAAM,CAAC4B;IAA/C,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,2BAAD,EAAiCgB,SAAjC,CAAR;EAA0D;;EAC/F,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,2BAAD,EAAiCgB,SAAjC,CAAR;EAA0D;;EACpF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,2BAAD,EAAiCgB,SAAjC,CAAR;EAA0D;;EACpF,oBAAQ,oBAAC,2BAAD,EAAiCA,SAAjC,CAAR;AACG,CA3B+B,CAAlC;AA6BAP,yBAAyB,CAACJ,WAA1B,GAAwC,2BAAxC;AACAI,yBAAyB,CAACc,SAA1B,GAAsC;EACpCV,SAAS,EAAErB,SAAS,CAACgC,MADe;EAEpCd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAF6B;EAGpCd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAH8B;EAIpC,yBAAyBjC,SAAS,CAACkC,IAJC;EAKpCZ,KAAK,EAAEtB,SAAS,CAACmC;AALmB,CAAtC;AAQA,eAAelB,yBAAf"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TTextAlignRightIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TTextAlignRightIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface ITextAlignRightIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TTextAlignRightIconSize;
|
|
9
|
+
theme?: TTextAlignRightIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const TextAlignRightIcon: React.ForwardRefExoticComponent<ITextAlignRightIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default TextAlignRightIcon;
|