kamotive_ui 1.2.21 → 1.2.23
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/dist/Icons/ChevronDown/ChevronDown.d.ts +8 -0
- package/dist/Icons/ChevronDown/ChevronDown.js +6 -0
- package/dist/Icons/ChevronLeft/ChevronLeft.d.ts +2 -1
- package/dist/Icons/ChevronLeft/ChevronLeft.js +4 -3
- package/dist/Icons/ChevronRight/ChevronRight.d.ts +2 -1
- package/dist/Icons/ChevronRight/ChevronRight.js +4 -3
- package/dist/Icons/ChevronUp/ChevronUp.d.ts +7 -0
- package/dist/Icons/ChevronUp/ChevronUp.js +5 -0
- package/dist/Icons/IconAccount/IconAccount.d.ts +7 -0
- package/dist/Icons/IconAccount/IconAccount.js +5 -0
- package/dist/Icons/IconAdd/IconAdd.d.ts +2 -1
- package/dist/Icons/IconAdd/IconAdd.js +3 -3
- package/dist/Icons/IconAddress/IconAddress.d.ts +7 -0
- package/dist/Icons/IconAddress/IconAddress.js +5 -0
- package/dist/Icons/IconAlarm/IconAlarm.d.ts +7 -0
- package/dist/Icons/IconAlarm/IconAlarm.js +5 -0
- package/dist/Icons/IconBell/IconBell.d.ts +7 -0
- package/dist/Icons/IconBell/IconBell.js +5 -0
- package/dist/Icons/IconBriefcase/IconBriefcase.d.ts +7 -0
- package/dist/Icons/IconBriefcase/IconBriefcase.js +5 -0
- package/dist/Icons/IconCalendar/IconCalendar.d.ts +7 -0
- package/dist/Icons/IconCalendar/IconCalendar.js +5 -0
- package/dist/Icons/IconCheck/IconCheck.d.ts +7 -0
- package/dist/Icons/IconCheck/IconCheck.js +5 -0
- package/dist/Icons/IconClose/IconClose.d.ts +8 -0
- package/dist/Icons/IconClose/IconClose.js +7 -0
- package/dist/Icons/IconColorPicker/IconColorPicker.d.ts +8 -0
- package/dist/Icons/IconColorPicker/IconColorPicker.js +5 -0
- package/dist/Icons/IconDelete/IconDelete.d.ts +8 -0
- package/dist/Icons/IconDelete/IconDelete.js +5 -0
- package/dist/Icons/IconDownload/IconDownload.d.ts +11 -1
- package/dist/Icons/IconDownload/IconDownload.js +12 -3
- package/dist/Icons/IconDublicate/IconDublicate.d.ts +8 -0
- package/dist/Icons/IconDublicate/IconDublicate.js +5 -0
- package/dist/Icons/IconEmail/IconEmail.d.ts +2 -1
- package/dist/Icons/IconEmail/IconEmail.js +3 -3
- package/dist/Icons/IconError/IconError.d.ts +7 -0
- package/dist/Icons/IconError/IconError.js +6 -0
- package/dist/Icons/IconEye/{IconEye10.d.ts → IconEye.d.ts} +1 -1
- package/dist/Icons/IconEye/{IconEye10.js → IconEye.js} +1 -1
- package/dist/Icons/IconEyeOff/IconEyeOff.d.ts +7 -0
- package/dist/Icons/IconEyeOff/IconEyeOff.js +5 -0
- package/dist/Icons/IconFile/IconFile.d.ts +2 -1
- package/dist/Icons/IconFile/IconFile.js +3 -3
- package/dist/Icons/{IconClose/IconClose10.d.ts → IconGoTo/IconGoTo.d.ts} +3 -2
- package/dist/Icons/IconGoTo/IconGoTo.js +5 -0
- package/dist/Icons/IconHome/IconHome.d.ts +8 -0
- package/dist/Icons/IconHome/IconHome.js +5 -0
- package/dist/Icons/IconInfo/IconInfo.d.ts +7 -0
- package/dist/Icons/IconInfo/IconInfo.js +5 -0
- package/dist/Icons/IconPencil/IconPencil.d.ts +2 -1
- package/dist/Icons/IconPencil/IconPencil.js +3 -3
- package/dist/Icons/IconPhone/IconPhone.d.ts +2 -1
- package/dist/Icons/IconPhone/IconPhone.js +3 -3
- package/dist/Icons/IconSpaceChange/IconSpaceChange.d.ts +8 -0
- package/dist/Icons/IconSpaceChange/IconSpaceChange.js +5 -0
- package/dist/Icons/IconSuccess/IconSuccess.d.ts +7 -0
- package/dist/Icons/IconSuccess/IconSuccess.js +6 -0
- package/dist/Icons/IconUpload/IconUpload.d.ts +4 -1
- package/dist/Icons/IconUpload/IconUpload.js +5 -3
- package/dist/Icons/IconWarning/IconWarning.d.ts +7 -0
- package/dist/Icons/IconWarning/IconWarning.js +5 -0
- package/dist/Icons/index.d.ts +22 -17
- package/dist/Icons/index.js +22 -17
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +2 -2
- package/dist/components/ColorPicker/ColorPicker.module.css +6 -1
- package/dist/components/DateInput/DateInput.js +51 -27
- package/dist/components/Dropdown/Dropdown.js +64 -30
- package/dist/components/Dropdown/Dropdown.module.css +23 -7
- package/dist/components/FileItem/FileItem.js +3 -3
- package/dist/components/FileItem/FileItem.module.css +2 -2
- package/dist/components/FileLoader/FileLoader.js +1 -1
- package/dist/components/IconButton/IconButton.module.css +6 -6
- package/dist/components/Input/Input.module.css +0 -1
- package/dist/components/List/List.js +2 -2
- package/dist/components/Snackbar/Snackbar.js +6 -6
- package/dist/components/Snackbar/Snackbar.module.css +2 -0
- package/dist/components/Tooltip/Tooltip.module.css +1 -1
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
- package/dist/Icons/ChevronDown/ChevronDown10.d.ts +0 -7
- package/dist/Icons/ChevronDown/ChevronDown10.js +0 -6
- package/dist/Icons/ChevronUp/ChevronUp10.d.ts +0 -6
- package/dist/Icons/ChevronUp/ChevronUp10.js +0 -5
- package/dist/Icons/IconAccount/IconAccount10.d.ts +0 -6
- package/dist/Icons/IconAccount/IconAccount10.js +0 -5
- package/dist/Icons/IconAlarm/IconAlarm10.d.ts +0 -6
- package/dist/Icons/IconAlarm/IconAlarm10.js +0 -5
- package/dist/Icons/IconBank/IconBank10.d.ts +0 -6
- package/dist/Icons/IconBank/IconBank10.js +0 -5
- package/dist/Icons/IconBell/IconBell10.d.ts +0 -6
- package/dist/Icons/IconBell/IconBell10.js +0 -5
- package/dist/Icons/IconBriefcase/IconBriefcase10.d.ts +0 -6
- package/dist/Icons/IconBriefcase/IconBriefcase10.js +0 -5
- package/dist/Icons/IconCalendar/IconCalendar10.d.ts +0 -6
- package/dist/Icons/IconCalendar/IconCalendar10.js +0 -5
- package/dist/Icons/IconCheck/IconCheck10.d.ts +0 -6
- package/dist/Icons/IconCheck/IconCheck10.js +0 -5
- package/dist/Icons/IconClose/IconClose10.js +0 -5
- package/dist/Icons/IconColorPicker/IconColorPicker10.d.ts +0 -7
- package/dist/Icons/IconColorPicker/IconColorPicker10.js +0 -5
- package/dist/Icons/IconError/IconError10.d.ts +0 -6
- package/dist/Icons/IconError/IconError10.js +0 -5
- package/dist/Icons/IconEyeOff/IconEyeOff10.d.ts +0 -6
- package/dist/Icons/IconEyeOff/IconEyeOff10.js +0 -5
- package/dist/Icons/IconInfo/IconInfo10.d.ts +0 -6
- package/dist/Icons/IconInfo/IconInfo10.js +0 -5
- package/dist/Icons/IconSuccess/IconSuccess10.d.ts +0 -6
- package/dist/Icons/IconSuccess/IconSuccess10.js +0 -5
- package/dist/Icons/IconWarning/IconWarning10.d.ts +0 -6
- package/dist/Icons/IconWarning/IconWarning10.js +0 -5
|
@@ -10,18 +10,18 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.iconButton--sm svg {
|
|
13
|
-
width:
|
|
14
|
-
height:
|
|
13
|
+
width: 16px;
|
|
14
|
+
height: 16px;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.iconButton--md svg {
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
18
|
+
width: 24px;
|
|
19
|
+
height: 24px;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.iconButton--lg svg {
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
23
|
+
width: 30px;
|
|
24
|
+
height: 30px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.iconButton:disabled {
|
|
@@ -4,7 +4,7 @@ import styles from './List.module.css';
|
|
|
4
4
|
import { Typography } from '../Typography/Typography';
|
|
5
5
|
import { Checkbox } from '../Checkbox/Checkbox';
|
|
6
6
|
import { RadioButton } from '../RadioButton/RadioButton';
|
|
7
|
-
import {
|
|
7
|
+
import { ChevronDown } from '../../Icons';
|
|
8
8
|
export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selected = false, disabled = false, label, id, style, className, collapsible = false, open = false, withCheckbox = false, checkboxColor, checkboxFilled, withRadioButton = false, customBullet, customItemBullet, bulletClassName, children, isHeader = false, parentChecked = false, }) => {
|
|
9
9
|
const [isOpen, setIsOpen] = useState(open);
|
|
10
10
|
const [isChecked, setIsChecked] = useState(checked || parentChecked);
|
|
@@ -65,7 +65,7 @@ export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selecte
|
|
|
65
65
|
React.createElement(RadioButton, { checked: selected, value: id, disabled: disabled }))),
|
|
66
66
|
customBullet && React.createElement("span", { className: classNames(styles.bullet, bulletClassName) }, customBullet))),
|
|
67
67
|
React.createElement(Typography, { variant: "Body1" }, label),
|
|
68
|
-
collapsible && (React.createElement("span", { className: styles.indicator }, isOpen ? React.createElement(
|
|
68
|
+
collapsible && (React.createElement("span", { className: styles.indicator }, isOpen ? React.createElement(ChevronDown, null) : React.createElement(ChevronDown, { rotation: 270 }))))),
|
|
69
69
|
React.createElement("div", { className: collapsible ? contentClassNames : styles.content, style: { paddingLeft: !label ? 0 : '16px' } }, React.Children.map(children, (child) => {
|
|
70
70
|
if (React.isValidElement(child)) {
|
|
71
71
|
return React.cloneElement(child, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { IconClose, IconError, IconInfo, IconSuccess, IconWarning } from '../../Icons';
|
|
3
3
|
import { Typography } from '../Typography/Typography';
|
|
4
4
|
import styles from './Snackbar.module.css';
|
|
5
5
|
import classNames from 'classnames';
|
|
@@ -15,10 +15,10 @@ import classNames from 'classnames';
|
|
|
15
15
|
Операция выполнена успешно
|
|
16
16
|
@returns {JSX.Element | null} Возвращает компонент уведомления или null если оно скрыто */
|
|
17
17
|
export const icons = {
|
|
18
|
-
success: React.createElement(
|
|
19
|
-
error: React.createElement(
|
|
20
|
-
warning: React.createElement(
|
|
21
|
-
info: React.createElement(
|
|
18
|
+
success: React.createElement(IconSuccess, { htmlColor: "#34c759" }),
|
|
19
|
+
error: React.createElement(IconError, { htmlColor: "#ff3b30" }),
|
|
20
|
+
warning: React.createElement(IconWarning, { htmlColor: "#ff9500" }),
|
|
21
|
+
info: React.createElement(IconInfo, { htmlColor: "#6F6F6F" }),
|
|
22
22
|
};
|
|
23
23
|
export const title = {
|
|
24
24
|
success: 'Успешно',
|
|
@@ -51,5 +51,5 @@ export const Snackbar = ({ children, type, duration = 10000, icon = true, onClos
|
|
|
51
51
|
React.createElement(Typography, { variant: "Body1-Medium", color: 'var(--text-dark)' }, title[type]),
|
|
52
52
|
React.createElement(Typography, { variant: "Body1", color: 'var(--text-btn-light)' }, children))),
|
|
53
53
|
React.createElement("button", { className: styles.button, onClick: handleClose },
|
|
54
|
-
React.createElement(
|
|
54
|
+
React.createElement(IconClose, { htmlColor: 'var(--text-btn-light)' }))));
|
|
55
55
|
};
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const ChevronDown10 = ({ color = 'inherit', htmlColor, strokeWidth, rotation = 0, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("g", { transform: `rotate(${rotation}, 12, 12)` },
|
|
5
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5.84,9.59L11.5,15.25L17.16,9.59L16.45,8.89L11.5,13.84L6.55,8.89L5.84,9.59Z" }))));
|
|
6
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const ChevronUp10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5.84,15.41L11.5,9.75L17.16,15.41L16.45,16.11L11.5,11.16L6.55,16.11L5.84,15.41Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconAccount10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.5,14C15.64,14 19,15.57 19,17.5V20H4V17.5C4,15.57 7.36,14 11.5,14M18,17.5C18,16.12 15.09,15 11.5,15C7.91,15 5,16.12 5,17.5V19H18V17.5M11.5,5C13.43,5 15,6.57 15,8.5C15,10.43 13.43,12 11.5,12C9.57,12 8,10.43 8,8.5C8,6.57 9.57,5 11.5,5M11.5,6C10.12,6 9,7.12 9,8.5C9,9.88 10.12,11 11.5,11C12.88,11 14,9.88 14,8.5C14,7.12 12.88,6 11.5,6Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconAlarm10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.5,6C15.64,6 19,9.36 19,13.5C19,17.64 15.64,21 11.5,21C7.36,21 4,17.64 4,13.5C4,9.36 7.36,6 11.5,6M11.5,7C7.91,7 5,9.91 5,13.5C5,17.09 7.91,20 11.5,20C15.09,20 18,17.09 18,13.5C18,9.91 15.09,7 11.5,7M11,9H12V13.36L15.05,14.78L14.63,15.69L11,14V9M15.25,5.25L15.89,4.5L19.72,7.7L19.08,8.46L15.25,5.25M7.75,5.25L3.92,8.46L3.28,7.7L7.11,4.5L7.75,5.25Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconBank10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11,2.5L20,7V9H2V7L11,2.5M15,10H19V18H15V10M2,22V19H20V22H2M9,10H13V18H9V10M3,10H7V18H3V10M3,20V21H19V20H3M4,11V17H6V11H4M10,11V17H12V11H10M16,11V17H18V11H16M3,8H19V7.6L11,3.58L3,7.6V8Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconBell10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', color: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M12,4.5C12,4.22 11.78,4 11.5,4C11.22,4 11,4.22 11,4.5V6.03C8.75,6.28 7,8.18 7,10.5V16.41L5.41,18H17.59L16,16.41V10.5C16,8.18 14.25,6.28 12,6.03V4.5M11.5,3C12.33,3 13,3.67 13,4.5V5.21C15.31,5.86 17,8 17,10.5V16L20,19H3L6,16V10.5C6,8 7.69,5.86 10,5.21V4.5C10,3.67 10.67,3 11.5,3M11.5,22C10.29,22 9.28,21.14 9.05,20H10.09C10.29,20.58 10.85,21 11.5,21C12.15,21 12.71,20.58 12.91,20H13.95C13.72,21.14 12.71,22 11.5,22Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconBriefcase10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5,7H8V5L10,3H13L15,5V7H18C19.66,7 21,8.34 21,10V18C21,19.66 19.66,21 18,21H5C3.34,21 2,19.66 2,18V10C2,8.34 3.34,7 5,7M10.41,4L9,5.41V7H14V5.41L12.59,4H10.41M5,8C3.9,8 3,8.9 3,10V18C3,19.1 3.9,20 5,20H18C19.1,20 20,19.1 20,18V10C20,8.9 19.1,8 18,8H5Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconCalendar10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M7,2H8C8.55,2 9,2.45 9,3V4H14V3C14,2.45 14.45,2 15,2H16C16.55,2 17,2.45 17,3V4C18.66,4 20,5.34 20,7V18C20,19.66 18.66,21 17,21H6C4.34,21 3,19.66 3,18V7C3,5.34 4.34,4 6,4V3C6,2.45 6.45,2 7,2M15,4H16V3H15V4M8,4V3H7V4H8M6,5C4.9,5 4,5.9 4,7V8H19V7C19,5.9 18.1,5 17,5H6M4,18C4,19.1 4.9,20 6,20H17C18.1,20 19,19.1 19,18V9H4V18M12,13H17V18H12V13M13,14V17H16V14H13Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconCheck10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M18.9,8.1L9,18L4.05,13.05L4.76,12.34L9,16.59L18.19,7.39L18.9,8.1Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconClose10 = ({ color = 'inherit', htmlColor, strokeWidth, onClick }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', 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" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconColorPicker10 = ({ color = 'inherit', htmlColor, strokeWidth, className, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: `${color} ${className}` },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: 0, strokeLinejoin: "round", d: "M6.92,19L5,17.08L13.06,9L15,10.94M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L13.84,6.41L11.91,4.5L10.5,5.91L11.92,7.33L3,16.25V21H7.75L16.67,12.08L18.09,13.5L19.5,12.09L17.58,10.17L20.7,7.05C21.1,6.65 21.1,6 20.71,5.63Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconError10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', strokeLinejoin: "round", d: "M12,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,20M12,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,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconEyeOff10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M2.54,4.71L3.25,4L20,20.75L19.29,21.46L15.95,18.11C14.58,18.68 13.08,19 11.5,19C6.94,19 3,16.35 1.14,12.5C2.11,10.5 3.63,8.83 5.5,7.68L2.54,4.71M11.5,18C12.79,18 14.03,17.77 15.17,17.34L14.05,16.21C13.32,16.71 12.45,17 11.5,17C9,17 7,15 7,12.5C7,11.55 7.29,10.68 7.79,9.95L6.24,8.41C4.57,9.38 3.19,10.8 2.26,12.5C4.04,15.78 7.5,18 11.5,18M20.74,12.5C18.96,9.22 15.5,7 11.5,7C10.35,7 9.23,7.19 8.19,7.53L7.41,6.75C8.68,6.26 10.06,6 11.5,6C16.06,6 20,8.65 21.86,12.5C20.95,14.39 19.53,16 17.79,17.13L17.07,16.4C18.6,15.44 19.87,14.1 20.74,12.5M11.5,8C14,8 16,10 16,12.5C16,13.32 15.78,14.08 15.4,14.74L14.66,14C14.88,13.54 15,13.04 15,12.5C15,10.57 13.43,9 11.5,9C10.96,9 10.46,9.12 10,9.34L9.26,8.6C9.92,8.22 10.68,8 11.5,8M8,12.5C8,14.43 9.57,16 11.5,16C12.17,16 12.79,15.81 13.32,15.5L8.5,10.68C8.19,11.21 8,11.83 8,12.5Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconInfo10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconSuccess10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z" })));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const IconWarning10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
|
|
3
|
-
return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
|
|
4
|
-
React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', strokeLinejoin: "round", d: "M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" })));
|
|
5
|
-
};
|