@rescui/icons 1.2.1-RUI-247-Make-packets-react-19-ready-c06b3c96.4 → 1.3.0

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.
Files changed (133) hide show
  1. package/lib/color-outline.d.ts +16 -0
  2. package/lib/color-outline.js +116 -0
  3. package/lib/color-outline.js.map +1 -0
  4. package/lib/color.d.ts +16 -0
  5. package/lib/color.js +108 -0
  6. package/lib/color.js.map +1 -0
  7. package/lib/computer-outline.d.ts +16 -0
  8. package/lib/computer-outline.js +108 -0
  9. package/lib/computer-outline.js.map +1 -0
  10. package/lib/computer.d.ts +16 -0
  11. package/lib/computer.js +108 -0
  12. package/lib/computer.js.map +1 -0
  13. package/lib/index.css +21 -21
  14. package/lib/index.css.js +12 -12
  15. package/lib/index.css.js.map +1 -1
  16. package/lib/index.d.ts +36 -0
  17. package/lib/index.js +18 -0
  18. package/lib/index.js.map +1 -1
  19. package/lib/margin-h-outline.d.ts +16 -0
  20. package/lib/margin-h-outline.js +108 -0
  21. package/lib/margin-h-outline.js.map +1 -0
  22. package/lib/margin-h.d.ts +16 -0
  23. package/lib/margin-h.js +108 -0
  24. package/lib/margin-h.js.map +1 -0
  25. package/lib/margin-v-outline.d.ts +16 -0
  26. package/lib/margin-v-outline.js +108 -0
  27. package/lib/margin-v-outline.js.map +1 -0
  28. package/lib/margin-v.d.ts +16 -0
  29. package/lib/margin-v.js +108 -0
  30. package/lib/margin-v.js.map +1 -0
  31. package/lib/mobile-outline.d.ts +16 -0
  32. package/lib/mobile-outline.js +116 -0
  33. package/lib/mobile-outline.js.map +1 -0
  34. package/lib/mobile.d.ts +16 -0
  35. package/lib/mobile.js +116 -0
  36. package/lib/mobile.js.map +1 -0
  37. package/lib/padding-h-outline.d.ts +16 -0
  38. package/lib/padding-h-outline.js +108 -0
  39. package/lib/padding-h-outline.js.map +1 -0
  40. package/lib/padding-h.d.ts +16 -0
  41. package/lib/padding-h.js +108 -0
  42. package/lib/padding-h.js.map +1 -0
  43. package/lib/padding-v-outline.d.ts +16 -0
  44. package/lib/padding-v-outline.js +108 -0
  45. package/lib/padding-v-outline.js.map +1 -0
  46. package/lib/padding-v.d.ts +16 -0
  47. package/lib/padding-v.js +108 -0
  48. package/lib/padding-v.js.map +1 -0
  49. package/lib/style-outline.d.ts +16 -0
  50. package/lib/style-outline.js +108 -0
  51. package/lib/style-outline.js.map +1 -0
  52. package/lib/style.d.ts +16 -0
  53. package/lib/style.js +108 -0
  54. package/lib/style.js.map +1 -0
  55. package/lib/tablet-outline.d.ts +16 -0
  56. package/lib/tablet-outline.js +116 -0
  57. package/lib/tablet-outline.js.map +1 -0
  58. package/lib/tablet.d.ts +16 -0
  59. package/lib/tablet.js +116 -0
  60. package/lib/tablet.js.map +1 -0
  61. package/package.json +7 -7
  62. package/svg/color-outline_16.svg +1 -0
  63. package/svg/color-outline_20.svg +1 -0
  64. package/svg/color-outline_24.svg +1 -0
  65. package/svg/color-outline_28.svg +1 -0
  66. package/svg/color_16.svg +1 -0
  67. package/svg/color_20.svg +1 -0
  68. package/svg/color_24.svg +1 -0
  69. package/svg/color_28.svg +1 -0
  70. package/svg/computer-outline_16.svg +1 -0
  71. package/svg/computer-outline_20.svg +1 -0
  72. package/svg/computer-outline_24.svg +1 -0
  73. package/svg/computer-outline_28.svg +1 -0
  74. package/svg/computer_16.svg +1 -0
  75. package/svg/computer_20.svg +1 -0
  76. package/svg/computer_24.svg +1 -0
  77. package/svg/computer_28.svg +1 -0
  78. package/svg/margin-h-outline_16.svg +1 -0
  79. package/svg/margin-h-outline_20.svg +1 -0
  80. package/svg/margin-h-outline_24.svg +1 -0
  81. package/svg/margin-h-outline_28.svg +1 -0
  82. package/svg/margin-h_16.svg +1 -0
  83. package/svg/margin-h_20.svg +1 -0
  84. package/svg/margin-h_24.svg +1 -0
  85. package/svg/margin-h_28.svg +1 -0
  86. package/svg/margin-v-outline_16.svg +1 -0
  87. package/svg/margin-v-outline_20.svg +1 -0
  88. package/svg/margin-v-outline_24.svg +1 -0
  89. package/svg/margin-v-outline_28.svg +1 -0
  90. package/svg/margin-v_16.svg +1 -0
  91. package/svg/margin-v_20.svg +1 -0
  92. package/svg/margin-v_24.svg +1 -0
  93. package/svg/margin-v_28.svg +1 -0
  94. package/svg/mobile-outline_16.svg +1 -0
  95. package/svg/mobile-outline_20.svg +1 -0
  96. package/svg/mobile-outline_24.svg +1 -0
  97. package/svg/mobile-outline_28.svg +1 -0
  98. package/svg/mobile_16.svg +1 -0
  99. package/svg/mobile_20.svg +1 -0
  100. package/svg/mobile_24.svg +1 -0
  101. package/svg/mobile_28.svg +1 -0
  102. package/svg/padding-h-outline_16.svg +1 -0
  103. package/svg/padding-h-outline_20.svg +1 -0
  104. package/svg/padding-h-outline_24.svg +1 -0
  105. package/svg/padding-h-outline_28.svg +1 -0
  106. package/svg/padding-h_16.svg +1 -0
  107. package/svg/padding-h_20.svg +1 -0
  108. package/svg/padding-h_24.svg +1 -0
  109. package/svg/padding-h_28.svg +1 -0
  110. package/svg/padding-v-outline_16.svg +1 -0
  111. package/svg/padding-v-outline_20.svg +1 -0
  112. package/svg/padding-v-outline_24.svg +1 -0
  113. package/svg/padding-v-outline_28.svg +1 -0
  114. package/svg/padding-v_16.svg +1 -0
  115. package/svg/padding-v_20.svg +1 -0
  116. package/svg/padding-v_24.svg +1 -0
  117. package/svg/padding-v_28.svg +1 -0
  118. package/svg/style-outline_16.svg +1 -0
  119. package/svg/style-outline_20.svg +1 -0
  120. package/svg/style-outline_24.svg +1 -0
  121. package/svg/style-outline_28.svg +1 -0
  122. package/svg/style_16.svg +1 -0
  123. package/svg/style_20.svg +1 -0
  124. package/svg/style_24.svg +1 -0
  125. package/svg/style_28.svg +1 -0
  126. package/svg/tablet-outline_16.svg +1 -0
  127. package/svg/tablet-outline_20.svg +1 -0
  128. package/svg/tablet-outline_24.svg +1 -0
  129. package/svg/tablet-outline_28.svg +1 -0
  130. package/svg/tablet_16.svg +1 -0
  131. package/svg/tablet_20.svg +1 -0
  132. package/svg/tablet_24.svg +1 -0
  133. 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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"}
@@ -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;
@@ -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;