@rescui/icons 1.7.6 → 1.7.7-RUI-293-Update-menu-component-6ca9d26d3.22
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/README.md +4 -2
- package/lib/external-outline.d.ts +16 -0
- package/lib/external-outline.js +108 -0
- package/lib/external-outline.js.map +1 -0
- package/lib/external.d.ts +16 -0
- package/lib/external.js +108 -0
- package/lib/external.js.map +1 -0
- package/lib/index.css +21 -21
- package/lib/index.css.js +12 -12
- package/lib/index.css.js.map +1 -1
- package/lib/index.d.ts +16 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -1
- package/lib/moon-outline.d.ts +16 -0
- package/lib/moon-outline.js +108 -0
- package/lib/moon-outline.js.map +1 -0
- package/lib/moon.d.ts +16 -0
- package/lib/moon.js +108 -0
- package/lib/moon.js.map +1 -0
- package/lib/sidebar-outline.d.ts +16 -0
- package/lib/sidebar-outline.js +108 -0
- package/lib/sidebar-outline.js.map +1 -0
- package/lib/sidebar.d.ts +16 -0
- package/lib/sidebar.js +108 -0
- package/lib/sidebar.js.map +1 -0
- package/lib/sun-outline.d.ts +16 -0
- package/lib/sun-outline.js +108 -0
- package/lib/sun-outline.js.map +1 -0
- package/lib/sun.d.ts +16 -0
- package/lib/sun.js +108 -0
- package/lib/sun.js.map +1 -0
- package/llm/components/icons.md +585 -0
- package/llm/index.md +2 -0
- package/package.json +8 -7
- package/svg/external-outline_16.svg +1 -0
- package/svg/external-outline_20.svg +1 -0
- package/svg/external-outline_24.svg +1 -0
- package/svg/external-outline_28.svg +1 -0
- package/svg/external_16.svg +1 -0
- package/svg/external_20.svg +1 -0
- package/svg/external_24.svg +1 -0
- package/svg/external_28.svg +1 -0
- package/svg/moon-outline_16.svg +1 -0
- package/svg/moon-outline_20.svg +1 -0
- package/svg/moon-outline_24.svg +1 -0
- package/svg/moon-outline_28.svg +1 -0
- package/svg/moon_16.svg +1 -0
- package/svg/moon_20.svg +1 -0
- package/svg/moon_24.svg +1 -0
- package/svg/moon_28.svg +1 -0
- package/svg/sidebar-outline_16.svg +1 -0
- package/svg/sidebar-outline_20.svg +1 -0
- package/svg/sidebar-outline_24.svg +1 -0
- package/svg/sidebar-outline_28.svg +1 -0
- package/svg/sidebar_16.svg +1 -0
- package/svg/sidebar_20.svg +1 -0
- package/svg/sidebar_24.svg +1 -0
- package/svg/sidebar_28.svg +1 -0
- package/svg/sun-outline_16.svg +1 -0
- package/svg/sun-outline_20.svg +1 -0
- package/svg/sun-outline_24.svg +1 -0
- package/svg/sun-outline_28.svg +1 -0
- package/svg/sun_16.svg +1 -0
- package/svg/sun_20.svg +1 -0
- package/svg/sun_24.svg +1 -0
- package/svg/sun_28.svg +1 -0
package/README.md
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
# Icons
|
|
2
2
|
|
|
3
|
-
* [Usage examples](./docs/usage.md)
|
|
4
|
-
|
|
5
3
|
## SVG files
|
|
6
4
|
|
|
7
5
|
For source svg, please follow these rules:
|
|
@@ -36,3 +34,7 @@ This script cleans up the attributes, merges paths and converts file names to th
|
|
|
36
34
|
```svg
|
|
37
35
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6 13.75h5v-1.5H6zM3 3v14h14V3zm1.5 1.5h11v11h-11z"/></svg>
|
|
38
36
|
```
|
|
37
|
+
|
|
38
|
+
## LLM
|
|
39
|
+
|
|
40
|
+
To get the docs for the LLM, check out [this index](./llm/index.md).
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TExternalOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TExternalOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IExternalOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TExternalOutlineIconSize;
|
|
9
|
+
theme?: TExternalOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const ExternalOutlineIcon: React.ForwardRefExoticComponent<IExternalOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default ExternalOutlineIcon;
|
|
@@ -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 ExternalOutlineIcon16 = /*#__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: "M3 11.5v-6A1.5 1.5 0 0 1 4.5 4h3.444a.5.5 0 0 1 0 1H4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V8.056a.5.5 0 0 1 1 0V11.5a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5M13.5 2q.049 0 .098.009l.028.009a.5.5 0 0 1 .228.128.5.5 0 0 1 .09.128A.5.5 0 0 1 14 2.5v4a.5.5 0 0 1-1 0V3.707L7.854 8.854a.5.5 0 0 1-.707-.708L12.293 3H9.5a.5.5 0 0 1 0-1z"
|
|
25
|
+
})));
|
|
26
|
+
ExternalOutlineIcon16.displayName = 'ExternalOutlineIcon16';
|
|
27
|
+
const ExternalOutlineIcon20 = /*#__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 13.957V7.043C4 5.915 4.915 5 6.043 5h3.98a.786.786 0 0 1 0 1.571h-3.98a.47.47 0 0 0-.472.472v6.914c0 .26.212.472.472.472h6.914c.26 0 .472-.212.472-.472v-3.98a.786.786 0 1 1 1.571 0v3.98A2.043 2.043 0 0 1 12.957 16H6.043A2.043 2.043 0 0 1 4 13.957M16.308 3c.382 0 .692.31.692.692v4.616a.692.692 0 0 1-1.385 0V5.445L9.28 11.78a.75.75 0 0 1-1.06-1.06l6.335-6.335h-2.862a.692.692 0 0 1 0-1.385z"
|
|
33
|
+
})));
|
|
34
|
+
ExternalOutlineIcon20.displayName = 'ExternalOutlineIcon20';
|
|
35
|
+
const ExternalOutlineIcon24 = /*#__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 17.5v-9A2.5 2.5 0 0 1 6.5 6H12a1 1 0 1 1 0 2H6.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V12a1 1 0 1 1 2 0v5.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 4 17.5M20 3q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 21 4v6a1 1 0 1 1-2 0V6.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L17.586 5H14a1 1 0 0 1 0-2z"
|
|
41
|
+
})));
|
|
42
|
+
ExternalOutlineIcon24.displayName = 'ExternalOutlineIcon24';
|
|
43
|
+
const ExternalOutlineIcon28 = /*#__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: "M5 20V10a3 3 0 0 1 3-3h7a1 1 0 1 1 0 2H8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3M23 4q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 24 5v6a1 1 0 1 1-2 0V7.414l-9.793 9.793a1 1 0 0 1-1.414-1.414L20.586 6H17a1 1 0 0 1 0-2z"
|
|
49
|
+
})));
|
|
50
|
+
ExternalOutlineIcon28.displayName = 'ExternalOutlineIcon28';
|
|
51
|
+
const ExternalOutlineIcon = /*#__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(ExternalOutlineIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(ExternalOutlineIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(ExternalOutlineIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(ExternalOutlineIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(ExternalOutlineIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(ExternalOutlineIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(ExternalOutlineIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(ExternalOutlineIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
ExternalOutlineIcon.displayName = 'ExternalOutlineIcon';
|
|
100
|
+
ExternalOutlineIcon.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 ExternalOutlineIcon;
|
|
108
|
+
//# sourceMappingURL=external-outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"external-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ExternalOutlineIcon16","forwardRef","props","ref","displayName","ExternalOutlineIcon20","ExternalOutlineIcon24","ExternalOutlineIcon28","ExternalOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["external-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 ExternalOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3 11.5v-6A1.5 1.5 0 0 1 4.5 4h3.444a.5.5 0 0 1 0 1H4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V8.056a.5.5 0 0 1 1 0V11.5a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5M13.5 2q.049 0 .098.009l.028.009a.5.5 0 0 1 .228.128.5.5 0 0 1 .09.128A.5.5 0 0 1 14 2.5v4a.5.5 0 0 1-1 0V3.707L7.854 8.854a.5.5 0 0 1-.707-.708L12.293 3H9.5a.5.5 0 0 1 0-1z\" /></svg>));\nExternalOutlineIcon16.displayName = 'ExternalOutlineIcon16';\nconst ExternalOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4 13.957V7.043C4 5.915 4.915 5 6.043 5h3.98a.786.786 0 0 1 0 1.571h-3.98a.47.47 0 0 0-.472.472v6.914c0 .26.212.472.472.472h6.914c.26 0 .472-.212.472-.472v-3.98a.786.786 0 1 1 1.571 0v3.98A2.043 2.043 0 0 1 12.957 16H6.043A2.043 2.043 0 0 1 4 13.957M16.308 3c.382 0 .692.31.692.692v4.616a.692.692 0 0 1-1.385 0V5.445L9.28 11.78a.75.75 0 0 1-1.06-1.06l6.335-6.335h-2.862a.692.692 0 0 1 0-1.385z\" /></svg>));\nExternalOutlineIcon20.displayName = 'ExternalOutlineIcon20';\nconst ExternalOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M4 17.5v-9A2.5 2.5 0 0 1 6.5 6H12a1 1 0 1 1 0 2H6.5a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V12a1 1 0 1 1 2 0v5.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 4 17.5M20 3q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 21 4v6a1 1 0 1 1-2 0V6.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L17.586 5H14a1 1 0 0 1 0-2z\" /></svg>));\nExternalOutlineIcon24.displayName = 'ExternalOutlineIcon24';\nconst ExternalOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M5 20V10a3 3 0 0 1 3-3h7a1 1 0 1 1 0 2H8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3M23 4q.088 0 .172.016l.021.003.047.011.051.013a1 1 0 0 1 .263.125 1 1 0 0 1 .387.499l.015.04.016.062A1 1 0 0 1 24 5v6a1 1 0 1 1-2 0V7.414l-9.793 9.793a1 1 0 0 1-1.414-1.414L20.586 6H17a1 1 0 0 1 0-2z\" /></svg>));\nExternalOutlineIcon28.displayName = 'ExternalOutlineIcon28';\n\nconst ExternalOutlineIcon = 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}><ExternalOutlineIcon16 className={styles.variant16} />\n<ExternalOutlineIcon20 className={styles.variant20} />\n<ExternalOutlineIcon24 className={styles.variant24} />\n<ExternalOutlineIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<ExternalOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ExternalOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ExternalOutlineIcon24 {...mainProps} />); }\nreturn (<ExternalOutlineIcon28 {...mainProps} />);\n }\n);\nExternalOutlineIcon.displayName = 'ExternalOutlineIcon';\nExternalOutlineIcon.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 ExternalOutlineIcon;"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TExternalIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TExternalIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IExternalIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TExternalIconSize;
|
|
9
|
+
theme?: TExternalIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const ExternalIcon: React.ForwardRefExoticComponent<IExternalIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default ExternalIcon;
|
package/lib/external.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 ExternalIcon16 = /*#__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 12.158V5.842C2 4.825 2.825 4 3.842 4H7a.79.79 0 0 1 0 1.579H3.842a.263.263 0 0 0-.263.263v6.316c0 .145.118.263.263.263h6.316a.263.263 0 0 0 .263-.263V9A.79.79 0 1 1 12 9v3.158A1.84 1.84 0 0 1 10.158 14H3.842A1.84 1.84 0 0 1 2 12.158M13.2 2l.017.001q.045.002.088.009a.8.8 0 0 1 .46.224c.13.13.202.292.224.46l.01.088v.024l.001.012v4.364a.818.818 0 0 1-1.637 0V4.768L7.365 9.766a.8.8 0 1 1-1.13-1.131l4.997-4.998H8.818a.819.819 0 0 1 0-1.637z"
|
|
25
|
+
})));
|
|
26
|
+
ExternalIcon16.displayName = 'ExternalIcon16';
|
|
27
|
+
const ExternalIcon20 = /*#__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: "M3 14.8V8.2A2.2 2.2 0 0 1 5.2 6H8a1 1 0 0 1 0 2H5.2a.2.2 0 0 0-.2.2v6.6c0 .11.09.2.2.2h6.6a.2.2 0 0 0 .2-.2V12a1 1 0 1 1 2 0v2.8a2.2 2.2 0 0 1-2.2 2.2H5.2A2.2 2.2 0 0 1 3 14.8M16 3a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 1 1-1.414-1.414L13.586 5H10a1 1 0 0 1 0-2z"
|
|
33
|
+
})));
|
|
34
|
+
ExternalIcon20.displayName = 'ExternalIcon20';
|
|
35
|
+
const ExternalIcon24 = /*#__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 18V9a3 3 0 0 1 3-3h2.5a1.5 1.5 0 1 1 0 3H6v9h9v-2.5a1.5 1.5 0 0 1 3 0V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3M19.5 3q.075 0 .149.007l.061.009q.041.004.082.012l.01.002.125.032.009.002.053.019q.045.014.09.033l.062.03.06.028q.05.026.097.056l.031.019q.036.025.07.053l.053.039q.173.142.297.329l.037.061.034.059q.019.034.034.07l.032.069q.008.017.013.035c.064.167.101.347.101.536v7a1.5 1.5 0 0 1-3 0V8.121l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.121L15.879 6H12.5a1.5 1.5 0 0 1 0-3z"
|
|
41
|
+
})));
|
|
42
|
+
ExternalIcon24.displayName = 'ExternalIcon24';
|
|
43
|
+
const ExternalIcon28 = /*#__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 20.5v-10A3.5 3.5 0 0 1 7.5 7h3a1.5 1.5 0 0 1 0 3h-3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-3a1.5 1.5 0 0 1 3 0v3a3.5 3.5 0 0 1-3.5 3.5h-10A3.5 3.5 0 0 1 4 20.5M22.55 4a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0V9.113l-9.49 9.49a1.5 1.5 0 1 1-2.12-2.122L18.92 7h-4.37a1.5 1.5 0 0 1 0-3z"
|
|
49
|
+
})));
|
|
50
|
+
ExternalIcon28.displayName = 'ExternalIcon28';
|
|
51
|
+
const ExternalIcon = /*#__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(ExternalIcon16, {
|
|
75
|
+
className: styles.variant16
|
|
76
|
+
}), /*#__PURE__*/React.createElement(ExternalIcon20, {
|
|
77
|
+
className: styles.variant20
|
|
78
|
+
}), /*#__PURE__*/React.createElement(ExternalIcon24, {
|
|
79
|
+
className: styles.variant24
|
|
80
|
+
}), /*#__PURE__*/React.createElement(ExternalIcon28, {
|
|
81
|
+
className: styles.variant28
|
|
82
|
+
}));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (size === Size['xs']) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(ExternalIcon16, mainProps);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
if (size === Size['s']) {
|
|
90
|
+
return /*#__PURE__*/React.createElement(ExternalIcon20, mainProps);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
if (size === Size['m']) {
|
|
94
|
+
return /*#__PURE__*/React.createElement(ExternalIcon24, mainProps);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
return /*#__PURE__*/React.createElement(ExternalIcon28, mainProps);
|
|
98
|
+
});
|
|
99
|
+
ExternalIcon.displayName = 'ExternalIcon';
|
|
100
|
+
ExternalIcon.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 ExternalIcon;
|
|
108
|
+
//# sourceMappingURL=external.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"external.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ExternalIcon16","forwardRef","props","ref","displayName","ExternalIcon20","ExternalIcon24","ExternalIcon28","ExternalIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["external.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 ExternalIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M2 12.158V5.842C2 4.825 2.825 4 3.842 4H7a.79.79 0 0 1 0 1.579H3.842a.263.263 0 0 0-.263.263v6.316c0 .145.118.263.263.263h6.316a.263.263 0 0 0 .263-.263V9A.79.79 0 1 1 12 9v3.158A1.84 1.84 0 0 1 10.158 14H3.842A1.84 1.84 0 0 1 2 12.158M13.2 2l.017.001q.045.002.088.009a.8.8 0 0 1 .46.224c.13.13.202.292.224.46l.01.088v.024l.001.012v4.364a.818.818 0 0 1-1.637 0V4.768L7.365 9.766a.8.8 0 1 1-1.13-1.131l4.997-4.998H8.818a.819.819 0 0 1 0-1.637z\" /></svg>));\nExternalIcon16.displayName = 'ExternalIcon16';\nconst ExternalIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M3 14.8V8.2A2.2 2.2 0 0 1 5.2 6H8a1 1 0 0 1 0 2H5.2a.2.2 0 0 0-.2.2v6.6c0 .11.09.2.2.2h6.6a.2.2 0 0 0 .2-.2V12a1 1 0 1 1 2 0v2.8a2.2 2.2 0 0 1-2.2 2.2H5.2A2.2 2.2 0 0 1 3 14.8M16 3a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 1 1-1.414-1.414L13.586 5H10a1 1 0 0 1 0-2z\" /></svg>));\nExternalIcon20.displayName = 'ExternalIcon20';\nconst ExternalIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M3 18V9a3 3 0 0 1 3-3h2.5a1.5 1.5 0 1 1 0 3H6v9h9v-2.5a1.5 1.5 0 0 1 3 0V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3M19.5 3q.075 0 .149.007l.061.009q.041.004.082.012l.01.002.125.032.009.002.053.019q.045.014.09.033l.062.03.06.028q.05.026.097.056l.031.019q.036.025.07.053l.053.039q.173.142.297.329l.037.061.034.059q.019.034.034.07l.032.069q.008.017.013.035c.064.167.101.347.101.536v7a1.5 1.5 0 0 1-3 0V8.121l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.121L15.879 6H12.5a1.5 1.5 0 0 1 0-3z\" /></svg>));\nExternalIcon24.displayName = 'ExternalIcon24';\nconst ExternalIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M4 20.5v-10A3.5 3.5 0 0 1 7.5 7h3a1.5 1.5 0 0 1 0 3h-3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-3a1.5 1.5 0 0 1 3 0v3a3.5 3.5 0 0 1-3.5 3.5h-10A3.5 3.5 0 0 1 4 20.5M22.55 4a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0V9.113l-9.49 9.49a1.5 1.5 0 1 1-2.12-2.122L18.92 7h-4.37a1.5 1.5 0 0 1 0-3z\" /></svg>));\nExternalIcon28.displayName = 'ExternalIcon28';\n\nconst ExternalIcon = 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}><ExternalIcon16 className={styles.variant16} />\n<ExternalIcon20 className={styles.variant20} />\n<ExternalIcon24 className={styles.variant24} />\n<ExternalIcon28 className={styles.variant28} /></svg>);\n }\n if (size === Size['xs']) { return (<ExternalIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ExternalIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ExternalIcon24 {...mainProps} />); }\nreturn (<ExternalIcon28 {...mainProps} />);\n }\n);\nExternalIcon.displayName = 'ExternalIcon';\nExternalIcon.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 ExternalIcon;"],"mappings":"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"}
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_7dcaqk_4{
|
|
2
2
|
--_rs-theme-dark:var(
|
|
3
3
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
4
4
|
var(--rs-theme-dark, 0)
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
9
9
|
}
|
|
10
10
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
11
|
-
.
|
|
11
|
+
._icon_7dcaqk_4{
|
|
12
12
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
13
13
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
14
14
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
20
|
-
.
|
|
20
|
+
._icon_7dcaqk_4{
|
|
21
21
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
22
22
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
23
23
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._icon_7dcaqk_4{
|
|
29
29
|
|
|
30
30
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
31
31
|
|
|
32
32
|
width:var(--rs-icons-width, auto);
|
|
33
33
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._sizeXS_7dcaqk_14{
|
|
36
36
|
--_rs-icons-height:16px;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._sizeS_7dcaqk_18{
|
|
39
39
|
--_rs-icons-height:20px;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._sizeM_7dcaqk_22{
|
|
42
42
|
--_rs-icons-height:24px;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._sizeL_7dcaqk_26{
|
|
45
45
|
--_rs-icons-height:28px;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._light_7dcaqk_30{
|
|
48
48
|
--rs-theme-dark:0;
|
|
49
49
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._dark_7dcaqk_34{
|
|
52
52
|
--rs-theme-dark:1;
|
|
53
53
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
54
54
|
}
|
|
@@ -60,39 +60,39 @@
|
|
|
60
60
|
transform:rotate(360deg);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._allVariants_7dcaqk_48{
|
|
64
64
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
65
65
|
container:rs-icon / size;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
._variant16_7dcaqk_53,
|
|
68
|
+
._variant20_7dcaqk_54,
|
|
69
|
+
._variant24_7dcaqk_55{
|
|
70
70
|
display:none;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
._variant28_7dcaqk_58{
|
|
73
73
|
display:block;
|
|
74
74
|
}
|
|
75
75
|
@container rs-icon (max-height: 24px){
|
|
76
|
-
.
|
|
76
|
+
._variant24_7dcaqk_55{
|
|
77
77
|
display:block;
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._variant28_7dcaqk_58{
|
|
80
80
|
display:none;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
@container rs-icon (max-height: 20px){
|
|
84
|
-
.
|
|
84
|
+
._variant20_7dcaqk_54{
|
|
85
85
|
display:block;
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._variant24_7dcaqk_55{
|
|
88
88
|
display:none;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
@container rs-icon (max-height: 16px){
|
|
92
|
-
.
|
|
92
|
+
._variant16_7dcaqk_53{
|
|
93
93
|
display:block;
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._variant20_7dcaqk_54{
|
|
96
96
|
display:none;
|
|
97
97
|
}
|
|
98
98
|
}
|
package/lib/index.css.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
9
|
-
"allVariants": "
|
|
10
|
-
"variant16": "
|
|
11
|
-
"variant20": "
|
|
12
|
-
"variant24": "
|
|
13
|
-
"variant28": "
|
|
2
|
+
"icon": "_icon_7dcaqk_4",
|
|
3
|
+
"sizeXS": "_sizeXS_7dcaqk_14",
|
|
4
|
+
"sizeS": "_sizeS_7dcaqk_18",
|
|
5
|
+
"sizeM": "_sizeM_7dcaqk_22",
|
|
6
|
+
"sizeL": "_sizeL_7dcaqk_26",
|
|
7
|
+
"light": "_light_7dcaqk_30",
|
|
8
|
+
"dark": "_dark_7dcaqk_34",
|
|
9
|
+
"allVariants": "_allVariants_7dcaqk_48",
|
|
10
|
+
"variant16": "_variant16_7dcaqk_53",
|
|
11
|
+
"variant20": "_variant20_7dcaqk_54",
|
|
12
|
+
"variant24": "_variant24_7dcaqk_55",
|
|
13
|
+
"variant28": "_variant28_7dcaqk_58"
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=index.css.js.map
|
package/lib/index.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"
|
|
1
|
+
{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_7dcaqk_4\",\"sizeXS\":\"_sizeXS_7dcaqk_14\",\"sizeS\":\"_sizeS_7dcaqk_18\",\"sizeM\":\"_sizeM_7dcaqk_22\",\"sizeL\":\"_sizeL_7dcaqk_26\",\"light\":\"_light_7dcaqk_30\",\"dark\":\"_dark_7dcaqk_34\",\"allVariants\":\"_allVariants_7dcaqk_48\",\"variant16\":\"_variant16_7dcaqk_53\",\"variant20\":\"_variant20_7dcaqk_54\",\"variant24\":\"_variant24_7dcaqk_55\",\"variant28\":\"_variant28_7dcaqk_58\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,gBAAR;EAAyB,UAAS,mBAAlC;EAAsD,SAAQ,kBAA9D;EAAiF,SAAQ,kBAAzF;EAA4G,SAAQ,kBAApH;EAAuI,SAAQ,kBAA/I;EAAkK,QAAO,iBAAzK;EAA2L,eAAc,wBAAzM;EAAkO,aAAY,sBAA9O;EAAqQ,aAAY,sBAAjR;EAAwS,aAAY,sBAApT;EAA2U,aAAY;AAAvV,CAAf"}
|
package/lib/index.d.ts
CHANGED
|
@@ -216,6 +216,10 @@ export { default as ExitOutlineIcon } from './exit-outline';
|
|
|
216
216
|
export type { IExitOutlineIconProps as ExitOutlineIconProps } from './exit-outline';
|
|
217
217
|
export { default as ExposedIcon } from './exposed';
|
|
218
218
|
export type { IExposedIconProps as ExposedIconProps } from './exposed';
|
|
219
|
+
export { default as ExternalIcon } from './external';
|
|
220
|
+
export type { IExternalIconProps as ExternalIconProps } from './external';
|
|
221
|
+
export { default as ExternalOutlineIcon } from './external-outline';
|
|
222
|
+
export type { IExternalOutlineIconProps as ExternalOutlineIconProps } from './external-outline';
|
|
219
223
|
export { default as EyeIcon } from './eye';
|
|
220
224
|
export type { IEyeIconProps as EyeIconProps } from './eye';
|
|
221
225
|
export { default as EyeCrossedIcon } from './eye-crossed';
|
|
@@ -418,6 +422,10 @@ export { default as MobileIcon } from './mobile';
|
|
|
418
422
|
export type { IMobileIconProps as MobileIconProps } from './mobile';
|
|
419
423
|
export { default as MobileOutlineIcon } from './mobile-outline';
|
|
420
424
|
export type { IMobileOutlineIconProps as MobileOutlineIconProps } from './mobile-outline';
|
|
425
|
+
export { default as MoonIcon } from './moon';
|
|
426
|
+
export type { IMoonIconProps as MoonIconProps } from './moon';
|
|
427
|
+
export { default as MoonOutlineIcon } from './moon-outline';
|
|
428
|
+
export type { IMoonOutlineIconProps as MoonOutlineIconProps } from './moon-outline';
|
|
421
429
|
export { default as MoreIcon } from './more';
|
|
422
430
|
export type { IMoreIconProps as MoreIconProps } from './more';
|
|
423
431
|
export { default as MoreOutlineIcon } from './more-outline';
|
|
@@ -544,6 +552,10 @@ export { default as ShareIcon } from './share';
|
|
|
544
552
|
export type { IShareIconProps as ShareIconProps } from './share';
|
|
545
553
|
export { default as ShareOutlineIcon } from './share-outline';
|
|
546
554
|
export type { IShareOutlineIconProps as ShareOutlineIconProps } from './share-outline';
|
|
555
|
+
export { default as SidebarIcon } from './sidebar';
|
|
556
|
+
export type { ISidebarIconProps as SidebarIconProps } from './sidebar';
|
|
557
|
+
export { default as SidebarOutlineIcon } from './sidebar-outline';
|
|
558
|
+
export type { ISidebarOutlineIconProps as SidebarOutlineIconProps } from './sidebar-outline';
|
|
547
559
|
export { default as SlackIcon } from './slack';
|
|
548
560
|
export type { ISlackIconProps as SlackIconProps } from './slack';
|
|
549
561
|
export { default as SmileHappyIcon } from './smile-happy';
|
|
@@ -602,6 +614,10 @@ export { default as SuccessIcon } from './success';
|
|
|
602
614
|
export type { ISuccessIconProps as SuccessIconProps } from './success';
|
|
603
615
|
export { default as SuccessOutlineIcon } from './success-outline';
|
|
604
616
|
export type { ISuccessOutlineIconProps as SuccessOutlineIconProps } from './success-outline';
|
|
617
|
+
export { default as SunIcon } from './sun';
|
|
618
|
+
export type { ISunIconProps as SunIconProps } from './sun';
|
|
619
|
+
export { default as SunOutlineIcon } from './sun-outline';
|
|
620
|
+
export type { ISunOutlineIconProps as SunOutlineIconProps } from './sun-outline';
|
|
605
621
|
export { default as TabletIcon } from './tablet';
|
|
606
622
|
export type { ITabletIconProps as TabletIconProps } from './tablet';
|
|
607
623
|
export { default as TabletOutlineIcon } from './tablet-outline';
|
package/lib/index.js
CHANGED
|
@@ -107,6 +107,8 @@ export { default as ErrorOutlineIcon } from './error-outline.js';
|
|
|
107
107
|
export { default as ExitIcon } from './exit.js';
|
|
108
108
|
export { default as ExitOutlineIcon } from './exit-outline.js';
|
|
109
109
|
export { default as ExposedIcon } from './exposed.js';
|
|
110
|
+
export { default as ExternalIcon } from './external.js';
|
|
111
|
+
export { default as ExternalOutlineIcon } from './external-outline.js';
|
|
110
112
|
export { default as EyeIcon } from './eye.js';
|
|
111
113
|
export { default as EyeCrossedIcon } from './eye-crossed.js';
|
|
112
114
|
export { default as EyeCrossedOutlineIcon } from './eye-crossed-outline.js';
|
|
@@ -208,6 +210,8 @@ export { default as MinusIcon } from './minus.js';
|
|
|
208
210
|
export { default as MinusOutlineIcon } from './minus-outline.js';
|
|
209
211
|
export { default as MobileIcon } from './mobile.js';
|
|
210
212
|
export { default as MobileOutlineIcon } from './mobile-outline.js';
|
|
213
|
+
export { default as MoonIcon } from './moon.js';
|
|
214
|
+
export { default as MoonOutlineIcon } from './moon-outline.js';
|
|
211
215
|
export { default as MoreIcon } from './more.js';
|
|
212
216
|
export { default as MoreOutlineIcon } from './more-outline.js';
|
|
213
217
|
export { default as MuteIcon } from './mute.js';
|
|
@@ -271,6 +275,8 @@ export { default as SettingsIcon } from './settings.js';
|
|
|
271
275
|
export { default as SettingsOutlineIcon } from './settings-outline.js';
|
|
272
276
|
export { default as ShareIcon } from './share.js';
|
|
273
277
|
export { default as ShareOutlineIcon } from './share-outline.js';
|
|
278
|
+
export { default as SidebarIcon } from './sidebar.js';
|
|
279
|
+
export { default as SidebarOutlineIcon } from './sidebar-outline.js';
|
|
274
280
|
export { default as SlackIcon } from './slack.js';
|
|
275
281
|
export { default as SmileHappyIcon } from './smile-happy.js';
|
|
276
282
|
export { default as SmileHappyOutlineIcon } from './smile-happy-outline.js';
|
|
@@ -300,6 +306,8 @@ export { default as SubtitlesCrossedOutlineIcon } from './subtitles-crossed-outl
|
|
|
300
306
|
export { default as SubtitlesOutlineIcon } from './subtitles-outline.js';
|
|
301
307
|
export { default as SuccessIcon } from './success.js';
|
|
302
308
|
export { default as SuccessOutlineIcon } from './success-outline.js';
|
|
309
|
+
export { default as SunIcon } from './sun.js';
|
|
310
|
+
export { default as SunOutlineIcon } from './sun-outline.js';
|
|
303
311
|
export { default as TabletIcon } from './tablet.js';
|
|
304
312
|
export { default as TabletOutlineIcon } from './tablet-outline.js';
|
|
305
313
|
export { default as TagIcon } from './tag.js';
|