@odigos/ui-kit 0.0.98 → 0.0.99
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/CHANGELOG.md +13 -0
- package/bundle-analysis.html +4949 -0
- package/lib/chunks/ui-components-675457f7.js +1604 -0
- package/lib/chunks/vendor-56978108.js +1 -0
- package/lib/components.js +1 -163
- package/lib/constants.js +1 -9
- package/lib/containers.js +163 -5141
- package/lib/functions.js +1 -141
- package/lib/hooks.js +1 -649
- package/lib/icons.js +1 -187
- package/lib/snippets.js +1 -28
- package/lib/store/useDarkMode.d.ts +5 -3
- package/lib/store.js +1 -4
- package/lib/theme.js +1 -4
- package/lib/types.js +1 -369
- package/package.json +19 -13
- package/lib/index-0a77c1be.js +0 -11
- package/lib/index-195415d4.js +0 -676
- package/lib/index-1cb4f9e2.js +0 -20
- package/lib/index-5e5f7bda.js +0 -39
- package/lib/index-6a6bea6e.js +0 -37
- package/lib/index-77cf7846.js +0 -124
- package/lib/index-89edd01d.js +0 -1968
- package/lib/index-9475009f.js +0 -225
- package/lib/index-a3c0cecd.js +0 -36
- package/lib/index-c823fbfb.js +0 -342
- package/lib/index-c8b542d8.js +0 -38528
- package/lib/index-d8fb5fed.js +0 -138
- package/lib/index-f18c8530.js +0 -64
- package/lib/useTransition-159c9af8.js +0 -3598
package/lib/index-d8fb5fed.js
DELETED
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { T as Theme } from './index-89edd01d.js';
|
|
3
|
-
|
|
4
|
-
const CodeIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
5
|
-
const theme = Theme.useTheme();
|
|
6
|
-
const fill = f || theme.text.secondary;
|
|
7
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
8
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.334 12a18.802 18.802 0 0 0 3.231-3.66.62.62 0 0 0 0-.68A18.8 18.8 0 0 0 11.334 4m-6.665 8a18.803 18.803 0 0 1-3.231-3.66.62.62 0 0 1 0-.68A18.801 18.801 0 0 1 4.669 4m4.667-1.332L6.669 13.335' })));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
const CopyIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
12
|
-
const theme = Theme.useTheme();
|
|
13
|
-
const fill = f || theme.text.secondary;
|
|
14
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
15
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.2679 11.2679C11.425 11.2446 11.5649 11.213 11.6967 11.1702C12.7115 10.8405 13.5071 10.0449 13.8369 9.03006C14 8.52795 14 7.90752 14 6.66667C14 5.42581 14 4.80539 13.8369 4.30328C13.5071 3.28848 12.7115 2.49287 11.6967 2.16314C11.1946 2 10.5742 2 9.33333 2C8.09248 2 7.47205 2 6.96994 2.16314C5.95515 2.49287 5.15954 3.28848 4.82981 4.30328C4.787 4.43505 4.75542 4.57498 4.73212 4.73212M11.2679 11.2679C11.3333 10.8262 11.3333 10.2485 11.3333 9.33333C11.3333 8.09248 11.3333 7.47205 11.1702 6.96994C10.8405 5.95515 10.0449 5.15954 9.03006 4.82981C8.52795 4.66667 7.90752 4.66667 6.66667 4.66667C5.75147 4.66667 5.17377 4.66667 4.73212 4.73212M11.2679 11.2679C11.2446 11.425 11.213 11.5649 11.1702 11.6967C10.8405 12.7115 10.0449 13.5071 9.03006 13.8369C8.52795 14 7.90752 14 6.66667 14C5.42581 14 4.80539 14 4.30328 13.8369C3.28848 13.5071 2.49287 12.7115 2.16314 11.6967C2 11.1946 2 10.5742 2 9.33333C2 8.09248 2 7.47205 2.16314 6.96994C2.49287 5.95515 3.28848 5.15954 4.30328 4.82981C4.43505 4.787 4.57498 4.75542 4.73212 4.73212' })));
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const EditIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
19
|
-
const theme = Theme.useTheme();
|
|
20
|
-
const fill = f || theme.text.secondary;
|
|
21
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
22
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 14C10.6787 11.8171 10.7261 16.2383 14 12.6667M2 13.997L3.81777 13.9999C4.07739 14.0003 4.2072 14.0005 4.32937 13.9712C4.43769 13.9452 4.54125 13.9022 4.63623 13.8438C4.74337 13.778 4.83516 13.6858 5.01874 13.5014L13.6676 4.81451C14.021 4.4596 14.1088 3.91087 13.8396 3.47722C13.5142 2.95298 13.0691 2.50221 12.5511 2.16754C12.136 1.8993 11.5908 1.95805 11.2417 2.30864L2.53993 11.0487C2.36296 11.2264 2.27447 11.3153 2.21029 11.4188C2.15338 11.5105 2.11072 11.6104 2.08378 11.7151C2.05341 11.8331 2.05031 11.9588 2.04411 12.2101L2 13.997Z' })));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const EditedIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
26
|
-
const theme = Theme.useTheme();
|
|
27
|
-
const fill = f || theme.text.secondary;
|
|
28
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 12 12', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
29
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10 7C10 8.40015 10 9.1002 9.7275 9.635C9.48785 10.1054 9.1054 10.4878 8.635 10.7275C8.1002 11 7.40015 11 6 11H5C3.59987 11 2.89981 11 2.36503 10.7275C1.89462 10.4878 1.51217 10.1054 1.27249 9.635C1 9.1002 1 8.40015 1 7V6C1 4.59987 1 3.8998 1.27249 3.36502C1.51217 2.89462 1.89462 2.51216 2.36503 2.27248C2.89981 2 3.59987 2 5 2M4.03078 6.75075C4.03511 6.5754 4.03728 6.4877 4.05848 6.4053C4.07728 6.33225 4.10705 6.26255 4.14677 6.1985C4.19156 6.1263 4.25332 6.06425 4.37683 5.9402L9.07495 1.21541C9.31855 0.970724 9.69905 0.929724 9.9888 1.11693C10.3323 1.33886 10.6258 1.6305 10.8504 1.97311C10.863 1.99235 10.876 2.01143 10.8881 2.03098C11.076 2.33363 11.0146 2.7166 10.768 2.9643L6.10685 7.652C5.9787 7.7807 5.91465 7.84505 5.8399 7.891C5.7736 7.93175 5.7013 7.96175 5.6257 7.9799C5.54045 8.00035 5.44985 8.00025 5.26865 7.99995L4 7.9979L4.03078 6.75075Z' })));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const ExtendArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
33
|
-
const theme = Theme.useTheme();
|
|
34
|
-
const fill = f || theme.text.secondary;
|
|
35
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 12 12', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
36
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 5.06934C4.53103 5.80028 5.15354 6.45498 5.85106 7.01644C5.93869 7.08697 6.06131 7.08697 6.14894 7.01644C6.84646 6.45498 7.46897 5.80028 8 5.06934' })));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
const ListIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
40
|
-
const theme = Theme.useTheme();
|
|
41
|
-
const fill = f || theme.text.secondary;
|
|
42
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
43
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.667 6.001h10.666M2.666 9.335h10.667M2.667 12.668H8m-5.333-10h10.666' })));
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
const NoDataIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
47
|
-
const theme = Theme.useTheme();
|
|
48
|
-
const fill = f || theme.text.secondary;
|
|
49
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
50
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.31647 10.9497L7.96639 9.29983M7.96639 9.29983L9.61631 7.64992M7.96639 9.29983L6.31647 7.64992M7.96639 9.29983L9.61631 10.9497M14.6666 8.26667V9.73333C14.6666 11.2268 14.6666 11.9735 14.3759 12.544C14.1203 13.0457 13.7123 13.4537 13.2106 13.7094C12.6401 14 11.8934 14 10.3999 14H5.59992C4.10645 14 3.35971 14 2.78928 13.7094C2.28751 13.4537 1.87956 13.0457 1.6239 12.544C1.33325 11.9735 1.33325 11.2268 1.33325 9.73333V6.26667C1.33325 4.77319 1.33325 4.02646 1.6239 3.45603C1.87956 2.95426 2.28751 2.54631 2.78928 2.29065C3.35971 2 4.10645 2 5.59992 2H5.81029C6.12336 2 6.2799 2 6.42199 2.04315C6.54778 2.08135 6.6648 2.14398 6.76636 2.22745C6.88108 2.32174 6.96791 2.45199 7.14157 2.71248L7.52493 3.28752C7.69859 3.54801 7.78542 3.67826 7.90014 3.77255C8.0017 3.85602 8.11873 3.91865 8.24452 3.95685C8.38661 4 8.54314 4 8.85621 4H10.3999C11.8934 4 12.6401 4 13.2106 4.29065C13.7123 4.54631 14.1203 4.95426 14.3759 5.45603C14.6666 6.02646 14.6666 6.77319 14.6666 8.26667Z' })));
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
const NotebookIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
54
|
-
const theme = Theme.useTheme();
|
|
55
|
-
const fill = f || theme.text.secondary;
|
|
56
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
57
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.00016 3.37696V14.3327M8.00016 3.37696C10.0168 2.64365 12.6703 2.23608 14.6668 3.37696V13.7103C12.5356 12.7969 9.9581 13.4427 8.00016 14.3327M8.00016 3.37696C5.98356 2.64365 3.33004 2.23608 1.3335 3.37696V13.7103C3.46472 12.7969 6.04222 13.4427 8.00016 14.3327' })));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
const SearchIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
61
|
-
const theme = Theme.useTheme();
|
|
62
|
-
const fill = f || theme.text.secondary;
|
|
63
|
-
return (React.createElement("svg", { width: size * (14 / 15), height: size, viewBox: '0 0 14 15', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
64
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12.25 13.165L10.2144 11.1294M10.2144 11.1294C11.1117 10.2322 11.6667 8.99258 11.6667 7.62337C11.6667 4.88496 9.44674 2.66504 6.70833 2.66504C3.96992 2.66504 1.75 4.88496 1.75 7.62337C1.75 10.3618 3.96992 12.5817 6.70833 12.5817C8.07754 12.5817 9.31712 12.0267 10.2144 11.1294Z' })));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
const SortArrowsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
68
|
-
const theme = Theme.useTheme();
|
|
69
|
-
const fill = f || theme.text.secondary;
|
|
70
|
-
return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
71
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M16.5 9C15.4379 7.53812 14.1929 6.22872 12.7979 5.1058C12.6226 4.96473 12.3774 4.96473 12.2021 5.1058C10.8071 6.22872 9.56206 7.53812 8.5 9M8.5 15C9.56206 16.4619 10.8071 17.7713 12.2021 18.8942C12.3774 19.0353 12.6226 19.0353 12.7979 18.8942C14.1929 17.7713 15.4379 16.4619 16.5 15' })));
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
const TrashIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
75
|
-
const theme = Theme.useTheme();
|
|
76
|
-
const fill = f || theme.text.error;
|
|
77
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
78
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.6665 4.00065L9.92946 2.52655C9.56401 1.79567 8.81699 1.33398 7.99984 1.33398C7.18268 1.33398 6.43566 1.79567 6.07022 2.52655L5.33317 4.00065M2.6665 4.00065H13.3332M3.99984 4.00065H11.9998V10.0007C11.9998 11.2432 11.9998 11.8644 11.7968 12.3545C11.5262 13.0079 11.0071 13.527 10.3537 13.7977C9.8636 14.0007 9.24235 14.0007 7.99984 14.0007C6.75733 14.0007 6.13607 14.0007 5.64601 13.7977C4.99261 13.527 4.47348 13.0079 4.20283 12.3545C3.99984 11.8644 3.99984 11.2432 3.99984 10.0007V4.00065Z' })));
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
const XIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
82
|
-
const theme = Theme.useTheme();
|
|
83
|
-
const fill = f || theme.text.secondary;
|
|
84
|
-
return (React.createElement("svg", { width: size, height: size * (14 / 18), viewBox: '0 0 18 14', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
85
|
-
React.createElement("path", { fill: fill, d: 'M9.487 5.832v2.433h1.495V5.832H9.487ZM17.847 17.185l2.028-1.791L9.487 7.047l10.388-8.414L17.928-3.158 6.162 6.304v1.453l11.685 9.428Z' }),
|
|
86
|
-
React.createElement("path", { fill: fill, d: 'M8.513 5.832v2.433H7.018V5.832h1.495ZM0.153 17.185l-2.028-1.791L8.513 7.047l-10.388-8.414L0.072-3.158l11.766 9.462v1.453L0.153 17.185Z' })));
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
const MinusIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
90
|
-
const theme = Theme.useTheme();
|
|
91
|
-
const fill = f || theme.text.secondary;
|
|
92
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
93
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5 12H19' })));
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
const PlusIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
97
|
-
const theme = Theme.useTheme();
|
|
98
|
-
const fill = f || theme.text.secondary;
|
|
99
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
100
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99992 12.6663V7.99967M7.99992 7.99967V3.33301M7.99992 7.99967L3.33325 7.99967M7.99992 7.99967L12.6666 7.99967' })));
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
const EyeClosedIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
104
|
-
const theme = Theme.useTheme();
|
|
105
|
-
const fill = f || theme.text.secondary;
|
|
106
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
107
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.83 9.17999C14.2706 8.61995 13.5576 8.23846 12.7813 8.08386C12.0049 7.92926 11.2002 8.00851 10.4689 8.31152C9.73758 8.61453 9.11264 9.12769 8.67316 9.78607C8.23367 10.4444 7.99938 11.2184 8 12.01C7.99916 13.0663 8.41619 14.08 9.16004 14.83' }),
|
|
108
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 16.01C13.0609 16.01 14.0783 15.5886 14.8284 14.8384C15.5786 14.0883 16 13.0709 16 12.01' }),
|
|
109
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.61 6.39004L6.38 17.62C4.6208 15.9966 3.14099 14.0944 2 11.99C6.71 3.76002 12.44 1.89004 17.61 6.39004Z' }),
|
|
110
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M20.9994 3L17.6094 6.39' }),
|
|
111
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.38 17.62L3 21' }),
|
|
112
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M19.5695 8.42999C20.4801 9.55186 21.2931 10.7496 21.9995 12.01C17.9995 19.01 13.2695 21.4 8.76953 19.23' })));
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
const EyeOpenIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
116
|
-
const theme = Theme.useTheme();
|
|
117
|
-
const fill = f || theme.text.secondary;
|
|
118
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
119
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 16.01C14.2091 16.01 16 14.2191 16 12.01C16 9.80087 14.2091 8.01001 12 8.01001C9.79086 8.01001 8 9.80087 8 12.01C8 14.2191 9.79086 16.01 12 16.01Z' }),
|
|
120
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2 11.98C8.09 1.31996 15.91 1.32996 22 11.98' }),
|
|
121
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M22 12.01C15.91 22.67 8.09 22.66 2 12.01' })));
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
const CheckIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
125
|
-
const theme = Theme.useTheme();
|
|
126
|
-
const fill = f || theme.text.secondary;
|
|
127
|
-
return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
128
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M3.6665 9.24833L6.67773 12.7315L6.94495 12.2642C8.37771 9.75889 10.3605 7.61153 12.7439 5.98403L13.3332 5.58167' })));
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
const CrossIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
132
|
-
const theme = Theme.useTheme();
|
|
133
|
-
const fill = f || theme.text.secondary;
|
|
134
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
135
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 12L8 8M8 8L12 4M8 8L4 4M8 8L12 12' })));
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
export { CodeIcon as C, EditIcon as E, ListIcon as L, MinusIcon as M, NoDataIcon as N, PlusIcon as P, SearchIcon as S, TrashIcon as T, XIcon as X, CopyIcon as a, EditedIcon as b, ExtendArrowIcon as c, NotebookIcon as d, SortArrowsIcon as e, EyeClosedIcon as f, EyeOpenIcon as g, CheckIcon as h, CrossIcon as i };
|
package/lib/index-f18c8530.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { T as Theme } from './index-89edd01d.js';
|
|
3
|
-
|
|
4
|
-
const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
5
|
-
const theme = Theme.useTheme();
|
|
6
|
-
const fill = f || theme.text.secondary;
|
|
7
|
-
return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: size * (45 / 46), height: size, viewBox: '0 0 45 46', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
8
|
-
React.createElement("path", { fill: fill, d: 'M13.3419 15.7211L5.3234 7.70753C5.11464 7.49889 4.83818 7.40209 4.56735 7.41243C4.28243 7.42371 4.0022 7.55528 3.81225 7.80151C2.51549 9.48185 1.46981 11.2938 0.675203 13.1865C0.543553 13.4995 0.515342 13.8368 0.579287 14.1564C0.643231 14.4759 0.800271 14.7766 1.041 15.0172L7.30662 21.279C7.63387 21.6061 7.79749 22.0337 7.79843 22.4622C7.79937 22.8908 7.63575 23.3231 7.30662 23.652L0.994926 29.9599C0.664859 30.2888 0.491833 30.7333 0.500296 31.1826C0.504058 31.3846 0.545434 31.5885 0.625364 31.7831C1.41151 33.6843 2.44966 35.5047 3.74078 37.1944C3.92509 37.4359 4.19591 37.5684 4.4752 37.5863C4.75355 37.6042 5.03942 37.5074 5.25476 37.2931L13.3428 29.2099C13.6052 28.9477 13.7359 28.6047 13.7359 28.2608C13.7359 27.9168 13.6052 27.5738 13.3428 27.3116L9.68103 23.652C9.35285 23.324 9.18923 22.8945 9.18923 22.4651C9.18923 22.0356 9.35285 21.6061 9.68103 21.2781L13.3419 17.6195C13.6042 17.3573 13.7349 17.0143 13.7349 16.6703C13.7349 16.3263 13.6042 15.9833 13.3419 15.7211Z' }),
|
|
9
|
-
React.createElement("path", { fill: fill, d: 'M37.8343 40.1988L29.4021 31.7717C29.2197 31.5894 29.0053 31.4456 28.7721 31.3451C28.5229 31.2379 28.253 31.1815 27.9775 31.1815H18.0896C17.8225 31.1815 17.5611 31.2342 17.3185 31.3347C17.0759 31.4353 16.8539 31.5828 16.6649 31.7708L8.19417 40.2383C7.97977 40.4526 7.88291 40.7383 7.89984 41.0164C7.9177 41.2946 8.04841 41.5653 8.29009 41.7495C9.97615 43.0426 11.7948 44.083 13.6934 44.8715C13.984 44.9927 14.2962 45.0247 14.5943 44.9767C14.9375 44.9213 15.2638 44.7596 15.5205 44.504L21.8463 38.182C22.1623 37.8663 22.5732 37.7027 22.987 37.6915C23.4318 37.6792 23.8813 37.8428 24.2207 38.182L30.5211 44.4786C30.7609 44.7183 31.0628 44.8762 31.3825 44.9401C31.7022 45.004 32.0398 44.9758 32.353 44.8442C34.2469 44.051 36.0599 43.006 37.7412 41.7091C38.2218 41.3388 38.2641 40.6274 37.8353 40.1988H37.8343Z' }),
|
|
10
|
-
React.createElement("path", { fill: fill, d: 'M22.9881 17.1844C25.9043 17.1844 28.2683 19.547 28.2683 22.4614C28.2683 25.3757 25.9043 27.7383 22.9881 27.7383C20.072 27.7383 17.708 25.3757 17.708 22.4614C17.708 19.547 20.072 17.1844 22.9881 17.1844Z' }),
|
|
11
|
-
React.createElement("path", { fill: fill, d: 'M8.19413 4.80009L16.6263 13.2272C16.7909 13.3917 16.9809 13.5251 17.1868 13.6228C17.4539 13.7497 17.7491 13.8174 18.051 13.8174H27.9389C28.2059 13.8174 28.4674 13.7648 28.71 13.6642C28.9526 13.5636 29.1745 13.4161 29.3635 13.2281L37.8352 4.76156C38.028 4.5689 38.1258 4.31892 38.1305 4.06799C38.1371 3.76068 38.0045 3.45337 37.7384 3.25038C36.0523 1.95722 34.2336 0.916875 32.3351 0.12839C32.0219 -0.00130081 31.6853 -0.0294962 31.3665 0.0353489C31.0477 0.100195 30.7477 0.257142 30.5079 0.495849L24.1821 6.81782C23.854 7.14581 23.4242 7.30933 22.9945 7.30933C22.5647 7.30933 22.135 7.14581 21.8068 6.81782L15.5073 0.522162C15.2863 0.301312 15.0136 0.150946 14.7231 0.0785818C14.3817 -0.00693989 14.014 0.0156145 13.6755 0.156583C11.7816 0.949766 9.96859 1.99481 8.28723 3.29173C8.04744 3.47686 7.91673 3.74752 7.89886 4.02476C7.88193 4.302 7.97879 4.5877 8.19319 4.80197L8.19413 4.80009Z' }),
|
|
12
|
-
React.createElement("path", { fill: fill, d: 'M32.6587 29.2787L40.6771 37.2923C40.8915 37.5066 41.1764 37.6034 41.4548 37.5865C41.7331 37.5696 42.003 37.4389 42.1883 37.1984C43.485 35.518 44.5307 33.7061 45.3253 31.8134C45.3911 31.6564 45.4306 31.4938 45.4466 31.3303C45.4936 30.8397 45.3197 30.3426 44.9595 29.9826L38.6939 23.7208C38.3657 23.3928 38.2021 22.9633 38.2021 22.5339C38.2021 22.1044 38.3657 21.6749 38.6939 21.3469L45.0065 15.0381C45.2454 14.7994 45.4024 14.4996 45.4673 14.1819C45.5322 13.8643 45.5049 13.5278 45.3751 13.2149C44.589 11.3137 43.5508 9.49333 42.2597 7.80358C42.0952 7.58837 41.8638 7.46056 41.6184 7.42203C41.3119 7.3741 40.9846 7.4662 40.7458 7.70585L32.6577 15.789C32.3954 16.0512 32.2646 16.3942 32.2646 16.7382C32.2646 17.0821 32.3954 17.4252 32.6577 17.6874L36.3195 21.3469C36.6383 21.6655 36.8019 22.0809 36.8113 22.4982C36.8207 22.9389 36.6571 23.3834 36.3195 23.7199L32.6587 27.3785C32.3963 27.6407 32.2656 27.9837 32.2656 28.3277C32.2656 28.6716 32.3963 29.0147 32.6587 29.2769V29.2787Z' })));
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const LogsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
16
|
-
const theme = Theme.useTheme();
|
|
17
|
-
const fill = f || theme.text.secondary;
|
|
18
|
-
return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
19
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66699 8.5H6.66699M2.66699 12.5H6.66699M2.66699 4.5L13.3337 4.5M12.4765 12.0146C13.0334 11.61 13.5322 11.1357 13.96 10.6043C14.0138 10.5375 14.0138 10.4441 13.96 10.3773C13.5322 9.84585 13.0334 9.37156 12.4765 8.96696M10.1908 8.96696C9.63389 9.37156 9.13508 9.84585 8.7073 10.3773C8.65356 10.4441 8.65356 10.5375 8.7073 10.6043C9.13508 11.1357 9.63389 11.61 10.1908 12.0146' })));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const MetricsIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
23
|
-
const theme = Theme.useTheme();
|
|
24
|
-
const fill = f || theme.text.secondary;
|
|
25
|
-
return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
26
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.2389 9.1672C13.2389 12.4305 10.5935 15.0758 7.33025 15.0758V14.3373M13.2389 9.1672H14.0883C14.0883 5.43485 11.0626 2.40918 7.33025 2.40918V4.73571M13.2389 9.1672L7.33025 9.1672M7.33025 14.3373C4.47491 14.3373 2.16016 12.0225 2.16016 9.1672H2.89877M7.33025 14.3373L7.33025 9.1672M2.89877 9.1672C2.89877 6.71975 4.88281 4.73571 7.33025 4.73571M2.89877 9.1672H7.33025M7.33025 4.73571L7.33025 9.1672' })));
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const TracesIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
30
|
-
const theme = Theme.useTheme();
|
|
31
|
-
const fill = f || theme.text.secondary;
|
|
32
|
-
return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
33
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3337 8.5C10.3337 9.60457 11.2291 10.5 12.3337 10.5C13.4382 10.5 14.3337 9.60457 14.3337 8.5C14.3337 7.39543 13.4382 6.5 12.3337 6.5C11.2291 6.5 10.3337 7.39543 10.3337 8.5ZM10.3337 8.5L8.00032 8.5M8.00032 8.5L8.00032 9.3C8.00032 10.4201 8.00032 10.9802 7.78234 11.408C7.59059 11.7843 7.28463 12.0903 6.90831 12.282C6.60852 12.4348 6.24381 12.4805 5.66698 12.4942M8.00032 8.5L8.00032 7.7C8.00032 6.57989 8.00032 6.01984 7.78234 5.59202C7.59059 5.21569 7.28463 4.90973 6.90831 4.71799C6.60852 4.56524 6.24381 4.51952 5.66698 4.50584M5.66698 12.4942C5.66383 11.3923 4.76961 10.5 3.66699 10.5C2.56242 10.5 1.66699 11.3954 1.66699 12.5C1.66699 13.6046 2.56242 14.5 3.66699 14.5C4.77156 14.5 5.66699 13.6046 5.66699 12.5C5.66699 12.4981 5.66699 12.4961 5.66698 12.4942ZM5.66698 4.50584C5.66383 5.60773 4.76961 6.5 3.66699 6.5C2.56242 6.5 1.66699 5.60457 1.66699 4.5C1.66699 3.39543 2.56242 2.5 3.66699 2.5C4.77156 2.5 5.66699 3.39543 5.66699 4.5C5.66699 4.50195 5.66699 4.5039 5.66698 4.50584Z' })));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const CheckCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
37
|
-
const theme = Theme.useTheme();
|
|
38
|
-
const fill = f || theme.text.secondary;
|
|
39
|
-
return (React.createElement("svg", { width: size, height: size * (16 / 17), viewBox: '0 0 17 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
40
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.41707 8.34197L7.97787 9.90111C8.72855 8.58846 9.76744 7.46337 11.0162 6.61065L11.0837 6.56453M14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039Z' })));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
const ErrorTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
44
|
-
const theme = Theme.useTheme();
|
|
45
|
-
const fill = f || theme.text.error;
|
|
46
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
47
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
const InfoIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
51
|
-
const theme = Theme.useTheme();
|
|
52
|
-
const fill = f || theme.text.secondary;
|
|
53
|
-
return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
54
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.91498V11.5816M8 6.66498V6.66423M14 8.91504C14 12.2287 11.3137 14.915 8 14.915C4.68629 14.915 2 12.2287 2 8.91504C2 5.60133 4.68629 2.91504 8 2.91504C11.3137 2.91504 14 5.60133 14 8.91504Z' })));
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
const WarningTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick, strokeWidth = 1 }) => {
|
|
58
|
-
const theme = Theme.useTheme();
|
|
59
|
-
const fill = f || theme.text.warning;
|
|
60
|
-
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
61
|
-
React.createElement("path", { stroke: fill, strokeWidth: strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
export { CheckCircledIcon as C, ErrorTriangleIcon as E, InfoIcon as I, LogsIcon as L, MetricsIcon as M, OdigosLogo as O, TracesIcon as T, WarningTriangleIcon as W };
|