@metamask-previews/design-system-react-native 0.0.0-preview.019292f → 0.0.0-preview.07ad19d
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.utilities.d.ts +1 -1
- package/dist/components/Text/Text.utilities.js +1 -1
- package/dist/components/Text/Text.utilities.js.map +1 -1
- package/package.json +8 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.assets.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.assets.ts"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eA0J7B,CAAC"}
|
|
@@ -0,0 +1,324 @@
|
|
|
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.assetByIconName = void 0;
|
|
7
|
+
/* eslint-disable import/prefer-default-export */
|
|
8
|
+
// /////////////////////////////////////////////////////
|
|
9
|
+
// This is a generated file
|
|
10
|
+
// DO NOT EDIT - Use generate-assets.js
|
|
11
|
+
// /////////////////////////////////////////////////////
|
|
12
|
+
const add_square_svg_1 = __importDefault(require("./assets/add-square.svg"));
|
|
13
|
+
const add_svg_1 = __importDefault(require("./assets/add.svg"));
|
|
14
|
+
const arrow_2_down_svg_1 = __importDefault(require("./assets/arrow-2-down.svg"));
|
|
15
|
+
const arrow_2_left_svg_1 = __importDefault(require("./assets/arrow-2-left.svg"));
|
|
16
|
+
const arrow_2_right_svg_1 = __importDefault(require("./assets/arrow-2-right.svg"));
|
|
17
|
+
const arrow_2_up_right_svg_1 = __importDefault(require("./assets/arrow-2-up-right.svg"));
|
|
18
|
+
const arrow_2_up_svg_1 = __importDefault(require("./assets/arrow-2-up.svg"));
|
|
19
|
+
const arrow_double_left_svg_1 = __importDefault(require("./assets/arrow-double-left.svg"));
|
|
20
|
+
const arrow_double_right_svg_1 = __importDefault(require("./assets/arrow-double-right.svg"));
|
|
21
|
+
const arrow_down_svg_1 = __importDefault(require("./assets/arrow-down.svg"));
|
|
22
|
+
const arrow_left_svg_1 = __importDefault(require("./assets/arrow-left.svg"));
|
|
23
|
+
const arrow_right_svg_1 = __importDefault(require("./assets/arrow-right.svg"));
|
|
24
|
+
const arrow_up_svg_1 = __importDefault(require("./assets/arrow-up.svg"));
|
|
25
|
+
const ban_svg_1 = __importDefault(require("./assets/ban.svg"));
|
|
26
|
+
const bank_token_svg_1 = __importDefault(require("./assets/bank-token.svg"));
|
|
27
|
+
const bank_svg_1 = __importDefault(require("./assets/bank.svg"));
|
|
28
|
+
const bold_svg_1 = __importDefault(require("./assets/bold.svg"));
|
|
29
|
+
const book_svg_1 = __importDefault(require("./assets/book.svg"));
|
|
30
|
+
const bookmark_svg_1 = __importDefault(require("./assets/bookmark.svg"));
|
|
31
|
+
const bridge_svg_1 = __importDefault(require("./assets/bridge.svg"));
|
|
32
|
+
const calculator_svg_1 = __importDefault(require("./assets/calculator.svg"));
|
|
33
|
+
const card_pos_svg_1 = __importDefault(require("./assets/card-pos.svg"));
|
|
34
|
+
const card_token_svg_1 = __importDefault(require("./assets/card-token.svg"));
|
|
35
|
+
const card_svg_1 = __importDefault(require("./assets/card.svg"));
|
|
36
|
+
const category_svg_1 = __importDefault(require("./assets/category.svg"));
|
|
37
|
+
const chart_svg_1 = __importDefault(require("./assets/chart.svg"));
|
|
38
|
+
const check_bold_svg_1 = __importDefault(require("./assets/check-bold.svg"));
|
|
39
|
+
const check_svg_1 = __importDefault(require("./assets/check.svg"));
|
|
40
|
+
const circle_x_svg_1 = __importDefault(require("./assets/circle-x.svg"));
|
|
41
|
+
const clock_svg_1 = __importDefault(require("./assets/clock.svg"));
|
|
42
|
+
const close_svg_1 = __importDefault(require("./assets/close.svg"));
|
|
43
|
+
const code_circle_svg_1 = __importDefault(require("./assets/code-circle.svg"));
|
|
44
|
+
const coin_svg_1 = __importDefault(require("./assets/coin.svg"));
|
|
45
|
+
const collapse_svg_1 = __importDefault(require("./assets/collapse.svg"));
|
|
46
|
+
const confirmation_svg_1 = __importDefault(require("./assets/confirmation.svg"));
|
|
47
|
+
const connect_svg_1 = __importDefault(require("./assets/connect.svg"));
|
|
48
|
+
const copy_success_svg_1 = __importDefault(require("./assets/copy-success.svg"));
|
|
49
|
+
const copy_svg_1 = __importDefault(require("./assets/copy.svg"));
|
|
50
|
+
const customize_svg_1 = __importDefault(require("./assets/customize.svg"));
|
|
51
|
+
const danger_svg_1 = __importDefault(require("./assets/danger.svg"));
|
|
52
|
+
const dark_svg_1 = __importDefault(require("./assets/dark.svg"));
|
|
53
|
+
const data_svg_1 = __importDefault(require("./assets/data.svg"));
|
|
54
|
+
const diagram_svg_1 = __importDefault(require("./assets/diagram.svg"));
|
|
55
|
+
const document_code_svg_1 = __importDefault(require("./assets/document-code.svg"));
|
|
56
|
+
const download_svg_1 = __importDefault(require("./assets/download.svg"));
|
|
57
|
+
const edit_svg_1 = __importDefault(require("./assets/edit.svg"));
|
|
58
|
+
const eraser_svg_1 = __importDefault(require("./assets/eraser.svg"));
|
|
59
|
+
const ethereum_svg_1 = __importDefault(require("./assets/ethereum.svg"));
|
|
60
|
+
const expand_svg_1 = __importDefault(require("./assets/expand.svg"));
|
|
61
|
+
const explore_svg_1 = __importDefault(require("./assets/explore.svg"));
|
|
62
|
+
const export_svg_1 = __importDefault(require("./assets/export.svg"));
|
|
63
|
+
const eye_slash_svg_1 = __importDefault(require("./assets/eye-slash.svg"));
|
|
64
|
+
const eye_svg_1 = __importDefault(require("./assets/eye.svg"));
|
|
65
|
+
const file_svg_1 = __importDefault(require("./assets/file.svg"));
|
|
66
|
+
const filter_svg_1 = __importDefault(require("./assets/filter.svg"));
|
|
67
|
+
const flag_svg_1 = __importDefault(require("./assets/flag.svg"));
|
|
68
|
+
const flash_slash_svg_1 = __importDefault(require("./assets/flash-slash.svg"));
|
|
69
|
+
const flash_svg_1 = __importDefault(require("./assets/flash.svg"));
|
|
70
|
+
const flask_svg_1 = __importDefault(require("./assets/flask.svg"));
|
|
71
|
+
const full_circle_svg_1 = __importDefault(require("./assets/full-circle.svg"));
|
|
72
|
+
const gas_svg_1 = __importDefault(require("./assets/gas.svg"));
|
|
73
|
+
const global_search_svg_1 = __importDefault(require("./assets/global-search.svg"));
|
|
74
|
+
const global_svg_1 = __importDefault(require("./assets/global.svg"));
|
|
75
|
+
const graph_svg_1 = __importDefault(require("./assets/graph.svg"));
|
|
76
|
+
const hardware_svg_1 = __importDefault(require("./assets/hardware.svg"));
|
|
77
|
+
const heart_svg_1 = __importDefault(require("./assets/heart.svg"));
|
|
78
|
+
const hierarchy_svg_1 = __importDefault(require("./assets/hierarchy.svg"));
|
|
79
|
+
const home_svg_1 = __importDefault(require("./assets/home.svg"));
|
|
80
|
+
const import_svg_1 = __importDefault(require("./assets/import.svg"));
|
|
81
|
+
const info_svg_1 = __importDefault(require("./assets/info.svg"));
|
|
82
|
+
const key_svg_1 = __importDefault(require("./assets/key.svg"));
|
|
83
|
+
const light_svg_1 = __importDefault(require("./assets/light.svg"));
|
|
84
|
+
const link_svg_1 = __importDefault(require("./assets/link.svg"));
|
|
85
|
+
const loading_svg_1 = __importDefault(require("./assets/loading.svg"));
|
|
86
|
+
const lock_circle_svg_1 = __importDefault(require("./assets/lock-circle.svg"));
|
|
87
|
+
const lock_slash_svg_1 = __importDefault(require("./assets/lock-slash.svg"));
|
|
88
|
+
const lock_svg_1 = __importDefault(require("./assets/lock.svg"));
|
|
89
|
+
const login_svg_1 = __importDefault(require("./assets/login.svg"));
|
|
90
|
+
const logout_svg_1 = __importDefault(require("./assets/logout.svg"));
|
|
91
|
+
const menu_svg_1 = __importDefault(require("./assets/menu.svg"));
|
|
92
|
+
const message_question_svg_1 = __importDefault(require("./assets/message-question.svg"));
|
|
93
|
+
const messages_svg_1 = __importDefault(require("./assets/messages.svg"));
|
|
94
|
+
const minus_bold_svg_1 = __importDefault(require("./assets/minus-bold.svg"));
|
|
95
|
+
const minus_square_svg_1 = __importDefault(require("./assets/minus-square.svg"));
|
|
96
|
+
const minus_svg_1 = __importDefault(require("./assets/minus.svg"));
|
|
97
|
+
const mobile_svg_1 = __importDefault(require("./assets/mobile.svg"));
|
|
98
|
+
const money_svg_1 = __importDefault(require("./assets/money.svg"));
|
|
99
|
+
const monitor_svg_1 = __importDefault(require("./assets/monitor.svg"));
|
|
100
|
+
const more_horizontal_svg_1 = __importDefault(require("./assets/more-horizontal.svg"));
|
|
101
|
+
const more_vertical_svg_1 = __importDefault(require("./assets/more-vertical.svg"));
|
|
102
|
+
const notification_circle_svg_1 = __importDefault(require("./assets/notification-circle.svg"));
|
|
103
|
+
const notification_svg_1 = __importDefault(require("./assets/notification.svg"));
|
|
104
|
+
const password_check_svg_1 = __importDefault(require("./assets/password-check.svg"));
|
|
105
|
+
const people_svg_1 = __importDefault(require("./assets/people.svg"));
|
|
106
|
+
const pin_svg_1 = __importDefault(require("./assets/pin.svg"));
|
|
107
|
+
const plug_svg_1 = __importDefault(require("./assets/plug.svg"));
|
|
108
|
+
const plus_minus_svg_1 = __importDefault(require("./assets/plus-minus.svg"));
|
|
109
|
+
const programming_arrows_svg_1 = __importDefault(require("./assets/programming-arrows.svg"));
|
|
110
|
+
const qr_code_svg_1 = __importDefault(require("./assets/qr-code.svg"));
|
|
111
|
+
const question_svg_1 = __importDefault(require("./assets/question.svg"));
|
|
112
|
+
const received_svg_1 = __importDefault(require("./assets/received.svg"));
|
|
113
|
+
const refresh_svg_1 = __importDefault(require("./assets/refresh.svg"));
|
|
114
|
+
const save_svg_1 = __importDefault(require("./assets/save.svg"));
|
|
115
|
+
const scan_barcode_svg_1 = __importDefault(require("./assets/scan-barcode.svg"));
|
|
116
|
+
const scan_focus_svg_1 = __importDefault(require("./assets/scan-focus.svg"));
|
|
117
|
+
const scan_svg_1 = __importDefault(require("./assets/scan.svg"));
|
|
118
|
+
const scroll_svg_1 = __importDefault(require("./assets/scroll.svg"));
|
|
119
|
+
const search_svg_1 = __importDefault(require("./assets/search.svg"));
|
|
120
|
+
const security_card_svg_1 = __importDefault(require("./assets/security-card.svg"));
|
|
121
|
+
const security_cross_svg_1 = __importDefault(require("./assets/security-cross.svg"));
|
|
122
|
+
const security_key_svg_1 = __importDefault(require("./assets/security-key.svg"));
|
|
123
|
+
const security_search_svg_1 = __importDefault(require("./assets/security-search.svg"));
|
|
124
|
+
const security_slash_svg_1 = __importDefault(require("./assets/security-slash.svg"));
|
|
125
|
+
const security_tick_svg_1 = __importDefault(require("./assets/security-tick.svg"));
|
|
126
|
+
const security_time_svg_1 = __importDefault(require("./assets/security-time.svg"));
|
|
127
|
+
const security_user_svg_1 = __importDefault(require("./assets/security-user.svg"));
|
|
128
|
+
const security_svg_1 = __importDefault(require("./assets/security.svg"));
|
|
129
|
+
const send_1_svg_1 = __importDefault(require("./assets/send-1.svg"));
|
|
130
|
+
const send_2_svg_1 = __importDefault(require("./assets/send-2.svg"));
|
|
131
|
+
const setting_svg_1 = __importDefault(require("./assets/setting.svg"));
|
|
132
|
+
const share_svg_1 = __importDefault(require("./assets/share.svg"));
|
|
133
|
+
const slash_svg_1 = __importDefault(require("./assets/slash.svg"));
|
|
134
|
+
const snaps_mobile_svg_1 = __importDefault(require("./assets/snaps-mobile.svg"));
|
|
135
|
+
const snaps_plus_svg_1 = __importDefault(require("./assets/snaps-plus.svg"));
|
|
136
|
+
const snaps_svg_1 = __importDefault(require("./assets/snaps.svg"));
|
|
137
|
+
const speedometer_svg_1 = __importDefault(require("./assets/speedometer.svg"));
|
|
138
|
+
const square_svg_1 = __importDefault(require("./assets/square.svg"));
|
|
139
|
+
const stake_svg_1 = __importDefault(require("./assets/stake.svg"));
|
|
140
|
+
const star_svg_1 = __importDefault(require("./assets/star.svg"));
|
|
141
|
+
const student_svg_1 = __importDefault(require("./assets/student.svg"));
|
|
142
|
+
const swap_horizontal_svg_1 = __importDefault(require("./assets/swap-horizontal.svg"));
|
|
143
|
+
const swap_vertical_svg_1 = __importDefault(require("./assets/swap-vertical.svg"));
|
|
144
|
+
const tag_svg_1 = __importDefault(require("./assets/tag.svg"));
|
|
145
|
+
const tilde_svg_1 = __importDefault(require("./assets/tilde.svg"));
|
|
146
|
+
const timer_svg_1 = __importDefault(require("./assets/timer.svg"));
|
|
147
|
+
const tint_svg_1 = __importDefault(require("./assets/tint.svg"));
|
|
148
|
+
const trash_svg_1 = __importDefault(require("./assets/trash.svg"));
|
|
149
|
+
const trend_down_svg_1 = __importDefault(require("./assets/trend-down.svg"));
|
|
150
|
+
const trend_up_svg_1 = __importDefault(require("./assets/trend-up.svg"));
|
|
151
|
+
const twitter_svg_1 = __importDefault(require("./assets/twitter.svg"));
|
|
152
|
+
const unpin_svg_1 = __importDefault(require("./assets/unpin.svg"));
|
|
153
|
+
const upload_svg_1 = __importDefault(require("./assets/upload.svg"));
|
|
154
|
+
const usb_svg_1 = __importDefault(require("./assets/usb.svg"));
|
|
155
|
+
const user_check_svg_1 = __importDefault(require("./assets/user-check.svg"));
|
|
156
|
+
const user_circle_add_svg_1 = __importDefault(require("./assets/user-circle-add.svg"));
|
|
157
|
+
const user_circle_remove_svg_1 = __importDefault(require("./assets/user-circle-remove.svg"));
|
|
158
|
+
const user_circle_svg_1 = __importDefault(require("./assets/user-circle.svg"));
|
|
159
|
+
const user_svg_1 = __importDefault(require("./assets/user.svg"));
|
|
160
|
+
const wallet_card_svg_1 = __importDefault(require("./assets/wallet-card.svg"));
|
|
161
|
+
const wallet_money_svg_1 = __importDefault(require("./assets/wallet-money.svg"));
|
|
162
|
+
const wallet_svg_1 = __importDefault(require("./assets/wallet.svg"));
|
|
163
|
+
const warning_svg_1 = __importDefault(require("./assets/warning.svg"));
|
|
164
|
+
const wifi_svg_1 = __importDefault(require("./assets/wifi.svg"));
|
|
165
|
+
const Icon_types_1 = require("./Icon.types");
|
|
166
|
+
/**
|
|
167
|
+
* Asset stored by icon name
|
|
168
|
+
*/
|
|
169
|
+
exports.assetByIconName = {
|
|
170
|
+
[Icon_types_1.IconName.AddSquare]: add_square_svg_1.default,
|
|
171
|
+
[Icon_types_1.IconName.Add]: add_svg_1.default,
|
|
172
|
+
[Icon_types_1.IconName.Arrow2Down]: arrow_2_down_svg_1.default,
|
|
173
|
+
[Icon_types_1.IconName.Arrow2Left]: arrow_2_left_svg_1.default,
|
|
174
|
+
[Icon_types_1.IconName.Arrow2Right]: arrow_2_right_svg_1.default,
|
|
175
|
+
[Icon_types_1.IconName.Arrow2UpRight]: arrow_2_up_right_svg_1.default,
|
|
176
|
+
[Icon_types_1.IconName.Arrow2Up]: arrow_2_up_svg_1.default,
|
|
177
|
+
[Icon_types_1.IconName.ArrowDoubleLeft]: arrow_double_left_svg_1.default,
|
|
178
|
+
[Icon_types_1.IconName.ArrowDoubleRight]: arrow_double_right_svg_1.default,
|
|
179
|
+
[Icon_types_1.IconName.ArrowDown]: arrow_down_svg_1.default,
|
|
180
|
+
[Icon_types_1.IconName.ArrowLeft]: arrow_left_svg_1.default,
|
|
181
|
+
[Icon_types_1.IconName.ArrowRight]: arrow_right_svg_1.default,
|
|
182
|
+
[Icon_types_1.IconName.ArrowUp]: arrow_up_svg_1.default,
|
|
183
|
+
[Icon_types_1.IconName.Ban]: ban_svg_1.default,
|
|
184
|
+
[Icon_types_1.IconName.BankToken]: bank_token_svg_1.default,
|
|
185
|
+
[Icon_types_1.IconName.Bank]: bank_svg_1.default,
|
|
186
|
+
[Icon_types_1.IconName.Bold]: bold_svg_1.default,
|
|
187
|
+
[Icon_types_1.IconName.Book]: book_svg_1.default,
|
|
188
|
+
[Icon_types_1.IconName.Bookmark]: bookmark_svg_1.default,
|
|
189
|
+
[Icon_types_1.IconName.Bridge]: bridge_svg_1.default,
|
|
190
|
+
[Icon_types_1.IconName.Calculator]: calculator_svg_1.default,
|
|
191
|
+
[Icon_types_1.IconName.CardPos]: card_pos_svg_1.default,
|
|
192
|
+
[Icon_types_1.IconName.CardToken]: card_token_svg_1.default,
|
|
193
|
+
[Icon_types_1.IconName.Card]: card_svg_1.default,
|
|
194
|
+
[Icon_types_1.IconName.Category]: category_svg_1.default,
|
|
195
|
+
[Icon_types_1.IconName.Chart]: chart_svg_1.default,
|
|
196
|
+
[Icon_types_1.IconName.CheckBold]: check_bold_svg_1.default,
|
|
197
|
+
[Icon_types_1.IconName.Check]: check_svg_1.default,
|
|
198
|
+
[Icon_types_1.IconName.CircleX]: circle_x_svg_1.default,
|
|
199
|
+
[Icon_types_1.IconName.Clock]: clock_svg_1.default,
|
|
200
|
+
[Icon_types_1.IconName.Close]: close_svg_1.default,
|
|
201
|
+
[Icon_types_1.IconName.CodeCircle]: code_circle_svg_1.default,
|
|
202
|
+
[Icon_types_1.IconName.Coin]: coin_svg_1.default,
|
|
203
|
+
[Icon_types_1.IconName.Collapse]: collapse_svg_1.default,
|
|
204
|
+
[Icon_types_1.IconName.Confirmation]: confirmation_svg_1.default,
|
|
205
|
+
[Icon_types_1.IconName.Connect]: connect_svg_1.default,
|
|
206
|
+
[Icon_types_1.IconName.CopySuccess]: copy_success_svg_1.default,
|
|
207
|
+
[Icon_types_1.IconName.Copy]: copy_svg_1.default,
|
|
208
|
+
[Icon_types_1.IconName.Customize]: customize_svg_1.default,
|
|
209
|
+
[Icon_types_1.IconName.Danger]: danger_svg_1.default,
|
|
210
|
+
[Icon_types_1.IconName.Dark]: dark_svg_1.default,
|
|
211
|
+
[Icon_types_1.IconName.Data]: data_svg_1.default,
|
|
212
|
+
[Icon_types_1.IconName.Diagram]: diagram_svg_1.default,
|
|
213
|
+
[Icon_types_1.IconName.DocumentCode]: document_code_svg_1.default,
|
|
214
|
+
[Icon_types_1.IconName.Download]: download_svg_1.default,
|
|
215
|
+
[Icon_types_1.IconName.Edit]: edit_svg_1.default,
|
|
216
|
+
[Icon_types_1.IconName.Eraser]: eraser_svg_1.default,
|
|
217
|
+
[Icon_types_1.IconName.Ethereum]: ethereum_svg_1.default,
|
|
218
|
+
[Icon_types_1.IconName.Expand]: expand_svg_1.default,
|
|
219
|
+
[Icon_types_1.IconName.Explore]: explore_svg_1.default,
|
|
220
|
+
[Icon_types_1.IconName.Export]: export_svg_1.default,
|
|
221
|
+
[Icon_types_1.IconName.EyeSlash]: eye_slash_svg_1.default,
|
|
222
|
+
[Icon_types_1.IconName.Eye]: eye_svg_1.default,
|
|
223
|
+
[Icon_types_1.IconName.File]: file_svg_1.default,
|
|
224
|
+
[Icon_types_1.IconName.Filter]: filter_svg_1.default,
|
|
225
|
+
[Icon_types_1.IconName.Flag]: flag_svg_1.default,
|
|
226
|
+
[Icon_types_1.IconName.FlashSlash]: flash_slash_svg_1.default,
|
|
227
|
+
[Icon_types_1.IconName.Flash]: flash_svg_1.default,
|
|
228
|
+
[Icon_types_1.IconName.Flask]: flask_svg_1.default,
|
|
229
|
+
[Icon_types_1.IconName.FullCircle]: full_circle_svg_1.default,
|
|
230
|
+
[Icon_types_1.IconName.Gas]: gas_svg_1.default,
|
|
231
|
+
[Icon_types_1.IconName.GlobalSearch]: global_search_svg_1.default,
|
|
232
|
+
[Icon_types_1.IconName.Global]: global_svg_1.default,
|
|
233
|
+
[Icon_types_1.IconName.Graph]: graph_svg_1.default,
|
|
234
|
+
[Icon_types_1.IconName.Hardware]: hardware_svg_1.default,
|
|
235
|
+
[Icon_types_1.IconName.Heart]: heart_svg_1.default,
|
|
236
|
+
[Icon_types_1.IconName.Hierarchy]: hierarchy_svg_1.default,
|
|
237
|
+
[Icon_types_1.IconName.Home]: home_svg_1.default,
|
|
238
|
+
[Icon_types_1.IconName.Import]: import_svg_1.default,
|
|
239
|
+
[Icon_types_1.IconName.Info]: info_svg_1.default,
|
|
240
|
+
[Icon_types_1.IconName.Key]: key_svg_1.default,
|
|
241
|
+
[Icon_types_1.IconName.Light]: light_svg_1.default,
|
|
242
|
+
[Icon_types_1.IconName.Link]: link_svg_1.default,
|
|
243
|
+
[Icon_types_1.IconName.Loading]: loading_svg_1.default,
|
|
244
|
+
[Icon_types_1.IconName.LockCircle]: lock_circle_svg_1.default,
|
|
245
|
+
[Icon_types_1.IconName.LockSlash]: lock_slash_svg_1.default,
|
|
246
|
+
[Icon_types_1.IconName.Lock]: lock_svg_1.default,
|
|
247
|
+
[Icon_types_1.IconName.Login]: login_svg_1.default,
|
|
248
|
+
[Icon_types_1.IconName.Logout]: logout_svg_1.default,
|
|
249
|
+
[Icon_types_1.IconName.Menu]: menu_svg_1.default,
|
|
250
|
+
[Icon_types_1.IconName.MessageQuestion]: message_question_svg_1.default,
|
|
251
|
+
[Icon_types_1.IconName.Messages]: messages_svg_1.default,
|
|
252
|
+
[Icon_types_1.IconName.MinusBold]: minus_bold_svg_1.default,
|
|
253
|
+
[Icon_types_1.IconName.MinusSquare]: minus_square_svg_1.default,
|
|
254
|
+
[Icon_types_1.IconName.Minus]: minus_svg_1.default,
|
|
255
|
+
[Icon_types_1.IconName.Mobile]: mobile_svg_1.default,
|
|
256
|
+
[Icon_types_1.IconName.Money]: money_svg_1.default,
|
|
257
|
+
[Icon_types_1.IconName.Monitor]: monitor_svg_1.default,
|
|
258
|
+
[Icon_types_1.IconName.MoreHorizontal]: more_horizontal_svg_1.default,
|
|
259
|
+
[Icon_types_1.IconName.MoreVertical]: more_vertical_svg_1.default,
|
|
260
|
+
[Icon_types_1.IconName.NotificationCircle]: notification_circle_svg_1.default,
|
|
261
|
+
[Icon_types_1.IconName.Notification]: notification_svg_1.default,
|
|
262
|
+
[Icon_types_1.IconName.PasswordCheck]: password_check_svg_1.default,
|
|
263
|
+
[Icon_types_1.IconName.People]: people_svg_1.default,
|
|
264
|
+
[Icon_types_1.IconName.Pin]: pin_svg_1.default,
|
|
265
|
+
[Icon_types_1.IconName.Plug]: plug_svg_1.default,
|
|
266
|
+
[Icon_types_1.IconName.PlusMinus]: plus_minus_svg_1.default,
|
|
267
|
+
[Icon_types_1.IconName.ProgrammingArrows]: programming_arrows_svg_1.default,
|
|
268
|
+
[Icon_types_1.IconName.QrCode]: qr_code_svg_1.default,
|
|
269
|
+
[Icon_types_1.IconName.Question]: question_svg_1.default,
|
|
270
|
+
[Icon_types_1.IconName.Received]: received_svg_1.default,
|
|
271
|
+
[Icon_types_1.IconName.Refresh]: refresh_svg_1.default,
|
|
272
|
+
[Icon_types_1.IconName.Save]: save_svg_1.default,
|
|
273
|
+
[Icon_types_1.IconName.ScanBarcode]: scan_barcode_svg_1.default,
|
|
274
|
+
[Icon_types_1.IconName.ScanFocus]: scan_focus_svg_1.default,
|
|
275
|
+
[Icon_types_1.IconName.Scan]: scan_svg_1.default,
|
|
276
|
+
[Icon_types_1.IconName.Scroll]: scroll_svg_1.default,
|
|
277
|
+
[Icon_types_1.IconName.Search]: search_svg_1.default,
|
|
278
|
+
[Icon_types_1.IconName.SecurityCard]: security_card_svg_1.default,
|
|
279
|
+
[Icon_types_1.IconName.SecurityCross]: security_cross_svg_1.default,
|
|
280
|
+
[Icon_types_1.IconName.SecurityKey]: security_key_svg_1.default,
|
|
281
|
+
[Icon_types_1.IconName.SecuritySearch]: security_search_svg_1.default,
|
|
282
|
+
[Icon_types_1.IconName.SecuritySlash]: security_slash_svg_1.default,
|
|
283
|
+
[Icon_types_1.IconName.SecurityTick]: security_tick_svg_1.default,
|
|
284
|
+
[Icon_types_1.IconName.SecurityTime]: security_time_svg_1.default,
|
|
285
|
+
[Icon_types_1.IconName.SecurityUser]: security_user_svg_1.default,
|
|
286
|
+
[Icon_types_1.IconName.Security]: security_svg_1.default,
|
|
287
|
+
[Icon_types_1.IconName.Send1]: send_1_svg_1.default,
|
|
288
|
+
[Icon_types_1.IconName.Send2]: send_2_svg_1.default,
|
|
289
|
+
[Icon_types_1.IconName.Setting]: setting_svg_1.default,
|
|
290
|
+
[Icon_types_1.IconName.Share]: share_svg_1.default,
|
|
291
|
+
[Icon_types_1.IconName.Slash]: slash_svg_1.default,
|
|
292
|
+
[Icon_types_1.IconName.SnapsMobile]: snaps_mobile_svg_1.default,
|
|
293
|
+
[Icon_types_1.IconName.SnapsPlus]: snaps_plus_svg_1.default,
|
|
294
|
+
[Icon_types_1.IconName.Snaps]: snaps_svg_1.default,
|
|
295
|
+
[Icon_types_1.IconName.Speedometer]: speedometer_svg_1.default,
|
|
296
|
+
[Icon_types_1.IconName.Square]: square_svg_1.default,
|
|
297
|
+
[Icon_types_1.IconName.Stake]: stake_svg_1.default,
|
|
298
|
+
[Icon_types_1.IconName.Star]: star_svg_1.default,
|
|
299
|
+
[Icon_types_1.IconName.Student]: student_svg_1.default,
|
|
300
|
+
[Icon_types_1.IconName.SwapHorizontal]: swap_horizontal_svg_1.default,
|
|
301
|
+
[Icon_types_1.IconName.SwapVertical]: swap_vertical_svg_1.default,
|
|
302
|
+
[Icon_types_1.IconName.Tag]: tag_svg_1.default,
|
|
303
|
+
[Icon_types_1.IconName.Tilde]: tilde_svg_1.default,
|
|
304
|
+
[Icon_types_1.IconName.Timer]: timer_svg_1.default,
|
|
305
|
+
[Icon_types_1.IconName.Tint]: tint_svg_1.default,
|
|
306
|
+
[Icon_types_1.IconName.Trash]: trash_svg_1.default,
|
|
307
|
+
[Icon_types_1.IconName.TrendDown]: trend_down_svg_1.default,
|
|
308
|
+
[Icon_types_1.IconName.TrendUp]: trend_up_svg_1.default,
|
|
309
|
+
[Icon_types_1.IconName.Twitter]: twitter_svg_1.default,
|
|
310
|
+
[Icon_types_1.IconName.Unpin]: unpin_svg_1.default,
|
|
311
|
+
[Icon_types_1.IconName.Upload]: upload_svg_1.default,
|
|
312
|
+
[Icon_types_1.IconName.Usb]: usb_svg_1.default,
|
|
313
|
+
[Icon_types_1.IconName.UserCheck]: user_check_svg_1.default,
|
|
314
|
+
[Icon_types_1.IconName.UserCircleAdd]: user_circle_add_svg_1.default,
|
|
315
|
+
[Icon_types_1.IconName.UserCircleRemove]: user_circle_remove_svg_1.default,
|
|
316
|
+
[Icon_types_1.IconName.UserCircle]: user_circle_svg_1.default,
|
|
317
|
+
[Icon_types_1.IconName.User]: user_svg_1.default,
|
|
318
|
+
[Icon_types_1.IconName.WalletCard]: wallet_card_svg_1.default,
|
|
319
|
+
[Icon_types_1.IconName.WalletMoney]: wallet_money_svg_1.default,
|
|
320
|
+
[Icon_types_1.IconName.Wallet]: wallet_svg_1.default,
|
|
321
|
+
[Icon_types_1.IconName.Warning]: warning_svg_1.default,
|
|
322
|
+
[Icon_types_1.IconName.Wifi]: wifi_svg_1.default,
|
|
323
|
+
};
|
|
324
|
+
//# sourceMappingURL=Icon.assets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.assets.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.assets.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// /////////////////////////////////////////////////////\n// This is a generated file\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\nimport AddSquareSVG from './assets/add-square.svg';\nimport AddSVG from './assets/add.svg';\nimport Arrow2DownSVG from './assets/arrow-2-down.svg';\nimport Arrow2LeftSVG from './assets/arrow-2-left.svg';\nimport Arrow2RightSVG from './assets/arrow-2-right.svg';\nimport Arrow2UpRightSVG from './assets/arrow-2-up-right.svg';\nimport Arrow2UpSVG from './assets/arrow-2-up.svg';\nimport ArrowDoubleLeftSVG from './assets/arrow-double-left.svg';\nimport ArrowDoubleRightSVG from './assets/arrow-double-right.svg';\nimport ArrowDownSVG from './assets/arrow-down.svg';\nimport ArrowLeftSVG from './assets/arrow-left.svg';\nimport ArrowRightSVG from './assets/arrow-right.svg';\nimport ArrowUpSVG from './assets/arrow-up.svg';\nimport BanSVG from './assets/ban.svg';\nimport BankTokenSVG from './assets/bank-token.svg';\nimport BankSVG from './assets/bank.svg';\nimport BoldSVG from './assets/bold.svg';\nimport BookSVG from './assets/book.svg';\nimport BookmarkSVG from './assets/bookmark.svg';\nimport BridgeSVG from './assets/bridge.svg';\nimport CalculatorSVG from './assets/calculator.svg';\nimport CardPosSVG from './assets/card-pos.svg';\nimport CardTokenSVG from './assets/card-token.svg';\nimport CardSVG from './assets/card.svg';\nimport CategorySVG from './assets/category.svg';\nimport ChartSVG from './assets/chart.svg';\nimport CheckBoldSVG from './assets/check-bold.svg';\nimport CheckSVG from './assets/check.svg';\nimport CircleXSVG from './assets/circle-x.svg';\nimport ClockSVG from './assets/clock.svg';\nimport CloseSVG from './assets/close.svg';\nimport CodeCircleSVG from './assets/code-circle.svg';\nimport CoinSVG from './assets/coin.svg';\nimport CollapseSVG from './assets/collapse.svg';\nimport ConfirmationSVG from './assets/confirmation.svg';\nimport ConnectSVG from './assets/connect.svg';\nimport CopySuccessSVG from './assets/copy-success.svg';\nimport CopySVG from './assets/copy.svg';\nimport CustomizeSVG from './assets/customize.svg';\nimport DangerSVG from './assets/danger.svg';\nimport DarkSVG from './assets/dark.svg';\nimport DataSVG from './assets/data.svg';\nimport DiagramSVG from './assets/diagram.svg';\nimport DocumentCodeSVG from './assets/document-code.svg';\nimport DownloadSVG from './assets/download.svg';\nimport EditSVG from './assets/edit.svg';\nimport EraserSVG from './assets/eraser.svg';\nimport EthereumSVG from './assets/ethereum.svg';\nimport ExpandSVG from './assets/expand.svg';\nimport ExploreSVG from './assets/explore.svg';\nimport ExportSVG from './assets/export.svg';\nimport EyeSlashSVG from './assets/eye-slash.svg';\nimport EyeSVG from './assets/eye.svg';\nimport FileSVG from './assets/file.svg';\nimport FilterSVG from './assets/filter.svg';\nimport FlagSVG from './assets/flag.svg';\nimport FlashSlashSVG from './assets/flash-slash.svg';\nimport FlashSVG from './assets/flash.svg';\nimport FlaskSVG from './assets/flask.svg';\nimport FullCircleSVG from './assets/full-circle.svg';\nimport GasSVG from './assets/gas.svg';\nimport GlobalSearchSVG from './assets/global-search.svg';\nimport GlobalSVG from './assets/global.svg';\nimport GraphSVG from './assets/graph.svg';\nimport HardwareSVG from './assets/hardware.svg';\nimport HeartSVG from './assets/heart.svg';\nimport HierarchySVG from './assets/hierarchy.svg';\nimport HomeSVG from './assets/home.svg';\nimport ImportSVG from './assets/import.svg';\nimport InfoSVG from './assets/info.svg';\nimport KeySVG from './assets/key.svg';\nimport LightSVG from './assets/light.svg';\nimport LinkSVG from './assets/link.svg';\nimport LoadingSVG from './assets/loading.svg';\nimport LockCircleSVG from './assets/lock-circle.svg';\nimport LockSlashSVG from './assets/lock-slash.svg';\nimport LockSVG from './assets/lock.svg';\nimport LoginSVG from './assets/login.svg';\nimport LogoutSVG from './assets/logout.svg';\nimport MenuSVG from './assets/menu.svg';\nimport MessageQuestionSVG from './assets/message-question.svg';\nimport MessagesSVG from './assets/messages.svg';\nimport MinusBoldSVG from './assets/minus-bold.svg';\nimport MinusSquareSVG from './assets/minus-square.svg';\nimport MinusSVG from './assets/minus.svg';\nimport MobileSVG from './assets/mobile.svg';\nimport MoneySVG from './assets/money.svg';\nimport MonitorSVG from './assets/monitor.svg';\nimport MoreHorizontalSVG from './assets/more-horizontal.svg';\nimport MoreVerticalSVG from './assets/more-vertical.svg';\nimport NotificationCircleSVG from './assets/notification-circle.svg';\nimport NotificationSVG from './assets/notification.svg';\nimport PasswordCheckSVG from './assets/password-check.svg';\nimport PeopleSVG from './assets/people.svg';\nimport PinSVG from './assets/pin.svg';\nimport PlugSVG from './assets/plug.svg';\nimport PlusMinusSVG from './assets/plus-minus.svg';\nimport ProgrammingArrowsSVG from './assets/programming-arrows.svg';\nimport QrCodeSVG from './assets/qr-code.svg';\nimport QuestionSVG from './assets/question.svg';\nimport ReceivedSVG from './assets/received.svg';\nimport RefreshSVG from './assets/refresh.svg';\nimport SaveSVG from './assets/save.svg';\nimport ScanBarcodeSVG from './assets/scan-barcode.svg';\nimport ScanFocusSVG from './assets/scan-focus.svg';\nimport ScanSVG from './assets/scan.svg';\nimport ScrollSVG from './assets/scroll.svg';\nimport SearchSVG from './assets/search.svg';\nimport SecurityCardSVG from './assets/security-card.svg';\nimport SecurityCrossSVG from './assets/security-cross.svg';\nimport SecurityKeySVG from './assets/security-key.svg';\nimport SecuritySearchSVG from './assets/security-search.svg';\nimport SecuritySlashSVG from './assets/security-slash.svg';\nimport SecurityTickSVG from './assets/security-tick.svg';\nimport SecurityTimeSVG from './assets/security-time.svg';\nimport SecurityUserSVG from './assets/security-user.svg';\nimport SecuritySVG from './assets/security.svg';\nimport Send1SVG from './assets/send-1.svg';\nimport Send2SVG from './assets/send-2.svg';\nimport SettingSVG from './assets/setting.svg';\nimport ShareSVG from './assets/share.svg';\nimport SlashSVG from './assets/slash.svg';\nimport SnapsMobileSVG from './assets/snaps-mobile.svg';\nimport SnapsPlusSVG from './assets/snaps-plus.svg';\nimport SnapsSVG from './assets/snaps.svg';\nimport SpeedometerSVG from './assets/speedometer.svg';\nimport SquareSVG from './assets/square.svg';\nimport StakeSVG from './assets/stake.svg';\nimport StarSVG from './assets/star.svg';\nimport StudentSVG from './assets/student.svg';\nimport SwapHorizontalSVG from './assets/swap-horizontal.svg';\nimport SwapVerticalSVG from './assets/swap-vertical.svg';\nimport TagSVG from './assets/tag.svg';\nimport TildeSVG from './assets/tilde.svg';\nimport TimerSVG from './assets/timer.svg';\nimport TintSVG from './assets/tint.svg';\nimport TrashSVG from './assets/trash.svg';\nimport TrendDownSVG from './assets/trend-down.svg';\nimport TrendUpSVG from './assets/trend-up.svg';\nimport TwitterSVG from './assets/twitter.svg';\nimport UnpinSVG from './assets/unpin.svg';\nimport UploadSVG from './assets/upload.svg';\nimport UsbSVG from './assets/usb.svg';\nimport UserCheckSVG from './assets/user-check.svg';\nimport UserCircleAddSVG from './assets/user-circle-add.svg';\nimport UserCircleRemoveSVG from './assets/user-circle-remove.svg';\nimport UserCircleSVG from './assets/user-circle.svg';\nimport UserSVG from './assets/user.svg';\nimport WalletCardSVG from './assets/wallet-card.svg';\nimport WalletMoneySVG from './assets/wallet-money.svg';\nimport WalletSVG from './assets/wallet.svg';\nimport WarningSVG from './assets/warning.svg';\nimport WifiSVG from './assets/wifi.svg';\nimport { IconName } from './Icon.types';\nimport type { AssetByIconName } from './Icon.types';\n\n/**\n * Asset stored by icon name\n */\nexport const assetByIconName: AssetByIconName = {\n [IconName.AddSquare]: AddSquareSVG,\n [IconName.Add]: AddSVG,\n [IconName.Arrow2Down]: Arrow2DownSVG,\n [IconName.Arrow2Left]: Arrow2LeftSVG,\n [IconName.Arrow2Right]: Arrow2RightSVG,\n [IconName.Arrow2UpRight]: Arrow2UpRightSVG,\n [IconName.Arrow2Up]: Arrow2UpSVG,\n [IconName.ArrowDoubleLeft]: ArrowDoubleLeftSVG,\n [IconName.ArrowDoubleRight]: ArrowDoubleRightSVG,\n [IconName.ArrowDown]: ArrowDownSVG,\n [IconName.ArrowLeft]: ArrowLeftSVG,\n [IconName.ArrowRight]: ArrowRightSVG,\n [IconName.ArrowUp]: ArrowUpSVG,\n [IconName.Ban]: BanSVG,\n [IconName.BankToken]: BankTokenSVG,\n [IconName.Bank]: BankSVG,\n [IconName.Bold]: BoldSVG,\n [IconName.Book]: BookSVG,\n [IconName.Bookmark]: BookmarkSVG,\n [IconName.Bridge]: BridgeSVG,\n [IconName.Calculator]: CalculatorSVG,\n [IconName.CardPos]: CardPosSVG,\n [IconName.CardToken]: CardTokenSVG,\n [IconName.Card]: CardSVG,\n [IconName.Category]: CategorySVG,\n [IconName.Chart]: ChartSVG,\n [IconName.CheckBold]: CheckBoldSVG,\n [IconName.Check]: CheckSVG,\n [IconName.CircleX]: CircleXSVG,\n [IconName.Clock]: ClockSVG,\n [IconName.Close]: CloseSVG,\n [IconName.CodeCircle]: CodeCircleSVG,\n [IconName.Coin]: CoinSVG,\n [IconName.Collapse]: CollapseSVG,\n [IconName.Confirmation]: ConfirmationSVG,\n [IconName.Connect]: ConnectSVG,\n [IconName.CopySuccess]: CopySuccessSVG,\n [IconName.Copy]: CopySVG,\n [IconName.Customize]: CustomizeSVG,\n [IconName.Danger]: DangerSVG,\n [IconName.Dark]: DarkSVG,\n [IconName.Data]: DataSVG,\n [IconName.Diagram]: DiagramSVG,\n [IconName.DocumentCode]: DocumentCodeSVG,\n [IconName.Download]: DownloadSVG,\n [IconName.Edit]: EditSVG,\n [IconName.Eraser]: EraserSVG,\n [IconName.Ethereum]: EthereumSVG,\n [IconName.Expand]: ExpandSVG,\n [IconName.Explore]: ExploreSVG,\n [IconName.Export]: ExportSVG,\n [IconName.EyeSlash]: EyeSlashSVG,\n [IconName.Eye]: EyeSVG,\n [IconName.File]: FileSVG,\n [IconName.Filter]: FilterSVG,\n [IconName.Flag]: FlagSVG,\n [IconName.FlashSlash]: FlashSlashSVG,\n [IconName.Flash]: FlashSVG,\n [IconName.Flask]: FlaskSVG,\n [IconName.FullCircle]: FullCircleSVG,\n [IconName.Gas]: GasSVG,\n [IconName.GlobalSearch]: GlobalSearchSVG,\n [IconName.Global]: GlobalSVG,\n [IconName.Graph]: GraphSVG,\n [IconName.Hardware]: HardwareSVG,\n [IconName.Heart]: HeartSVG,\n [IconName.Hierarchy]: HierarchySVG,\n [IconName.Home]: HomeSVG,\n [IconName.Import]: ImportSVG,\n [IconName.Info]: InfoSVG,\n [IconName.Key]: KeySVG,\n [IconName.Light]: LightSVG,\n [IconName.Link]: LinkSVG,\n [IconName.Loading]: LoadingSVG,\n [IconName.LockCircle]: LockCircleSVG,\n [IconName.LockSlash]: LockSlashSVG,\n [IconName.Lock]: LockSVG,\n [IconName.Login]: LoginSVG,\n [IconName.Logout]: LogoutSVG,\n [IconName.Menu]: MenuSVG,\n [IconName.MessageQuestion]: MessageQuestionSVG,\n [IconName.Messages]: MessagesSVG,\n [IconName.MinusBold]: MinusBoldSVG,\n [IconName.MinusSquare]: MinusSquareSVG,\n [IconName.Minus]: MinusSVG,\n [IconName.Mobile]: MobileSVG,\n [IconName.Money]: MoneySVG,\n [IconName.Monitor]: MonitorSVG,\n [IconName.MoreHorizontal]: MoreHorizontalSVG,\n [IconName.MoreVertical]: MoreVerticalSVG,\n [IconName.NotificationCircle]: NotificationCircleSVG,\n [IconName.Notification]: NotificationSVG,\n [IconName.PasswordCheck]: PasswordCheckSVG,\n [IconName.People]: PeopleSVG,\n [IconName.Pin]: PinSVG,\n [IconName.Plug]: PlugSVG,\n [IconName.PlusMinus]: PlusMinusSVG,\n [IconName.ProgrammingArrows]: ProgrammingArrowsSVG,\n [IconName.QrCode]: QrCodeSVG,\n [IconName.Question]: QuestionSVG,\n [IconName.Received]: ReceivedSVG,\n [IconName.Refresh]: RefreshSVG,\n [IconName.Save]: SaveSVG,\n [IconName.ScanBarcode]: ScanBarcodeSVG,\n [IconName.ScanFocus]: ScanFocusSVG,\n [IconName.Scan]: ScanSVG,\n [IconName.Scroll]: ScrollSVG,\n [IconName.Search]: SearchSVG,\n [IconName.SecurityCard]: SecurityCardSVG,\n [IconName.SecurityCross]: SecurityCrossSVG,\n [IconName.SecurityKey]: SecurityKeySVG,\n [IconName.SecuritySearch]: SecuritySearchSVG,\n [IconName.SecuritySlash]: SecuritySlashSVG,\n [IconName.SecurityTick]: SecurityTickSVG,\n [IconName.SecurityTime]: SecurityTimeSVG,\n [IconName.SecurityUser]: SecurityUserSVG,\n [IconName.Security]: SecuritySVG,\n [IconName.Send1]: Send1SVG,\n [IconName.Send2]: Send2SVG,\n [IconName.Setting]: SettingSVG,\n [IconName.Share]: ShareSVG,\n [IconName.Slash]: SlashSVG,\n [IconName.SnapsMobile]: SnapsMobileSVG,\n [IconName.SnapsPlus]: SnapsPlusSVG,\n [IconName.Snaps]: SnapsSVG,\n [IconName.Speedometer]: SpeedometerSVG,\n [IconName.Square]: SquareSVG,\n [IconName.Stake]: StakeSVG,\n [IconName.Star]: StarSVG,\n [IconName.Student]: StudentSVG,\n [IconName.SwapHorizontal]: SwapHorizontalSVG,\n [IconName.SwapVertical]: SwapVerticalSVG,\n [IconName.Tag]: TagSVG,\n [IconName.Tilde]: TildeSVG,\n [IconName.Timer]: TimerSVG,\n [IconName.Tint]: TintSVG,\n [IconName.Trash]: TrashSVG,\n [IconName.TrendDown]: TrendDownSVG,\n [IconName.TrendUp]: TrendUpSVG,\n [IconName.Twitter]: TwitterSVG,\n [IconName.Unpin]: UnpinSVG,\n [IconName.Upload]: UploadSVG,\n [IconName.Usb]: UsbSVG,\n [IconName.UserCheck]: UserCheckSVG,\n [IconName.UserCircleAdd]: UserCircleAddSVG,\n [IconName.UserCircleRemove]: UserCircleRemoveSVG,\n [IconName.UserCircle]: UserCircleSVG,\n [IconName.User]: UserSVG,\n [IconName.WalletCard]: WalletCardSVG,\n [IconName.WalletMoney]: WalletMoneySVG,\n [IconName.Wallet]: WalletSVG,\n [IconName.Warning]: WarningSVG,\n [IconName.Wifi]: WifiSVG,\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { IconProps } from './Icon.types';
|
|
2
|
+
import { IconName, IconSize, IconColor } from './Icon.types';
|
|
3
|
+
export declare const DEFAULT_ICON_ICONSIZE = IconSize.Md;
|
|
4
|
+
export declare const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;
|
|
5
|
+
export declare const DEFAULT_ICON_ICONNAME = IconName.Add;
|
|
6
|
+
export declare const TWCLASSMAP_ICON_ICONCOLOR: Record<IconColor, string>;
|
|
7
|
+
export declare const TWCLASSMAP_ICON_ICONSIZE: Record<IconSize, string>;
|
|
8
|
+
export declare const SAMPLE_ICON_PROPS: IconProps;
|
|
9
|
+
//# sourceMappingURL=Icon.constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7D,eAAO,MAAM,qBAAqB,cAAc,CAAC;AACjD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAGlD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAe/D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SAMPLE_ICON_PROPS = exports.TWCLASSMAP_ICON_ICONSIZE = exports.TWCLASSMAP_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONNAME = exports.DEFAULT_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONSIZE = void 0;
|
|
4
|
+
const Icon_types_1 = require("./Icon.types");
|
|
5
|
+
// Defaults
|
|
6
|
+
exports.DEFAULT_ICON_ICONSIZE = Icon_types_1.IconSize.Md;
|
|
7
|
+
exports.DEFAULT_ICON_ICONCOLOR = Icon_types_1.IconColor.IconDefault;
|
|
8
|
+
exports.DEFAULT_ICON_ICONNAME = Icon_types_1.IconName.Add;
|
|
9
|
+
// Mappings
|
|
10
|
+
exports.TWCLASSMAP_ICON_ICONCOLOR = {
|
|
11
|
+
[Icon_types_1.IconColor.IconDefault]: 'text-icon-default',
|
|
12
|
+
[Icon_types_1.IconColor.IconAlternative]: 'text-icon-alternative',
|
|
13
|
+
[Icon_types_1.IconColor.IconMuted]: 'text-icon-muted',
|
|
14
|
+
[Icon_types_1.IconColor.OverlayInverse]: 'text-overlay-inverse',
|
|
15
|
+
[Icon_types_1.IconColor.PrimaryDefault]: 'text-primary-default',
|
|
16
|
+
[Icon_types_1.IconColor.PrimaryInverse]: 'text-primary-inverse',
|
|
17
|
+
[Icon_types_1.IconColor.ErrorDefault]: 'text-error-default',
|
|
18
|
+
[Icon_types_1.IconColor.ErrorInverse]: 'text-error-inverse',
|
|
19
|
+
[Icon_types_1.IconColor.SuccessDefault]: 'text-success-default',
|
|
20
|
+
[Icon_types_1.IconColor.SuccessInverse]: 'text-success-inverse',
|
|
21
|
+
[Icon_types_1.IconColor.WarningDefault]: 'text-warning-default',
|
|
22
|
+
[Icon_types_1.IconColor.WarningInverse]: 'text-warning-inverse',
|
|
23
|
+
[Icon_types_1.IconColor.InfoDefault]: 'text-info-default',
|
|
24
|
+
[Icon_types_1.IconColor.InfoInverse]: 'text-info-inverse',
|
|
25
|
+
};
|
|
26
|
+
exports.TWCLASSMAP_ICON_ICONSIZE = {
|
|
27
|
+
[Icon_types_1.IconSize.Xs]: 'w-[12px] h-[12px]',
|
|
28
|
+
[Icon_types_1.IconSize.Sm]: 'w-[16px] h-[16px]',
|
|
29
|
+
[Icon_types_1.IconSize.Md]: 'w-[20px] h-[20px]',
|
|
30
|
+
[Icon_types_1.IconSize.Lg]: 'w-[24px] h-[24px]',
|
|
31
|
+
[Icon_types_1.IconSize.Xl]: 'w-[32px] h-[32px]',
|
|
32
|
+
};
|
|
33
|
+
// Sample consts
|
|
34
|
+
exports.SAMPLE_ICON_PROPS = {
|
|
35
|
+
name: exports.DEFAULT_ICON_ICONNAME,
|
|
36
|
+
size: exports.DEFAULT_ICON_ICONSIZE,
|
|
37
|
+
color: exports.DEFAULT_ICON_ICONCOLOR,
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=Icon.constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.constants.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAGA,6CAA6D;AAE7D,WAAW;AACE,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,EAAE,CAAC;AACpC,QAAA,sBAAsB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAC/C,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,GAAG,CAAC;AAElD,WAAW;AACE,QAAA,yBAAyB,GAA8B;IAClE,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC5C,CAAC,sBAAS,CAAC,eAAe,CAAC,EAAE,uBAAuB;IACpD,CAAC,sBAAS,CAAC,SAAS,CAAC,EAAE,iBAAiB;IACxC,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,YAAY,CAAC,EAAE,oBAAoB;IAC9C,CAAC,sBAAS,CAAC,YAAY,CAAC,EAAE,oBAAoB;IAC9C,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,cAAc,CAAC,EAAE,sBAAsB;IAClD,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC5C,CAAC,sBAAS,CAAC,WAAW,CAAC,EAAE,mBAAmB;CAC7C,CAAC;AAEW,QAAA,wBAAwB,GAA6B;IAChE,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;IAClC,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,mBAAmB;CACnC,CAAC;AAEF,gBAAgB;AACH,QAAA,iBAAiB,GAAc;IAC1C,IAAI,EAAE,6BAAqB;IAC3B,IAAI,EAAE,6BAAqB;IAC3B,KAAK,EAAE,8BAAsB;CAC9B,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// Internal dependencies.\nimport type { IconProps } from './Icon.types';\nimport { IconName, IconSize, IconColor } from './Icon.types';\n\n// Defaults\nexport const DEFAULT_ICON_ICONSIZE = IconSize.Md;\nexport const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;\nexport const DEFAULT_ICON_ICONNAME = IconName.Add;\n\n// Mappings\nexport const TWCLASSMAP_ICON_ICONCOLOR: Record<IconColor, string> = {\n [IconColor.IconDefault]: 'text-icon-default',\n [IconColor.IconAlternative]: 'text-icon-alternative',\n [IconColor.IconMuted]: 'text-icon-muted',\n [IconColor.OverlayInverse]: 'text-overlay-inverse',\n [IconColor.PrimaryDefault]: 'text-primary-default',\n [IconColor.PrimaryInverse]: 'text-primary-inverse',\n [IconColor.ErrorDefault]: 'text-error-default',\n [IconColor.ErrorInverse]: 'text-error-inverse',\n [IconColor.SuccessDefault]: 'text-success-default',\n [IconColor.SuccessInverse]: 'text-success-inverse',\n [IconColor.WarningDefault]: 'text-warning-default',\n [IconColor.WarningInverse]: 'text-warning-inverse',\n [IconColor.InfoDefault]: 'text-info-default',\n [IconColor.InfoInverse]: 'text-info-inverse',\n};\n\nexport const TWCLASSMAP_ICON_ICONSIZE: Record<IconSize, string> = {\n [IconSize.Xs]: 'w-[12px] h-[12px]',\n [IconSize.Sm]: 'w-[16px] h-[16px]',\n [IconSize.Md]: 'w-[20px] h-[20px]',\n [IconSize.Lg]: 'w-[24px] h-[24px]',\n [IconSize.Xl]: 'w-[32px] h-[32px]',\n};\n\n// Sample consts\nexport const SAMPLE_ICON_PROPS: IconProps = {\n name: DEFAULT_ICON_ICONNAME,\n size: DEFAULT_ICON_ICONSIZE,\n color: DEFAULT_ICON_ICONCOLOR,\n};\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const _default: React.ForwardRefExoticComponent<{
|
|
3
|
+
name: import("./Icon.types").IconName;
|
|
4
|
+
size?: import("./Icon.types").IconSize | undefined;
|
|
5
|
+
color?: import("./Icon.types").IconColor | undefined;
|
|
6
|
+
twClassName?: string | undefined;
|
|
7
|
+
} & import("react-native").ViewProps & React.RefAttributes<any>>;
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;;AA2BvC,wBAAuC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const Icon_assets_1 = require("./Icon.assets");
|
|
29
|
+
const Icon_constants_1 = require("./Icon.constants");
|
|
30
|
+
const Icon_utilities_1 = require("./Icon.utilities");
|
|
31
|
+
const Icon = ({ size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, name, color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, style, ...props }) => {
|
|
32
|
+
const tw = (0, design_system_twrnc_preset_1.useTailwind)();
|
|
33
|
+
const SVG = Icon_assets_1.assetByIconName[name];
|
|
34
|
+
const styles = (0, react_1.useMemo)(() => {
|
|
35
|
+
const mergedClassnames = (0, Icon_utilities_1.generateIconClassNames)({ color, size });
|
|
36
|
+
return tw `${mergedClassnames}`;
|
|
37
|
+
}, [color, size, tw]);
|
|
38
|
+
return <SVG name={name} fill="currentColor" style={[styles]} {...props}/>;
|
|
39
|
+
};
|
|
40
|
+
exports.default = (0, design_system_twrnc_preset_1.withThemeProvider)(Icon);
|
|
41
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAGuD;AACvD,+CAAuC;AAEvC,+CAAgD;AAChD,qDAG0B;AAE1B,qDAA0D;AAE1D,MAAM,IAAI,GAAG,CAAC,EACZ,IAAI,GAAG,sCAAqB,EAC5B,IAAI,EACJ,KAAK,GAAG,uCAAsB,EAC9B,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,GAAG,GAAG,6BAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,MAAM,gBAAgB,GAAG,IAAA,uCAAsB,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,OAAO,EAAE,CAAA,GAAG,gBAAgB,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEtB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC7E,CAAC,CAAC;AAEF,kBAAe,IAAA,8CAAiB,EAAC,IAAI,CAAC,CAAC","sourcesContent":["import {\n useTailwind,\n withThemeProvider,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\n\nimport { assetByIconName } from './Icon.assets';\nimport {\n DEFAULT_ICON_ICONSIZE,\n DEFAULT_ICON_ICONCOLOR,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { generateIconClassNames } from './Icon.utilities';\n\nconst Icon = ({\n size = DEFAULT_ICON_ICONSIZE,\n name,\n color = DEFAULT_ICON_ICONCOLOR,\n style,\n ...props\n}: IconProps) => {\n const tw = useTailwind();\n const SVG = assetByIconName[name];\n const styles = useMemo(() => {\n const mergedClassnames = generateIconClassNames({ color, size });\n return tw`${mergedClassnames}`;\n }, [color, size, tw]);\n\n return <SVG name={name} fill=\"currentColor\" style={[styles]} {...props} />;\n};\n\nexport default withThemeProvider(Icon);\n"]}
|
|
@@ -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":";;;AAMA;;GAEG;AACH,IAAY,SA6BX;AA7BD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,+BAA+B;IAC/B,iDAAoC,CAAA;IACpC,8DAA8D;IAC9D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,+CAAkC,CAAA;IAClC,iGAAiG;IACjG,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,0FAA0F;IAC1F,2CAA8B,CAAA;IAC9B,+EAA+E;IAC/E,2CAA8B,CAAA;IAC9B,oFAAoF;IACpF,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,yFAAyF;IACzF,+CAAkC,CAAA;IAClC,iFAAiF;IACjF,+CAAkC,CAAA;IAClC,sFAAsF;IACtF,yCAA4B,CAAA;IAC5B,8EAA8E;IAC9E,yCAA4B,CAAA;AAC9B,CAAC,EA7BW,SAAS,yBAAT,SAAS,QA6BpB;AAED;;GAEG;AACH,IAAY,QAWX;AAXD,WAAY,QAAQ;IAClB,yBAAyB;IACzB,qBAAS,CAAA;IACT,mBAAmB;IACnB,qBAAS,CAAA;IACT,8BAA8B;IAC9B,qBAAS,CAAA;IACT,mBAAmB;IACnB,qBAAS,CAAA;IACT,yBAAyB;IACzB,qBAAS,CAAA;AACX,CAAC,EAXW,QAAQ,wBAAR,QAAQ,QAWnB;AAkCD,wDAAwD;AACxD,oDAAoD;AACpD,uCAAuC;AACvC,wDAAwD;AAExD;;GAEG;AACH,IAAY,QA0JX;AA1JD,WAAY,QAAQ;IAClB,mCAAuB,CAAA;IACvB,uBAAW,CAAA;IACX,qCAAyB,CAAA;IACzB,qCAAyB,CAAA;IACzB,uCAA2B,CAAA;IAC3B,2CAA+B,CAAA;IAC/B,iCAAqB,CAAA;IACrB,+CAAmC,CAAA;IACnC,iDAAqC,CAAA;IACrC,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,qCAAyB,CAAA;IACzB,+BAAmB,CAAA;IACnB,uBAAW,CAAA;IACX,mCAAuB,CAAA;IACvB,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,iCAAqB,CAAA;IACrB,6BAAiB,CAAA;IACjB,qCAAyB,CAAA;IACzB,+BAAmB,CAAA;IACnB,mCAAuB,CAAA;IACvB,yBAAa,CAAA;IACb,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,mCAAuB,CAAA;IACvB,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,qCAAyB,CAAA;IACzB,yBAAa,CAAA;IACb,iCAAqB,CAAA;IACrB,yCAA6B,CAAA;IAC7B,+BAAmB,CAAA;IACnB,uCAA2B,CAAA;IAC3B,yBAAa,CAAA;IACb,mCAAuB,CAAA;IACvB,6BAAiB,CAAA;IACjB,yBAAa,CAAA;IACb,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,yCAA6B,CAAA;IAC7B,iCAAqB,CAAA;IACrB,yBAAa,CAAA;IACb,6BAAiB,CAAA;IACjB,iCAAqB,CAAA;IACrB,6BAAiB,CAAA;IACjB,+BAAmB,CAAA;IACnB,6BAAiB,CAAA;IACjB,iCAAqB,CAAA;IACrB,uBAAW,CAAA;IACX,yBAAa,CAAA;IACb,6BAAiB,CAAA;IACjB,yBAAa,CAAA;IACb,qCAAyB,CAAA;IACzB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,qCAAyB,CAAA;IACzB,uBAAW,CAAA;IACX,yCAA6B,CAAA;IAC7B,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,mCAAuB,CAAA;IACvB,yBAAa,CAAA;IACb,6BAAiB,CAAA;IACjB,yBAAa,CAAA;IACb,uBAAW,CAAA;IACX,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;IACzB,mCAAuB,CAAA;IACvB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,yBAAa,CAAA;IACb,+CAAmC,CAAA;IACnC,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,uCAA2B,CAAA;IAC3B,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,6CAAiC,CAAA;IACjC,yCAA6B,CAAA;IAC7B,qDAAyC,CAAA;IACzC,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,6BAAiB,CAAA;IACjB,uBAAW,CAAA;IACX,yBAAa,CAAA;IACb,mCAAuB,CAAA;IACvB,mDAAuC,CAAA;IACvC,6BAAiB,CAAA;IACjB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,+BAAmB,CAAA;IACnB,yBAAa,CAAA;IACb,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,yBAAa,CAAA;IACb,6BAAiB,CAAA;IACjB,6BAAiB,CAAA;IACjB,yCAA6B,CAAA;IAC7B,2CAA+B,CAAA;IAC/B,uCAA2B,CAAA;IAC3B,6CAAiC,CAAA;IACjC,2CAA+B,CAAA;IAC/B,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,yCAA6B,CAAA;IAC7B,iCAAqB,CAAA;IACrB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,+BAAmB,CAAA;IACnB,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,uCAA2B,CAAA;IAC3B,mCAAuB,CAAA;IACvB,2BAAe,CAAA;IACf,uCAA2B,CAAA;IAC3B,6BAAiB,CAAA;IACjB,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,+BAAmB,CAAA;IACnB,6CAAiC,CAAA;IACjC,yCAA6B,CAAA;IAC7B,uBAAW,CAAA;IACX,2BAAe,CAAA;IACf,2BAAe,CAAA;IACf,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,+BAAmB,CAAA;IACnB,2BAAe,CAAA;IACf,6BAAiB,CAAA;IACjB,uBAAW,CAAA;IACX,mCAAuB,CAAA;IACvB,2CAA+B,CAAA;IAC/B,iDAAqC,CAAA;IACrC,qCAAyB,CAAA;IACzB,yBAAa,CAAA;IACb,qCAAyB,CAAA;IACzB,uCAA2B,CAAA;IAC3B,6BAAiB,CAAA;IACjB,+BAAmB,CAAA;IACnB,yBAAa,CAAA;AACf,CAAC,EA1JW,QAAQ,wBAAR,QAAQ,QA0JnB","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"]}
|
|
@@ -14,7 +14,7 @@ import type { TextProps } from './Text.types';
|
|
|
14
14
|
*
|
|
15
15
|
* Example:
|
|
16
16
|
* ```
|
|
17
|
-
* const classNames =
|
|
17
|
+
* const classNames = generateTextClassNames({
|
|
18
18
|
* variant: TextVariant.BodyMd,
|
|
19
19
|
* color: TextColor.PrimaryDefault,
|
|
20
20
|
* fontWeight: FontWeight.Bold,
|
|
@@ -20,7 +20,7 @@ const Text_types_1 = require("./Text.types");
|
|
|
20
20
|
*
|
|
21
21
|
* Example:
|
|
22
22
|
* ```
|
|
23
|
-
* const classNames =
|
|
23
|
+
* const classNames = generateTextClassNames({
|
|
24
24
|
* variant: TextVariant.BodyMd,
|
|
25
25
|
* color: TextColor.PrimaryDefault,
|
|
26
26
|
* fontWeight: FontWeight.Bold,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.utilities.js","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAI0B;AAE1B,6CAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,wBAAwB,GAC5B,+DAA8C,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,SAAS,KAAK,sBAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,OAAO,GAAG,wBAAwB,GACpE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACzB,EAAE,CAAC;IACH,MAAM,kBAAkB,GAAG,QAAQ,KAAK,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GACpB,GAAG,aAAa,IAAI,mBAAmB,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAExF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_TEXT_COLOR,\n DEFAULT_TEXT_VARIANT,\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } from './Text.types';\n\n/**\n * Generates a combined string of Tailwind CSS class names for the Text component\n * based on the provided props. This utility simplifies the process of combining\n * typography, color, font weight, and style classes, ensuring consistency with the\n * design system.\n *\n * @param variant - Specifies the typography variant (e.g., body, heading, display).\n * @param color - Specifies the text color based on the design system's color tokens.\n * @param fontWeight - Specifies the font weight (e.g., normal, bold).\n * @param fontStyle - Specifies the font style (e.g., normal, italic).\n * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.\n * @returns A string of combined Tailwind CSS class names.\n *\n * Example:\n * ```\n * const classNames =
|
|
1
|
+
{"version":3,"file":"Text.utilities.js","sourceRoot":"","sources":["../../../src/components/Text/Text.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAI0B;AAE1B,6CAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,wBAAwB,GAC5B,+DAA8C,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,QAAQ,GAAG,SAAS,KAAK,sBAAS,CAAC,MAAM,CAAC;IAChD,MAAM,aAAa,GAAG,QAAQ,OAAO,EAAE,CAAC;IACxC,MAAM,mBAAmB,GAAG,QAAQ,OAAO,GAAG,wBAAwB,GACpE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACzB,EAAE,CAAC;IACH,MAAM,kBAAkB,GAAG,QAAQ,KAAK,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GACpB,GAAG,aAAa,IAAI,mBAAmB,IAAI,kBAAkB,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IAExF,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAnBW,QAAA,sBAAsB,0BAmBjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n DEFAULT_TEXT_COLOR,\n DEFAULT_TEXT_VARIANT,\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } from './Text.types';\n\n/**\n * Generates a combined string of Tailwind CSS class names for the Text component\n * based on the provided props. This utility simplifies the process of combining\n * typography, color, font weight, and style classes, ensuring consistency with the\n * design system.\n *\n * @param variant - Specifies the typography variant (e.g., body, heading, display).\n * @param color - Specifies the text color based on the design system's color tokens.\n * @param fontWeight - Specifies the font weight (e.g., normal, bold).\n * @param fontStyle - Specifies the font style (e.g., normal, italic).\n * @param twClassName - Additional custom Tailwind class names to be appended to the generated classes.\n * @returns A string of combined Tailwind CSS class names.\n *\n * Example:\n * ```\n * const classNames = generateTextClassNames({\n * variant: TextVariant.BodyMd,\n * color: TextColor.PrimaryDefault,\n * fontWeight: FontWeight.Bold,\n * fontStyle: FontStyle.Italic,\n * twClassName: 'text-center underline',\n * });\n *\n * console.log(classNames);\n * // Output: \"text-body-md font-body-md-bold-italic text-primary-default text-center underline\"\n * ```\n */\nexport const generateTextClassNames = ({\n variant = DEFAULT_TEXT_VARIANT,\n color = DEFAULT_TEXT_COLOR,\n fontWeight = FontWeight.Normal,\n fontStyle = FontStyle.Normal,\n twClassName = '',\n}: Partial<TextProps>): string => {\n const fontWeightStyleClassname =\n MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME[fontWeight];\n const isItalic = fontStyle === FontStyle.Italic;\n const textClassname = `text-${variant}`;\n const fontFamilyClassname = `font-${variant}${fontWeightStyleClassname}${\n isItalic ? '-italic' : ''\n }`;\n const textColorClassname = `text-${color}`;\n const mergedClassnames =\n `${textClassname} ${fontFamilyClassname} ${textColorClassname} ${twClassName}`.trim();\n\n return mergedClassnames;\n};\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask-previews/design-system-react-native",
|
|
3
|
-
"version": "0.0.0-preview.
|
|
3
|
+
"version": "0.0.0-preview.07ad19d",
|
|
4
4
|
"description": "Design System React Native",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"MetaMask",
|
|
@@ -31,9 +31,10 @@
|
|
|
31
31
|
"dist/"
|
|
32
32
|
],
|
|
33
33
|
"scripts": {
|
|
34
|
-
"build": "
|
|
34
|
+
"build": "node scripts/build.js",
|
|
35
35
|
"changelog:update": "../../scripts/update-changelog.sh @metamask/design-system-react-native",
|
|
36
36
|
"changelog:validate": "../../scripts/validate-changelog.sh @metamask/design-system-react-native",
|
|
37
|
+
"generate-icons": "ts-node scripts/generate-icons.ts",
|
|
37
38
|
"publish:preview": "yarn npm publish --tag preview",
|
|
38
39
|
"since-latest-release": "../../scripts/since-latest-release.sh",
|
|
39
40
|
"test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
|
|
@@ -42,7 +43,7 @@
|
|
|
42
43
|
"test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
|
|
43
44
|
},
|
|
44
45
|
"dependencies": {
|
|
45
|
-
"@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.
|
|
46
|
+
"@metamask-previews/design-system-twrnc-preset": "0.0.0-preview.07ad19d",
|
|
46
47
|
"react": "^18.2.0",
|
|
47
48
|
"react-native": "^0.72.15"
|
|
48
49
|
},
|
|
@@ -56,14 +57,18 @@
|
|
|
56
57
|
"@testing-library/react-native": "^12.8.1",
|
|
57
58
|
"@types/babel__preset-env": "^7",
|
|
58
59
|
"@types/jest": "^27.4.1",
|
|
60
|
+
"@types/node": "^16.18.54",
|
|
59
61
|
"@types/react": "^18.2.0",
|
|
60
62
|
"@types/react-test-renderer": "^18",
|
|
61
63
|
"babel-jest": "^29.7.0",
|
|
62
64
|
"deepmerge": "^4.2.2",
|
|
63
65
|
"jest": "^29.7.0",
|
|
64
66
|
"metro-react-native-babel-preset": "^0.77.0",
|
|
67
|
+
"react-native-svg": "^15.10.1",
|
|
68
|
+
"react-native-svg-transformer": "^1.5.0",
|
|
65
69
|
"react-test-renderer": "^18.3.1",
|
|
66
70
|
"ts-jest": "^29.2.5",
|
|
71
|
+
"ts-node": "^10.9.1",
|
|
67
72
|
"typescript": "~5.2.2"
|
|
68
73
|
},
|
|
69
74
|
"engines": {
|