@rescui/icons 1.11.2 → 1.12.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.
- package/lib/helpdesk.js +1 -1
- package/lib/index.css +21 -21
- package/lib/index.css.js +12 -12
- package/lib/index.d.ts +4 -0
- package/lib/index.js +2 -0
- package/lib/phone-outline.d.ts +16 -0
- package/lib/phone-outline.js +297 -0
- package/lib/phone.d.ts +16 -0
- package/lib/phone.js +297 -0
- package/llm/components/icons.md +2 -0
- package/package.json +3 -3
- package/svg/helpdesk_20.svg +1 -1
- package/svg/phone-outline_16.svg +1 -0
- package/svg/phone-outline_20.svg +1 -0
- package/svg/phone-outline_24.svg +1 -0
- package/svg/phone-outline_28.svg +1 -0
- package/svg/phone_16.svg +1 -0
- package/svg/phone_20.svg +1 -0
- package/svg/phone_24.svg +1 -0
- package/svg/phone_28.svg +1 -0
package/lib/helpdesk.js
CHANGED
|
@@ -48,7 +48,7 @@ const HelpdeskIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
48
48
|
let t0;
|
|
49
49
|
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
50
|
t0 = /*#__PURE__*/React.createElement("path", {
|
|
51
|
-
d: "M10
|
|
51
|
+
d: "M10 1.75a8.23 8.23 0 0 1 6.215 2.828l.14.16A8.25 8.25 0 1 1 10 1.75M6.344 15.067A6.2 6.2 0 0 0 10 16.25c1.365 0 2.625-.44 3.653-1.183l-.935-.935a4.92 4.92 0 0 1-5.438-.001zM14.13 7.28a4.92 4.92 0 0 1 0 5.438l.936.935A6.2 6.2 0 0 0 16.25 10a6.2 6.2 0 0 0-1.183-3.656zm-9.2-.935A6.2 6.2 0 0 0 3.75 10a6.22 6.22 0 0 0 1.18 3.652l.936-.935A4.9 4.9 0 0 1 5.05 10c0-1.005.301-1.939.816-2.72zM10 7.05c-.56 0-1.084.159-1.531.431l-.158.105-.001-.001A2.96 2.96 0 0 0 7.05 10c0 .563.16 1.087.434 1.535.242.394.573.726.966.97a2.93 2.93 0 0 0 3.087.009A2.96 2.96 0 0 0 12.95 10 2.96 2.96 0 0 0 10 7.05m0-3.3a6.22 6.22 0 0 0-3.656 1.18l.936.936A4.93 4.93 0 0 1 10 5.05c1.004 0 1.937.302 2.717.816l.935-.935A6.2 6.2 0 0 0 10 3.75"
|
|
52
52
|
});
|
|
53
53
|
$[0] = t0;
|
|
54
54
|
} else {
|
package/lib/index.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
inherits:true;
|
|
4
4
|
initial-value:0;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._icon_g46ng3_4{
|
|
7
7
|
--_rs-theme-dark:var(
|
|
8
8
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
9
9
|
var(--rs-theme-dark, 0)
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
14
14
|
}
|
|
15
15
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
16
|
-
.
|
|
16
|
+
._icon_g46ng3_4{
|
|
17
17
|
--_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)));
|
|
18
18
|
--_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)));
|
|
19
19
|
--_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)));
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
25
|
-
.
|
|
25
|
+
._icon_g46ng3_4{
|
|
26
26
|
--_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
|
|
27
27
|
--_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
|
|
28
28
|
--_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._icon_g46ng3_4{
|
|
34
34
|
|
|
35
35
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
36
36
|
|
|
@@ -38,27 +38,27 @@
|
|
|
38
38
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
._sizeXS_g46ng3_14{
|
|
42
42
|
--_rs-icons-height:16px;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
._sizeS_g46ng3_18{
|
|
46
46
|
--_rs-icons-height:20px;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
._sizeM_g46ng3_22{
|
|
50
50
|
--_rs-icons-height:24px;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
._sizeL_g46ng3_26{
|
|
54
54
|
--_rs-icons-height:28px;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
._light_g46ng3_30{
|
|
58
58
|
--rs-theme-dark:0;
|
|
59
59
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
._dark_g46ng3_34{
|
|
62
62
|
--rs-theme-dark:1;
|
|
63
63
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
64
64
|
}
|
|
@@ -72,40 +72,40 @@
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.
|
|
75
|
+
._allVariants_g46ng3_48{
|
|
76
76
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
77
77
|
container:rs-icon / size;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.
|
|
81
|
-
.
|
|
82
|
-
.
|
|
80
|
+
._variant16_g46ng3_53,
|
|
81
|
+
._variant20_g46ng3_54,
|
|
82
|
+
._variant24_g46ng3_55{
|
|
83
83
|
display:none;
|
|
84
84
|
}
|
|
85
|
-
.
|
|
85
|
+
._variant28_g46ng3_58{
|
|
86
86
|
display:block;
|
|
87
87
|
}
|
|
88
88
|
@container rs-icon (max-height: 24px){
|
|
89
|
-
.
|
|
89
|
+
._variant24_g46ng3_55{
|
|
90
90
|
display:block;
|
|
91
91
|
}
|
|
92
|
-
.
|
|
92
|
+
._variant28_g46ng3_58{
|
|
93
93
|
display:none;
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
@container rs-icon (max-height: 20px){
|
|
97
|
-
.
|
|
97
|
+
._variant20_g46ng3_54{
|
|
98
98
|
display:block;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._variant24_g46ng3_55{
|
|
101
101
|
display:none;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
@container rs-icon (max-height: 16px){
|
|
105
|
-
.
|
|
105
|
+
._variant16_g46ng3_53{
|
|
106
106
|
display:block;
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
._variant20_g46ng3_54{
|
|
109
109
|
display:none;
|
|
110
110
|
}
|
|
111
111
|
}
|
package/lib/index.css.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
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_g46ng3_4",
|
|
3
|
+
"sizeXS": "_sizeXS_g46ng3_14",
|
|
4
|
+
"sizeS": "_sizeS_g46ng3_18",
|
|
5
|
+
"sizeM": "_sizeM_g46ng3_22",
|
|
6
|
+
"sizeL": "_sizeL_g46ng3_26",
|
|
7
|
+
"light": "_light_g46ng3_30",
|
|
8
|
+
"dark": "_dark_g46ng3_34",
|
|
9
|
+
"allVariants": "_allVariants_g46ng3_48",
|
|
10
|
+
"variant16": "_variant16_g46ng3_53",
|
|
11
|
+
"variant20": "_variant20_g46ng3_54",
|
|
12
|
+
"variant24": "_variant24_g46ng3_55",
|
|
13
|
+
"variant28": "_variant28_g46ng3_58"
|
|
14
14
|
};
|
package/lib/index.d.ts
CHANGED
|
@@ -474,6 +474,10 @@ export { default as PersonIcon } from './person';
|
|
|
474
474
|
export type { IPersonIconProps as PersonIconProps } from './person';
|
|
475
475
|
export { default as PersonOutlineIcon } from './person-outline';
|
|
476
476
|
export type { IPersonOutlineIconProps as PersonOutlineIconProps } from './person-outline';
|
|
477
|
+
export { default as PhoneIcon } from './phone';
|
|
478
|
+
export type { IPhoneIconProps as PhoneIconProps } from './phone';
|
|
479
|
+
export { default as PhoneOutlineIcon } from './phone-outline';
|
|
480
|
+
export type { IPhoneOutlineIconProps as PhoneOutlineIconProps } from './phone-outline';
|
|
477
481
|
export { default as PlayIcon } from './play';
|
|
478
482
|
export type { IPlayIconProps as PlayIconProps } from './play';
|
|
479
483
|
export { default as PlayOutlineIcon } from './play-outline';
|
package/lib/index.js
CHANGED
|
@@ -236,6 +236,8 @@ export { default as PercentIcon } from './percent.js';
|
|
|
236
236
|
export { default as PercentOutlineIcon } from './percent-outline.js';
|
|
237
237
|
export { default as PersonIcon } from './person.js';
|
|
238
238
|
export { default as PersonOutlineIcon } from './person-outline.js';
|
|
239
|
+
export { default as PhoneIcon } from './phone.js';
|
|
240
|
+
export { default as PhoneOutlineIcon } from './phone-outline.js';
|
|
239
241
|
export { default as PlayIcon } from './play.js';
|
|
240
242
|
export { default as PlayOutlineIcon } from './play-outline.js';
|
|
241
243
|
export { default as PlusIcon } from './plus.js';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPhoneOutlineIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPhoneOutlineIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPhoneOutlineIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPhoneOutlineIconSize;
|
|
9
|
+
theme?: TPhoneOutlineIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PhoneOutlineIcon: React.ForwardRefExoticComponent<IPhoneOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PhoneOutlineIcon;
|
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
import { c as _c } from "react-compiler-runtime";
|
|
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 PhoneOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
20
|
+
const $ = _c(4);
|
|
21
|
+
let t0;
|
|
22
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
23
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M4.882 2.5c.477 0 .907.29 1.084.733l.965 2.413a1.17 1.17 0 0 1-.437 1.404l-.867.576a9.2 9.2 0 0 0 2.648 2.684l.551-.825a1.17 1.17 0 0 1 1.403-.436l2.413.965c.442.177.733.607.733 1.084v2.543c0 .565-.414 1.078-1.013 1.14a10 10 0 0 1-1.028.052c-5.615 0-10.167-4.552-10.167-10.167q0-.593.067-1.168A1.136 1.136 0 0 1 2.372 2.5zm-2.51 1c-.088 0-.138.06-.144.112a9.167 9.167 0 0 0 10.034 10.173c.052-.006.113-.055.113-.144v-2.543a.17.17 0 0 0-.104-.156l-2.413-.964a.17.17 0 0 0-.2.062l-1.083 1.624-.408-.241a10.2 10.2 0 0 1-3.651-3.695l-.234-.407L5.94 6.217a.17.17 0 0 0 .063-.2l-.965-2.413a.17.17 0 0 0-.155-.104zM9.48 1.166a5.356 5.356 0 0 1 5.354 5.355.501.501 0 0 1-1 0 4.36 4.36 0 0 0-1.275-3.079 4.36 4.36 0 0 0-3.08-1.275.5.5 0 0 1 0-1.001m.001 2.228a3.13 3.13 0 0 1 2.89 1.93c.156.38.236.786.236 1.197a.5.5 0 0 1-1 0 2.13 2.13 0 0 0-1.312-1.965 2.1 2.1 0 0 0-.815-.162.5.5 0 0 1 0-1"
|
|
25
|
+
});
|
|
26
|
+
$[0] = t0;
|
|
27
|
+
} else {
|
|
28
|
+
t0 = $[0];
|
|
29
|
+
}
|
|
30
|
+
let t1;
|
|
31
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
32
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
33
|
+
viewBox: "0 0 16 16"
|
|
34
|
+
}, props, {
|
|
35
|
+
ref: ref
|
|
36
|
+
}), t0);
|
|
37
|
+
$[1] = props;
|
|
38
|
+
$[2] = ref;
|
|
39
|
+
$[3] = t1;
|
|
40
|
+
} else {
|
|
41
|
+
t1 = $[3];
|
|
42
|
+
}
|
|
43
|
+
return t1;
|
|
44
|
+
});
|
|
45
|
+
PhoneOutlineIcon16.displayName = 'PhoneOutlineIcon16';
|
|
46
|
+
const PhoneOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
47
|
+
const $ = _c(4);
|
|
48
|
+
let t0;
|
|
49
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
51
|
+
d: "M6.104 3c.647 0 1.229.394 1.47.995L8.778 7.01c.278.695.03 1.49-.592 1.906l-.983.653c.82 1.24 1.876 2.31 3.106 3.145l.619-.927a1.584 1.584 0 0 1 1.905-.592l3.015 1.206c.6.24.996.823.996 1.47v3.18c0 .766-.563 1.465-1.38 1.549q-.64.065-1.298.066c-7.087 0-12.834-5.746-12.834-12.833q.001-.748.086-1.475C1.512 3.551 2.206 3 2.965 3zm-3.14 1.5a.1.1 0 0 0-.047.016l-.007.007v.006a11 11 0 0 0-.076 1.304c0 6.259 5.074 11.333 11.333 11.333a11 11 0 0 0 1.153-.06l.008-.007a.07.07 0 0 0 .017-.048v-3.18a.08.08 0 0 0-.053-.077l-3.016-1.206a.08.08 0 0 0-.1.031l-1.42 2.128-.61-.361a12.9 12.9 0 0 1-4.61-4.664l-.35-.61 2.17-1.444a.085.085 0 0 0 .03-.1L6.182 4.552a.09.09 0 0 0-.077-.053zm8.886-.384a4.04 4.04 0 0 1 3.727 2.49c.203.49.307 1.015.307 1.544a.75.75 0 0 1-1.5 0 2.535 2.535 0 0 0-2.534-2.534.75.75 0 0 1 0-1.5m0-2.783a6.82 6.82 0 0 1 4.82 1.997 6.82 6.82 0 0 1 1.997 4.82.75.75 0 0 1-1.5 0 5.32 5.32 0 0 0-1.558-3.76 5.32 5.32 0 0 0-3.76-1.557.75.75 0 0 1 0-1.5"
|
|
52
|
+
});
|
|
53
|
+
$[0] = t0;
|
|
54
|
+
} else {
|
|
55
|
+
t0 = $[0];
|
|
56
|
+
}
|
|
57
|
+
let t1;
|
|
58
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
59
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
60
|
+
viewBox: "0 0 20 20"
|
|
61
|
+
}, props, {
|
|
62
|
+
ref: ref
|
|
63
|
+
}), t0);
|
|
64
|
+
$[1] = props;
|
|
65
|
+
$[2] = ref;
|
|
66
|
+
$[3] = t1;
|
|
67
|
+
} else {
|
|
68
|
+
t1 = $[3];
|
|
69
|
+
}
|
|
70
|
+
return t1;
|
|
71
|
+
});
|
|
72
|
+
PhoneOutlineIcon20.displayName = 'PhoneOutlineIcon20';
|
|
73
|
+
const PhoneOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
74
|
+
const $ = _c(4);
|
|
75
|
+
let t0;
|
|
76
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
77
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
78
|
+
d: "M7.323 3.5A2 2 0 0 1 9.18 4.757l1.447 3.618a2 2 0 0 1-.748 2.407l-1.095.729a13.6 13.6 0 0 0 3.56 3.605l.686-1.027a2 2 0 0 1 2.408-.747l3.618 1.447a2 2 0 0 1 1.256 1.856v3.816c0 .967-.709 1.853-1.744 1.958a16 16 0 0 1-1.568.08c-8.56 0-15.5-6.94-15.5-15.5q0-.904.103-1.781C1.72 4.195 2.599 3.5 3.557 3.5zm-3.739 2q-.083.738-.084 1.499c0 7.456 6.044 13.5 13.5 13.5q.664-.001 1.313-.065v-3.789l-3.619-1.447-1.756 2.633-.815-.482a15.57 15.57 0 0 1-5.567-5.634l-.467-.812L8.77 9.118 7.323 5.5zm10.635-.66a4.94 4.94 0 0 1 4.941 4.94 1 1 0 0 1-2 0 2.944 2.944 0 0 0-2.94-2.94 1 1 0 1 1 0-2m-.001-3.34A8.28 8.28 0 0 1 22.5 9.781a1 1 0 0 1-2 0A6.28 6.28 0 0 0 14.219 3.5a1 1 0 1 1 0-2"
|
|
79
|
+
});
|
|
80
|
+
$[0] = t0;
|
|
81
|
+
} else {
|
|
82
|
+
t0 = $[0];
|
|
83
|
+
}
|
|
84
|
+
let t1;
|
|
85
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
86
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
87
|
+
viewBox: "0 0 24 24"
|
|
88
|
+
}, props, {
|
|
89
|
+
ref: ref
|
|
90
|
+
}), t0);
|
|
91
|
+
$[1] = props;
|
|
92
|
+
$[2] = ref;
|
|
93
|
+
$[3] = t1;
|
|
94
|
+
} else {
|
|
95
|
+
t1 = $[3];
|
|
96
|
+
}
|
|
97
|
+
return t1;
|
|
98
|
+
});
|
|
99
|
+
PhoneOutlineIcon24.displayName = 'PhoneOutlineIcon24';
|
|
100
|
+
const PhoneOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
101
|
+
const $ = _c(4);
|
|
102
|
+
let t0;
|
|
103
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
104
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
105
|
+
d: "M8.544 4.25c.886 0 1.683.54 2.012 1.362l1.688 4.221c.38.951.042 2.04-.81 2.607l-1.416.943a16 16 0 0 0 4.43 4.485l.893-1.339a2.17 2.17 0 0 1 2.607-.81l4.222 1.69a2.17 2.17 0 0 1 1.361 2.01v4.452c0 1.05-.768 2.005-1.884 2.12q-.894.09-1.813.091c-9.895 0-17.918-8.021-17.918-17.916q0-1.045.12-2.06C2.161 5.003 3.111 4.25 4.15 4.25zm-4.394 2a.16.16 0 0 0-.1.034.08.08 0 0 0-.028.052q-.104.9-.105 1.83c0 8.79 7.127 15.916 15.917 15.916q.815 0 1.61-.082a.08.08 0 0 0 .053-.03.15.15 0 0 0 .034-.099V19.42a.17.17 0 0 0-.104-.154l-4.222-1.689a.17.17 0 0 0-.2.062l-1.961 2.94-.816-.482a18 18 0 0 1-6.435-6.512l-.466-.812.778-.52 2.22-1.477a.17.17 0 0 0 .062-.2L8.698 6.353a.17.17 0 0 0-.154-.104zm12.438-4.333a9.497 9.497 0 0 1 9.495 9.495 1 1 0 0 1-2 0 7.497 7.497 0 0 0-7.495-7.495 1 1 0 1 1 0-2m0 3.896A5.6 5.6 0 0 1 21.76 9.27c.28.679.425 1.406.425 2.141a1 1 0 1 1-2 0 3.6 3.6 0 0 0-3.597-3.598 1 1 0 1 1 0-2"
|
|
106
|
+
});
|
|
107
|
+
$[0] = t0;
|
|
108
|
+
} else {
|
|
109
|
+
t0 = $[0];
|
|
110
|
+
}
|
|
111
|
+
let t1;
|
|
112
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
113
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
114
|
+
viewBox: "0 0 28 28"
|
|
115
|
+
}, props, {
|
|
116
|
+
ref: ref
|
|
117
|
+
}), t0);
|
|
118
|
+
$[1] = props;
|
|
119
|
+
$[2] = ref;
|
|
120
|
+
$[3] = t1;
|
|
121
|
+
} else {
|
|
122
|
+
t1 = $[3];
|
|
123
|
+
}
|
|
124
|
+
return t1;
|
|
125
|
+
});
|
|
126
|
+
PhoneOutlineIcon28.displayName = 'PhoneOutlineIcon28';
|
|
127
|
+
const PhoneOutlineIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
|
|
128
|
+
const $ = _c(34);
|
|
129
|
+
let className;
|
|
130
|
+
let props;
|
|
131
|
+
let style;
|
|
132
|
+
let t1;
|
|
133
|
+
let t2;
|
|
134
|
+
let theme;
|
|
135
|
+
if ($[0] !== t0) {
|
|
136
|
+
({
|
|
137
|
+
theme,
|
|
138
|
+
size: t1,
|
|
139
|
+
className,
|
|
140
|
+
style,
|
|
141
|
+
"data-render-all-sizes": t2,
|
|
142
|
+
...props
|
|
143
|
+
} = t0);
|
|
144
|
+
$[0] = t0;
|
|
145
|
+
$[1] = className;
|
|
146
|
+
$[2] = props;
|
|
147
|
+
$[3] = style;
|
|
148
|
+
$[4] = t1;
|
|
149
|
+
$[5] = t2;
|
|
150
|
+
$[6] = theme;
|
|
151
|
+
} else {
|
|
152
|
+
className = $[1];
|
|
153
|
+
props = $[2];
|
|
154
|
+
style = $[3];
|
|
155
|
+
t1 = $[4];
|
|
156
|
+
t2 = $[5];
|
|
157
|
+
theme = $[6];
|
|
158
|
+
}
|
|
159
|
+
const sizeFromProps = t1 === undefined ? "m" : t1;
|
|
160
|
+
const renderAllSizes = t2 === undefined ? false : t2;
|
|
161
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
162
|
+
const t3 = styles[theme];
|
|
163
|
+
const t4 = sizeStyles[size];
|
|
164
|
+
const t5 = renderAllSizes && styles.allVariants;
|
|
165
|
+
let t6;
|
|
166
|
+
if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
|
|
167
|
+
t6 = cn(styles.icon, t3, t4, t5, className);
|
|
168
|
+
$[7] = className;
|
|
169
|
+
$[8] = t3;
|
|
170
|
+
$[9] = t4;
|
|
171
|
+
$[10] = t5;
|
|
172
|
+
$[11] = t6;
|
|
173
|
+
} else {
|
|
174
|
+
t6 = $[11];
|
|
175
|
+
}
|
|
176
|
+
let t7;
|
|
177
|
+
if ($[12] !== renderAllSizes || $[13] !== style) {
|
|
178
|
+
t7 = renderAllSizes ? {
|
|
179
|
+
"--rs-icon-ar-width": 28,
|
|
180
|
+
"--rs-icon-ar-height": 28,
|
|
181
|
+
...style
|
|
182
|
+
} : style;
|
|
183
|
+
$[12] = renderAllSizes;
|
|
184
|
+
$[13] = style;
|
|
185
|
+
$[14] = t7;
|
|
186
|
+
} else {
|
|
187
|
+
t7 = $[14];
|
|
188
|
+
}
|
|
189
|
+
let t8;
|
|
190
|
+
if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
|
|
191
|
+
t8 = {
|
|
192
|
+
...props,
|
|
193
|
+
className: t6,
|
|
194
|
+
style: t7,
|
|
195
|
+
ref
|
|
196
|
+
};
|
|
197
|
+
$[15] = props;
|
|
198
|
+
$[16] = ref;
|
|
199
|
+
$[17] = t6;
|
|
200
|
+
$[18] = t7;
|
|
201
|
+
$[19] = t8;
|
|
202
|
+
} else {
|
|
203
|
+
t8 = $[19];
|
|
204
|
+
}
|
|
205
|
+
const mainProps = t8;
|
|
206
|
+
if (renderAllSizes) {
|
|
207
|
+
let t10;
|
|
208
|
+
let t11;
|
|
209
|
+
let t12;
|
|
210
|
+
let t9;
|
|
211
|
+
if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
|
|
212
|
+
t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon16, {
|
|
213
|
+
className: styles.variant16
|
|
214
|
+
});
|
|
215
|
+
t10 = /*#__PURE__*/React.createElement(PhoneOutlineIcon20, {
|
|
216
|
+
className: styles.variant20
|
|
217
|
+
});
|
|
218
|
+
t11 = /*#__PURE__*/React.createElement(PhoneOutlineIcon24, {
|
|
219
|
+
className: styles.variant24
|
|
220
|
+
});
|
|
221
|
+
t12 = /*#__PURE__*/React.createElement(PhoneOutlineIcon28, {
|
|
222
|
+
className: styles.variant28
|
|
223
|
+
});
|
|
224
|
+
$[20] = t10;
|
|
225
|
+
$[21] = t11;
|
|
226
|
+
$[22] = t12;
|
|
227
|
+
$[23] = t9;
|
|
228
|
+
} else {
|
|
229
|
+
t10 = $[20];
|
|
230
|
+
t11 = $[21];
|
|
231
|
+
t12 = $[22];
|
|
232
|
+
t9 = $[23];
|
|
233
|
+
}
|
|
234
|
+
let t13;
|
|
235
|
+
if ($[24] !== mainProps) {
|
|
236
|
+
t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
237
|
+
viewBox: "0 0 28 28"
|
|
238
|
+
}, mainProps), t9, t10, t11, t12);
|
|
239
|
+
$[24] = mainProps;
|
|
240
|
+
$[25] = t13;
|
|
241
|
+
} else {
|
|
242
|
+
t13 = $[25];
|
|
243
|
+
}
|
|
244
|
+
return t13;
|
|
245
|
+
}
|
|
246
|
+
if (size === Size.xs) {
|
|
247
|
+
let t9;
|
|
248
|
+
if ($[26] !== mainProps) {
|
|
249
|
+
t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon16, mainProps);
|
|
250
|
+
$[26] = mainProps;
|
|
251
|
+
$[27] = t9;
|
|
252
|
+
} else {
|
|
253
|
+
t9 = $[27];
|
|
254
|
+
}
|
|
255
|
+
return t9;
|
|
256
|
+
}
|
|
257
|
+
if (size === Size.s) {
|
|
258
|
+
let t9;
|
|
259
|
+
if ($[28] !== mainProps) {
|
|
260
|
+
t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon20, mainProps);
|
|
261
|
+
$[28] = mainProps;
|
|
262
|
+
$[29] = t9;
|
|
263
|
+
} else {
|
|
264
|
+
t9 = $[29];
|
|
265
|
+
}
|
|
266
|
+
return t9;
|
|
267
|
+
}
|
|
268
|
+
if (size === Size.m) {
|
|
269
|
+
let t9;
|
|
270
|
+
if ($[30] !== mainProps) {
|
|
271
|
+
t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon24, mainProps);
|
|
272
|
+
$[30] = mainProps;
|
|
273
|
+
$[31] = t9;
|
|
274
|
+
} else {
|
|
275
|
+
t9 = $[31];
|
|
276
|
+
}
|
|
277
|
+
return t9;
|
|
278
|
+
}
|
|
279
|
+
let t9;
|
|
280
|
+
if ($[32] !== mainProps) {
|
|
281
|
+
t9 = /*#__PURE__*/React.createElement(PhoneOutlineIcon28, mainProps);
|
|
282
|
+
$[32] = mainProps;
|
|
283
|
+
$[33] = t9;
|
|
284
|
+
} else {
|
|
285
|
+
t9 = $[33];
|
|
286
|
+
}
|
|
287
|
+
return t9;
|
|
288
|
+
});
|
|
289
|
+
PhoneOutlineIcon.displayName = 'PhoneOutlineIcon';
|
|
290
|
+
PhoneOutlineIcon.propTypes = {
|
|
291
|
+
className: PropTypes.string,
|
|
292
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
293
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
294
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
295
|
+
style: PropTypes.object
|
|
296
|
+
};
|
|
297
|
+
export default PhoneOutlineIcon;
|
package/lib/phone.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export type TPhoneIconSize = "xs" | "s" | "m" | "l";
|
|
4
|
+
|
|
5
|
+
export type TPhoneIconTheme = "light" | "dark";
|
|
6
|
+
|
|
7
|
+
export interface IPhoneIconProps extends React.SVGProps<any> {
|
|
8
|
+
size?: TPhoneIconSize;
|
|
9
|
+
theme?: TPhoneIconTheme;
|
|
10
|
+
'data-render-all-sizes'?: boolean;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare const PhoneIcon: React.ForwardRefExoticComponent<IPhoneIconProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
|
|
16
|
+
export default PhoneIcon;
|
package/lib/phone.js
ADDED
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
import { c as _c } from "react-compiler-runtime";
|
|
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 PhoneIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
20
|
+
const $ = _c(4);
|
|
21
|
+
let t0;
|
|
22
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
23
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M4.882 2.75c.375 0 .712.228.851.576l.965 2.412a.92.92 0 0 1-.343 1.104l-1.07.712a9.46 9.46 0 0 0 3.062 3.098l.687-1.028c.24-.36.7-.504 1.103-.343l2.412.965c.348.14.576.477.576.852v2.543a.886.886 0 0 1-.788.89q-.495.052-1.003.052c-5.477 0-9.917-4.44-9.917-9.917q0-.578.065-1.14a.887.887 0 0 1 .89-.776zM9.48.916a5.606 5.606 0 0 1 5.604 5.605.751.751 0 0 1-1.5 0 4.1 4.1 0 0 0-1.202-2.902 4.1 4.1 0 0 0-2.903-1.202.75.75 0 0 1 0-1.501m.001 2.428a3.18 3.18 0 0 1 3.176 3.177.75.75 0 0 1-1.5 0A1.677 1.677 0 0 0 9.48 4.844a.75.75 0 0 1 0-1.5"
|
|
25
|
+
});
|
|
26
|
+
$[0] = t0;
|
|
27
|
+
} else {
|
|
28
|
+
t0 = $[0];
|
|
29
|
+
}
|
|
30
|
+
let t1;
|
|
31
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
32
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
33
|
+
viewBox: "0 0 16 16"
|
|
34
|
+
}, props, {
|
|
35
|
+
ref: ref
|
|
36
|
+
}), t0);
|
|
37
|
+
$[1] = props;
|
|
38
|
+
$[2] = ref;
|
|
39
|
+
$[3] = t1;
|
|
40
|
+
} else {
|
|
41
|
+
t1 = $[3];
|
|
42
|
+
}
|
|
43
|
+
return t1;
|
|
44
|
+
});
|
|
45
|
+
PhoneIcon16.displayName = 'PhoneIcon16';
|
|
46
|
+
const PhoneIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
47
|
+
const $ = _c(4);
|
|
48
|
+
let t0;
|
|
49
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
51
|
+
d: "M6.103 3.25c.544 0 1.034.332 1.237.838l1.206 3.015a1.334 1.334 0 0 1-.5 1.605l-1.186.79a11.6 11.6 0 0 0 3.519 3.562l.757-1.134a1.334 1.334 0 0 1 1.604-.498l3.015 1.206c.506.202.839.692.839 1.237v3.18c0 .647-.474 1.23-1.155 1.3q-.627.064-1.273.065c-6.95 0-12.583-5.634-12.583-12.583q0-.734.083-1.446c.077-.673.657-1.137 1.298-1.137zM11.85 4.5a3.655 3.655 0 0 1 3.373 2.254c.183.442.277.917.277 1.396a1 1 0 0 1-2 0 1.66 1.66 0 0 0-.483-1.167A1.65 1.65 0 0 0 11.85 6.5a1 1 0 0 1 0-2m-.001-3.417a7.07 7.07 0 0 1 6.529 4.363 7.1 7.1 0 0 1 .538 2.704 1 1 0 1 1-2 0 5.07 5.07 0 0 0-5.067-5.067 1 1 0 0 1 0-2"
|
|
52
|
+
});
|
|
53
|
+
$[0] = t0;
|
|
54
|
+
} else {
|
|
55
|
+
t0 = $[0];
|
|
56
|
+
}
|
|
57
|
+
let t1;
|
|
58
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
59
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
60
|
+
viewBox: "0 0 20 20"
|
|
61
|
+
}, props, {
|
|
62
|
+
ref: ref
|
|
63
|
+
}), t0);
|
|
64
|
+
$[1] = props;
|
|
65
|
+
$[2] = ref;
|
|
66
|
+
$[3] = t1;
|
|
67
|
+
} else {
|
|
68
|
+
t1 = $[3];
|
|
69
|
+
}
|
|
70
|
+
return t1;
|
|
71
|
+
});
|
|
72
|
+
PhoneIcon20.displayName = 'PhoneIcon20';
|
|
73
|
+
const PhoneIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
74
|
+
const $ = _c(4);
|
|
75
|
+
let t0;
|
|
76
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
77
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
78
|
+
d: "M7.323 4a1.5 1.5 0 0 1 1.393.943l1.447 3.618a1.5 1.5 0 0 1-.561 1.805l-1.506 1.002a14.1 14.1 0 0 0 4.387 4.44l.963-1.442a1.5 1.5 0 0 1 1.805-.56l3.618 1.447c.57.228.943.78.944 1.392v3.816c0 .73-.533 1.383-1.294 1.46Q17.769 22 17 22C8.716 22 2 15.284 2 7q0-.875.099-1.724C2.185 4.522 2.835 4 3.557 4zm6.896 1.438a4.344 4.344 0 0 1 4.344 4.343 1.5 1.5 0 0 1-3 0 1.347 1.347 0 0 0-1.344-1.344 1.5 1.5 0 1 1 0-3m0-4.437A8.78 8.78 0 0 1 23 9.781a1.5 1.5 0 0 1-3 0A5.78 5.78 0 0 0 14.219 4a1.5 1.5 0 1 1 0-3"
|
|
79
|
+
});
|
|
80
|
+
$[0] = t0;
|
|
81
|
+
} else {
|
|
82
|
+
t0 = $[0];
|
|
83
|
+
}
|
|
84
|
+
let t1;
|
|
85
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
86
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
87
|
+
viewBox: "0 0 24 24"
|
|
88
|
+
}, props, {
|
|
89
|
+
ref: ref
|
|
90
|
+
}), t0);
|
|
91
|
+
$[1] = props;
|
|
92
|
+
$[2] = ref;
|
|
93
|
+
$[3] = t1;
|
|
94
|
+
} else {
|
|
95
|
+
t1 = $[3];
|
|
96
|
+
}
|
|
97
|
+
return t1;
|
|
98
|
+
});
|
|
99
|
+
PhoneIcon24.displayName = 'PhoneIcon24';
|
|
100
|
+
const PhoneIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
101
|
+
const $ = _c(4);
|
|
102
|
+
let t0;
|
|
103
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
104
|
+
t0 = /*#__PURE__*/React.createElement("path", {
|
|
105
|
+
d: "M8.544 4.5a1.92 1.92 0 0 1 1.78 1.205l1.688 4.22a1.92 1.92 0 0 1-.717 2.307l-1.621 1.079a16.25 16.25 0 0 0 4.843 4.903l1.032-1.546a1.92 1.92 0 0 1 2.307-.716l4.221 1.689a1.92 1.92 0 0 1 1.204 1.779v4.451c0 .93-.68 1.77-1.659 1.87q-.881.09-1.788.091c-9.757 0-17.667-7.91-17.667-17.666q.001-1.03.116-2.03C2.395 5.167 3.23 4.5 4.15 4.5zm8.044 1.501a5.41 5.41 0 0 1 5.411 5.411 1.501 1.501 0 0 1-3 0 2.415 2.415 0 0 0-1.488-2.227A2.4 2.4 0 0 0 16.588 9a1.5 1.5 0 0 1 0-3m0-4.583a10 10 0 0 1 9.234 6.17 10 10 0 0 1 .761 3.825 1.5 1.5 0 0 1-3 0 6.996 6.996 0 0 0-6.995-6.995 1.5 1.5 0 0 1 0-3"
|
|
106
|
+
});
|
|
107
|
+
$[0] = t0;
|
|
108
|
+
} else {
|
|
109
|
+
t0 = $[0];
|
|
110
|
+
}
|
|
111
|
+
let t1;
|
|
112
|
+
if ($[1] !== props || $[2] !== ref) {
|
|
113
|
+
t1 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
114
|
+
viewBox: "0 0 28 28"
|
|
115
|
+
}, props, {
|
|
116
|
+
ref: ref
|
|
117
|
+
}), t0);
|
|
118
|
+
$[1] = props;
|
|
119
|
+
$[2] = ref;
|
|
120
|
+
$[3] = t1;
|
|
121
|
+
} else {
|
|
122
|
+
t1 = $[3];
|
|
123
|
+
}
|
|
124
|
+
return t1;
|
|
125
|
+
});
|
|
126
|
+
PhoneIcon28.displayName = 'PhoneIcon28';
|
|
127
|
+
const PhoneIcon = /*#__PURE__*/React.forwardRef((t0, ref) => {
|
|
128
|
+
const $ = _c(34);
|
|
129
|
+
let className;
|
|
130
|
+
let props;
|
|
131
|
+
let style;
|
|
132
|
+
let t1;
|
|
133
|
+
let t2;
|
|
134
|
+
let theme;
|
|
135
|
+
if ($[0] !== t0) {
|
|
136
|
+
({
|
|
137
|
+
theme,
|
|
138
|
+
size: t1,
|
|
139
|
+
className,
|
|
140
|
+
style,
|
|
141
|
+
"data-render-all-sizes": t2,
|
|
142
|
+
...props
|
|
143
|
+
} = t0);
|
|
144
|
+
$[0] = t0;
|
|
145
|
+
$[1] = className;
|
|
146
|
+
$[2] = props;
|
|
147
|
+
$[3] = style;
|
|
148
|
+
$[4] = t1;
|
|
149
|
+
$[5] = t2;
|
|
150
|
+
$[6] = theme;
|
|
151
|
+
} else {
|
|
152
|
+
className = $[1];
|
|
153
|
+
props = $[2];
|
|
154
|
+
style = $[3];
|
|
155
|
+
t1 = $[4];
|
|
156
|
+
t2 = $[5];
|
|
157
|
+
theme = $[6];
|
|
158
|
+
}
|
|
159
|
+
const sizeFromProps = t1 === undefined ? "m" : t1;
|
|
160
|
+
const renderAllSizes = t2 === undefined ? false : t2;
|
|
161
|
+
const size = sizeFromProps in Size ? sizeFromProps : "m";
|
|
162
|
+
const t3 = styles[theme];
|
|
163
|
+
const t4 = sizeStyles[size];
|
|
164
|
+
const t5 = renderAllSizes && styles.allVariants;
|
|
165
|
+
let t6;
|
|
166
|
+
if ($[7] !== className || $[8] !== t3 || $[9] !== t4 || $[10] !== t5) {
|
|
167
|
+
t6 = cn(styles.icon, t3, t4, t5, className);
|
|
168
|
+
$[7] = className;
|
|
169
|
+
$[8] = t3;
|
|
170
|
+
$[9] = t4;
|
|
171
|
+
$[10] = t5;
|
|
172
|
+
$[11] = t6;
|
|
173
|
+
} else {
|
|
174
|
+
t6 = $[11];
|
|
175
|
+
}
|
|
176
|
+
let t7;
|
|
177
|
+
if ($[12] !== renderAllSizes || $[13] !== style) {
|
|
178
|
+
t7 = renderAllSizes ? {
|
|
179
|
+
"--rs-icon-ar-width": 28,
|
|
180
|
+
"--rs-icon-ar-height": 28,
|
|
181
|
+
...style
|
|
182
|
+
} : style;
|
|
183
|
+
$[12] = renderAllSizes;
|
|
184
|
+
$[13] = style;
|
|
185
|
+
$[14] = t7;
|
|
186
|
+
} else {
|
|
187
|
+
t7 = $[14];
|
|
188
|
+
}
|
|
189
|
+
let t8;
|
|
190
|
+
if ($[15] !== props || $[16] !== ref || $[17] !== t6 || $[18] !== t7) {
|
|
191
|
+
t8 = {
|
|
192
|
+
...props,
|
|
193
|
+
className: t6,
|
|
194
|
+
style: t7,
|
|
195
|
+
ref
|
|
196
|
+
};
|
|
197
|
+
$[15] = props;
|
|
198
|
+
$[16] = ref;
|
|
199
|
+
$[17] = t6;
|
|
200
|
+
$[18] = t7;
|
|
201
|
+
$[19] = t8;
|
|
202
|
+
} else {
|
|
203
|
+
t8 = $[19];
|
|
204
|
+
}
|
|
205
|
+
const mainProps = t8;
|
|
206
|
+
if (renderAllSizes) {
|
|
207
|
+
let t10;
|
|
208
|
+
let t11;
|
|
209
|
+
let t12;
|
|
210
|
+
let t9;
|
|
211
|
+
if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
|
|
212
|
+
t9 = /*#__PURE__*/React.createElement(PhoneIcon16, {
|
|
213
|
+
className: styles.variant16
|
|
214
|
+
});
|
|
215
|
+
t10 = /*#__PURE__*/React.createElement(PhoneIcon20, {
|
|
216
|
+
className: styles.variant20
|
|
217
|
+
});
|
|
218
|
+
t11 = /*#__PURE__*/React.createElement(PhoneIcon24, {
|
|
219
|
+
className: styles.variant24
|
|
220
|
+
});
|
|
221
|
+
t12 = /*#__PURE__*/React.createElement(PhoneIcon28, {
|
|
222
|
+
className: styles.variant28
|
|
223
|
+
});
|
|
224
|
+
$[20] = t10;
|
|
225
|
+
$[21] = t11;
|
|
226
|
+
$[22] = t12;
|
|
227
|
+
$[23] = t9;
|
|
228
|
+
} else {
|
|
229
|
+
t10 = $[20];
|
|
230
|
+
t11 = $[21];
|
|
231
|
+
t12 = $[22];
|
|
232
|
+
t9 = $[23];
|
|
233
|
+
}
|
|
234
|
+
let t13;
|
|
235
|
+
if ($[24] !== mainProps) {
|
|
236
|
+
t13 = /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
237
|
+
viewBox: "0 0 28 28"
|
|
238
|
+
}, mainProps), t9, t10, t11, t12);
|
|
239
|
+
$[24] = mainProps;
|
|
240
|
+
$[25] = t13;
|
|
241
|
+
} else {
|
|
242
|
+
t13 = $[25];
|
|
243
|
+
}
|
|
244
|
+
return t13;
|
|
245
|
+
}
|
|
246
|
+
if (size === Size.xs) {
|
|
247
|
+
let t9;
|
|
248
|
+
if ($[26] !== mainProps) {
|
|
249
|
+
t9 = /*#__PURE__*/React.createElement(PhoneIcon16, mainProps);
|
|
250
|
+
$[26] = mainProps;
|
|
251
|
+
$[27] = t9;
|
|
252
|
+
} else {
|
|
253
|
+
t9 = $[27];
|
|
254
|
+
}
|
|
255
|
+
return t9;
|
|
256
|
+
}
|
|
257
|
+
if (size === Size.s) {
|
|
258
|
+
let t9;
|
|
259
|
+
if ($[28] !== mainProps) {
|
|
260
|
+
t9 = /*#__PURE__*/React.createElement(PhoneIcon20, mainProps);
|
|
261
|
+
$[28] = mainProps;
|
|
262
|
+
$[29] = t9;
|
|
263
|
+
} else {
|
|
264
|
+
t9 = $[29];
|
|
265
|
+
}
|
|
266
|
+
return t9;
|
|
267
|
+
}
|
|
268
|
+
if (size === Size.m) {
|
|
269
|
+
let t9;
|
|
270
|
+
if ($[30] !== mainProps) {
|
|
271
|
+
t9 = /*#__PURE__*/React.createElement(PhoneIcon24, mainProps);
|
|
272
|
+
$[30] = mainProps;
|
|
273
|
+
$[31] = t9;
|
|
274
|
+
} else {
|
|
275
|
+
t9 = $[31];
|
|
276
|
+
}
|
|
277
|
+
return t9;
|
|
278
|
+
}
|
|
279
|
+
let t9;
|
|
280
|
+
if ($[32] !== mainProps) {
|
|
281
|
+
t9 = /*#__PURE__*/React.createElement(PhoneIcon28, mainProps);
|
|
282
|
+
$[32] = mainProps;
|
|
283
|
+
$[33] = t9;
|
|
284
|
+
} else {
|
|
285
|
+
t9 = $[33];
|
|
286
|
+
}
|
|
287
|
+
return t9;
|
|
288
|
+
});
|
|
289
|
+
PhoneIcon.displayName = 'PhoneIcon';
|
|
290
|
+
PhoneIcon.propTypes = {
|
|
291
|
+
className: PropTypes.string,
|
|
292
|
+
theme: PropTypes.oneOf(["light", "dark"]),
|
|
293
|
+
size: PropTypes.oneOf(["xs", "s", "m", "l"]),
|
|
294
|
+
'data-render-all-sizes': PropTypes.bool,
|
|
295
|
+
style: PropTypes.object
|
|
296
|
+
};
|
|
297
|
+
export default PhoneIcon;
|
package/llm/components/icons.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/icons",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.12.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@rescui/colors": "^0.3.6",
|
|
34
34
|
"@rescui/postcss-preset-library": "^0.2.4",
|
|
35
35
|
"@rescui/scripts": "^0.6.0",
|
|
36
|
-
"@rescui/typography": "^0.30.
|
|
36
|
+
"@rescui/typography": "^0.30.2",
|
|
37
37
|
"babel-plugin-react-compiler": "^1.0.0",
|
|
38
38
|
"postsvg": "2.2.7",
|
|
39
39
|
"react-copy-to-clipboard": "^5.0.3"
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"svg-to-jsx": "rescui-scripts svg-to-jsx --src=svg --out=lib --template=template.js --ts-template=ts-template.js --typings-dir=lib"
|
|
45
45
|
},
|
|
46
46
|
"nx": {},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
|
|
48
48
|
}
|
package/svg/helpdesk_20.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M10
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M10 1.75a8.23 8.23 0 0 1 6.215 2.828l.14.16A8.25 8.25 0 1 1 10 1.75M6.344 15.067A6.2 6.2 0 0 0 10 16.25c1.365 0 2.625-.44 3.653-1.183l-.935-.935a4.92 4.92 0 0 1-5.438-.001zM14.13 7.28a4.92 4.92 0 0 1 0 5.438l.936.935A6.2 6.2 0 0 0 16.25 10a6.2 6.2 0 0 0-1.183-3.656zm-9.2-.935A6.2 6.2 0 0 0 3.75 10c0 1.364.439 2.625 1.18 3.652l.936-.935A4.92 4.92 0 0 1 5.05 10c0-1.005.301-1.939.816-2.72zM10 7.05c-.56 0-1.084.159-1.531.431l-.158.105-.001-.001A2.96 2.96 0 0 0 7.05 10c0 .563.16 1.087.434 1.535.242.394.573.726.966.97a2.93 2.93 0 0 0 3.087.009A2.96 2.96 0 0 0 12.95 10 2.96 2.96 0 0 0 10 7.05m0-3.3a6.22 6.22 0 0 0-3.656 1.18l.936.936A4.93 4.93 0 0 1 10 5.05c1.004 0 1.937.302 2.717.816l.935-.935A6.2 6.2 0 0 0 10 3.75"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4.882 2.5c.477 0 .907.29 1.084.733l.965 2.413a1.17 1.17 0 0 1-.437 1.404l-.867.576a9.2 9.2 0 0 0 2.648 2.684l.551-.825a1.17 1.17 0 0 1 1.403-.436l2.413.965c.442.177.733.607.733 1.084v2.543c0 .565-.414 1.078-1.013 1.14a10 10 0 0 1-1.028.052c-5.615 0-10.167-4.552-10.167-10.167q0-.593.067-1.168A1.136 1.136 0 0 1 2.372 2.5zm-2.51 1c-.088 0-.138.06-.144.112a9.167 9.167 0 0 0 10.034 10.173c.052-.006.113-.055.113-.144v-2.543a.17.17 0 0 0-.104-.156l-2.413-.964a.17.17 0 0 0-.2.062l-1.083 1.624-.408-.241a10.2 10.2 0 0 1-3.651-3.695l-.234-.407L5.94 6.217a.17.17 0 0 0 .063-.2l-.965-2.413a.17.17 0 0 0-.155-.104zM9.48 1.166a5.356 5.356 0 0 1 5.354 5.355.501.501 0 0 1-1 0 4.36 4.36 0 0 0-1.275-3.079 4.36 4.36 0 0 0-3.08-1.275.5.5 0 0 1 0-1.001M9.48 3.394a3.13 3.13 0 0 1 2.89 1.93c.156.38.236.786.236 1.197a.5.5 0 0 1-1 0 2.13 2.13 0 0 0-1.312-1.965 2.1 2.1 0 0 0-.815-.162.5.5 0 0 1 0-1"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.104 3c.647 0 1.229.394 1.47.995L8.778 7.01c.278.695.03 1.49-.592 1.906l-.983.653c.82 1.24 1.876 2.31 3.106 3.145l.619-.927a1.584 1.584 0 0 1 1.905-.592l3.015 1.206c.6.24.996.823.996 1.47v3.18c0 .766-.563 1.465-1.38 1.549q-.64.065-1.298.066c-7.087 0-12.834-5.746-12.834-12.833q.001-.748.086-1.475C1.512 3.551 2.206 3 2.965 3zm-3.14 1.5a.08.08 0 0 0-.047.016l-.007.007v.006a11 11 0 0 0-.076 1.304c0 6.259 5.074 11.333 11.333 11.333a11 11 0 0 0 1.153-.06l.008-.007a.07.07 0 0 0 .017-.048v-3.18a.08.08 0 0 0-.053-.077l-3.016-1.206a.08.08 0 0 0-.1.031l-1.42 2.128-.61-.361a12.9 12.9 0 0 1-4.61-4.664l-.35-.61 2.17-1.444a.085.085 0 0 0 .03-.1L6.182 4.552a.09.09 0 0 0-.077-.053zM11.85 4.116a4.04 4.04 0 0 1 3.727 2.49c.203.49.307 1.015.307 1.544a.75.75 0 0 1-1.5 0 2.535 2.535 0 0 0-2.534-2.534.75.75 0 0 1 0-1.5M11.85 1.333a6.82 6.82 0 0 1 4.82 1.997 6.82 6.82 0 0 1 1.997 4.82.75.75 0 0 1-1.5 0 5.32 5.32 0 0 0-1.558-3.76 5.32 5.32 0 0 0-3.76-1.557.75.75 0 0 1 0-1.5"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7.323 3.5A2 2 0 0 1 9.18 4.757l1.447 3.618a2 2 0 0 1-.748 2.407l-1.095.729a13.6 13.6 0 0 0 3.56 3.605l.686-1.027a2 2 0 0 1 2.408-.747l3.618 1.447a2 2 0 0 1 1.256 1.856v3.816c0 .967-.709 1.853-1.744 1.958a16 16 0 0 1-1.568.08c-8.56 0-15.5-6.94-15.5-15.5q0-.904.103-1.781C1.72 4.195 2.599 3.5 3.557 3.5zm-3.739 2q-.083.738-.084 1.499c0 7.456 6.044 13.5 13.5 13.5q.664-.001 1.313-.065v-3.789l-3.619-1.447-1.756 2.633-.815-.482a15.57 15.57 0 0 1-5.567-5.634l-.467-.812L8.77 9.118 7.323 5.5zM14.219 4.84A4.94 4.94 0 0 1 19.16 9.78a1 1 0 0 1-2 0A2.944 2.944 0 0 0 14.22 6.84a1 1 0 1 1 0-2M14.219 1.5A8.28 8.28 0 0 1 22.5 9.781a1 1 0 0 1-2 0A6.28 6.28 0 0 0 14.219 3.5a1 1 0 1 1 0-2"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M8.544 4.25c.886 0 1.683.54 2.012 1.362l1.688 4.221c.38.951.042 2.04-.81 2.607l-1.416.943a16 16 0 0 0 4.43 4.485l.893-1.339a2.17 2.17 0 0 1 2.607-.81l4.222 1.69a2.17 2.17 0 0 1 1.361 2.01v4.452c0 1.05-.768 2.005-1.884 2.12q-.894.09-1.813.091c-9.895 0-17.918-8.021-17.918-17.916q0-1.045.12-2.06C2.161 5.003 3.111 4.25 4.15 4.25zm-4.394 2a.16.16 0 0 0-.1.034.08.08 0 0 0-.028.052q-.104.9-.105 1.83c0 8.79 7.127 15.916 15.917 15.916q.815 0 1.61-.082a.08.08 0 0 0 .053-.03.15.15 0 0 0 .034-.099V19.42a.17.17 0 0 0-.104-.154l-4.222-1.689a.17.17 0 0 0-.2.062l-1.961 2.94-.816-.482a18 18 0 0 1-6.435-6.512l-.466-.812.778-.52 2.22-1.477a.17.17 0 0 0 .062-.2L8.698 6.353a.17.17 0 0 0-.154-.104zM16.588 1.917a9.497 9.497 0 0 1 9.495 9.495 1 1 0 0 1-2 0 7.497 7.497 0 0 0-7.495-7.495 1 1 0 1 1 0-2M16.588 5.813A5.6 5.6 0 0 1 21.76 9.27c.28.679.425 1.406.425 2.141a1 1 0 1 1-2 0 3.6 3.6 0 0 0-3.597-3.598 1 1 0 1 1 0-2"/></svg>
|
package/svg/phone_16.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4.882 2.75c.375 0 .712.228.851.576l.965 2.412a.92.92 0 0 1-.343 1.104l-1.07.712a9.46 9.46 0 0 0 3.062 3.098l.687-1.028c.24-.36.7-.504 1.103-.343l2.412.965c.348.14.576.477.576.852v2.543a.886.886 0 0 1-.788.89q-.495.052-1.003.052c-5.477 0-9.917-4.44-9.917-9.917q0-.578.065-1.14a.887.887 0 0 1 .89-.776zM9.48.916a5.606 5.606 0 0 1 5.604 5.605.751.751 0 0 1-1.5 0 4.1 4.1 0 0 0-1.202-2.902 4.1 4.1 0 0 0-2.903-1.202.75.75 0 0 1 0-1.501M9.48 3.344a3.18 3.18 0 0 1 3.176 3.177.75.75 0 0 1-1.5 0A1.677 1.677 0 0 0 9.48 4.844a.75.75 0 0 1 0-1.5"/></svg>
|
package/svg/phone_20.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M6.103 3.25c.544 0 1.034.332 1.237.838l1.206 3.015a1.334 1.334 0 0 1-.5 1.605l-1.186.79a11.64 11.64 0 0 0 3.519 3.562l.757-1.134a1.334 1.334 0 0 1 1.604-.498l3.015 1.206c.506.202.839.692.839 1.237v3.18c0 .647-.474 1.23-1.155 1.3q-.627.064-1.273.065c-6.95 0-12.583-5.634-12.583-12.583q0-.734.083-1.446c.077-.673.657-1.137 1.298-1.137zM11.85 4.5a3.655 3.655 0 0 1 3.373 2.254c.183.442.277.917.277 1.396a1 1 0 0 1-2 0 1.66 1.66 0 0 0-.483-1.167A1.65 1.65 0 0 0 11.85 6.5a1 1 0 0 1 0-2M11.849 1.083a7.07 7.07 0 0 1 6.529 4.363c.355.858.538 1.776.538 2.704a1 1 0 1 1-2 0 5.07 5.07 0 0 0-5.067-5.067 1 1 0 0 1 0-2"/></svg>
|
package/svg/phone_24.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7.323 4a1.5 1.5 0 0 1 1.393.943l1.447 3.618a1.5 1.5 0 0 1-.561 1.805l-1.506 1.002a14.1 14.1 0 0 0 4.387 4.44l.963-1.442a1.5 1.5 0 0 1 1.805-.56l3.618 1.447c.57.228.943.78.944 1.392v3.816c0 .73-.533 1.383-1.294 1.46Q17.769 22 17 22c-8.284 0-15-6.716-15-15q0-.875.099-1.724C2.185 4.522 2.835 4 3.557 4zM14.219 5.438a4.344 4.344 0 0 1 4.344 4.343 1.5 1.5 0 0 1-3 0 1.347 1.347 0 0 0-1.344-1.344 1.5 1.5 0 1 1 0-3M14.219 1A8.78 8.78 0 0 1 23 9.781a1.5 1.5 0 0 1-3 0A5.78 5.78 0 0 0 14.219 4a1.5 1.5 0 1 1 0-3"/></svg>
|
package/svg/phone_28.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path d="M8.544 4.5c.783 0 1.488.478 1.78 1.205l1.688 4.22a1.92 1.92 0 0 1-.717 2.307l-1.621 1.079a16.25 16.25 0 0 0 4.843 4.903l1.032-1.546a1.92 1.92 0 0 1 2.307-.716l4.221 1.689a1.92 1.92 0 0 1 1.204 1.779v4.451c0 .93-.68 1.77-1.659 1.87q-.881.09-1.788.091c-9.757 0-17.667-7.91-17.667-17.666q.001-1.03.116-2.03C2.395 5.167 3.23 4.5 4.15 4.5zM16.588 6.001a5.41 5.41 0 0 1 5.411 5.411 1.501 1.501 0 0 1-3 0 2.415 2.415 0 0 0-1.488-2.227A2.4 2.4 0 0 0 16.588 9a1.5 1.5 0 0 1 0-3M16.588 1.417a10 10 0 0 1 9.234 6.17 10 10 0 0 1 .761 3.825 1.5 1.5 0 0 1-3 0 6.996 6.996 0 0 0-6.995-6.995 1.5 1.5 0 0 1 0-3"/></svg>
|