diginet-core-ui 1.3.35-beta.4 → 1.3.35-beta.5
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/icons/basic.js +18 -403
- package/package.json +1 -1
- package/styles/general.js +10 -1
- package/theme/settings.js +3 -2
package/icons/basic.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/* eslint-disable react/display-name */
|
|
2
|
+
|
|
3
|
+
/* eslint-disable react/prop-types */
|
|
1
4
|
import React, { memo } from 'react';
|
|
2
5
|
import { useTheme } from '../theme';
|
|
3
6
|
const {
|
|
@@ -91,34 +94,6 @@ export const Add = /*#__PURE__*/memo(({
|
|
|
91
94
|
fill: colors[color] || color
|
|
92
95
|
}));
|
|
93
96
|
});
|
|
94
|
-
export const AddCircle = /*#__PURE__*/memo(({
|
|
95
|
-
width,
|
|
96
|
-
height,
|
|
97
|
-
color = '#7F828E',
|
|
98
|
-
viewBox = false
|
|
99
|
-
}) => {
|
|
100
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
101
|
-
width: width || 24,
|
|
102
|
-
height: height || 24,
|
|
103
|
-
viewBox: "0 0 24 24",
|
|
104
|
-
fill: "none"
|
|
105
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
106
|
-
fillRule: "evenodd",
|
|
107
|
-
clipRule: "evenodd",
|
|
108
|
-
d: "M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM13 13H17V11H13V7H11V11H7V13H11V17H13V13Z",
|
|
109
|
-
fill: colors[color] || color
|
|
110
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
111
|
-
width: width || 20,
|
|
112
|
-
height: height || 20,
|
|
113
|
-
viewBox: "0 0 20 20",
|
|
114
|
-
fill: "none"
|
|
115
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
116
|
-
fillRule: "evenodd",
|
|
117
|
-
clipRule: "evenodd",
|
|
118
|
-
d: "M0 10C0 4.48 4.48 0 10 0C15.52 0 20 4.48 20 10C20 15.52 15.52 20 10 20C4.48 20 0 15.52 0 10ZM11 11H15V9H11V5H9V9H5V11H9V15H11V11Z",
|
|
119
|
-
fill: colors[color] || color
|
|
120
|
-
}));
|
|
121
|
-
});
|
|
122
97
|
export const AddItem = /*#__PURE__*/memo(({
|
|
123
98
|
width,
|
|
124
99
|
height,
|
|
@@ -1111,34 +1086,6 @@ export const Calendar = /*#__PURE__*/memo(({
|
|
|
1111
1086
|
fill: colors[color] || color
|
|
1112
1087
|
}));
|
|
1113
1088
|
});
|
|
1114
|
-
export const CalendarNew = /*#__PURE__*/memo(({
|
|
1115
|
-
width,
|
|
1116
|
-
height,
|
|
1117
|
-
color = '#7F828E',
|
|
1118
|
-
viewBox = false
|
|
1119
|
-
}) => {
|
|
1120
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1121
|
-
width: width || 24,
|
|
1122
|
-
height: height || 24,
|
|
1123
|
-
viewBox: "0 0 24 24",
|
|
1124
|
-
fill: "none"
|
|
1125
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1126
|
-
fillRule: "evenodd",
|
|
1127
|
-
clipRule: "evenodd",
|
|
1128
|
-
d: "M19 3H20C21.1 3 22 3.9 22 5V21C22 22.1 21.1 23 20 23H4C2.9 23 2 22.1 2 21V5C2 3.9 2.9 3 4 3H5V1H7V3H17V1H19V3ZM4 21H20V8H4V21Z",
|
|
1129
|
-
fill: colors[color] || color
|
|
1130
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1131
|
-
width: width || 20,
|
|
1132
|
-
height: height || 22,
|
|
1133
|
-
viewBox: "0 0 20 22",
|
|
1134
|
-
fill: "none"
|
|
1135
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1136
|
-
fillRule: "evenodd",
|
|
1137
|
-
clipRule: "evenodd",
|
|
1138
|
-
d: "M17 2H18C19.1 2 20 2.9 20 4V20C20 21.1 19.1 22 18 22H2C0.9 22 0 21.1 0 20V4C0 2.9 0.9 2 2 2H3V0H5V2H15V0H17V2ZM2 20H18V7H2V20Z",
|
|
1139
|
-
fill: colors[color] || color
|
|
1140
|
-
}));
|
|
1141
|
-
});
|
|
1142
1089
|
export const CalendarBlank = /*#__PURE__*/memo(({
|
|
1143
1090
|
width,
|
|
1144
1091
|
height,
|
|
@@ -1167,52 +1114,6 @@ export const CalendarBlank = /*#__PURE__*/memo(({
|
|
|
1167
1114
|
fill: colors[color] || color
|
|
1168
1115
|
}));
|
|
1169
1116
|
});
|
|
1170
|
-
export const CalendarBlankRounded = /*#__PURE__*/memo(({
|
|
1171
|
-
width,
|
|
1172
|
-
height,
|
|
1173
|
-
color = '#7F828E',
|
|
1174
|
-
viewBox = false
|
|
1175
|
-
}) => {
|
|
1176
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1177
|
-
width: width || 24,
|
|
1178
|
-
height: height || 24,
|
|
1179
|
-
viewBox: "0 0 24 24",
|
|
1180
|
-
fill: "none"
|
|
1181
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1182
|
-
fillRule: "evenodd",
|
|
1183
|
-
clipRule: "evenodd",
|
|
1184
|
-
d: "M17.9865 4.0058H16.9897V2.9971C16.9897 2.45217 16.5377 2 15.9929 2C15.4366 2 14.9845 2.45217 14.9845 2.9971V4.0058H8.99227V2.9971C8.99227 2.45217 8.54025 2 7.99549 2C7.43915 2 6.98712 2.45217 6.98712 2.9971V4.0058H6.00193C4.34449 4.0058 3 5.35072 3 6.9971V18.9971C3 20.6551 4.34449 22 6.00193 22H17.9981C19.6555 22 21 20.6551 21 18.9971V6.9971C21 5.36232 19.6439 4.0058 17.9865 4.0058ZM18.9949 19.0087C18.9949 19.5652 18.5544 20.0174 17.9981 20.0174H6.00193C5.45718 20.0174 5.00515 19.5652 5.00515 19.0087V6.9971C5.00515 6.45217 5.45718 6 6.00193 6H6.99871V6.9971C6.99871 7.55362 7.45074 8.0058 8.00708 8.0058C8.55184 8.0058 9.00386 7.55362 9.00386 6.9971V6.01159H14.9961V7.0087C14.9961 7.56522 15.4482 8.01739 16.0045 8.01739C16.5493 8.01739 17.0013 7.56522 17.0013 7.0087V6.01159H17.9981C18.5544 6.01159 18.9949 6.46377 18.9949 7.0087V19.0087Z",
|
|
1185
|
-
fill: colors[color] || color
|
|
1186
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1187
|
-
d: "M9 13C9 13.5523 8.55228 14 8 14C7.44772 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12C8.55228 12 9 12.4477 9 13Z",
|
|
1188
|
-
fill: colors[color] || color
|
|
1189
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1190
|
-
d: "M13 13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13C11 12.4477 11.4477 12 12 12C12.5523 12 13 12.4477 13 13Z",
|
|
1191
|
-
fill: colors[color] || color
|
|
1192
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1193
|
-
d: "M17 13C17 13.5523 16.5523 14 16 14C15.4477 14 15 13.5523 15 13C15 12.4477 15.4477 12 16 12C16.5523 12 17 12.4477 17 13Z",
|
|
1194
|
-
fill: colors[color] || color
|
|
1195
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1196
|
-
width: width || 18,
|
|
1197
|
-
height: height || 20,
|
|
1198
|
-
viewBox: "0 0 18 20",
|
|
1199
|
-
fill: "none"
|
|
1200
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1201
|
-
fillRule: "evenodd",
|
|
1202
|
-
clipRule: "evenodd",
|
|
1203
|
-
d: "M14.9865 2.0058H13.9897V0.997102C13.9897 0.452174 13.5377 0 12.9929 0C12.4366 0 11.9845 0.452174 11.9845 0.997102V2.0058H5.99227V0.997102C5.99227 0.452174 5.54025 0 4.99549 0C4.43915 0 3.98712 0.452174 3.98712 0.997102V2.0058H3.00193C1.34449 2.0058 0 3.35072 0 4.9971V16.9971C0 18.6551 1.34449 20 3.00193 20H14.9981C16.6555 20 18 18.6551 18 16.9971V4.9971C18 3.36232 16.6439 2.0058 14.9865 2.0058ZM15.9949 17.0087C15.9949 17.5652 15.5544 18.0174 14.9981 18.0174H3.00193C2.45718 18.0174 2.00515 17.5652 2.00515 17.0087V4.9971C2.00515 4.45217 2.45718 4 3.00193 4H3.99871V4.9971C3.99871 5.55362 4.45074 6.0058 5.00708 6.0058C5.55184 6.0058 6.00386 5.55362 6.00386 4.9971V4.01159H11.9961V5.0087C11.9961 5.56522 12.4482 6.01739 13.0045 6.01739C13.5493 6.01739 14.0013 5.56522 14.0013 5.0087V4.01159H14.9981C15.5544 4.01159 15.9949 4.46377 15.9949 5.0087V17.0087Z",
|
|
1204
|
-
fill: colors[color] || color
|
|
1205
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1206
|
-
d: "M6 11C6 11.5523 5.55228 12 5 12C4.44772 12 4 11.5523 4 11C4 10.4477 4.44772 10 5 10C5.55228 10 6 10.4477 6 11Z",
|
|
1207
|
-
fill: colors[color] || color
|
|
1208
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1209
|
-
d: "M10 11C10 11.5523 9.55228 12 9 12C8.44772 12 8 11.5523 8 11C8 10.4477 8.44772 10 9 10C9.55228 10 10 10.4477 10 11Z",
|
|
1210
|
-
fill: colors[color] || color
|
|
1211
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1212
|
-
d: "M14 11C14 11.5523 13.5523 12 13 12C12.4477 12 12 11.5523 12 11C12 10.4477 12.4477 10 13 10C13.5523 10 14 10.4477 14 11Z",
|
|
1213
|
-
fill: colors[color] || color
|
|
1214
|
-
}));
|
|
1215
|
-
});
|
|
1216
1117
|
export const Cancel = /*#__PURE__*/memo(({
|
|
1217
1118
|
width,
|
|
1218
1119
|
height,
|
|
@@ -1413,84 +1314,6 @@ export const Clock = /*#__PURE__*/memo(({
|
|
|
1413
1314
|
fill: colors[color] || color
|
|
1414
1315
|
}));
|
|
1415
1316
|
});
|
|
1416
|
-
export const Close = /*#__PURE__*/memo(({
|
|
1417
|
-
width,
|
|
1418
|
-
height,
|
|
1419
|
-
color = '#7F828E',
|
|
1420
|
-
viewBox = false
|
|
1421
|
-
}) => {
|
|
1422
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1423
|
-
width: width || 24,
|
|
1424
|
-
height: height || 24,
|
|
1425
|
-
viewBox: "0 0 24 24",
|
|
1426
|
-
fill: "none"
|
|
1427
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1428
|
-
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
|
|
1429
|
-
fill: colors[color] || color
|
|
1430
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1431
|
-
width: width || 14,
|
|
1432
|
-
height: height || 14,
|
|
1433
|
-
viewBox: "0 0 14 14",
|
|
1434
|
-
fill: "none"
|
|
1435
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1436
|
-
d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z",
|
|
1437
|
-
fill: colors[color] || color
|
|
1438
|
-
}));
|
|
1439
|
-
});
|
|
1440
|
-
export const CloseOutline = /*#__PURE__*/memo(({
|
|
1441
|
-
width,
|
|
1442
|
-
height,
|
|
1443
|
-
color = '#7F828E',
|
|
1444
|
-
viewBox = false
|
|
1445
|
-
}) => {
|
|
1446
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1447
|
-
width: width || 24,
|
|
1448
|
-
height: height || 24,
|
|
1449
|
-
viewBox: "0 0 24 24",
|
|
1450
|
-
fill: "none"
|
|
1451
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1452
|
-
d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM15.59 7L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z",
|
|
1453
|
-
fill: colors[color] || color
|
|
1454
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1455
|
-
width: width || 20,
|
|
1456
|
-
height: height || 20,
|
|
1457
|
-
viewBox: "0 0 20 20",
|
|
1458
|
-
fill: "none"
|
|
1459
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1460
|
-
d: "M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM13.59 5L10 8.59L6.41 5L5 6.41L8.59 10L5 13.59L6.41 15L10 11.41L13.59 15L15 13.59L11.41 10L15 6.41L13.59 5Z",
|
|
1461
|
-
fill: colors[color] || color
|
|
1462
|
-
}));
|
|
1463
|
-
});
|
|
1464
|
-
export const CloseUnderline = /*#__PURE__*/memo(({
|
|
1465
|
-
width,
|
|
1466
|
-
height,
|
|
1467
|
-
color = '#7F828E',
|
|
1468
|
-
viewBox = false
|
|
1469
|
-
}) => {
|
|
1470
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1471
|
-
width: width || 24,
|
|
1472
|
-
height: height || 24,
|
|
1473
|
-
viewBox: "0 0 24 24",
|
|
1474
|
-
fill: "none"
|
|
1475
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1476
|
-
d: "M19 18H5V20H19V18Z",
|
|
1477
|
-
fill: colors[color] || color
|
|
1478
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1479
|
-
d: "M17.5563 5.65689L16.1421 4.24268L11.8995 8.48532L7.65683 4.24268L6.24262 5.65689L10.4853 9.89953L6.24262 14.1422L7.65683 15.5564L11.8995 11.3137L16.1421 15.5564L17.5563 14.1422L13.3137 9.89953L17.5563 5.65689Z",
|
|
1480
|
-
fill: colors[color] || color
|
|
1481
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1482
|
-
width: width || 14,
|
|
1483
|
-
height: height || 16,
|
|
1484
|
-
viewBox: "0 0 14 16",
|
|
1485
|
-
fill: "none"
|
|
1486
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1487
|
-
d: "M14 14H0V16H14V14Z",
|
|
1488
|
-
fill: colors[color] || color
|
|
1489
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
1490
|
-
d: "M12.5563 1.65689L11.1421 0.242676L6.89948 4.48532L2.65683 0.242676L1.24262 1.65689L5.48526 5.89953L1.24262 10.1422L2.65683 11.5564L6.89948 7.31374L11.1421 11.5564L12.5563 10.1422L8.31369 5.89953L12.5563 1.65689Z",
|
|
1491
|
-
fill: colors[color] || color
|
|
1492
|
-
}));
|
|
1493
|
-
});
|
|
1494
1317
|
export const Colors = /*#__PURE__*/memo(({
|
|
1495
1318
|
width,
|
|
1496
1319
|
height,
|
|
@@ -1973,34 +1796,6 @@ export const Edit = /*#__PURE__*/memo(({
|
|
|
1973
1796
|
fill: colors[color] || color
|
|
1974
1797
|
}));
|
|
1975
1798
|
});
|
|
1976
|
-
export const EditV2 = /*#__PURE__*/memo(({
|
|
1977
|
-
width,
|
|
1978
|
-
height,
|
|
1979
|
-
color = '#7F828E',
|
|
1980
|
-
viewBox = false
|
|
1981
|
-
}) => {
|
|
1982
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
1983
|
-
width: width || 24,
|
|
1984
|
-
height: height || 24,
|
|
1985
|
-
viewBox: "0 0 24 24",
|
|
1986
|
-
fill: "none"
|
|
1987
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1988
|
-
fillRule: "evenodd",
|
|
1989
|
-
clipRule: "evenodd",
|
|
1990
|
-
d: "M20.71 5.63C21.1 6.02 21.1 6.65 20.71 7.04L18.88 8.87L15.13 5.12L16.96 3.29C17.35 2.9 17.98 2.9 18.37 3.29L20.71 5.63ZM3 21V17.25L14.06 6.19L17.81 9.94L6.75 21H3Z",
|
|
1991
|
-
fill: colors[color] || color
|
|
1992
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
1993
|
-
width: width || 19,
|
|
1994
|
-
height: height || 19,
|
|
1995
|
-
viewBox: "0 0 19 19",
|
|
1996
|
-
fill: "none"
|
|
1997
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
1998
|
-
fillRule: "evenodd",
|
|
1999
|
-
clipRule: "evenodd",
|
|
2000
|
-
d: "M17.71 3.63C18.1 4.02 18.1 4.65 17.71 5.04L15.88 6.87L12.13 3.12L13.96 1.29C14.35 0.899998 14.98 0.899998 15.37 1.29L17.71 3.63ZM0 19V15.25L11.06 4.19L14.81 7.94L3.75 19H0Z",
|
|
2001
|
-
fill: colors[color] || color
|
|
2002
|
-
}));
|
|
2003
|
-
});
|
|
2004
1799
|
export const Emoji = /*#__PURE__*/memo(({
|
|
2005
1800
|
width,
|
|
2006
1801
|
height,
|
|
@@ -2119,34 +1914,6 @@ export const Earth = /*#__PURE__*/memo(({
|
|
|
2119
1914
|
fill: colors[color] || color
|
|
2120
1915
|
}));
|
|
2121
1916
|
});
|
|
2122
|
-
export const Failed = /*#__PURE__*/memo(({
|
|
2123
|
-
width,
|
|
2124
|
-
height,
|
|
2125
|
-
color = '#7F828E',
|
|
2126
|
-
viewBox = false
|
|
2127
|
-
}) => {
|
|
2128
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
2129
|
-
width: width || 24,
|
|
2130
|
-
height: height || 24,
|
|
2131
|
-
viewBox: "0 0 24 24",
|
|
2132
|
-
fill: "none"
|
|
2133
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
2134
|
-
fillRule: "evenodd",
|
|
2135
|
-
clipRule: "evenodd",
|
|
2136
|
-
d: "M2 12C2 6.47 6.47 2 12 2C17.53 2 22 6.47 22 12C22 17.53 17.53 22 12 22C6.47 22 2 17.53 2 12ZM15.59 17L17 15.59L13.41 12L17 8.41L15.59 7L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17Z",
|
|
2137
|
-
fill: colors[color] || color
|
|
2138
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
2139
|
-
width: width || 20,
|
|
2140
|
-
height: height || 20,
|
|
2141
|
-
viewBox: "0 0 20 20",
|
|
2142
|
-
fill: "none"
|
|
2143
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
2144
|
-
fillRule: "evenodd",
|
|
2145
|
-
clipRule: "evenodd",
|
|
2146
|
-
d: "M0 10C0 4.47 4.47 0 10 0C15.53 0 20 4.47 20 10C20 15.53 15.53 20 10 20C4.47 20 0 15.53 0 10ZM13.59 15L15 13.59L11.41 10L15 6.41L13.59 5L10 8.59L6.41 5L5 6.41L8.59 10L5 13.59L6.41 15L10 11.41L13.59 15Z",
|
|
2147
|
-
fill: colors[color] || color
|
|
2148
|
-
}));
|
|
2149
|
-
});
|
|
2150
1917
|
export const FastForward = /*#__PURE__*/memo(({
|
|
2151
1918
|
width,
|
|
2152
1919
|
height,
|
|
@@ -3188,36 +2955,6 @@ export const Logout = /*#__PURE__*/memo(({
|
|
|
3188
2955
|
fill: colors[color] || color
|
|
3189
2956
|
}));
|
|
3190
2957
|
});
|
|
3191
|
-
export const LogoutV2 = /*#__PURE__*/memo(({
|
|
3192
|
-
width,
|
|
3193
|
-
height,
|
|
3194
|
-
color = '#7F828E',
|
|
3195
|
-
viewBox = false
|
|
3196
|
-
}) => {
|
|
3197
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
3198
|
-
width: width || 24,
|
|
3199
|
-
height: height || 24,
|
|
3200
|
-
viewBox: "0 0 24 24",
|
|
3201
|
-
fill: "none"
|
|
3202
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
3203
|
-
d: "M10.0036 6.04545V17.9636C10.0036 18.4636 10.4037 18.8727 10.8928 18.8727H16.2285V21.0909C16.2285 21.6 15.8284 22 15.3393 22H2.88928C2.40018 22 2 21.6 2 21.0909V2.90909C2 2.40909 2.40018 2 2.88928 2H15.3393C15.8284 2 16.2285 2.40909 16.2285 2.90909V5.13636H10.8928C10.4037 5.13636 10.0036 5.54545 10.0036 6.04545Z",
|
|
3204
|
-
fill: colors[color] || color
|
|
3205
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
3206
|
-
d: "M19.5367 9.48186L16.2819 6.13641V9.46368H11.3464V14.5364H16.2819V17.8637L19.5367 14.5182L22 12L19.5367 9.48186Z",
|
|
3207
|
-
fill: colors[color] || color
|
|
3208
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
3209
|
-
width: width || 20,
|
|
3210
|
-
height: height || 20,
|
|
3211
|
-
viewBox: "0 0 20 20",
|
|
3212
|
-
fill: "none"
|
|
3213
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
3214
|
-
d: "M8.00355 4.04545V15.9636C8.00355 16.4636 8.40373 16.8727 8.89284 16.8727H14.2285V19.0909C14.2285 19.6 13.8284 20 13.3393 20H0.889284C0.400178 20 0 19.6 0 19.0909V0.909091C0 0.409091 0.400178 0 0.889284 0H13.3393C13.8284 0 14.2285 0.409091 14.2285 0.909091V3.13636H8.89284C8.40373 3.13636 8.00355 3.54545 8.00355 4.04545Z",
|
|
3215
|
-
fill: colors[color] || color
|
|
3216
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
3217
|
-
d: "M17.5367 7.48186L14.2819 4.13641V7.46368H9.34638V12.5364H14.2819V15.8637L17.5367 12.5182L20 10L17.5367 7.48186Z",
|
|
3218
|
-
fill: colors[color] || color
|
|
3219
|
-
}));
|
|
3220
|
-
});
|
|
3221
2958
|
export const Mail = /*#__PURE__*/memo(({
|
|
3222
2959
|
width,
|
|
3223
2960
|
height,
|
|
@@ -4942,34 +4679,6 @@ export const Save = /*#__PURE__*/memo(({
|
|
|
4942
4679
|
fill: colors[color] || color
|
|
4943
4680
|
}));
|
|
4944
4681
|
});
|
|
4945
|
-
export const SaveV2 = /*#__PURE__*/memo(({
|
|
4946
|
-
width,
|
|
4947
|
-
height,
|
|
4948
|
-
color = '#7F828E',
|
|
4949
|
-
viewBox = false
|
|
4950
|
-
}) => {
|
|
4951
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
4952
|
-
width: width || 24,
|
|
4953
|
-
height: height || 24,
|
|
4954
|
-
viewBox: "0 0 24 24",
|
|
4955
|
-
fill: "none"
|
|
4956
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
4957
|
-
fillRule: "evenodd",
|
|
4958
|
-
clipRule: "evenodd",
|
|
4959
|
-
d: "M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3ZM12 19C10.34 19 9 17.66 9 16C9 14.34 10.34 13 12 13C13.66 13 15 14.34 15 16C15 17.66 13.66 19 12 19ZM5 9H15V5H5V9Z",
|
|
4960
|
-
fill: colors[color] || color
|
|
4961
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
4962
|
-
width: width || 18,
|
|
4963
|
-
height: height || 18,
|
|
4964
|
-
viewBox: "0 0 18 18",
|
|
4965
|
-
fill: "none"
|
|
4966
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
4967
|
-
fillRule: "evenodd",
|
|
4968
|
-
clipRule: "evenodd",
|
|
4969
|
-
d: "M14 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.1 18 18 17.1 18 16V4L14 0ZM9 16C7.34 16 6 14.66 6 13C6 11.34 7.34 10 9 10C10.66 10 12 11.34 12 13C12 14.66 10.66 16 9 16ZM2 6H12V2H2V6Z",
|
|
4970
|
-
fill: colors[color] || color
|
|
4971
|
-
}));
|
|
4972
|
-
});
|
|
4973
4682
|
export const SaveCancel = /*#__PURE__*/memo(({
|
|
4974
4683
|
width,
|
|
4975
4684
|
height,
|
|
@@ -5062,30 +4771,6 @@ export const School = /*#__PURE__*/memo(({
|
|
|
5062
4771
|
fill: colors[color] || color
|
|
5063
4772
|
}));
|
|
5064
4773
|
});
|
|
5065
|
-
export const Send = /*#__PURE__*/memo(({
|
|
5066
|
-
width,
|
|
5067
|
-
height,
|
|
5068
|
-
color = '#7F828E',
|
|
5069
|
-
viewBox = false
|
|
5070
|
-
}) => {
|
|
5071
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
5072
|
-
width: width || 24,
|
|
5073
|
-
height: height || 24,
|
|
5074
|
-
viewBox: "0 0 24 24",
|
|
5075
|
-
fill: "none"
|
|
5076
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5077
|
-
d: "M2.01 21L23 12L2.01 3L2 10L17 12L2 14L2.01 21Z",
|
|
5078
|
-
fill: colors[color] || color
|
|
5079
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
5080
|
-
width: width || 21,
|
|
5081
|
-
height: height || 18,
|
|
5082
|
-
viewBox: "0 0 21 18",
|
|
5083
|
-
fill: "none"
|
|
5084
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5085
|
-
d: "M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",
|
|
5086
|
-
fill: colors[color] || color
|
|
5087
|
-
}));
|
|
5088
|
-
});
|
|
5089
4774
|
export const Scan = /*#__PURE__*/memo(({
|
|
5090
4775
|
width,
|
|
5091
4776
|
height,
|
|
@@ -5384,38 +5069,6 @@ export const StarOutline = /*#__PURE__*/memo(({
|
|
|
5384
5069
|
fill: colors[color] || color
|
|
5385
5070
|
}));
|
|
5386
5071
|
});
|
|
5387
|
-
export const Success = /*#__PURE__*/memo(({
|
|
5388
|
-
width,
|
|
5389
|
-
height,
|
|
5390
|
-
color = '#7F828E',
|
|
5391
|
-
viewBox = false
|
|
5392
|
-
}) => {
|
|
5393
|
-
if (viewBox) {
|
|
5394
|
-
return /*#__PURE__*/React.createElement("svg", {
|
|
5395
|
-
width: width || 24,
|
|
5396
|
-
height: height || 24,
|
|
5397
|
-
viewBox: "0 0 24 24",
|
|
5398
|
-
fill: "none"
|
|
5399
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5400
|
-
fillRule: "evenodd",
|
|
5401
|
-
clipRule: "evenodd",
|
|
5402
|
-
d: "M20.997 10.974H21C21.551 10.974 21.999 11.42 22 11.971C22.008 14.642 20.975 17.157 19.091 19.051C17.208 20.945 14.7 21.992 12.029 22H12C9.33905 22 6.83605 20.968 4.94905 19.091C3.05505 17.208 2.00805 14.7 2.00005 12.029C1.99205 9.357 3.02505 6.843 4.90905 4.949C6.79205 3.055 9.30005 2.008 11.971 2C12.766 2.012 13.576 2.092 14.352 2.278C14.888 2.408 15.219 2.948 15.089 3.485C14.96 4.021 14.417 4.351 13.883 4.223C13.262 4.073 12.603 4.01 11.977 4C9.84005 4.006 7.83305 4.844 6.32705 6.359C4.82005 7.874 3.99405 9.886 4.00005 12.023C4.00605 14.16 4.84405 16.166 6.35905 17.673C7.86905 19.174 9.87105 20 12 20H12.023C14.16 19.994 16.167 19.156 17.673 17.641C19.18 16.125 20.006 14.114 20 11.977C19.999 11.425 20.445 10.975 20.997 10.974ZM8.29305 11.2929C8.68405 10.9019 9.31605 10.9019 9.70705 11.2929L11.951 13.5369L18.248 6.3409C18.612 5.9279 19.243 5.8839 19.659 6.2479C20.074 6.6109 20.116 7.2429 19.752 7.6589L12.752 15.6589C12.57 15.8669 12.31 15.9899 12.033 15.9999H12C11.735 15.9999 11.481 15.8949 11.293 15.7069L8.29305 12.7069C7.90205 12.3159 7.90205 11.6839 8.29305 11.2929Z",
|
|
5403
|
-
fill: colors[color] || color
|
|
5404
|
-
}));
|
|
5405
|
-
}
|
|
5406
|
-
|
|
5407
|
-
return /*#__PURE__*/React.createElement("svg", {
|
|
5408
|
-
width: width || 20,
|
|
5409
|
-
height: height || 20,
|
|
5410
|
-
viewBox: "0 0 20 20",
|
|
5411
|
-
fill: "none"
|
|
5412
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5413
|
-
fillRule: "evenodd",
|
|
5414
|
-
clipRule: "evenodd",
|
|
5415
|
-
d: "M18.997 8.974H19C19.551 8.974 19.999 9.42 20 9.971C20.008 12.642 18.975 15.157 17.091 17.051C15.208 18.945 12.7 19.992 10.029 20H10C7.33905 20 4.83605 18.968 2.94905 17.091C1.05505 15.208 0.00804612 12.7 4.61203e-05 10.029C-0.00795388 7.357 1.02505 4.843 2.90905 2.949C4.79205 1.055 7.30005 0.008 9.97105 0C10.766 0.012 11.576 0.092 12.352 0.278C12.888 0.408 13.219 0.948 13.089 1.485C12.96 2.021 12.417 2.351 11.883 2.223C11.262 2.073 10.603 2.01 9.97705 2C7.84005 2.006 5.83305 2.844 4.32705 4.359C2.82005 5.874 1.99405 7.886 2.00005 10.023C2.00605 12.16 2.84405 14.166 4.35905 15.673C5.86905 17.174 7.87105 18 10 18H10.023C12.16 17.994 14.167 17.156 15.673 15.641C17.18 14.125 18.006 12.114 18 9.977C17.999 9.425 18.445 8.975 18.997 8.974ZM6.29305 9.2929C6.68405 8.9019 7.31605 8.9019 7.70705 9.2929L9.95105 11.5369L16.248 4.3409C16.612 3.9279 17.243 3.8839 17.659 4.2479C18.074 4.6109 18.116 5.2429 17.752 5.6589L10.752 13.6589C10.57 13.8669 10.31 13.9899 10.033 13.9999H10C9.73505 13.9999 9.48105 13.8949 9.29305 13.7069L6.29305 10.7069C5.90205 10.3159 5.90205 9.6839 6.29305 9.2929Z",
|
|
5416
|
-
fill: colors[color] || color
|
|
5417
|
-
}));
|
|
5418
|
-
});
|
|
5419
5072
|
export const SubdirectoryArrowLeft = /*#__PURE__*/memo(({
|
|
5420
5073
|
width,
|
|
5421
5074
|
height,
|
|
@@ -5798,30 +5451,6 @@ export const Write = /*#__PURE__*/memo(({
|
|
|
5798
5451
|
fill: colors[color] || color
|
|
5799
5452
|
}));
|
|
5800
5453
|
});
|
|
5801
|
-
export const ZoomOutMap = /*#__PURE__*/memo(({
|
|
5802
|
-
width,
|
|
5803
|
-
height,
|
|
5804
|
-
color = '#7F828E',
|
|
5805
|
-
viewBox = false
|
|
5806
|
-
}) => {
|
|
5807
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
5808
|
-
width: width || 24,
|
|
5809
|
-
height: height || 24,
|
|
5810
|
-
viewBox: "0 0 24 24",
|
|
5811
|
-
fill: "none"
|
|
5812
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5813
|
-
d: "M15 3L17.3 5.3L14.41 8.17L15.83 9.59L18.7 6.7L21 9V3H15ZM3 9L5.3 6.7L8.17 9.59L9.59 8.17L6.7 5.3L9 3H3V9ZM9 21L6.7 18.7L9.59 15.83L8.17 14.41L5.3 17.3L3 15V21H9ZM21 15L18.7 17.3L15.83 14.41L14.41 15.83L17.3 18.7L15 21H21V15Z",
|
|
5814
|
-
fill: colors[color] || color
|
|
5815
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
5816
|
-
width: width || 18,
|
|
5817
|
-
height: height || 18,
|
|
5818
|
-
viewBox: "0 0 18 18",
|
|
5819
|
-
fill: "none"
|
|
5820
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
5821
|
-
d: "M12 0L14.3 2.3L11.41 5.17L12.83 6.59L15.7 3.7L18 6V0H12ZM0 6L2.3 3.7L5.17 6.59L6.59 5.17L3.7 2.3L6 0H0V6ZM6 18L3.7 15.7L6.59 12.83L5.17 11.41L2.3 14.3L0 12V18H6ZM18 12L15.7 14.3L12.83 11.41L11.41 12.83L14.3 15.7L12 18H18V12Z",
|
|
5822
|
-
fill: colors[color] || color
|
|
5823
|
-
}));
|
|
5824
|
-
});
|
|
5825
5454
|
export const ApprovalFilled = /*#__PURE__*/memo(({
|
|
5826
5455
|
width,
|
|
5827
5456
|
height,
|
|
@@ -6348,34 +5977,6 @@ export const PaperFilled = /*#__PURE__*/memo(({
|
|
|
6348
5977
|
fill: colors[color] || color
|
|
6349
5978
|
}));
|
|
6350
5979
|
});
|
|
6351
|
-
export const PlusFilled = /*#__PURE__*/memo(({
|
|
6352
|
-
width,
|
|
6353
|
-
height,
|
|
6354
|
-
color = '#111D5E',
|
|
6355
|
-
viewBox = false
|
|
6356
|
-
}) => {
|
|
6357
|
-
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
6358
|
-
width: width || 24,
|
|
6359
|
-
height: height || 24,
|
|
6360
|
-
viewBox: "0 0 24 24",
|
|
6361
|
-
fill: "none"
|
|
6362
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
6363
|
-
fillRule: "evenodd",
|
|
6364
|
-
clipRule: "evenodd",
|
|
6365
|
-
d: "M2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12ZM13 13H17V11H13V7H11V11H7V13H11V17H13V13Z",
|
|
6366
|
-
fill: colors[color] || color
|
|
6367
|
-
})) : /*#__PURE__*/React.createElement("svg", {
|
|
6368
|
-
width: width || 20,
|
|
6369
|
-
height: height || 20,
|
|
6370
|
-
viewBox: "0 0 20 20",
|
|
6371
|
-
fill: "none"
|
|
6372
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
6373
|
-
fillRule: "evenodd",
|
|
6374
|
-
clipRule: "evenodd",
|
|
6375
|
-
d: "M0 10C0 4.48 4.48 0 10 0C15.52 0 20 4.48 20 10C20 15.52 15.52 20 10 20C4.48 20 0 15.52 0 10ZM11 11H15V9H11V5H9V9H5V11H9V15H11V11Z",
|
|
6376
|
-
fill: colors[color] || color
|
|
6377
|
-
}));
|
|
6378
|
-
});
|
|
6379
5980
|
export const SaveFilled = /*#__PURE__*/memo(({
|
|
6380
5981
|
width = 24,
|
|
6381
5982
|
height = 25,
|
|
@@ -7259,4 +6860,18 @@ export const Another = /*#__PURE__*/memo(({
|
|
|
7259
6860
|
transform: "translate(-4755.601 198.901)",
|
|
7260
6861
|
fill: color
|
|
7261
6862
|
}))));
|
|
7262
|
-
});
|
|
6863
|
+
});
|
|
6864
|
+
export const AddCircle = AddFilled;
|
|
6865
|
+
export const PlusFilled = AddFilled;
|
|
6866
|
+
export const Success = ApprovalOutline;
|
|
6867
|
+
export const CalendarNew = Calendar;
|
|
6868
|
+
export const CalendarBlankRounded = CalendarBlank;
|
|
6869
|
+
export const Close = Cancel;
|
|
6870
|
+
export const CloseOutline = CancelOutline;
|
|
6871
|
+
export const CloseUnderline = CancelUnderline;
|
|
6872
|
+
export const EditV2 = Edit;
|
|
6873
|
+
export const Failed = CancelFilled;
|
|
6874
|
+
export const LogoutV2 = Logout;
|
|
6875
|
+
export const SaveV2 = Save;
|
|
6876
|
+
export const Send = PlanePaper;
|
|
6877
|
+
export const ZoomOutMap = Maximize;
|
package/package.json
CHANGED
package/styles/general.js
CHANGED
|
@@ -2,7 +2,7 @@ import { css, jsx } from '@emotion/core';
|
|
|
2
2
|
import { color } from './colors';
|
|
3
3
|
import { parseToPixel } from './utils';
|
|
4
4
|
export const rootSpacing = 4;
|
|
5
|
-
export
|
|
5
|
+
export let rootZIndex = 1500;
|
|
6
6
|
/**
|
|
7
7
|
* get value spacing with rootZIndex
|
|
8
8
|
* @param number
|
|
@@ -23,6 +23,15 @@ export const zIndex = number => {
|
|
|
23
23
|
export const getSpacing = (vl = 1) => {
|
|
24
24
|
return Number(vl) * rootSpacing;
|
|
25
25
|
};
|
|
26
|
+
/**
|
|
27
|
+
* replace rootZIndex
|
|
28
|
+
* @param number
|
|
29
|
+
*/
|
|
30
|
+
|
|
31
|
+
export const setZIndex = number => {
|
|
32
|
+
number = Number(number || 0);
|
|
33
|
+
if (!isNaN(number)) rootZIndex = number;
|
|
34
|
+
};
|
|
26
35
|
export const flexRow = css`
|
|
27
36
|
display: flex;
|
|
28
37
|
`;
|
package/theme/settings.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as colors from '../styles/colors';
|
|
2
2
|
import { font } from '../styles/font';
|
|
3
3
|
import { color } from '../styles/colors';
|
|
4
|
-
import { getSpacing, zIndex } from '../styles/general';
|
|
4
|
+
import { getSpacing, zIndex, setZIndex } from '../styles/general';
|
|
5
5
|
const {
|
|
6
6
|
fontSize,
|
|
7
7
|
fontFamily,
|
|
@@ -67,7 +67,8 @@ const settings = {
|
|
|
67
67
|
between: (start, end) => getMedia(start, 'min', end)
|
|
68
68
|
},
|
|
69
69
|
spacing: vl => getSpacing(vl),
|
|
70
|
-
zIndex: vl => zIndex(vl)
|
|
70
|
+
zIndex: vl => zIndex(vl),
|
|
71
|
+
setZIndex: vl => setZIndex(vl)
|
|
71
72
|
};
|
|
72
73
|
|
|
73
74
|
const getMedia = (value, type, value2 = '') => {
|