@geneui/icons 1.0.2 → 1.0.3
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/{Check.js → ArrowLeft.js} +3 -3
- package/icons/ArrowLeft.svg +1 -0
- package/icons/ArrowRight.js +23 -0
- package/icons/ArrowRight.svg +1 -0
- package/icons/CaretDown.js +23 -0
- package/icons/CaretDown.svg +1 -0
- package/icons/CaretUp.js +23 -0
- package/icons/CaretUp.svg +1 -0
- package/icons/CheckMark.js +23 -0
- package/icons/ChevronDown.js +23 -0
- package/icons/ChevronDown.svg +1 -0
- package/icons/ChevronLeft.js +23 -0
- package/icons/ChevronLeft.svg +1 -0
- package/icons/ChevronRight.js +23 -0
- package/icons/ChevronRight.svg +1 -0
- package/icons/ChevronUp.js +23 -0
- package/icons/ChevronUp.svg +1 -0
- package/icons/Close.js +23 -0
- package/icons/Close.svg +1 -0
- package/icons/Copy.js +26 -0
- package/icons/Copy.svg +1 -0
- package/icons/Currency.js +26 -0
- package/icons/Currency.svg +1 -0
- package/icons/Dot.js +23 -0
- package/icons/Dot.svg +1 -0
- package/icons/Globe.js +23 -0
- package/icons/Globe.svg +1 -0
- package/icons/HorizontalDots.js +29 -0
- package/icons/HorizontalDots.svg +1 -0
- package/icons/Square.js +1 -1
- package/index.d.ts +15 -1
- package/index.js +15 -1
- package/metadata.js +425 -6
- package/package.json +1 -1
- /package/icons/{Check.svg → CheckMark.svg} +0 -0
|
@@ -31,7 +31,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
var _excluded = ["size", "color"];
|
|
34
|
-
var
|
|
34
|
+
var SvgArrowLeft = function SvgArrowLeft(_ref) {
|
|
35
35
|
var _ref$size = _ref.size,
|
|
36
36
|
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
37
37
|
_ref$color = _ref.color,
|
|
@@ -44,9 +44,9 @@ var SvgCheck = function SvgCheck(_ref) {
|
|
|
44
44
|
fill: color,
|
|
45
45
|
xmlns: "http://www.w3.org/2000/svg"
|
|
46
46
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
47
|
-
d: "
|
|
47
|
+
d: "M21.251 11.14h-16.79l5.73-5.985a.762.762 0 0 0-.129-.953.746.746 0 0 0-.951-.057l-6.92 7.297a.76.76 0 0 0 0 1.01l6.92 7.327a.746.746 0 0 0 1.28-.535.76.76 0 0 0-.22-.535l-5.71-6.056h16.79c.199 0 .39-.08.53-.221a.76.76 0 0 0 0-1.07.746.746 0 0 0-.53-.223Z",
|
|
48
48
|
fill: color
|
|
49
49
|
}));
|
|
50
50
|
};
|
|
51
51
|
|
|
52
|
-
export {
|
|
52
|
+
export { SvgArrowLeft as S, _objectWithoutProperties as _, _extends as a };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.251 11.14h-16.79l5.73-5.985a.762.762 0 0 0-.129-.953.746.746 0 0 0-.951-.057l-6.92 7.297a.76.76 0 0 0 0 1.01l6.92 7.327a.746.746 0 0 0 1.28-.535.76.76 0 0 0-.22-.535l-5.71-6.056h16.79c.199 0 .39-.08.53-.221a.76.76 0 0 0 0-1.07.746.746 0 0 0-.53-.223Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgArrowRight = function SvgArrowRight(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "m21.79 11.556-6.913-7.203a.746.746 0 0 0-.536-.346.754.754 0 0 0-.796.46.74.74 0 0 0 .254.878l5.704 5.954h-16.754a.752.752 0 0 0-.53.218.742.742 0 0 0 .53 1.27h16.744l-5.694 5.953a.742.742 0 0 0 .539 1.26.764.764 0 0 0 .54-.228l6.913-7.184a.741.741 0 0 0 0-1.031Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgArrowRight as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m21.79 11.556-6.913-7.203a.746.746 0 0 0-.536-.346.754.754 0 0 0-.796.46.74.74 0 0 0 .254.878l5.704 5.954h-16.754a.752.752 0 0 0-.53.218.742.742 0 0 0 .53 1.27h16.744l-5.694 5.953a.742.742 0 0 0 .539 1.26.764.764 0 0 0 .54-.228l6.913-7.184a.741.741 0 0 0 0-1.031Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgCaretDown = function SvgCaretDown(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M15.916 9h-7.832a1.083 1.083 0 0 0-.758 1.857l3.921 3.839a1.084 1.084 0 0 0 1.517-.001l3.911-3.838a1.084 1.084 0 0 0-.759-1.857Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgCaretDown as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.916 9h-7.832a1.083 1.083 0 0 0-.758 1.857l3.921 3.839a1.084 1.084 0 0 0 1.517-.001l3.911-3.838a1.084 1.084 0 0 0-.759-1.857Z" fill="#262627"/></svg>
|
package/icons/CaretUp.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgCaretUp = function SvgCaretUp(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "m16.674 13.143-3.921-3.834a1.083 1.083 0 0 0-1.517.001l-3.911 3.834a1.083 1.083 0 0 0 .759 1.856h7.832a1.084 1.084 0 0 0 .758-1.857Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgCaretUp as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m16.674 13.143-3.921-3.834a1.083 1.083 0 0 0-1.517.001l-3.911 3.834a1.083 1.083 0 0 0 .759 1.856h7.832a1.084 1.084 0 0 0 .758-1.857Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgCheckMark = function SvgCheckMark(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M9.19 19.25a.75.75 0 0 1-.564-.255l-5.44-6.188a.756.756 0 0 1 .612-1.248.75.75 0 0 1 .516.253l4.867 5.535 10.491-12.33a.75.75 0 0 1 1.322.426.756.756 0 0 1-.176.55l-11.055 12.992a.756.756 0 0 1-.567.265h-.006Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgCheckMark as S };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgChevronDown = function SvgChevronDown(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M11.99 16.25a.742.742 0 0 1-.517-.21l-7.243-6.996a.754.754 0 0 1 .503-1.294.744.744 0 0 1 .534.21l6.725 6.496 6.742-6.496a.746.746 0 0 1 1.057.022.754.754 0 0 1-.022 1.063l-7.26 6.996a.746.746 0 0 1-.518.209Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgChevronDown as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.99 16.25a.742.742 0 0 1-.517-.21l-7.243-6.996a.754.754 0 0 1 .503-1.294.744.744 0 0 1 .534.21l6.725 6.496 6.742-6.496a.746.746 0 0 1 1.057.022.754.754 0 0 1-.022 1.063l-7.26 6.996a.746.746 0 0 1-.518.209Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgChevronLeft = function SvgChevronLeft(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M15.499 20a.748.748 0 0 1-.542-.23l-6.997-7.262a.746.746 0 0 1 0-1.035l6.997-7.243a.754.754 0 0 1 1.294.503.744.744 0 0 1-.21.534l-6.496 6.724 6.496 6.743a.748.748 0 0 1-.542 1.266Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgChevronLeft as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.499 20a.748.748 0 0 1-.542-.23l-6.997-7.262a.746.746 0 0 1 0-1.035l6.997-7.243a.754.754 0 0 1 1.294.503.744.744 0 0 1-.21.534l-6.496 6.724 6.496 6.743a.748.748 0 0 1-.542 1.266Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgChevronRight = function SvgChevronRight(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M8.502 20a.748.748 0 0 1-.542-1.266l6.496-6.725-6.496-6.743a.744.744 0 0 1 .022-1.058.753.753 0 0 1 1.062.023l6.997 7.261a.745.745 0 0 1 0 1.036l-6.997 7.242a.752.752 0 0 1-.542.23Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgChevronRight as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.502 20a.748.748 0 0 1-.542-1.266l6.496-6.725-6.496-6.743a.744.744 0 0 1 .022-1.058.753.753 0 0 1 1.062.023l6.997 7.261a.745.745 0 0 1 0 1.036l-6.997 7.242a.752.752 0 0 1-.542.23Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgChevronUp = function SvgChevronUp(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M4.748 16.238a.74.74 0 0 1-.54-.231.754.754 0 0 1 .022-1.063l7.261-6.996a.746.746 0 0 1 1.037 0l7.242 6.997a.754.754 0 0 1-.503 1.293.745.745 0 0 1-.534-.21l-6.725-6.496-6.743 6.497a.742.742 0 0 1-.517.21Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgChevronUp as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.748 16.238a.74.74 0 0 1-.54-.231.754.754 0 0 1 .022-1.063l7.261-6.996a.746.746 0 0 1 1.037 0l7.242 6.997a.754.754 0 0 1-.503 1.293.745.745 0 0 1-.534-.21l-6.725-6.496-6.743 6.497a.742.742 0 0 1-.517.21Z" fill="#262627"/></svg>
|
package/icons/Close.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgClose = function SvgClose(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "m13.051 12 6.731-6.731a.743.743 0 1 0-1.052-1.051l-6.73 6.73-6.73-6.73a.743.743 0 1 0-1.052 1.05l6.73 6.732-6.73 6.73a.743.743 0 1 0 1.051 1.051l6.73-6.73 6.731 6.731a.743.743 0 1 0 1.052-1.05l-6.73-6.732Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgClose as S };
|
package/icons/Close.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m13.051 12 6.731-6.731a.743.743 0 1 0-1.052-1.051l-6.73 6.73-6.73-6.73a.743.743 0 1 0-1.052 1.05l6.73 6.732-6.73 6.73a.743.743 0 1 0 1.051 1.051l6.73-6.73 6.731 6.731a.743.743 0 1 0 1.052-1.05l-6.73-6.732Z" fill="#262627"/></svg>
|
package/icons/Copy.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgCopy = function SvgCopy(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M18.222 1.959h-9.93a1.753 1.753 0 0 0-1.744 1.744v13.87a1.747 1.747 0 0 0 1.745 1.744h9.929a1.74 1.74 0 0 0 1.744-1.745v-13.869a1.747 1.747 0 0 0-1.744-1.744Zm.249 15.613a.248.248 0 0 1-.25.25h-9.928a.247.247 0 0 1-.25-.25v-13.869a.253.253 0 0 1 .25-.249h9.929a.253.253 0 0 1 .249.25v13.868Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
|
+
d: "M16.148 20.463h-7.985a2.704 2.704 0 0 1-2.701-2.702v-13.759a1.724 1.724 0 0 0-1.496 1.715v12.044a4.203 4.203 0 0 0 4.197 4.198h7.985a1.733 1.733 0 0 0 1.715-1.506h-1.665a.092.092 0 0 1-.05.01Z",
|
|
22
|
+
fill: color
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export { SvgCopy as S };
|
package/icons/Copy.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.222 1.959h-9.93a1.753 1.753 0 0 0-1.744 1.744v13.87a1.747 1.747 0 0 0 1.745 1.744h9.929a1.74 1.74 0 0 0 1.744-1.745v-13.869a1.747 1.747 0 0 0-1.744-1.744Zm.249 15.613a.248.248 0 0 1-.25.25h-9.928a.247.247 0 0 1-.25-.25v-13.869a.253.253 0 0 1 .25-.249h9.929a.253.253 0 0 1 .249.25v13.868Z" fill="#262627"/><path d="M16.148 20.463h-7.985a2.704 2.704 0 0 1-2.701-2.702v-13.759a1.724 1.724 0 0 0-1.496 1.715v12.044a4.203 4.203 0 0 0 4.197 4.198h7.985a1.733 1.733 0 0 0 1.715-1.506h-1.665a.092.092 0 0 1-.05.01Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgCurrency = function SvgCurrency(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M7.532 4.342v-.6a.752.752 0 0 0-1.503 0v.59a3.475 3.475 0 0 0-3.029 3.282v1.455a3.474 3.474 0 0 0 3.029 3.28v5.71a1.926 1.926 0 0 1-1.526-1.754v-2.016a.752.752 0 0 0-1.503 0v2.016a3.474 3.474 0 0 0 3.029 3.282v.67a.752.752 0 0 0 1.503 0v-.68a3.468 3.468 0 0 0 2.97-3.272v-2.028a3.469 3.469 0 0 0-2.97-3.272v-5.13a1.914 1.914 0 0 1 1.467 1.74v1.33a.752.752 0 0 0 1.503 0v-1.33a3.467 3.467 0 0 0-2.97-3.273Zm-3.029 4.727v-1.455a1.926 1.926 0 0 1 1.526-1.754v4.963a1.927 1.927 0 0 1-1.526-1.754Zm4.496 5.208v2.028a1.914 1.914 0 0 1-1.467 1.74v-5.508a1.914 1.914 0 0 1 1.467 1.74Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
|
+
d: "M20.248 19.338a5.116 5.116 0 0 1-5.048-5.169v-.211h2.626a.744.744 0 1 0 0-1.486h-2.626v-1.12h2.626a.744.744 0 0 0 .695-1.028.744.744 0 0 0-.695-.457h-2.626v-.213a5.116 5.116 0 0 1 5.048-5.169.743.743 0 1 0 0-1.485 6.61 6.61 0 0 0-6.552 6.654v.213h-1.013a.743.743 0 1 0 0 1.486h1.014v1.12h-1.014a.744.744 0 1 0 0 1.485h1.014v.211a6.61 6.61 0 0 0 6.552 6.654.742.742 0 1 0 0-1.485Z",
|
|
22
|
+
fill: color
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export { SvgCurrency as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.532 4.342v-.6a.752.752 0 0 0-1.503 0v.59a3.475 3.475 0 0 0-3.029 3.282v1.455a3.474 3.474 0 0 0 3.029 3.28v5.71a1.926 1.926 0 0 1-1.526-1.754v-2.016a.752.752 0 0 0-1.503 0v2.016a3.474 3.474 0 0 0 3.029 3.282v.67a.752.752 0 0 0 1.503 0v-.68a3.468 3.468 0 0 0 2.97-3.272v-2.028a3.469 3.469 0 0 0-2.97-3.272v-5.13a1.914 1.914 0 0 1 1.467 1.74v1.33a.752.752 0 0 0 1.503 0v-1.33a3.467 3.467 0 0 0-2.97-3.273Zm-3.029 4.727v-1.455a1.926 1.926 0 0 1 1.526-1.754v4.963a1.927 1.927 0 0 1-1.526-1.754Zm4.496 5.208v2.028a1.914 1.914 0 0 1-1.467 1.74v-5.508a1.914 1.914 0 0 1 1.467 1.74Z" fill="#262627"/><path d="M20.248 19.338a5.116 5.116 0 0 1-5.048-5.169v-.211h2.626a.744.744 0 1 0 0-1.486h-2.626v-1.12h2.626a.744.744 0 0 0 .695-1.028.744.744 0 0 0-.695-.457h-2.626v-.213a5.116 5.116 0 0 1 5.048-5.169.743.743 0 1 0 0-1.485 6.61 6.61 0 0 0-6.552 6.654v.213h-1.013a.743.743 0 1 0 0 1.486h1.014v1.12h-1.014a.744.744 0 1 0 0 1.485h1.014v.211a6.61 6.61 0 0 0 6.552 6.654.742.742 0 1 0 0-1.485Z" fill="#262627"/></svg>
|
package/icons/Dot.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgDot = function SvgDot(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgDot as S };
|
package/icons/Dot.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z" fill="#262627"/></svg>
|
package/icons/Globe.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgGlobe = function SvgGlobe(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.372 7.97h3.873a8.198 8.198 0 0 1 0 4.06h-3.873c.059-.651.09-1.33.09-2.03 0-.7-.031-1.379-.09-2.03Zm3.35-1.5h-3.547a11.596 11.596 0 0 0-1.663-4.59 8.535 8.535 0 0 1 5.21 4.59Zm-7.76 11.78c-1.032 0-2.15-1.878-2.683-4.72h5.365c-.533 2.842-1.65 4.72-2.683 4.72Zm-2.896-6.22c-.14-1.35-.14-2.71 0-4.06h5.792c.069.674.103 1.352.104 2.03 0 .678-.035 1.356-.104 2.03h-5.792Zm2.895-10.28c1.032 0 2.15 1.877 2.683 4.72h-5.365c.533-2.843 1.65-4.72 2.682-4.72Zm-2.576.166a11.685 11.685 0 0 0-1.637 4.554h-3.47a8.537 8.537 0 0 1 5.107-4.554Zm-1.834 10.114h-3.796a8.198 8.198 0 0 1 0-4.06h3.796c-.059.651-.09 1.33-.09 2.03 0 .7.031 1.379.09 2.03Zm-3.273 1.5h3.47a11.683 11.683 0 0 0 1.636 4.554 8.537 8.537 0 0 1-5.106-4.554Zm10.234 4.59a11.597 11.597 0 0 0 1.663-4.59h3.547a8.534 8.534 0 0 1-5.21 4.59Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { SvgGlobe as S };
|
package/icons/Globe.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.372 7.97h3.873a8.198 8.198 0 0 1 0 4.06h-3.873c.059-.651.09-1.33.09-2.03 0-.7-.031-1.379-.09-2.03Zm3.35-1.5h-3.547a11.596 11.596 0 0 0-1.663-4.59 8.535 8.535 0 0 1 5.21 4.59Zm-7.76 11.78c-1.032 0-2.15-1.878-2.683-4.72h5.365c-.533 2.842-1.65 4.72-2.683 4.72Zm-2.896-6.22c-.14-1.35-.14-2.71 0-4.06h5.792c.069.674.103 1.352.104 2.03 0 .678-.035 1.356-.104 2.03h-5.792Zm2.895-10.28c1.032 0 2.15 1.877 2.683 4.72h-5.365c.533-2.843 1.65-4.72 2.682-4.72Zm-2.576.166a11.685 11.685 0 0 0-1.637 4.554h-3.47a8.537 8.537 0 0 1 5.107-4.554Zm-1.834 10.114h-3.796a8.198 8.198 0 0 1 0-4.06h3.796c-.059.651-.09 1.33-.09 2.03 0 .7.031 1.379.09 2.03Zm-3.273 1.5h3.47a11.683 11.683 0 0 0 1.636 4.554 8.537 8.537 0 0 1-5.106-4.554Zm10.234 4.59a11.597 11.597 0 0 0 1.663-4.59h3.547a8.534 8.534 0 0 1-5.21 4.59Z" fill="#262627"/></svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { _ as _objectWithoutProperties, a as _extends } from './ArrowLeft.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
var _excluded = ["size", "color"];
|
|
5
|
+
var SvgHorizontalDots = function SvgHorizontalDots(_ref) {
|
|
6
|
+
var _ref$size = _ref.size,
|
|
7
|
+
size = _ref$size === void 0 ? 24 : _ref$size,
|
|
8
|
+
_ref$color = _ref.color,
|
|
9
|
+
color = _ref$color === void 0 ? "currentColor" : _ref$color,
|
|
10
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: color,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M4.512 10.763a1.751 1.751 0 0 0 1.236 2.987 1.746 1.746 0 0 0 1.614-1.08 1.752 1.752 0 0 0-1.614-2.42 1.745 1.745 0 0 0-1.236.513Z",
|
|
19
|
+
fill: color
|
|
20
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
|
+
d: "M11.968 13.75c.965 0 1.748-.783 1.748-1.75a1.749 1.749 0 1 0-1.748 1.75Z",
|
|
22
|
+
fill: color
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M18.253 13.75c.965 0 1.747-.783 1.747-1.75a1.749 1.749 0 1 0-1.747 1.75Z",
|
|
25
|
+
fill: color
|
|
26
|
+
}));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { SvgHorizontalDots as S };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.512 10.763a1.751 1.751 0 0 0 1.236 2.987 1.746 1.746 0 0 0 1.614-1.08 1.752 1.752 0 0 0-1.614-2.42 1.745 1.745 0 0 0-1.236.513Z" fill="#262627"/><path d="M11.968 13.75c.965 0 1.748-.783 1.748-1.75a1.749 1.749 0 1 0-1.748 1.75Z" fill="#262627"/><path d="M18.253 13.75c.965 0 1.747-.783 1.747-1.75a1.749 1.749 0 1 0-1.747 1.75Z" fill="#262627"/></svg>
|
package/icons/Square.js
CHANGED
package/index.d.ts
CHANGED
|
@@ -4,5 +4,19 @@ interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
|
4
4
|
color?: string;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const ArrowLeft: React.FC<IconProps>;
|
|
8
|
+
export declare const ArrowRight: React.FC<IconProps>;
|
|
9
|
+
export declare const CaretDown: React.FC<IconProps>;
|
|
10
|
+
export declare const CaretUp: React.FC<IconProps>;
|
|
11
|
+
export declare const CheckMark: React.FC<IconProps>;
|
|
12
|
+
export declare const ChevronDown: React.FC<IconProps>;
|
|
13
|
+
export declare const ChevronLeft: React.FC<IconProps>;
|
|
14
|
+
export declare const ChevronRight: React.FC<IconProps>;
|
|
15
|
+
export declare const ChevronUp: React.FC<IconProps>;
|
|
16
|
+
export declare const Close: React.FC<IconProps>;
|
|
17
|
+
export declare const Copy: React.FC<IconProps>;
|
|
18
|
+
export declare const Currency: React.FC<IconProps>;
|
|
19
|
+
export declare const Dot: React.FC<IconProps>;
|
|
20
|
+
export declare const Globe: React.FC<IconProps>;
|
|
21
|
+
export declare const HorizontalDots: React.FC<IconProps>;
|
|
8
22
|
export declare const Square: React.FC<IconProps>;
|
package/index.js
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
export { S as
|
|
1
|
+
export { S as ArrowLeft } from './icons/ArrowLeft.js';
|
|
2
|
+
export { S as ArrowRight } from './icons/ArrowRight.js';
|
|
3
|
+
export { S as CaretDown } from './icons/CaretDown.js';
|
|
4
|
+
export { S as CaretUp } from './icons/CaretUp.js';
|
|
5
|
+
export { S as CheckMark } from './icons/CheckMark.js';
|
|
6
|
+
export { S as ChevronDown } from './icons/ChevronDown.js';
|
|
7
|
+
export { S as ChevronLeft } from './icons/ChevronLeft.js';
|
|
8
|
+
export { S as ChevronRight } from './icons/ChevronRight.js';
|
|
9
|
+
export { S as ChevronUp } from './icons/ChevronUp.js';
|
|
10
|
+
export { S as Close } from './icons/Close.js';
|
|
11
|
+
export { S as Copy } from './icons/Copy.js';
|
|
12
|
+
export { S as Currency } from './icons/Currency.js';
|
|
13
|
+
export { S as Dot } from './icons/Dot.js';
|
|
14
|
+
export { S as Globe } from './icons/Globe.js';
|
|
15
|
+
export { S as HorizontalDots } from './icons/HorizontalDots.js';
|
|
2
16
|
export { S as Square } from './icons/Square.js';
|
|
3
17
|
import 'react';
|
package/metadata.js
CHANGED
|
@@ -1,16 +1,134 @@
|
|
|
1
1
|
const metadata = {
|
|
2
|
-
"
|
|
2
|
+
"ArrowLeft": {
|
|
3
|
+
"id": "ArrowLeftMajor",
|
|
4
|
+
"name": "ArrowLeft",
|
|
5
|
+
"set": "Major",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"arrow",
|
|
8
|
+
"left",
|
|
9
|
+
"back",
|
|
10
|
+
"return",
|
|
11
|
+
"navigate",
|
|
12
|
+
"move",
|
|
13
|
+
"direction"
|
|
14
|
+
],
|
|
15
|
+
"aliases": [
|
|
16
|
+
""
|
|
17
|
+
],
|
|
18
|
+
"description": "A left-pointing arrow icon typically used for navigation purposes, such as returning to a previous page or section.",
|
|
19
|
+
"sizes": [
|
|
20
|
+
16,
|
|
21
|
+
20,
|
|
22
|
+
24,
|
|
23
|
+
28,
|
|
24
|
+
32,
|
|
25
|
+
48
|
|
26
|
+
],
|
|
27
|
+
"creation_date": "8/22/2024, 2:42:50 PM"
|
|
28
|
+
},
|
|
29
|
+
"ArrowRight": {
|
|
30
|
+
"id": "ArrowRightMajor",
|
|
31
|
+
"name": "ArrowRight",
|
|
32
|
+
"set": "Major",
|
|
33
|
+
"keywords": [
|
|
34
|
+
"arrow",
|
|
35
|
+
"right",
|
|
36
|
+
"forward",
|
|
37
|
+
"next",
|
|
38
|
+
"navigate",
|
|
39
|
+
"direction",
|
|
40
|
+
"move",
|
|
41
|
+
"forward"
|
|
42
|
+
],
|
|
43
|
+
"aliases": [
|
|
44
|
+
""
|
|
45
|
+
],
|
|
46
|
+
"description": "A right-pointing arrow icon typically used for navigation purposes, such as moving to the next page or section.",
|
|
47
|
+
"sizes": [
|
|
48
|
+
16,
|
|
49
|
+
20,
|
|
50
|
+
24,
|
|
51
|
+
28,
|
|
52
|
+
32,
|
|
53
|
+
48
|
|
54
|
+
],
|
|
55
|
+
"creation_date": "8/22/2024, 2:43:59 PM"
|
|
56
|
+
},
|
|
57
|
+
"CaretDown": {
|
|
58
|
+
"id": "CaretDownMajor",
|
|
59
|
+
"name": "CaretDown",
|
|
60
|
+
"set": "Major",
|
|
61
|
+
"keywords": [
|
|
62
|
+
"caret",
|
|
63
|
+
"down",
|
|
64
|
+
"dropdown",
|
|
65
|
+
"expand",
|
|
66
|
+
"open",
|
|
67
|
+
"triangle",
|
|
68
|
+
"unfold",
|
|
69
|
+
"reveal"
|
|
70
|
+
],
|
|
71
|
+
"aliases": [
|
|
72
|
+
""
|
|
73
|
+
],
|
|
74
|
+
"description": "A downward-pointing caret icon commonly used to indicate a dropdown menu, expandable content, or additional options. It serves as a visual cue for users to click and reveal hidden content or navigate to submenus. Often found in forms, navigation bars, and selection lists.",
|
|
75
|
+
"sizes": [
|
|
76
|
+
16,
|
|
77
|
+
20,
|
|
78
|
+
24,
|
|
79
|
+
28,
|
|
80
|
+
32,
|
|
81
|
+
48
|
|
82
|
+
],
|
|
83
|
+
"creation_date": "8/22/2024, 3:54:38 PM"
|
|
84
|
+
},
|
|
85
|
+
"CaretUp": {
|
|
86
|
+
"id": "CaretUpMajor",
|
|
87
|
+
"name": "CaretUp",
|
|
88
|
+
"set": "Major",
|
|
89
|
+
"keywords": [
|
|
90
|
+
"caret",
|
|
91
|
+
"up",
|
|
92
|
+
"arrow",
|
|
93
|
+
"collapse",
|
|
94
|
+
"close",
|
|
95
|
+
"fold",
|
|
96
|
+
"hide",
|
|
97
|
+
"collapsemenu"
|
|
98
|
+
],
|
|
99
|
+
"aliases": [
|
|
100
|
+
""
|
|
101
|
+
],
|
|
102
|
+
"description": "An upward-pointing caret icon typically used to indicate the collapse or closing of a dropdown menu, hidden content, or additional options. It signals that content can be hidden or retracted. Often used in forms, navigation bars, and expandable lists.",
|
|
103
|
+
"sizes": [
|
|
104
|
+
16,
|
|
105
|
+
20,
|
|
106
|
+
24,
|
|
107
|
+
28,
|
|
108
|
+
32,
|
|
109
|
+
48
|
|
110
|
+
],
|
|
111
|
+
"creation_date": "8/22/2024, 3:55:48 PM"
|
|
112
|
+
},
|
|
113
|
+
"CheckMark": {
|
|
3
114
|
"id": "CheckMajor",
|
|
4
|
-
"name": "
|
|
115
|
+
"name": "CheckMark",
|
|
5
116
|
"set": "Major",
|
|
6
117
|
"keywords": [
|
|
7
118
|
"checkmark",
|
|
8
|
-
"selected"
|
|
119
|
+
"selected",
|
|
120
|
+
"check",
|
|
121
|
+
"tick",
|
|
122
|
+
"valid",
|
|
123
|
+
"accept",
|
|
124
|
+
"success",
|
|
125
|
+
"complete",
|
|
126
|
+
"verified"
|
|
9
127
|
],
|
|
10
128
|
"aliases": [
|
|
11
129
|
""
|
|
12
130
|
],
|
|
13
|
-
"description": "
|
|
131
|
+
"description": "A check mark icon commonly used to indicate confirmation, approval, or successful completion of an action. It signifies that something is correct, validated, or selected. Often found in forms, checkboxes, lists, and status indicators.",
|
|
14
132
|
"sizes": [
|
|
15
133
|
16,
|
|
16
134
|
20,
|
|
@@ -21,17 +139,318 @@ const metadata = {
|
|
|
21
139
|
],
|
|
22
140
|
"creation_date": "7/31/2024, 2:10:56 PM"
|
|
23
141
|
},
|
|
142
|
+
"ChevronDown": {
|
|
143
|
+
"id": "ChevronDownMajor",
|
|
144
|
+
"name": "ChevronDown",
|
|
145
|
+
"set": "Major",
|
|
146
|
+
"keywords": [
|
|
147
|
+
"chevron",
|
|
148
|
+
"expand",
|
|
149
|
+
"down",
|
|
150
|
+
"dropdown",
|
|
151
|
+
"unfold",
|
|
152
|
+
"expandmore",
|
|
153
|
+
"accordion",
|
|
154
|
+
"collapse",
|
|
155
|
+
"breadcrumb"
|
|
156
|
+
],
|
|
157
|
+
"aliases": [
|
|
158
|
+
""
|
|
159
|
+
],
|
|
160
|
+
"description": "Indicates navigation between sections, such as moving forward or backward. For example, a right-pointing chevron in a breadcrumb trail indicates a sub-page or category.",
|
|
161
|
+
"sizes": [
|
|
162
|
+
16,
|
|
163
|
+
20,
|
|
164
|
+
24,
|
|
165
|
+
28,
|
|
166
|
+
32,
|
|
167
|
+
48
|
|
168
|
+
],
|
|
169
|
+
"creation_date": "8/22/2024, 3:59:06 PM"
|
|
170
|
+
},
|
|
171
|
+
"ChevronLeft": {
|
|
172
|
+
"id": "ChevronLeftMajor",
|
|
173
|
+
"name": "ChevronLeft",
|
|
174
|
+
"set": "Major",
|
|
175
|
+
"keywords": [
|
|
176
|
+
"left",
|
|
177
|
+
"chevron",
|
|
178
|
+
"previous",
|
|
179
|
+
"back",
|
|
180
|
+
"move left",
|
|
181
|
+
"navigate left",
|
|
182
|
+
"previous page",
|
|
183
|
+
"left arrow",
|
|
184
|
+
"slide left"
|
|
185
|
+
],
|
|
186
|
+
"aliases": [
|
|
187
|
+
""
|
|
188
|
+
],
|
|
189
|
+
"description": "The ChevronLeft Component is a key element in providing intuitive navigation, ensuring that users can easily retrace their steps or move to prior content within an application or website.",
|
|
190
|
+
"sizes": [
|
|
191
|
+
16,
|
|
192
|
+
20,
|
|
193
|
+
24,
|
|
194
|
+
28,
|
|
195
|
+
32,
|
|
196
|
+
48
|
|
197
|
+
],
|
|
198
|
+
"creation_date": "8/22/2024, 4:03:17 PM"
|
|
199
|
+
},
|
|
200
|
+
"ChevronRight": {
|
|
201
|
+
"id": "ChevronRightMajor",
|
|
202
|
+
"name": "ChevronRight",
|
|
203
|
+
"set": "Major",
|
|
204
|
+
"keywords": [
|
|
205
|
+
"chevron right",
|
|
206
|
+
"right",
|
|
207
|
+
"chevron",
|
|
208
|
+
"next",
|
|
209
|
+
"navigate right",
|
|
210
|
+
"right arrow",
|
|
211
|
+
"next step",
|
|
212
|
+
"forward",
|
|
213
|
+
"move right",
|
|
214
|
+
"next page",
|
|
215
|
+
"slide right",
|
|
216
|
+
"proceed",
|
|
217
|
+
""
|
|
218
|
+
],
|
|
219
|
+
"aliases": [
|
|
220
|
+
""
|
|
221
|
+
],
|
|
222
|
+
"description": "It is primarily used to facilitate forward navigation, guiding users to move to the next page, screen, or step within an interface. This component is commonly employed in scenarios such as multi-step forms, carousels, and breadcrumb trails, where advancing to subsequent content is necessary.",
|
|
223
|
+
"sizes": [
|
|
224
|
+
16,
|
|
225
|
+
20,
|
|
226
|
+
24,
|
|
227
|
+
28,
|
|
228
|
+
32,
|
|
229
|
+
48
|
|
230
|
+
],
|
|
231
|
+
"creation_date": "8/22/2024, 4:07:34 PM"
|
|
232
|
+
},
|
|
233
|
+
"ChevronUp": {
|
|
234
|
+
"id": "ChevronUpMajor",
|
|
235
|
+
"name": "ChevronUp",
|
|
236
|
+
"set": "Major",
|
|
237
|
+
"keywords": [
|
|
238
|
+
"collapse",
|
|
239
|
+
"chevron",
|
|
240
|
+
"up",
|
|
241
|
+
"close",
|
|
242
|
+
"hide",
|
|
243
|
+
"slide up",
|
|
244
|
+
"upward arrow",
|
|
245
|
+
"navigate up"
|
|
246
|
+
],
|
|
247
|
+
"aliases": [
|
|
248
|
+
""
|
|
249
|
+
],
|
|
250
|
+
"description": "It is primarily used to indicate actions related to collapsing or hiding content. This component is commonly found in interfaces where users need to close or collapse sections, such as accordions, dropdowns, or expandable lists. ",
|
|
251
|
+
"sizes": [
|
|
252
|
+
16,
|
|
253
|
+
20,
|
|
254
|
+
24,
|
|
255
|
+
28,
|
|
256
|
+
32,
|
|
257
|
+
48
|
|
258
|
+
],
|
|
259
|
+
"creation_date": "8/22/2024, 4:10:53 PM"
|
|
260
|
+
},
|
|
261
|
+
"Close": {
|
|
262
|
+
"id": "CloseMajor",
|
|
263
|
+
"name": "Close",
|
|
264
|
+
"set": "Major",
|
|
265
|
+
"keywords": [
|
|
266
|
+
"x",
|
|
267
|
+
"exit",
|
|
268
|
+
"dismiss",
|
|
269
|
+
"close",
|
|
270
|
+
"cancel",
|
|
271
|
+
"hide",
|
|
272
|
+
"remove",
|
|
273
|
+
"close window",
|
|
274
|
+
"close button",
|
|
275
|
+
""
|
|
276
|
+
],
|
|
277
|
+
"aliases": [
|
|
278
|
+
""
|
|
279
|
+
],
|
|
280
|
+
"description": "It allows users to close or hide UI elements like modals, notifications, or alerts with a simple action, enhancing user control over content visibility.",
|
|
281
|
+
"sizes": [
|
|
282
|
+
16,
|
|
283
|
+
20,
|
|
284
|
+
24,
|
|
285
|
+
28,
|
|
286
|
+
32,
|
|
287
|
+
48
|
|
288
|
+
],
|
|
289
|
+
"creation_date": "8/22/2024, 4:21:14 PM"
|
|
290
|
+
},
|
|
291
|
+
"Copy": {
|
|
292
|
+
"id": "CopyMajor",
|
|
293
|
+
"name": "Copy",
|
|
294
|
+
"set": "Major",
|
|
295
|
+
"keywords": [
|
|
296
|
+
"copy",
|
|
297
|
+
"duplicate",
|
|
298
|
+
"copy text",
|
|
299
|
+
"clipboard",
|
|
300
|
+
"clone",
|
|
301
|
+
"copy button",
|
|
302
|
+
"copy action",
|
|
303
|
+
"replicate",
|
|
304
|
+
""
|
|
305
|
+
],
|
|
306
|
+
"aliases": [
|
|
307
|
+
""
|
|
308
|
+
],
|
|
309
|
+
"description": "The Copy Component allows users to quickly duplicate content to their clipboard with a single click, commonly used in forms, text fields, and code snippets for efficient data replication.",
|
|
310
|
+
"sizes": [
|
|
311
|
+
16,
|
|
312
|
+
20,
|
|
313
|
+
24,
|
|
314
|
+
28,
|
|
315
|
+
32,
|
|
316
|
+
48
|
|
317
|
+
],
|
|
318
|
+
"creation_date": "8/22/2024, 4:12:38 PM"
|
|
319
|
+
},
|
|
320
|
+
"Currency": {
|
|
321
|
+
"id": "CurrencyMajor",
|
|
322
|
+
"name": "Currency",
|
|
323
|
+
"set": "Major",
|
|
324
|
+
"keywords": [
|
|
325
|
+
"currency",
|
|
326
|
+
"money",
|
|
327
|
+
"amount",
|
|
328
|
+
"currency symbol",
|
|
329
|
+
"price",
|
|
330
|
+
"cost",
|
|
331
|
+
"financial",
|
|
332
|
+
"conversion",
|
|
333
|
+
""
|
|
334
|
+
],
|
|
335
|
+
"aliases": [
|
|
336
|
+
""
|
|
337
|
+
],
|
|
338
|
+
"description": "It is a UI element designed to handle and display monetary values in the appropriate format and currency symbol. It is commonly used in forms, pricing tables, and financial dashboards to ensure that currency data is presented accurately and consistently. ",
|
|
339
|
+
"sizes": [
|
|
340
|
+
16,
|
|
341
|
+
20,
|
|
342
|
+
24,
|
|
343
|
+
28,
|
|
344
|
+
32,
|
|
345
|
+
48
|
|
346
|
+
],
|
|
347
|
+
"creation_date": "8/22/2024, 4:15:08 PM"
|
|
348
|
+
},
|
|
349
|
+
"Dot": {
|
|
350
|
+
"id": "DotMajor",
|
|
351
|
+
"name": "Dot",
|
|
352
|
+
"set": "Major",
|
|
353
|
+
"keywords": [
|
|
354
|
+
"dot",
|
|
355
|
+
"indicator",
|
|
356
|
+
"marker",
|
|
357
|
+
"bullet",
|
|
358
|
+
"visual cue",
|
|
359
|
+
"separator",
|
|
360
|
+
"circle",
|
|
361
|
+
"status icon",
|
|
362
|
+
"notification",
|
|
363
|
+
"tag"
|
|
364
|
+
],
|
|
365
|
+
"aliases": [
|
|
366
|
+
""
|
|
367
|
+
],
|
|
368
|
+
"description": " A small circular element used to represent status, serve as a visual indicator, or provide decorative separation in user interfaces.",
|
|
369
|
+
"sizes": [
|
|
370
|
+
16,
|
|
371
|
+
20,
|
|
372
|
+
24,
|
|
373
|
+
28,
|
|
374
|
+
32,
|
|
375
|
+
48
|
|
376
|
+
],
|
|
377
|
+
"creation_date": "8/22/2024, 4:25:36 PM"
|
|
378
|
+
},
|
|
379
|
+
"Globe": {
|
|
380
|
+
"id": "GlobeMajor",
|
|
381
|
+
"name": "Globe",
|
|
382
|
+
"set": "Major",
|
|
383
|
+
"keywords": [
|
|
384
|
+
"globe",
|
|
385
|
+
"world",
|
|
386
|
+
"planet",
|
|
387
|
+
"geography",
|
|
388
|
+
"earth",
|
|
389
|
+
"map",
|
|
390
|
+
"international",
|
|
391
|
+
"geo",
|
|
392
|
+
"network"
|
|
393
|
+
],
|
|
394
|
+
"aliases": [
|
|
395
|
+
""
|
|
396
|
+
],
|
|
397
|
+
"description": "An icon representing the globe or Earth, commonly used to signify global reach, international settings, or geographical features in user interfaces.",
|
|
398
|
+
"sizes": [
|
|
399
|
+
16,
|
|
400
|
+
20,
|
|
401
|
+
24,
|
|
402
|
+
28,
|
|
403
|
+
32,
|
|
404
|
+
48
|
|
405
|
+
],
|
|
406
|
+
"creation_date": "8/22/2024, 4:28:13 PM"
|
|
407
|
+
},
|
|
408
|
+
"HorizontalDots": {
|
|
409
|
+
"id": "HorizontalDotsMajor",
|
|
410
|
+
"name": "HorizontalDots",
|
|
411
|
+
"set": "Major",
|
|
412
|
+
"keywords": [
|
|
413
|
+
"three dots",
|
|
414
|
+
"dots",
|
|
415
|
+
"horizontal",
|
|
416
|
+
"more",
|
|
417
|
+
"ellipsis",
|
|
418
|
+
"overflow",
|
|
419
|
+
"extended",
|
|
420
|
+
"settings",
|
|
421
|
+
"actions",
|
|
422
|
+
"expandable",
|
|
423
|
+
"context menu"
|
|
424
|
+
],
|
|
425
|
+
"aliases": [
|
|
426
|
+
""
|
|
427
|
+
],
|
|
428
|
+
"description": "An icon commonly represented by three dots or an ellipsis, used to indicate the presence of additional options, settings, or actions within a user interface.",
|
|
429
|
+
"sizes": [
|
|
430
|
+
16,
|
|
431
|
+
20,
|
|
432
|
+
24,
|
|
433
|
+
28,
|
|
434
|
+
32,
|
|
435
|
+
48
|
|
436
|
+
],
|
|
437
|
+
"creation_date": "8/22/2024, 4:32:15 PM"
|
|
438
|
+
},
|
|
24
439
|
"Square": {
|
|
25
440
|
"id": "SquareMajor",
|
|
26
441
|
"name": "Square",
|
|
27
442
|
"set": "Major",
|
|
28
443
|
"keywords": [
|
|
29
|
-
""
|
|
444
|
+
"square",
|
|
445
|
+
"shape",
|
|
446
|
+
"select",
|
|
447
|
+
"frame",
|
|
448
|
+
"border"
|
|
30
449
|
],
|
|
31
450
|
"aliases": [
|
|
32
451
|
""
|
|
33
452
|
],
|
|
34
|
-
"description": "",
|
|
453
|
+
"description": "A square icon that serves as a basic geometric shape, often used as a placeholder, container, or outline for various UI elements.",
|
|
35
454
|
"sizes": [
|
|
36
455
|
16,
|
|
37
456
|
20,
|
package/package.json
CHANGED
|
File without changes
|