@metamask-previews/design-system-react-native 0.0.0-preview.909f2e9 → 0.0.0-preview.ad2f94b
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icons/Icon/Icon.assets.d.ts +6 -0
- package/dist/components/Icons/Icon/Icon.assets.d.ts.map +1 -0
- package/dist/components/Icons/Icon/Icon.assets.js +324 -0
- package/dist/components/Icons/Icon/Icon.assets.js.map +1 -0
- package/dist/components/Icons/Icon/Icon.constants.d.ts +9 -0
- package/dist/components/Icons/Icon/Icon.constants.d.ts.map +1 -0
- package/dist/components/Icons/Icon/Icon.constants.js +39 -0
- package/dist/components/Icons/Icon/Icon.constants.js.map +1 -0
- package/dist/components/Icons/Icon/Icon.d.ts +9 -0
- package/dist/components/Icons/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icons/Icon/Icon.js +41 -0
- package/dist/components/Icons/Icon/Icon.js.map +1 -0
- package/dist/components/Icons/Icon/Icon.types.d.ts +242 -0
- package/dist/components/Icons/Icon/Icon.types.d.ts.map +1 -0
- package/dist/components/Icons/Icon/Icon.types.js +217 -0
- package/dist/components/Icons/Icon/Icon.types.js.map +1 -0
- package/dist/components/Icons/Icon/Icon.utilities.d.ts +22 -0
- package/dist/components/Icons/Icon/Icon.utilities.d.ts.map +1 -0
- package/dist/components/Icons/Icon/Icon.utilities.js +31 -0
- package/dist/components/Icons/Icon/Icon.utilities.js.map +1 -0
- package/dist/components/Icons/Icon/index.d.ts +4 -0
- package/dist/components/Icons/Icon/index.d.ts.map +1 -0
- package/dist/components/Icons/Icon/index.js +13 -0
- package/dist/components/Icons/Icon/index.js.map +1 -0
- package/dist/components/Text/Text.constants.d.ts +9 -0
- package/dist/components/Text/Text.constants.d.ts.map +1 -0
- package/dist/components/Text/Text.constants.js +21 -0
- package/dist/components/Text/Text.constants.js.map +1 -0
- package/dist/components/Text/Text.d.ts +12 -0
- package/dist/components/Text/Text.d.ts.map +1 -0
- package/dist/components/Text/Text.js +26 -0
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/Text.types.d.ts +100 -0
- package/dist/components/Text/Text.types.d.ts.map +1 -0
- package/dist/components/Text/Text.types.js +79 -0
- package/dist/components/Text/Text.types.js.map +1 -0
- package/dist/components/Text/Text.utilities.d.ts +30 -0
- package/dist/components/Text/Text.utilities.d.ts.map +1 -0
- package/dist/components/Text/Text.utilities.js +45 -0
- package/dist/components/Text/Text.utilities.js.map +1 -0
- package/dist/components/Text/index.d.ts +3 -0
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/Text/index.js +14 -0
- package/dist/components/Text/index.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/dist/index.js.map +1 -0
- package/package.json +30 -15
- package/dist/index.cjs +0 -13
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.cts +0 -8
- package/dist/index.d.cts.map +0 -1
- package/dist/index.d.mts +0 -8
- package/dist/index.d.mts.map +0 -1
- package/dist/index.mjs +0 -10
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { ViewProps } from 'react-native';
|
|
3
|
+
import type { SvgProps } from 'react-native-svg';
|
|
4
|
+
/**
|
|
5
|
+
* Icon color
|
|
6
|
+
*/
|
|
7
|
+
export declare enum IconColor {
|
|
8
|
+
/** For default neutral icons */
|
|
9
|
+
IconDefault = "icon-default",
|
|
10
|
+
/** For softer neutral icons */
|
|
11
|
+
IconAlternative = "icon-alternative",
|
|
12
|
+
/** For the weakest contrast neutral icons (not accessible) */
|
|
13
|
+
IconMuted = "icon-muted",
|
|
14
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
15
|
+
OverlayInverse = "overlay-inverse",
|
|
16
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
17
|
+
PrimaryDefault = "primary-default",
|
|
18
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
19
|
+
PrimaryInverse = "primary-inverse",
|
|
20
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
21
|
+
ErrorDefault = "error-default",
|
|
22
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
23
|
+
ErrorInverse = "error-inverse",
|
|
24
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
25
|
+
SuccessDefault = "success-default",
|
|
26
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
27
|
+
SuccessInverse = "success-inverse",
|
|
28
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
29
|
+
WarningDefault = "warning-default",
|
|
30
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
31
|
+
WarningInverse = "warning-inverse",
|
|
32
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
33
|
+
InfoDefault = "info-default",
|
|
34
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
35
|
+
InfoInverse = "info-inverse"
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Icon sizes
|
|
39
|
+
*/
|
|
40
|
+
export declare enum IconSize {
|
|
41
|
+
/** Extra small - 12px */
|
|
42
|
+
Xs = "xs",
|
|
43
|
+
/** Small - 16px */
|
|
44
|
+
Sm = "sm",
|
|
45
|
+
/** Medium - 20px (Default) */
|
|
46
|
+
Md = "md",
|
|
47
|
+
/** Large - 24px */
|
|
48
|
+
Lg = "lg",
|
|
49
|
+
/** Extra large - 32px */
|
|
50
|
+
Xl = "xl"
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Icon component props.
|
|
54
|
+
*/
|
|
55
|
+
export type IconProps = {
|
|
56
|
+
/**
|
|
57
|
+
* Required prop to specify which icon to render from the icon set
|
|
58
|
+
*/
|
|
59
|
+
name: IconName;
|
|
60
|
+
/**
|
|
61
|
+
* Optional prop to control the size of the icon
|
|
62
|
+
* Different sizes map to specific pixel dimensions
|
|
63
|
+
* @default IconSize.Md
|
|
64
|
+
*/
|
|
65
|
+
size?: IconSize;
|
|
66
|
+
/**
|
|
67
|
+
* Optional prop that sets the color of the icon using predefined theme colors
|
|
68
|
+
* @default IconColor.IconDefault
|
|
69
|
+
*/
|
|
70
|
+
color?: IconColor;
|
|
71
|
+
/**
|
|
72
|
+
* Optional prop to add twrnc overriding classNames.
|
|
73
|
+
*/
|
|
74
|
+
twClassName?: string;
|
|
75
|
+
} & ViewProps;
|
|
76
|
+
/**
|
|
77
|
+
* Asset stored by icon name
|
|
78
|
+
*/
|
|
79
|
+
export type AssetByIconName = {
|
|
80
|
+
[key in IconName]: React.FC<SvgProps & {
|
|
81
|
+
name: string;
|
|
82
|
+
}>;
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Icon names
|
|
86
|
+
*/
|
|
87
|
+
export declare enum IconName {
|
|
88
|
+
AddSquare = "AddSquare",
|
|
89
|
+
Add = "Add",
|
|
90
|
+
Arrow2Down = "Arrow2Down",
|
|
91
|
+
Arrow2Left = "Arrow2Left",
|
|
92
|
+
Arrow2Right = "Arrow2Right",
|
|
93
|
+
Arrow2UpRight = "Arrow2UpRight",
|
|
94
|
+
Arrow2Up = "Arrow2Up",
|
|
95
|
+
ArrowDoubleLeft = "ArrowDoubleLeft",
|
|
96
|
+
ArrowDoubleRight = "ArrowDoubleRight",
|
|
97
|
+
ArrowDown = "ArrowDown",
|
|
98
|
+
ArrowLeft = "ArrowLeft",
|
|
99
|
+
ArrowRight = "ArrowRight",
|
|
100
|
+
ArrowUp = "ArrowUp",
|
|
101
|
+
Ban = "Ban",
|
|
102
|
+
BankToken = "BankToken",
|
|
103
|
+
Bank = "Bank",
|
|
104
|
+
Bold = "Bold",
|
|
105
|
+
Book = "Book",
|
|
106
|
+
Bookmark = "Bookmark",
|
|
107
|
+
Bridge = "Bridge",
|
|
108
|
+
Calculator = "Calculator",
|
|
109
|
+
CardPos = "CardPos",
|
|
110
|
+
CardToken = "CardToken",
|
|
111
|
+
Card = "Card",
|
|
112
|
+
Category = "Category",
|
|
113
|
+
Chart = "Chart",
|
|
114
|
+
CheckBold = "CheckBold",
|
|
115
|
+
Check = "Check",
|
|
116
|
+
CircleX = "CircleX",
|
|
117
|
+
Clock = "Clock",
|
|
118
|
+
Close = "Close",
|
|
119
|
+
CodeCircle = "CodeCircle",
|
|
120
|
+
Coin = "Coin",
|
|
121
|
+
Collapse = "Collapse",
|
|
122
|
+
Confirmation = "Confirmation",
|
|
123
|
+
Connect = "Connect",
|
|
124
|
+
CopySuccess = "CopySuccess",
|
|
125
|
+
Copy = "Copy",
|
|
126
|
+
Customize = "Customize",
|
|
127
|
+
Danger = "Danger",
|
|
128
|
+
Dark = "Dark",
|
|
129
|
+
Data = "Data",
|
|
130
|
+
Diagram = "Diagram",
|
|
131
|
+
DocumentCode = "DocumentCode",
|
|
132
|
+
Download = "Download",
|
|
133
|
+
Edit = "Edit",
|
|
134
|
+
Eraser = "Eraser",
|
|
135
|
+
Ethereum = "Ethereum",
|
|
136
|
+
Expand = "Expand",
|
|
137
|
+
Explore = "Explore",
|
|
138
|
+
Export = "Export",
|
|
139
|
+
EyeSlash = "EyeSlash",
|
|
140
|
+
Eye = "Eye",
|
|
141
|
+
File = "File",
|
|
142
|
+
Filter = "Filter",
|
|
143
|
+
Flag = "Flag",
|
|
144
|
+
FlashSlash = "FlashSlash",
|
|
145
|
+
Flash = "Flash",
|
|
146
|
+
Flask = "Flask",
|
|
147
|
+
FullCircle = "FullCircle",
|
|
148
|
+
Gas = "Gas",
|
|
149
|
+
GlobalSearch = "GlobalSearch",
|
|
150
|
+
Global = "Global",
|
|
151
|
+
Graph = "Graph",
|
|
152
|
+
Hardware = "Hardware",
|
|
153
|
+
Heart = "Heart",
|
|
154
|
+
Hierarchy = "Hierarchy",
|
|
155
|
+
Home = "Home",
|
|
156
|
+
Import = "Import",
|
|
157
|
+
Info = "Info",
|
|
158
|
+
Key = "Key",
|
|
159
|
+
Light = "Light",
|
|
160
|
+
Link = "Link",
|
|
161
|
+
Loading = "Loading",
|
|
162
|
+
LockCircle = "LockCircle",
|
|
163
|
+
LockSlash = "LockSlash",
|
|
164
|
+
Lock = "Lock",
|
|
165
|
+
Login = "Login",
|
|
166
|
+
Logout = "Logout",
|
|
167
|
+
Menu = "Menu",
|
|
168
|
+
MessageQuestion = "MessageQuestion",
|
|
169
|
+
Messages = "Messages",
|
|
170
|
+
MinusBold = "MinusBold",
|
|
171
|
+
MinusSquare = "MinusSquare",
|
|
172
|
+
Minus = "Minus",
|
|
173
|
+
Mobile = "Mobile",
|
|
174
|
+
Money = "Money",
|
|
175
|
+
Monitor = "Monitor",
|
|
176
|
+
MoreHorizontal = "MoreHorizontal",
|
|
177
|
+
MoreVertical = "MoreVertical",
|
|
178
|
+
NotificationCircle = "NotificationCircle",
|
|
179
|
+
Notification = "Notification",
|
|
180
|
+
PasswordCheck = "PasswordCheck",
|
|
181
|
+
People = "People",
|
|
182
|
+
Pin = "Pin",
|
|
183
|
+
Plug = "Plug",
|
|
184
|
+
PlusMinus = "PlusMinus",
|
|
185
|
+
ProgrammingArrows = "ProgrammingArrows",
|
|
186
|
+
QrCode = "QrCode",
|
|
187
|
+
Question = "Question",
|
|
188
|
+
Received = "Received",
|
|
189
|
+
Refresh = "Refresh",
|
|
190
|
+
Save = "Save",
|
|
191
|
+
ScanBarcode = "ScanBarcode",
|
|
192
|
+
ScanFocus = "ScanFocus",
|
|
193
|
+
Scan = "Scan",
|
|
194
|
+
Scroll = "Scroll",
|
|
195
|
+
Search = "Search",
|
|
196
|
+
SecurityCard = "SecurityCard",
|
|
197
|
+
SecurityCross = "SecurityCross",
|
|
198
|
+
SecurityKey = "SecurityKey",
|
|
199
|
+
SecuritySearch = "SecuritySearch",
|
|
200
|
+
SecuritySlash = "SecuritySlash",
|
|
201
|
+
SecurityTick = "SecurityTick",
|
|
202
|
+
SecurityTime = "SecurityTime",
|
|
203
|
+
SecurityUser = "SecurityUser",
|
|
204
|
+
Security = "Security",
|
|
205
|
+
Send1 = "Send1",
|
|
206
|
+
Send2 = "Send2",
|
|
207
|
+
Setting = "Setting",
|
|
208
|
+
Share = "Share",
|
|
209
|
+
Slash = "Slash",
|
|
210
|
+
SnapsMobile = "SnapsMobile",
|
|
211
|
+
SnapsPlus = "SnapsPlus",
|
|
212
|
+
Snaps = "Snaps",
|
|
213
|
+
Speedometer = "Speedometer",
|
|
214
|
+
Square = "Square",
|
|
215
|
+
Stake = "Stake",
|
|
216
|
+
Star = "Star",
|
|
217
|
+
Student = "Student",
|
|
218
|
+
SwapHorizontal = "SwapHorizontal",
|
|
219
|
+
SwapVertical = "SwapVertical",
|
|
220
|
+
Tag = "Tag",
|
|
221
|
+
Tilde = "Tilde",
|
|
222
|
+
Timer = "Timer",
|
|
223
|
+
Tint = "Tint",
|
|
224
|
+
Trash = "Trash",
|
|
225
|
+
TrendDown = "TrendDown",
|
|
226
|
+
TrendUp = "TrendUp",
|
|
227
|
+
Twitter = "Twitter",
|
|
228
|
+
Unpin = "Unpin",
|
|
229
|
+
Upload = "Upload",
|
|
230
|
+
Usb = "Usb",
|
|
231
|
+
UserCheck = "UserCheck",
|
|
232
|
+
UserCircleAdd = "UserCircleAdd",
|
|
233
|
+
UserCircleRemove = "UserCircleRemove",
|
|
234
|
+
UserCircle = "UserCircle",
|
|
235
|
+
User = "User",
|
|
236
|
+
WalletCard = "WalletCard",
|
|
237
|
+
WalletMoney = "WalletMoney",
|
|
238
|
+
Wallet = "Wallet",
|
|
239
|
+
Warning = "Warning",
|
|
240
|
+
Wifi = "Wifi"
|
|
241
|
+
}
|
|
242
|
+
//# sourceMappingURL=Icon.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconName = exports.IconSize = exports.IconColor = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Icon color
|
|
6
|
+
*/
|
|
7
|
+
var IconColor;
|
|
8
|
+
(function (IconColor) {
|
|
9
|
+
/** For default neutral icons */
|
|
10
|
+
IconColor["IconDefault"] = "icon-default";
|
|
11
|
+
/** For softer neutral icons */
|
|
12
|
+
IconColor["IconAlternative"] = "icon-alternative";
|
|
13
|
+
/** For the weakest contrast neutral icons (not accessible) */
|
|
14
|
+
IconColor["IconMuted"] = "icon-muted";
|
|
15
|
+
/** For elements used on top of overlay/alternative. Used for text, icon or border */
|
|
16
|
+
IconColor["OverlayInverse"] = "overlay-inverse";
|
|
17
|
+
/** For interactive, active, and selected semantics. Used for text, background, icon or border */
|
|
18
|
+
IconColor["PrimaryDefault"] = "primary-default";
|
|
19
|
+
/** For elements used on top of primary/default. Used for text, icon or border */
|
|
20
|
+
IconColor["PrimaryInverse"] = "primary-inverse";
|
|
21
|
+
/** For the critical alert semantic elements. Used for text, background, icon or border */
|
|
22
|
+
IconColor["ErrorDefault"] = "error-default";
|
|
23
|
+
/** For elements used on top of error/default. Used for text, icon or border */
|
|
24
|
+
IconColor["ErrorInverse"] = "error-inverse";
|
|
25
|
+
/** For the positive semantic elements. Used for text, background, icon or border */
|
|
26
|
+
IconColor["SuccessDefault"] = "success-default";
|
|
27
|
+
/** For elements used on top of success/default. Used for text, icon or border */
|
|
28
|
+
IconColor["SuccessInverse"] = "success-inverse";
|
|
29
|
+
/** For the caution alert semantic elements. Used for text, background, icon or border */
|
|
30
|
+
IconColor["WarningDefault"] = "warning-default";
|
|
31
|
+
/** For elements used on top of warning/default. Used for text, icon or border */
|
|
32
|
+
IconColor["WarningInverse"] = "warning-inverse";
|
|
33
|
+
/** For informational read-only elements. Used for text, background, icon or border */
|
|
34
|
+
IconColor["InfoDefault"] = "info-default";
|
|
35
|
+
/** For elements used on top of info/default. Used for text, icon or border */
|
|
36
|
+
IconColor["InfoInverse"] = "info-inverse";
|
|
37
|
+
})(IconColor || (exports.IconColor = IconColor = {}));
|
|
38
|
+
/**
|
|
39
|
+
* Icon sizes
|
|
40
|
+
*/
|
|
41
|
+
var IconSize;
|
|
42
|
+
(function (IconSize) {
|
|
43
|
+
/** Extra small - 12px */
|
|
44
|
+
IconSize["Xs"] = "xs";
|
|
45
|
+
/** Small - 16px */
|
|
46
|
+
IconSize["Sm"] = "sm";
|
|
47
|
+
/** Medium - 20px (Default) */
|
|
48
|
+
IconSize["Md"] = "md";
|
|
49
|
+
/** Large - 24px */
|
|
50
|
+
IconSize["Lg"] = "lg";
|
|
51
|
+
/** Extra large - 32px */
|
|
52
|
+
IconSize["Xl"] = "xl";
|
|
53
|
+
})(IconSize || (exports.IconSize = IconSize = {}));
|
|
54
|
+
// /////////////////////////////////////////////////////
|
|
55
|
+
// This is generated code - Manually add types above
|
|
56
|
+
// DO NOT EDIT - Use generate-assets.js
|
|
57
|
+
// /////////////////////////////////////////////////////
|
|
58
|
+
/**
|
|
59
|
+
* Icon names
|
|
60
|
+
*/
|
|
61
|
+
var IconName;
|
|
62
|
+
(function (IconName) {
|
|
63
|
+
IconName["AddSquare"] = "AddSquare";
|
|
64
|
+
IconName["Add"] = "Add";
|
|
65
|
+
IconName["Arrow2Down"] = "Arrow2Down";
|
|
66
|
+
IconName["Arrow2Left"] = "Arrow2Left";
|
|
67
|
+
IconName["Arrow2Right"] = "Arrow2Right";
|
|
68
|
+
IconName["Arrow2UpRight"] = "Arrow2UpRight";
|
|
69
|
+
IconName["Arrow2Up"] = "Arrow2Up";
|
|
70
|
+
IconName["ArrowDoubleLeft"] = "ArrowDoubleLeft";
|
|
71
|
+
IconName["ArrowDoubleRight"] = "ArrowDoubleRight";
|
|
72
|
+
IconName["ArrowDown"] = "ArrowDown";
|
|
73
|
+
IconName["ArrowLeft"] = "ArrowLeft";
|
|
74
|
+
IconName["ArrowRight"] = "ArrowRight";
|
|
75
|
+
IconName["ArrowUp"] = "ArrowUp";
|
|
76
|
+
IconName["Ban"] = "Ban";
|
|
77
|
+
IconName["BankToken"] = "BankToken";
|
|
78
|
+
IconName["Bank"] = "Bank";
|
|
79
|
+
IconName["Bold"] = "Bold";
|
|
80
|
+
IconName["Book"] = "Book";
|
|
81
|
+
IconName["Bookmark"] = "Bookmark";
|
|
82
|
+
IconName["Bridge"] = "Bridge";
|
|
83
|
+
IconName["Calculator"] = "Calculator";
|
|
84
|
+
IconName["CardPos"] = "CardPos";
|
|
85
|
+
IconName["CardToken"] = "CardToken";
|
|
86
|
+
IconName["Card"] = "Card";
|
|
87
|
+
IconName["Category"] = "Category";
|
|
88
|
+
IconName["Chart"] = "Chart";
|
|
89
|
+
IconName["CheckBold"] = "CheckBold";
|
|
90
|
+
IconName["Check"] = "Check";
|
|
91
|
+
IconName["CircleX"] = "CircleX";
|
|
92
|
+
IconName["Clock"] = "Clock";
|
|
93
|
+
IconName["Close"] = "Close";
|
|
94
|
+
IconName["CodeCircle"] = "CodeCircle";
|
|
95
|
+
IconName["Coin"] = "Coin";
|
|
96
|
+
IconName["Collapse"] = "Collapse";
|
|
97
|
+
IconName["Confirmation"] = "Confirmation";
|
|
98
|
+
IconName["Connect"] = "Connect";
|
|
99
|
+
IconName["CopySuccess"] = "CopySuccess";
|
|
100
|
+
IconName["Copy"] = "Copy";
|
|
101
|
+
IconName["Customize"] = "Customize";
|
|
102
|
+
IconName["Danger"] = "Danger";
|
|
103
|
+
IconName["Dark"] = "Dark";
|
|
104
|
+
IconName["Data"] = "Data";
|
|
105
|
+
IconName["Diagram"] = "Diagram";
|
|
106
|
+
IconName["DocumentCode"] = "DocumentCode";
|
|
107
|
+
IconName["Download"] = "Download";
|
|
108
|
+
IconName["Edit"] = "Edit";
|
|
109
|
+
IconName["Eraser"] = "Eraser";
|
|
110
|
+
IconName["Ethereum"] = "Ethereum";
|
|
111
|
+
IconName["Expand"] = "Expand";
|
|
112
|
+
IconName["Explore"] = "Explore";
|
|
113
|
+
IconName["Export"] = "Export";
|
|
114
|
+
IconName["EyeSlash"] = "EyeSlash";
|
|
115
|
+
IconName["Eye"] = "Eye";
|
|
116
|
+
IconName["File"] = "File";
|
|
117
|
+
IconName["Filter"] = "Filter";
|
|
118
|
+
IconName["Flag"] = "Flag";
|
|
119
|
+
IconName["FlashSlash"] = "FlashSlash";
|
|
120
|
+
IconName["Flash"] = "Flash";
|
|
121
|
+
IconName["Flask"] = "Flask";
|
|
122
|
+
IconName["FullCircle"] = "FullCircle";
|
|
123
|
+
IconName["Gas"] = "Gas";
|
|
124
|
+
IconName["GlobalSearch"] = "GlobalSearch";
|
|
125
|
+
IconName["Global"] = "Global";
|
|
126
|
+
IconName["Graph"] = "Graph";
|
|
127
|
+
IconName["Hardware"] = "Hardware";
|
|
128
|
+
IconName["Heart"] = "Heart";
|
|
129
|
+
IconName["Hierarchy"] = "Hierarchy";
|
|
130
|
+
IconName["Home"] = "Home";
|
|
131
|
+
IconName["Import"] = "Import";
|
|
132
|
+
IconName["Info"] = "Info";
|
|
133
|
+
IconName["Key"] = "Key";
|
|
134
|
+
IconName["Light"] = "Light";
|
|
135
|
+
IconName["Link"] = "Link";
|
|
136
|
+
IconName["Loading"] = "Loading";
|
|
137
|
+
IconName["LockCircle"] = "LockCircle";
|
|
138
|
+
IconName["LockSlash"] = "LockSlash";
|
|
139
|
+
IconName["Lock"] = "Lock";
|
|
140
|
+
IconName["Login"] = "Login";
|
|
141
|
+
IconName["Logout"] = "Logout";
|
|
142
|
+
IconName["Menu"] = "Menu";
|
|
143
|
+
IconName["MessageQuestion"] = "MessageQuestion";
|
|
144
|
+
IconName["Messages"] = "Messages";
|
|
145
|
+
IconName["MinusBold"] = "MinusBold";
|
|
146
|
+
IconName["MinusSquare"] = "MinusSquare";
|
|
147
|
+
IconName["Minus"] = "Minus";
|
|
148
|
+
IconName["Mobile"] = "Mobile";
|
|
149
|
+
IconName["Money"] = "Money";
|
|
150
|
+
IconName["Monitor"] = "Monitor";
|
|
151
|
+
IconName["MoreHorizontal"] = "MoreHorizontal";
|
|
152
|
+
IconName["MoreVertical"] = "MoreVertical";
|
|
153
|
+
IconName["NotificationCircle"] = "NotificationCircle";
|
|
154
|
+
IconName["Notification"] = "Notification";
|
|
155
|
+
IconName["PasswordCheck"] = "PasswordCheck";
|
|
156
|
+
IconName["People"] = "People";
|
|
157
|
+
IconName["Pin"] = "Pin";
|
|
158
|
+
IconName["Plug"] = "Plug";
|
|
159
|
+
IconName["PlusMinus"] = "PlusMinus";
|
|
160
|
+
IconName["ProgrammingArrows"] = "ProgrammingArrows";
|
|
161
|
+
IconName["QrCode"] = "QrCode";
|
|
162
|
+
IconName["Question"] = "Question";
|
|
163
|
+
IconName["Received"] = "Received";
|
|
164
|
+
IconName["Refresh"] = "Refresh";
|
|
165
|
+
IconName["Save"] = "Save";
|
|
166
|
+
IconName["ScanBarcode"] = "ScanBarcode";
|
|
167
|
+
IconName["ScanFocus"] = "ScanFocus";
|
|
168
|
+
IconName["Scan"] = "Scan";
|
|
169
|
+
IconName["Scroll"] = "Scroll";
|
|
170
|
+
IconName["Search"] = "Search";
|
|
171
|
+
IconName["SecurityCard"] = "SecurityCard";
|
|
172
|
+
IconName["SecurityCross"] = "SecurityCross";
|
|
173
|
+
IconName["SecurityKey"] = "SecurityKey";
|
|
174
|
+
IconName["SecuritySearch"] = "SecuritySearch";
|
|
175
|
+
IconName["SecuritySlash"] = "SecuritySlash";
|
|
176
|
+
IconName["SecurityTick"] = "SecurityTick";
|
|
177
|
+
IconName["SecurityTime"] = "SecurityTime";
|
|
178
|
+
IconName["SecurityUser"] = "SecurityUser";
|
|
179
|
+
IconName["Security"] = "Security";
|
|
180
|
+
IconName["Send1"] = "Send1";
|
|
181
|
+
IconName["Send2"] = "Send2";
|
|
182
|
+
IconName["Setting"] = "Setting";
|
|
183
|
+
IconName["Share"] = "Share";
|
|
184
|
+
IconName["Slash"] = "Slash";
|
|
185
|
+
IconName["SnapsMobile"] = "SnapsMobile";
|
|
186
|
+
IconName["SnapsPlus"] = "SnapsPlus";
|
|
187
|
+
IconName["Snaps"] = "Snaps";
|
|
188
|
+
IconName["Speedometer"] = "Speedometer";
|
|
189
|
+
IconName["Square"] = "Square";
|
|
190
|
+
IconName["Stake"] = "Stake";
|
|
191
|
+
IconName["Star"] = "Star";
|
|
192
|
+
IconName["Student"] = "Student";
|
|
193
|
+
IconName["SwapHorizontal"] = "SwapHorizontal";
|
|
194
|
+
IconName["SwapVertical"] = "SwapVertical";
|
|
195
|
+
IconName["Tag"] = "Tag";
|
|
196
|
+
IconName["Tilde"] = "Tilde";
|
|
197
|
+
IconName["Timer"] = "Timer";
|
|
198
|
+
IconName["Tint"] = "Tint";
|
|
199
|
+
IconName["Trash"] = "Trash";
|
|
200
|
+
IconName["TrendDown"] = "TrendDown";
|
|
201
|
+
IconName["TrendUp"] = "TrendUp";
|
|
202
|
+
IconName["Twitter"] = "Twitter";
|
|
203
|
+
IconName["Unpin"] = "Unpin";
|
|
204
|
+
IconName["Upload"] = "Upload";
|
|
205
|
+
IconName["Usb"] = "Usb";
|
|
206
|
+
IconName["UserCheck"] = "UserCheck";
|
|
207
|
+
IconName["UserCircleAdd"] = "UserCircleAdd";
|
|
208
|
+
IconName["UserCircleRemove"] = "UserCircleRemove";
|
|
209
|
+
IconName["UserCircle"] = "UserCircle";
|
|
210
|
+
IconName["User"] = "User";
|
|
211
|
+
IconName["WalletCard"] = "WalletCard";
|
|
212
|
+
IconName["WalletMoney"] = "WalletMoney";
|
|
213
|
+
IconName["Wallet"] = "Wallet";
|
|
214
|
+
IconName["Warning"] = "Warning";
|
|
215
|
+
IconName["Wifi"] = "Wifi";
|
|
216
|
+
})(IconName || (exports.IconName = IconName = {}));
|
|
217
|
+
//# sourceMappingURL=Icon.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.types.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n// Third party dependencies.\nimport type React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Icon color\n */\nexport enum IconColor {\n /** For default neutral icons */\n IconDefault = 'icon-default',\n /** For softer neutral icons */\n IconAlternative = 'icon-alternative',\n /** For the weakest contrast neutral icons (not accessible) */\n IconMuted = 'icon-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'error-default',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'info-inverse',\n}\n\n/**\n * Icon sizes\n */\nexport enum IconSize {\n /** Extra small - 12px */\n Xs = 'xs',\n /** Small - 16px */\n Sm = 'sm',\n /** Medium - 20px (Default) */\n Md = 'md',\n /** Large - 24px */\n Lg = 'lg',\n /** Extra large - 32px */\n Xl = 'xl',\n}\n\n/**\n * Icon component props.\n */\nexport type IconProps = {\n /**\n * Required prop to specify which icon to render from the icon set\n */\n name: IconName;\n /**\n * Optional prop to control the size of the icon\n * Different sizes map to specific pixel dimensions\n * @default IconSize.Md\n */\n size?: IconSize;\n /**\n * Optional prop that sets the color of the icon using predefined theme colors\n * @default IconColor.IconDefault\n */\n color?: IconColor;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & ViewProps;\n\n/**\n * Asset stored by icon name\n */\nexport type AssetByIconName = {\n [key in IconName]: React.FC<SvgProps & { name: string }>;\n};\n\n// /////////////////////////////////////////////////////\n// This is generated code - Manually add types above\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\n\n/**\n * Icon names\n */\nexport enum IconName {\n AddSquare = 'AddSquare',\n Add = 'Add',\n Arrow2Down = 'Arrow2Down',\n Arrow2Left = 'Arrow2Left',\n Arrow2Right = 'Arrow2Right',\n Arrow2UpRight = 'Arrow2UpRight',\n Arrow2Up = 'Arrow2Up',\n ArrowDoubleLeft = 'ArrowDoubleLeft',\n ArrowDoubleRight = 'ArrowDoubleRight',\n ArrowDown = 'ArrowDown',\n ArrowLeft = 'ArrowLeft',\n ArrowRight = 'ArrowRight',\n ArrowUp = 'ArrowUp',\n Ban = 'Ban',\n BankToken = 'BankToken',\n Bank = 'Bank',\n Bold = 'Bold',\n Book = 'Book',\n Bookmark = 'Bookmark',\n Bridge = 'Bridge',\n Calculator = 'Calculator',\n CardPos = 'CardPos',\n CardToken = 'CardToken',\n Card = 'Card',\n Category = 'Category',\n Chart = 'Chart',\n CheckBold = 'CheckBold',\n Check = 'Check',\n CircleX = 'CircleX',\n Clock = 'Clock',\n Close = 'Close',\n CodeCircle = 'CodeCircle',\n Coin = 'Coin',\n Collapse = 'Collapse',\n Confirmation = 'Confirmation',\n Connect = 'Connect',\n CopySuccess = 'CopySuccess',\n Copy = 'Copy',\n Customize = 'Customize',\n Danger = 'Danger',\n Dark = 'Dark',\n Data = 'Data',\n Diagram = 'Diagram',\n DocumentCode = 'DocumentCode',\n Download = 'Download',\n Edit = 'Edit',\n Eraser = 'Eraser',\n Ethereum = 'Ethereum',\n Expand = 'Expand',\n Explore = 'Explore',\n Export = 'Export',\n EyeSlash = 'EyeSlash',\n Eye = 'Eye',\n File = 'File',\n Filter = 'Filter',\n Flag = 'Flag',\n FlashSlash = 'FlashSlash',\n Flash = 'Flash',\n Flask = 'Flask',\n FullCircle = 'FullCircle',\n Gas = 'Gas',\n GlobalSearch = 'GlobalSearch',\n Global = 'Global',\n Graph = 'Graph',\n Hardware = 'Hardware',\n Heart = 'Heart',\n Hierarchy = 'Hierarchy',\n Home = 'Home',\n Import = 'Import',\n Info = 'Info',\n Key = 'Key',\n Light = 'Light',\n Link = 'Link',\n Loading = 'Loading',\n LockCircle = 'LockCircle',\n LockSlash = 'LockSlash',\n Lock = 'Lock',\n Login = 'Login',\n Logout = 'Logout',\n Menu = 'Menu',\n MessageQuestion = 'MessageQuestion',\n Messages = 'Messages',\n MinusBold = 'MinusBold',\n MinusSquare = 'MinusSquare',\n Minus = 'Minus',\n Mobile = 'Mobile',\n Money = 'Money',\n Monitor = 'Monitor',\n MoreHorizontal = 'MoreHorizontal',\n MoreVertical = 'MoreVertical',\n NotificationCircle = 'NotificationCircle',\n Notification = 'Notification',\n PasswordCheck = 'PasswordCheck',\n People = 'People',\n Pin = 'Pin',\n Plug = 'Plug',\n PlusMinus = 'PlusMinus',\n ProgrammingArrows = 'ProgrammingArrows',\n QrCode = 'QrCode',\n Question = 'Question',\n Received = 'Received',\n Refresh = 'Refresh',\n Save = 'Save',\n ScanBarcode = 'ScanBarcode',\n ScanFocus = 'ScanFocus',\n Scan = 'Scan',\n Scroll = 'Scroll',\n Search = 'Search',\n SecurityCard = 'SecurityCard',\n SecurityCross = 'SecurityCross',\n SecurityKey = 'SecurityKey',\n SecuritySearch = 'SecuritySearch',\n SecuritySlash = 'SecuritySlash',\n SecurityTick = 'SecurityTick',\n SecurityTime = 'SecurityTime',\n SecurityUser = 'SecurityUser',\n Security = 'Security',\n Send1 = 'Send1',\n Send2 = 'Send2',\n Setting = 'Setting',\n Share = 'Share',\n Slash = 'Slash',\n SnapsMobile = 'SnapsMobile',\n SnapsPlus = 'SnapsPlus',\n Snaps = 'Snaps',\n Speedometer = 'Speedometer',\n Square = 'Square',\n Stake = 'Stake',\n Star = 'Star',\n Student = 'Student',\n SwapHorizontal = 'SwapHorizontal',\n SwapVertical = 'SwapVertical',\n Tag = 'Tag',\n Tilde = 'Tilde',\n Timer = 'Timer',\n Tint = 'Tint',\n Trash = 'Trash',\n TrendDown = 'TrendDown',\n TrendUp = 'TrendUp',\n Twitter = 'Twitter',\n Unpin = 'Unpin',\n Upload = 'Upload',\n Usb = 'Usb',\n UserCheck = 'UserCheck',\n UserCircleAdd = 'UserCircleAdd',\n UserCircleRemove = 'UserCircleRemove',\n UserCircle = 'UserCircle',\n User = 'User',\n WalletCard = 'WalletCard',\n WalletMoney = 'WalletMoney',\n Wallet = 'Wallet',\n Warning = 'Warning',\n Wifi = 'Wifi',\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { IconProps } from './Icon.types';
|
|
2
|
+
/**
|
|
3
|
+
* Generates a Tailwind class name for the icon based on color and optional additional classes.
|
|
4
|
+
*
|
|
5
|
+
* @param color - The color of the icon, mapped to a Tailwind class.
|
|
6
|
+
* @param size - Different sizes map to specific pixel dimensions
|
|
7
|
+
* @param twClassName - Additional Tailwind class names for customization.
|
|
8
|
+
* @returns A combined string of class names.
|
|
9
|
+
*
|
|
10
|
+
* Example:
|
|
11
|
+
* ```
|
|
12
|
+
* const classNames = generateIconClassNames({
|
|
13
|
+
* color: IconColor.IconDefault,
|
|
14
|
+
* size: IconSize.Md
|
|
15
|
+
* });
|
|
16
|
+
*
|
|
17
|
+
* console.log(classNames);
|
|
18
|
+
* // Output: "text-icon-default w-[20px] h-[20px]"
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export declare const generateIconClassNames: ({ color, size, twClassName, }: Partial<IconProps>) => string;
|
|
22
|
+
//# sourceMappingURL=Icon.utilities.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.utilities.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.utilities.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,kCAIhC,QAAQ,SAAS,CAAC,KAAG,MAGvB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generateIconClassNames = void 0;
|
|
4
|
+
/* eslint-disable jsdoc/check-param-names */
|
|
5
|
+
/* eslint-disable jsdoc/require-param */
|
|
6
|
+
const Icon_constants_1 = require("./Icon.constants");
|
|
7
|
+
/**
|
|
8
|
+
* Generates a Tailwind class name for the icon based on color and optional additional classes.
|
|
9
|
+
*
|
|
10
|
+
* @param color - The color of the icon, mapped to a Tailwind class.
|
|
11
|
+
* @param size - Different sizes map to specific pixel dimensions
|
|
12
|
+
* @param twClassName - Additional Tailwind class names for customization.
|
|
13
|
+
* @returns A combined string of class names.
|
|
14
|
+
*
|
|
15
|
+
* Example:
|
|
16
|
+
* ```
|
|
17
|
+
* const classNames = generateIconClassNames({
|
|
18
|
+
* color: IconColor.IconDefault,
|
|
19
|
+
* size: IconSize.Md
|
|
20
|
+
* });
|
|
21
|
+
*
|
|
22
|
+
* console.log(classNames);
|
|
23
|
+
* // Output: "text-icon-default w-[20px] h-[20px]"
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
const generateIconClassNames = ({ color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, twClassName = '', }) => {
|
|
27
|
+
const mergedClassnames = `${Icon_constants_1.TWCLASSMAP_ICON_ICONCOLOR[color]} ${Icon_constants_1.TWCLASSMAP_ICON_ICONSIZE[size]} ${twClassName}`;
|
|
28
|
+
return mergedClassnames;
|
|
29
|
+
};
|
|
30
|
+
exports.generateIconClassNames = generateIconClassNames;
|
|
31
|
+
//# sourceMappingURL=Icon.utilities.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.utilities.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAK0B;AAG1B;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,GAAG,uCAAsB,EAC9B,IAAI,GAAG,sCAAqB,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,gBAAgB,GAAG,GAAG,0CAAyB,CAAC,KAAK,CAAC,IAAI,yCAAwB,CAAC,IAAI,CAAC,IAAI,WAAW,EAAE,CAAC;IAChH,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_ICON_ICONCOLOR,\n DEFAULT_ICON_ICONSIZE,\n TWCLASSMAP_ICON_ICONCOLOR,\n TWCLASSMAP_ICON_ICONSIZE,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\n\n/**\n * Generates a Tailwind class name for the icon based on color and optional additional classes.\n *\n * @param color - The color of the icon, mapped to a Tailwind class.\n * @param size - Different sizes map to specific pixel dimensions\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A combined string of class names.\n *\n * Example:\n * ```\n * const classNames = generateIconClassNames({\n * color: IconColor.IconDefault,\n * size: IconSize.Md\n * });\n *\n * console.log(classNames);\n * // Output: \"text-icon-default w-[20px] h-[20px]\"\n * ```\n */\nexport const generateIconClassNames = ({\n color = DEFAULT_ICON_ICONCOLOR,\n size = DEFAULT_ICON_ICONSIZE,\n twClassName = '',\n}: Partial<IconProps>): string => {\n const mergedClassnames = `${TWCLASSMAP_ICON_ICONCOLOR[color]} ${TWCLASSMAP_ICON_ICONSIZE[size]} ${twClassName}`;\n return mergedClassnames;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.IconColor = exports.IconName = exports.IconSize = exports.default = void 0;
|
|
7
|
+
var Icon_1 = require("./Icon");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
|
|
9
|
+
var Icon_types_1 = require("./Icon.types");
|
|
10
|
+
Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return Icon_types_1.IconSize; } });
|
|
11
|
+
Object.defineProperty(exports, "IconName", { enumerable: true, get: function () { return Icon_types_1.IconName; } });
|
|
12
|
+
Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return Icon_types_1.IconColor; } });
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,2CAA6D;AAApD,sGAAA,QAAQ,OAAA;AAAE,sGAAA,QAAQ,OAAA;AAAE,uGAAA,SAAS,OAAA","sourcesContent":["export { default } from './Icon';\nexport { IconSize, IconName, IconColor } from './Icon.types';\nexport type { IconProps } from './Icon.types';\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { TextProps } from './Text.types';
|
|
2
|
+
import { FontWeight, TextColor, TextVariant } from './Text.types';
|
|
3
|
+
export declare const DEFAULT_TEXT_VARIANT = TextVariant.BodyMd;
|
|
4
|
+
export declare const DEFAULT_TEXT_COLOR = TextColor.TextDefault;
|
|
5
|
+
export declare const MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME: {
|
|
6
|
+
[key in FontWeight]: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const SAMPLE_TEXT_PROPS: TextProps;
|
|
9
|
+
//# sourceMappingURL=Text.constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGlE,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAGxD,eAAO,MAAM,8CAA8C,EAAE;KAC1D,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* eslint-disable import/prefer-default-export */
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.SAMPLE_TEXT_PROPS = exports.MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME = exports.DEFAULT_TEXT_COLOR = exports.DEFAULT_TEXT_VARIANT = void 0;
|
|
5
|
+
const Text_types_1 = require("./Text.types");
|
|
6
|
+
// Defaults
|
|
7
|
+
exports.DEFAULT_TEXT_VARIANT = Text_types_1.TextVariant.BodyMd;
|
|
8
|
+
exports.DEFAULT_TEXT_COLOR = Text_types_1.TextColor.TextDefault;
|
|
9
|
+
// Mappings
|
|
10
|
+
exports.MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME = {
|
|
11
|
+
[Text_types_1.FontWeight.Normal]: '',
|
|
12
|
+
[Text_types_1.FontWeight.Medium]: '-medium',
|
|
13
|
+
[Text_types_1.FontWeight.Bold]: '-bold',
|
|
14
|
+
};
|
|
15
|
+
// Sample consts
|
|
16
|
+
exports.SAMPLE_TEXT_PROPS = {
|
|
17
|
+
variant: exports.DEFAULT_TEXT_VARIANT,
|
|
18
|
+
children: 'Sample Text',
|
|
19
|
+
color: exports.DEFAULT_TEXT_COLOR,
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=Text.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.constants.js","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,iDAAiD;;;AAGjD,6CAAkE;AAElE,WAAW;AACE,QAAA,oBAAoB,GAAG,wBAAW,CAAC,MAAM,CAAC;AAC1C,QAAA,kBAAkB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAExD,WAAW;AACE,QAAA,8CAA8C,GAEvD;IACF,CAAC,uBAAU,CAAC,MAAM,CAAC,EAAE,EAAE;IACvB,CAAC,uBAAU,CAAC,MAAM,CAAC,EAAE,SAAS;IAC9B,CAAC,uBAAU,CAAC,IAAI,CAAC,EAAE,OAAO;CAC3B,CAAC;AAEF,gBAAgB;AACH,QAAA,iBAAiB,GAAc;IAC1C,OAAO,EAAE,4BAAoB;IAC7B,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,0BAAkB;CAC1B,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport type { TextProps } from './Text.types';\nimport { FontWeight, TextColor, TextVariant } from './Text.types';\n\n// Defaults\nexport const DEFAULT_TEXT_VARIANT = TextVariant.BodyMd;\nexport const DEFAULT_TEXT_COLOR = TextColor.TextDefault;\n\n// Mappings\nexport const MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME: {\n [key in FontWeight]: string;\n} = {\n [FontWeight.Normal]: '',\n [FontWeight.Medium]: '-medium',\n [FontWeight.Bold]: '-bold',\n};\n\n// Sample consts\nexport const SAMPLE_TEXT_PROPS: TextProps = {\n variant: DEFAULT_TEXT_VARIANT,\n children: 'Sample Text',\n color: DEFAULT_TEXT_COLOR,\n};\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FontWeight, FontStyle } from './Text.types';
|
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<{
|
|
4
|
+
variant?: import("./Text.types").TextVariant | undefined;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
color?: import("./Text.types").TextColor | undefined;
|
|
7
|
+
fontWeight?: FontWeight | undefined;
|
|
8
|
+
fontStyle?: FontStyle | undefined;
|
|
9
|
+
twClassName?: string | undefined;
|
|
10
|
+
} & import("react-native").TextProps & React.RefAttributes<any>>;
|
|
11
|
+
export default _default;
|
|
12
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAiCrD,wBAAuC"}
|