pure-react-ui 1.4.6 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +263 -47
- package/lib/components/Button/Button.css +170 -0
- package/lib/components/Button/Button.d.ts +11 -0
- package/lib/components/Button/Button.d.ts.map +1 -0
- package/lib/components/Button/Button.js +30 -0
- package/lib/components/Button/Button.js.map +1 -0
- package/lib/components/Card/Card.css +116 -0
- package/lib/components/Card/Card.d.ts +16 -0
- package/lib/components/Card/Card.d.ts.map +1 -0
- package/lib/components/Card/Card.js +29 -0
- package/lib/components/Card/Card.js.map +1 -0
- package/lib/components/Flex/Flex.css +106 -0
- package/lib/components/Flex/Flex.d.ts +14 -0
- package/lib/components/Flex/Flex.d.ts.map +1 -0
- package/lib/components/Flex/Flex.js +40 -0
- package/lib/components/Flex/Flex.js.map +1 -0
- package/lib/components/Icon/Icon.css +88 -0
- package/lib/components/Icon/Icon.d.ts +13 -0
- package/lib/components/Icon/Icon.d.ts.map +1 -0
- package/lib/components/Icon/Icon.js +26 -0
- package/lib/components/Icon/Icon.js.map +1 -0
- package/lib/components/Icon/icons.d.ts +198 -0
- package/lib/components/Icon/icons.d.ts.map +1 -0
- package/lib/components/Icon/icons.js +155 -0
- package/lib/components/Icon/icons.js.map +1 -0
- package/lib/components/Modal/Modal.css +197 -0
- package/lib/components/Modal/Modal.d.ts +16 -0
- package/lib/components/Modal/Modal.d.ts.map +1 -0
- package/lib/components/Modal/Modal.js +45 -0
- package/lib/components/Modal/Modal.js.map +1 -0
- package/lib/components/Space/Space.css +73 -0
- package/lib/components/Space/Space.d.ts +12 -0
- package/lib/components/Space/Space.d.ts.map +1 -0
- package/lib/components/Space/Space.js +33 -0
- package/lib/components/Space/Space.js.map +1 -0
- package/lib/components/Text/Text.css +240 -0
- package/lib/components/Text/Text.d.ts +16 -0
- package/lib/components/Text/Text.d.ts.map +1 -0
- package/lib/components/Text/Text.js +26 -0
- package/lib/components/Text/Text.js.map +1 -0
- package/lib/index.d.ts +16 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +9 -0
- package/lib/index.js.map +1 -0
- package/package.json +41 -58
- package/dist/components/Button/Button.d.ts +0 -5
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -14
- package/dist/components/Button/Button.types.d.ts.map +0 -1
- package/dist/components/Button/index.d.ts +0 -2
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/dist/index.css +0 -1
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +0 -1
- package/dist/index.esm.css +0 -1
- package/dist/index.esm.js +0 -25
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -27
- package/dist/index.js.map +0 -1
- package/dist/setupTests.d.ts +0 -2
- package/dist/setupTests.d.ts.map +0 -1
- package/src/styles/index.css +0 -81
- package/src/styles/variables.css +0 -80
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Card.css';
|
|
3
|
+
export const Card = ({ title, subtitle, image, imageAlt, footer, hoverable = false, shadow = 'medium', className = '', children, onClick }) => {
|
|
4
|
+
const baseClass = 'pure-card';
|
|
5
|
+
const hoverableClass = hoverable ? 'pure-card--hoverable' : '';
|
|
6
|
+
const shadowClass = `pure-card--shadow-${shadow}`;
|
|
7
|
+
const clickableClass = onClick ? 'pure-card--clickable' : '';
|
|
8
|
+
const combinedClassName = [
|
|
9
|
+
baseClass,
|
|
10
|
+
hoverableClass,
|
|
11
|
+
shadowClass,
|
|
12
|
+
clickableClass,
|
|
13
|
+
className
|
|
14
|
+
].filter(Boolean).join(' ');
|
|
15
|
+
const handleClick = () => {
|
|
16
|
+
if (onClick) {
|
|
17
|
+
onClick();
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
return (React.createElement("div", { className: combinedClassName, onClick: handleClick },
|
|
21
|
+
image && (React.createElement("div", { className: "pure-card__image-container" },
|
|
22
|
+
React.createElement("img", { src: image, alt: imageAlt || title || 'Card image', className: "pure-card__image" }))),
|
|
23
|
+
(title || subtitle) && (React.createElement("div", { className: "pure-card__header" },
|
|
24
|
+
title && React.createElement("h3", { className: "pure-card__title" }, title),
|
|
25
|
+
subtitle && React.createElement("p", { className: "pure-card__subtitle" }, subtitle))),
|
|
26
|
+
React.createElement("div", { className: "pure-card__body" }, children),
|
|
27
|
+
footer && (React.createElement("div", { className: "pure-card__footer" }, footer))));
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAepB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,EACR,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,qBAAqB,MAAM,EAAE,CAAC;IAClD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,cAAc;QACd,WAAW;QACX,cAAc;QACd,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW;QACpD,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,IAAI,KAAK,IAAI,YAAY,EAAE,SAAS,EAAC,kBAAkB,GAAG,CACpF,CACP;QACA,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,6BAAK,SAAS,EAAC,mBAAmB;YAC/B,KAAK,IAAI,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAM;YACtD,QAAQ,IAAI,2BAAG,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAK,CAC1D,CACP;QACD,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,QAAQ,CACL;QACL,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,MAAM,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/* Pure Flex Component Styles */
|
|
2
|
+
.pure-flex {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-wrap: nowrap;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
/* Direction Variants */
|
|
8
|
+
.pure-flex--row {
|
|
9
|
+
flex-direction: row;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.pure-flex--column {
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.pure-flex--row-reverse {
|
|
17
|
+
flex-direction: row-reverse;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.pure-flex--column-reverse {
|
|
21
|
+
flex-direction: column-reverse;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* Justify Content */
|
|
25
|
+
.pure-flex--justify-start {
|
|
26
|
+
justify-content: flex-start;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.pure-flex--justify-end {
|
|
30
|
+
justify-content: flex-end;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.pure-flex--justify-center {
|
|
34
|
+
justify-content: center;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.pure-flex--justify-between {
|
|
38
|
+
justify-content: space-between;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.pure-flex--justify-around {
|
|
42
|
+
justify-content: space-around;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.pure-flex--justify-evenly {
|
|
46
|
+
justify-content: space-evenly;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* Align Items */
|
|
50
|
+
.pure-flex--align-start {
|
|
51
|
+
align-items: flex-start;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.pure-flex--align-end {
|
|
55
|
+
align-items: flex-end;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.pure-flex--align-center {
|
|
59
|
+
align-items: center;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.pure-flex--align-baseline {
|
|
63
|
+
align-items: baseline;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.pure-flex--align-stretch {
|
|
67
|
+
align-items: stretch;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
/* Wrap */
|
|
71
|
+
.pure-flex--wrap {
|
|
72
|
+
flex-wrap: wrap;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.pure-flex--nowrap {
|
|
76
|
+
flex-wrap: nowrap;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.pure-flex--wrap-reverse {
|
|
80
|
+
flex-wrap: wrap-reverse;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Gap */
|
|
84
|
+
.pure-flex--gap-none {
|
|
85
|
+
gap: 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.pure-flex--gap-small {
|
|
89
|
+
gap: 0.5rem;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.pure-flex--gap-medium {
|
|
93
|
+
gap: 1rem;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.pure-flex--gap-large {
|
|
97
|
+
gap: 1.5rem;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* Responsive */
|
|
101
|
+
@media (max-width: 768px) {
|
|
102
|
+
.pure-flex--wrap {
|
|
103
|
+
flex-wrap: wrap;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Flex.css';
|
|
3
|
+
export interface FlexProps {
|
|
4
|
+
direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
5
|
+
justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
6
|
+
align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
7
|
+
wrap?: boolean | 'wrap' | 'nowrap' | 'wrap-reverse';
|
|
8
|
+
gap?: 'none' | 'small' | 'medium' | 'large' | number;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const Flex: React.FC<FlexProps>;
|
|
14
|
+
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwDpC,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Flex.css';
|
|
3
|
+
export const Flex = ({ direction = 'row', justify = 'start', align = 'start', wrap = false, gap = 'none', className = '', style = {}, children }) => {
|
|
4
|
+
const baseClass = 'pure-flex';
|
|
5
|
+
const directionClass = `pure-flex--${direction}`;
|
|
6
|
+
const justifyClass = `pure-flex--justify-${justify}`;
|
|
7
|
+
const alignClass = `pure-flex--align-${align}`;
|
|
8
|
+
let wrapClass = '';
|
|
9
|
+
if (wrap === true) {
|
|
10
|
+
wrapClass = 'pure-flex--wrap';
|
|
11
|
+
}
|
|
12
|
+
else if (wrap === 'wrap') {
|
|
13
|
+
wrapClass = 'pure-flex--wrap';
|
|
14
|
+
}
|
|
15
|
+
else if (wrap === 'wrap-reverse') {
|
|
16
|
+
wrapClass = 'pure-flex--wrap-reverse';
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
wrapClass = 'pure-flex--nowrap';
|
|
20
|
+
}
|
|
21
|
+
const combinedClassName = [
|
|
22
|
+
baseClass,
|
|
23
|
+
directionClass,
|
|
24
|
+
justifyClass,
|
|
25
|
+
alignClass,
|
|
26
|
+
wrapClass,
|
|
27
|
+
className
|
|
28
|
+
].filter(Boolean).join(' ');
|
|
29
|
+
const gapValue = typeof gap === 'number' ? gap : undefined;
|
|
30
|
+
const gapClass = typeof gap === 'string' && gap !== 'none' ? `pure-flex--gap-${gap}` : '';
|
|
31
|
+
const combinedStyle = {
|
|
32
|
+
...style,
|
|
33
|
+
};
|
|
34
|
+
if (gapValue !== undefined) {
|
|
35
|
+
combinedStyle.gap = `${gapValue}px`;
|
|
36
|
+
}
|
|
37
|
+
const finalClassName = [combinedClassName, gapClass].filter(Boolean).join(' ');
|
|
38
|
+
return (React.createElement("div", { className: finalClassName, style: combinedStyle }, children));
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Flex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAapB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,KAAK,EACZ,GAAG,GAAG,MAAM,EACZ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,cAAc,GAAG,cAAc,SAAS,EAAE,CAAC;IACjD,MAAM,YAAY,GAAG,sBAAsB,OAAO,EAAE,CAAC;IACrD,MAAM,UAAU,GAAG,oBAAoB,KAAK,EAAE,CAAC;IAE/C,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,SAAS,GAAG,iBAAiB,CAAC;IAChC,CAAC;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAC3B,SAAS,GAAG,iBAAiB,CAAC;IAChC,CAAC;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;QACnC,SAAS,GAAG,yBAAyB,CAAC;IACxC,CAAC;SAAM,CAAC;QACN,SAAS,GAAG,mBAAmB,CAAC;IAClC,CAAC;IAED,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,cAAc;QACd,YAAY;QACZ,UAAU;QACV,SAAS;QACT,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1F,MAAM,aAAa,GAAwB;QACzC,GAAG,KAAK;KACT,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,aAAa,CAAC,GAAG,GAAG,GAAG,QAAQ,IAAI,CAAC;IACtC,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/E,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,aAAa,IAEnB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/* Pure Icon Component Styles */
|
|
2
|
+
.pure-icon {
|
|
3
|
+
display: inline-block;
|
|
4
|
+
vertical-align: middle;
|
|
5
|
+
flex-shrink: 0;
|
|
6
|
+
user-select: none;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.pure-icon--clickable {
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.pure-icon--clickable:hover {
|
|
15
|
+
opacity: 0.8;
|
|
16
|
+
transform: scale(1.1);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.pure-icon--clickable:active {
|
|
20
|
+
transform: scale(0.95);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.pure-icon__wrapper {
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
transition: opacity 0.2s ease-in-out;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.pure-icon__wrapper:hover {
|
|
32
|
+
opacity: 0.8;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.pure-icon__wrapper:focus {
|
|
36
|
+
outline: none;
|
|
37
|
+
border-radius: 0.25rem;
|
|
38
|
+
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.pure-icon__wrapper:focus:not(:focus-visible) {
|
|
42
|
+
box-shadow: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Size variants */
|
|
46
|
+
.pure-icon--small {
|
|
47
|
+
width: 16px;
|
|
48
|
+
height: 16px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.pure-icon--medium {
|
|
52
|
+
width: 24px;
|
|
53
|
+
height: 24px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.pure-icon--large {
|
|
57
|
+
width: 32px;
|
|
58
|
+
height: 32px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* Animation for loading/spinning icons */
|
|
62
|
+
.pure-icon--spin {
|
|
63
|
+
animation: pure-icon-spin 1s linear infinite;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@keyframes pure-icon-spin {
|
|
67
|
+
from {
|
|
68
|
+
transform: rotate(0deg);
|
|
69
|
+
}
|
|
70
|
+
to {
|
|
71
|
+
transform: rotate(360deg);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/* Pulse animation */
|
|
76
|
+
.pure-icon--pulse {
|
|
77
|
+
animation: pure-icon-pulse 2s ease-in-out infinite;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@keyframes pure-icon-pulse {
|
|
81
|
+
0%, 100% {
|
|
82
|
+
opacity: 1;
|
|
83
|
+
}
|
|
84
|
+
50% {
|
|
85
|
+
opacity: 0.5;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconName, IconProps as BaseIconProps } from './icons';
|
|
3
|
+
import './Icon.css';
|
|
4
|
+
export interface IconProps extends BaseIconProps {
|
|
5
|
+
name: IconName;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
color?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const Icon: React.FC<IconProps>;
|
|
12
|
+
export * from './icons';
|
|
13
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAW,QAAQ,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgDpC,CAAC;AAGF,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { iconMap } from './icons';
|
|
3
|
+
import './Icon.css';
|
|
4
|
+
export const Icon = ({ name, size = 24, color = 'currentColor', className = '', onClick, ...props }) => {
|
|
5
|
+
const IconComponent = iconMap[name];
|
|
6
|
+
if (!IconComponent) {
|
|
7
|
+
console.warn(`Icon "${name}" not found`);
|
|
8
|
+
return null;
|
|
9
|
+
}
|
|
10
|
+
const baseClass = 'pure-icon';
|
|
11
|
+
const clickableClass = onClick ? 'pure-icon--clickable' : '';
|
|
12
|
+
const combinedClassName = [baseClass, clickableClass, className].filter(Boolean).join(' ');
|
|
13
|
+
const iconElement = (React.createElement(IconComponent, { size: size, color: color, className: combinedClassName, ...props }));
|
|
14
|
+
if (onClick) {
|
|
15
|
+
return (React.createElement("span", { className: "pure-icon__wrapper", onClick: onClick, role: "button", tabIndex: 0, onKeyDown: (e) => {
|
|
16
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
17
|
+
e.preventDefault();
|
|
18
|
+
onClick();
|
|
19
|
+
}
|
|
20
|
+
} }, iconElement));
|
|
21
|
+
}
|
|
22
|
+
return iconElement;
|
|
23
|
+
};
|
|
24
|
+
// Export individual icons for direct use
|
|
25
|
+
export * from './icons';
|
|
26
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAwC,MAAM,SAAS,CAAC;AACxE,OAAO,YAAY,CAAC;AAUpB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,cAAc,EACtB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7D,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE3F,MAAM,WAAW,GAAG,CAClB,oBAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,iBAAiB,KACxB,KAAK,GACT,CACH,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,8BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC,IAEA,WAAW,CACP,CACR,CAAC;IACJ,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,yCAAyC;AACzC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IconProps {
|
|
3
|
+
size?: number | string;
|
|
4
|
+
color?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const ArrowLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
8
|
+
export declare const ArrowRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
9
|
+
export declare const ArrowUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
10
|
+
export declare const ArrowDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
11
|
+
export declare const ArrowUpRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
12
|
+
export declare const ArrowDownRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
13
|
+
export declare const ChevronLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
14
|
+
export declare const ChevronRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
15
|
+
export declare const ChevronUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
16
|
+
export declare const ChevronDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
17
|
+
export declare const DoubleChevronLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
18
|
+
export declare const DoubleChevronRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
19
|
+
export declare const Home: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
20
|
+
export declare const Menu: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
21
|
+
export declare const Close: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
22
|
+
export declare const Search: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
23
|
+
export declare const Filter: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
24
|
+
export declare const Plus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
25
|
+
export declare const Minus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
26
|
+
export declare const Check: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
27
|
+
export declare const X: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
28
|
+
export declare const Edit: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
29
|
+
export declare const Trash: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
30
|
+
export declare const Save: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
31
|
+
export declare const Download: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
32
|
+
export declare const Upload: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
33
|
+
export declare const Copy: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
34
|
+
export declare const Share: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
35
|
+
export declare const Play: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
36
|
+
export declare const Pause: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
37
|
+
export declare const Stop: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
38
|
+
export declare const VolumeUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
39
|
+
export declare const VolumeDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
40
|
+
export declare const VolumeOff: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
41
|
+
export declare const Image: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
42
|
+
export declare const Video: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
43
|
+
export declare const Camera: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
44
|
+
export declare const Mail: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
45
|
+
export declare const Message: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
46
|
+
export declare const Phone: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
47
|
+
export declare const Bell: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
48
|
+
export declare const Notification: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
49
|
+
export declare const File: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
50
|
+
export declare const Folder: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
51
|
+
export declare const FolderOpen: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
52
|
+
export declare const FileText: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
53
|
+
export declare const FilePdf: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
54
|
+
export declare const User: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
55
|
+
export declare const Users: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
56
|
+
export declare const UserPlus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
57
|
+
export declare const UserMinus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
58
|
+
export declare const Settings: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
59
|
+
export declare const Logout: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
60
|
+
export declare const CheckCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
61
|
+
export declare const XCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
62
|
+
export declare const AlertCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
63
|
+
export declare const Info: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
64
|
+
export declare const Warning: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
65
|
+
export declare const Star: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
66
|
+
export declare const Heart: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
67
|
+
export declare const Bookmark: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
68
|
+
export declare const Facebook: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
69
|
+
export declare const Twitter: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
70
|
+
export declare const Instagram: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
71
|
+
export declare const Linkedin: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
72
|
+
export declare const Github: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
73
|
+
export declare const Youtube: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
74
|
+
export declare const Wifi: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
75
|
+
export declare const Bluetooth: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
76
|
+
export declare const Battery: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
77
|
+
export declare const Zap: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
78
|
+
export declare const Lock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
79
|
+
export declare const Unlock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
80
|
+
export declare const Shield: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
81
|
+
export declare const ShoppingCart: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
82
|
+
export declare const ShoppingBag: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
83
|
+
export declare const CreditCard: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
84
|
+
export declare const Gift: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
85
|
+
export declare const Clock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
86
|
+
export declare const Calendar: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
87
|
+
export declare const Timer: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
88
|
+
export declare const MapPin: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
89
|
+
export declare const Globe: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
90
|
+
export declare const Navigation: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
91
|
+
export declare const Sun: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
92
|
+
export declare const Moon: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
93
|
+
export declare const Cloud: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
94
|
+
export declare const Eye: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
95
|
+
export declare const EyeOff: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
96
|
+
export declare const Refresh: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
97
|
+
export declare const MoreVertical: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
98
|
+
export declare const MoreHorizontal: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
99
|
+
export declare const Grid: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
100
|
+
export declare const List: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
101
|
+
export declare const iconMap: {
|
|
102
|
+
ArrowLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
103
|
+
ArrowRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
104
|
+
ArrowUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
105
|
+
ArrowDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
106
|
+
ArrowUpRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
107
|
+
ArrowDownRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
108
|
+
ChevronLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
109
|
+
ChevronRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
110
|
+
ChevronUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
111
|
+
ChevronDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
112
|
+
DoubleChevronLeft: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
113
|
+
DoubleChevronRight: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
114
|
+
Home: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
115
|
+
Menu: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
116
|
+
Close: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
117
|
+
Search: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
118
|
+
Filter: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
119
|
+
Plus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
120
|
+
Minus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
121
|
+
Check: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
122
|
+
X: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
123
|
+
Edit: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
124
|
+
Trash: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
125
|
+
Save: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
126
|
+
Download: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
127
|
+
Upload: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
128
|
+
Copy: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
129
|
+
Share: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
130
|
+
Play: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
131
|
+
Pause: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
132
|
+
Stop: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
133
|
+
VolumeUp: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
134
|
+
VolumeDown: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
135
|
+
VolumeOff: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
136
|
+
Image: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
137
|
+
Video: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
138
|
+
Camera: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
139
|
+
Mail: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
140
|
+
Message: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
141
|
+
Phone: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
142
|
+
Bell: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
143
|
+
Notification: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
144
|
+
File: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
145
|
+
Folder: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
146
|
+
FolderOpen: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
147
|
+
FileText: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
148
|
+
FilePdf: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
149
|
+
User: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
150
|
+
Users: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
151
|
+
UserPlus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
152
|
+
UserMinus: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
153
|
+
Settings: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
154
|
+
Logout: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
155
|
+
CheckCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
156
|
+
XCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
157
|
+
AlertCircle: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
158
|
+
Info: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
159
|
+
Warning: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
160
|
+
Star: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
161
|
+
Heart: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
162
|
+
Bookmark: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
163
|
+
Facebook: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
164
|
+
Twitter: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
165
|
+
Instagram: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
166
|
+
Linkedin: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
167
|
+
Github: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
168
|
+
Youtube: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
169
|
+
Wifi: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
170
|
+
Bluetooth: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
171
|
+
Battery: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
172
|
+
Zap: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
173
|
+
Lock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
174
|
+
Unlock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
175
|
+
Shield: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
176
|
+
ShoppingCart: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
177
|
+
ShoppingBag: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
178
|
+
CreditCard: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
179
|
+
Gift: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
180
|
+
Clock: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
181
|
+
Calendar: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
182
|
+
Timer: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
183
|
+
MapPin: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
184
|
+
Globe: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
185
|
+
Navigation: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
186
|
+
Sun: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
187
|
+
Moon: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
188
|
+
Cloud: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
189
|
+
Eye: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
190
|
+
EyeOff: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
191
|
+
Refresh: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
192
|
+
MoreVertical: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
193
|
+
MoreHorizontal: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
194
|
+
Grid: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
195
|
+
List: ({ size, color, className }: IconProps) => React.JSX.Element;
|
|
196
|
+
};
|
|
197
|
+
export type IconName = keyof typeof iconMap;
|
|
198
|
+
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/icons.tsx"],"names":[],"mappings":"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"}
|