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

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