@herca/r-kit 0.0.16 → 0.0.17

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.
@@ -0,0 +1,298 @@
1
+ import * as react from 'react';
2
+
3
+ declare const iconRegistry: {
4
+ "arrow-left-circle": react.FC<BaseIconProps>;
5
+ "arrow-right-circle": react.FC<BaseIconProps>;
6
+ search: react.FC<BaseIconProps>;
7
+ user: react.FC<BaseIconProps>;
8
+ eye: react.FC<BaseIconProps>;
9
+ "eye-open": react.FC<BaseIconProps>;
10
+ "arrow-right": react.FC<BaseIconProps>;
11
+ "arrow-left": react.FC<BaseIconProps>;
12
+ document: react.FC<BaseIconProps>;
13
+ calendar: react.FC<BaseIconProps>;
14
+ "exclamation-mark": react.FC<BaseIconProps>;
15
+ "x-circle": react.FC<BaseIconProps>;
16
+ "sticky-note": react.FC<BaseIconProps>;
17
+ "radio-button": react.FC<BaseIconProps>;
18
+ "arrow-back-alt": react.FC<BaseIconProps>;
19
+ "arrow-forward-alt": react.FC<BaseIconProps>;
20
+ "arrow-down": react.FC<BaseIconProps>;
21
+ "arrow-up": react.FC<BaseIconProps>;
22
+ check: react.FC<BaseIconProps>;
23
+ filter: react.FC<BaseIconProps>;
24
+ "air-plane": react.FC<BaseIconProps>;
25
+ camera: react.FC<BaseIconProps>;
26
+ image: react.FC<BaseIconProps>;
27
+ times: react.FC<BaseIconProps>;
28
+ plus: react.FC<BaseIconProps>;
29
+ bell: react.FC<BaseIconProps>;
30
+ "file-list-check": react.FC<BaseIconProps>;
31
+ "file-text": react.FC<BaseIconProps>;
32
+ "bookmark-user": react.FC<BaseIconProps>;
33
+ "folder-clock": react.FC<BaseIconProps>;
34
+ "home-fill": react.FC<BaseIconProps>;
35
+ "home-outline": react.FC<BaseIconProps>;
36
+ "user-circle-outline": react.FC<BaseIconProps>;
37
+ "user-circle-fill": react.FC<BaseIconProps>;
38
+ "clipboard-list-check": react.FC<BaseIconProps>;
39
+ "clipboard-list": react.FC<BaseIconProps>;
40
+ megaphone: react.FC<BaseIconProps>;
41
+ scanner: react.FC<BaseIconProps>;
42
+ clock: react.FC<BaseIconProps>;
43
+ "clock-outline": react.FC<BaseIconProps>;
44
+ "clipboard-list-check-outline": react.FC<BaseIconProps>;
45
+ "box-outline": react.FC<BaseIconProps>;
46
+ box: react.FC<BaseIconProps>;
47
+ "plus-square": react.FC<BaseIconProps>;
48
+ "at-sign": react.FC<BaseIconProps>;
49
+ "briefcase-outline": react.FC<BaseIconProps>;
50
+ "edit-square-outline": react.FC<BaseIconProps>;
51
+ "globe-earth": react.FC<BaseIconProps>;
52
+ "lock-fill": react.FC<BaseIconProps>;
53
+ "question-circle-outline": react.FC<BaseIconProps>;
54
+ "shield-fill": react.FC<BaseIconProps>;
55
+ users: react.FC<BaseIconProps>;
56
+ bold: react.FC<BaseIconProps>;
57
+ italic: react.FC<BaseIconProps>;
58
+ underline: react.FC<BaseIconProps>;
59
+ "settings-slider": react.FC<BaseIconProps>;
60
+ "rotate-square-fill": react.FC<BaseIconProps>;
61
+ "location-pin-fill": react.FC<BaseIconProps>;
62
+ "discount-fill": react.FC<BaseIconProps>;
63
+ "copy-fill": react.FC<BaseIconProps>;
64
+ "copy-text-fill": react.FC<BaseIconProps>;
65
+ "shield-checked-fill": react.FC<BaseIconProps>;
66
+ "calendar-edit": react.FC<BaseIconProps>;
67
+ "info-circle-outline": react.FC<BaseIconProps>;
68
+ "user-edit": react.FC<BaseIconProps>;
69
+ bolt: react.FC<BaseIconProps>;
70
+ "bolt-slash": react.FC<BaseIconProps>;
71
+ "image-plus": react.FC<BaseIconProps>;
72
+ "whatsapp-fill": react.FC<BaseIconProps>;
73
+ "layout-web": react.FC<BaseIconProps>;
74
+ ellipse: react.FC<BaseIconProps>;
75
+ upload: react.FC<IconProps>;
76
+ "activity-notification-square": react.FC<IconProps>;
77
+ "address-book": react.FC<IconProps>;
78
+ adjust: react.FC<IconProps>;
79
+ "angle-down-small": react.FC<IconProps>;
80
+ "angle-left-small": react.FC<IconProps>;
81
+ "angle-right-small": react.FC<IconProps>;
82
+ "angle-up-small": react.FC<IconProps>;
83
+ "angles-down-small": react.FC<IconProps>;
84
+ "angles-left-small": react.FC<IconProps>;
85
+ "angles-right-small": react.FC<IconProps>;
86
+ "angles-up-small": react.FC<IconProps>;
87
+ "arrow-down-small": react.FC<IconProps>;
88
+ "arrow-export": react.FC<IconProps>;
89
+ "arrow-left-small": react.FC<IconProps>;
90
+ "arrow-reply": react.FC<IconProps>;
91
+ "arrow-right-small": react.FC<IconProps>;
92
+ "arrow-share": react.FC<IconProps>;
93
+ "arrow-turn-down-left": react.FC<IconProps>;
94
+ "arrow-up-small": react.FC<IconProps>;
95
+ "arrows-expand": react.FC<IconProps>;
96
+ backward: react.FC<IconProps>;
97
+ "book-open-text": react.FC<IconProps>;
98
+ "book-text": react.FC<IconProps>;
99
+ "box-check": react.FC<IconProps>;
100
+ "box-minus": react.FC<IconProps>;
101
+ "box-return": react.FC<IconProps>;
102
+ "box-search": react.FC<IconProps>;
103
+ boxes: react.FC<IconProps>;
104
+ "briefcase-money": react.FC<IconProps>;
105
+ "buildings-alt": react.FC<IconProps>;
106
+ "calendar-check-alt": react.FC<IconProps>;
107
+ "calendar-star": react.FC<IconProps>;
108
+ "caret-down": react.FC<IconProps>;
109
+ "caret-left": react.FC<IconProps>;
110
+ "caret-right": react.FC<IconProps>;
111
+ "caret-up": react.FC<IconProps>;
112
+ "chart-bar-circle": react.FC<IconProps>;
113
+ "chart-bar-vertical": react.FC<IconProps>;
114
+ "chart-line": react.FC<IconProps>;
115
+ "chart-pie": react.FC<IconProps>;
116
+ "chart-trend-up": react.FC<IconProps>;
117
+ "check-square": react.FC<IconProps>;
118
+ "circle-and-square": react.FC<IconProps>;
119
+ "clipboard-edit": react.FC<IconProps>;
120
+ "clipboard-list-check2": react.FC<IconProps>;
121
+ "clock-fast-forward": react.FC<IconProps>;
122
+ "closed-captioning": react.FC<IconProps>;
123
+ coin: react.FC<IconProps>;
124
+ coins: react.FC<IconProps>;
125
+ "comment-notification": react.FC<IconProps>;
126
+ "comment-text": react.FC<IconProps>;
127
+ cpu: react.FC<IconProps>;
128
+ "credit-card-change": react.FC<IconProps>;
129
+ "credit-card-convert": react.FC<IconProps>;
130
+ "credit-card-edit": react.FC<IconProps>;
131
+ csv: react.FC<IconProps>;
132
+ cursor: react.FC<IconProps>;
133
+ "delivery-cart-arrow-up": react.FC<IconProps>;
134
+ "delivery-cart": react.FC<IconProps>;
135
+ desktop: react.FC<IconProps>;
136
+ doc: react.FC<IconProps>;
137
+ "document-list-check": react.FC<IconProps>;
138
+ docx: react.FC<IconProps>;
139
+ download: react.FC<IconProps>;
140
+ "envelope-check": react.FC<IconProps>;
141
+ excel: react.FC<IconProps>;
142
+ expand: react.FC<IconProps>;
143
+ "export-file": react.FC<IconProps>;
144
+ "file-ban": react.FC<IconProps>;
145
+ "file-check": react.FC<IconProps>;
146
+ "file-list-edit": react.FC<IconProps>;
147
+ "file-list-search": react.FC<IconProps>;
148
+ "file-list-shield": react.FC<IconProps>;
149
+ "file-list": react.FC<IconProps>;
150
+ "file-lock": react.FC<IconProps>;
151
+ "file-settings": react.FC<IconProps>;
152
+ "file-text-check": react.FC<IconProps>;
153
+ "file-text-edit": react.FC<IconProps>;
154
+ "file-text-map": react.FC<IconProps>;
155
+ "file-text-plus": react.FC<IconProps>;
156
+ "file-text-search": react.FC<IconProps>;
157
+ "file-user": react.FC<IconProps>;
158
+ "folder-open": react.FC<IconProps>;
159
+ forward: react.FC<IconProps>;
160
+ "graduation-cap": react.FC<IconProps>;
161
+ "grid-square-reg": react.FC<IconProps>;
162
+ "grid-square": react.FC<IconProps>;
163
+ "hand-holding-dollar-circle": react.FC<IconProps>;
164
+ "hand-holding-dollar": react.FC<IconProps>;
165
+ hashtag: react.FC<IconProps>;
166
+ "id-badge": react.FC<IconProps>;
167
+ "id-card": react.FC<IconProps>;
168
+ keyboard: react.FC<IconProps>;
169
+ laptop: react.FC<IconProps>;
170
+ "layout-web-left": react.FC<IconProps>;
171
+ "layout-web-right": react.FC<IconProps>;
172
+ "line-up-change": react.FC<IconProps>;
173
+ "line-up-square": react.FC<IconProps>;
174
+ "location-pin-coin": react.FC<IconProps>;
175
+ "location-pin-search": react.FC<IconProps>;
176
+ "location-pin-user": react.FC<IconProps>;
177
+ "location-pin-users": react.FC<IconProps>;
178
+ lock: react.FC<IconProps>;
179
+ "log-out": react.FC<IconProps>;
180
+ "map-location": react.FC<IconProps>;
181
+ "menu-left": react.FC<IconProps>;
182
+ "message-text-notification": react.FC<IconProps>;
183
+ minus: react.FC<IconProps>;
184
+ mobile: react.FC<IconProps>;
185
+ "money-bill-ban": react.FC<IconProps>;
186
+ "money-bill-check": react.FC<IconProps>;
187
+ "money-bill-convert": react.FC<IconProps>;
188
+ "money-bill-minus": react.FC<IconProps>;
189
+ "money-bill-plus": react.FC<IconProps>;
190
+ "money-bill-send": react.FC<IconProps>;
191
+ "money-bill-times": react.FC<IconProps>;
192
+ "money-bills": react.FC<IconProps>;
193
+ "money-withdrawal": react.FC<IconProps>;
194
+ mp3: react.FC<IconProps>;
195
+ mp4: react.FC<IconProps>;
196
+ music: react.FC<IconProps>;
197
+ "package-check": react.FC<IconProps>;
198
+ package: react.FC<IconProps>;
199
+ paperclip: react.FC<IconProps>;
200
+ pause: react.FC<IconProps>;
201
+ pdf: react.FC<IconProps>;
202
+ "percent-circle": react.FC<IconProps>;
203
+ play: react.FC<IconProps>;
204
+ "plus-circle": react.FC<IconProps>;
205
+ ppt: react.FC<IconProps>;
206
+ "presentation-dollar": react.FC<IconProps>;
207
+ "presentation-poll": react.FC<IconProps>;
208
+ "presentation-user": react.FC<IconProps>;
209
+ print: react.FC<IconProps>;
210
+ puzzle: react.FC<IconProps>;
211
+ rar: react.FC<IconProps>;
212
+ "receipt-text": react.FC<IconProps>;
213
+ "refresh-ccw": react.FC<IconProps>;
214
+ road: react.FC<IconProps>;
215
+ "rotate-square": react.FC<IconProps>;
216
+ "sack-dollar": react.FC<IconProps>;
217
+ "scan-qr": react.FC<IconProps>;
218
+ server: react.FC<IconProps>;
219
+ settings: react.FC<IconProps>;
220
+ "shopping-basket-times": react.FC<IconProps>;
221
+ "shopping-basket-user": react.FC<IconProps>;
222
+ "shopping-basket": react.FC<IconProps>;
223
+ "shopping-cart-arrow-down": react.FC<IconProps>;
224
+ "shopping-cart-arrow-top": react.FC<IconProps>;
225
+ "shopping-cart-plus": react.FC<IconProps>;
226
+ "shopping-cart": react.FC<IconProps>;
227
+ "sort-ascending-circle": react.FC<IconProps>;
228
+ "sort-descending-circle": react.FC<IconProps>;
229
+ "sort-vertical": react.FC<IconProps>;
230
+ standings: react.FC<IconProps>;
231
+ stop: react.FC<IconProps>;
232
+ store: react.FC<IconProps>;
233
+ subtract: react.FC<IconProps>;
234
+ tag: react.FC<IconProps>;
235
+ tags: react.FC<IconProps>;
236
+ telegram: react.FC<IconProps>;
237
+ "time-past": react.FC<IconProps>;
238
+ timelapse: react.FC<IconProps>;
239
+ "times-circle": react.FC<IconProps>;
240
+ tool: react.FC<IconProps>;
241
+ "trash-check": react.FC<IconProps>;
242
+ "trash-regular": react.FC<IconProps>;
243
+ "trash-slash": react.FC<IconProps>;
244
+ "trend-up-circle": react.FC<IconProps>;
245
+ "trend-up-square": react.FC<IconProps>;
246
+ "trend-up": react.FC<IconProps>;
247
+ truck: react.FC<IconProps>;
248
+ "user-change": react.FC<IconProps>;
249
+ "user-dollar": react.FC<IconProps>;
250
+ "user-eye": react.FC<IconProps>;
251
+ "user-settings": react.FC<IconProps>;
252
+ "user-square": react.FC<IconProps>;
253
+ "user-star": react.FC<IconProps>;
254
+ vector: react.FC<IconProps>;
255
+ "video-play": react.FC<IconProps>;
256
+ "volume-high": react.FC<IconProps>;
257
+ whatsapp: react.FC<IconProps>;
258
+ xls: react.FC<IconProps>;
259
+ code: react.FC<IconProps>;
260
+ "info-circle-fill": react.FC<BaseIconProps>;
261
+ "rotate-right": react.FC<IconProps>;
262
+ "exclamation-triangle": react.FC<IconProps>;
263
+ "cloud-upload": react.FC<IconProps>;
264
+ "search-plus-fill": react.FC<BaseIconProps>;
265
+ "search-minus-fill": react.FC<BaseIconProps>;
266
+ "folder-add": react.FC<BaseIconProps>;
267
+ folder: react.FC<BaseIconProps>;
268
+ layer: react.FC<IconProps>;
269
+ people: react.FC<IconProps>;
270
+ "sort-descending": react.FC<IconProps>;
271
+ "more-horizontal": react.FC<IconProps>;
272
+ "trash-fill": react.FC<IconProps>;
273
+ envelope: react.FC<IconProps>;
274
+ phone: react.FC<IconProps>;
275
+ "briefcase-fill": react.FC<IconProps>;
276
+ "user-clock": react.FC<BaseIconProps>;
277
+ "money-bill": react.FC<IconProps>;
278
+ hourglass: react.FC<BaseIconProps>;
279
+ gift: react.FC<BaseIconProps>;
280
+ "document-list": react.FC<BaseIconProps>;
281
+ "delivery-cart-arrow-down": react.FC<IconProps>;
282
+ "credit-card": react.FC<IconProps>;
283
+ "user-briefcase": react.FC<BaseIconProps>;
284
+ "user-check": react.FC<BaseIconProps>;
285
+ };
286
+
287
+ type IconNameProps = keyof typeof iconRegistry;
288
+ interface IconProps extends React.SVGProps<SVGSVGElement> {
289
+ size?: number;
290
+ color?: string;
291
+ }
292
+ interface BaseIconProps {
293
+ size?: number;
294
+ color?: string;
295
+ className?: string;
296
+ }
297
+
298
+ export type { IconNameProps as I, IconProps as a };
@@ -0,0 +1,26 @@
1
+ import react__default from 'react';
2
+
3
+ type ColorVariant = "default" | "muted" | "primary" | "success" | "warning" | "orange" | "danger" | "info" | "purple" | "gray";
4
+ type AlignMent = "start" | "center" | "end" | "justify";
5
+ type TextWeight = "regular" | "medium" | "semibold" | "bold";
6
+ type TextVariant = "h1" | "h2" | "h3" | "h4" | "p1" | "p2" | "p3" | "t1" | "t2" | "t3" | "t4";
7
+ interface TextBaseProps {
8
+ as?: react__default.ElementType;
9
+ variant?: TextVariant;
10
+ weight?: TextWeight;
11
+ color?: ColorVariant;
12
+ align?: AlignMent;
13
+ numberOfLines?: 1 | 2 | 3 | 4;
14
+ className?: string;
15
+ }
16
+ interface TextWithChildren extends TextBaseProps {
17
+ children: react__default.ReactNode;
18
+ value?: never;
19
+ }
20
+ interface TextWithValue extends TextBaseProps {
21
+ value: string;
22
+ children?: never;
23
+ }
24
+ type TextProps = TextWithChildren | TextWithValue;
25
+
26
+ export type { AlignMent as A, ColorVariant as C, TextProps as T, TextBaseProps as a, TextVariant as b, TextWeight as c, TextWithChildren as d, TextWithValue as e };
@@ -0,0 +1,26 @@
1
+ import react__default from 'react';
2
+
3
+ type ColorVariant = "default" | "muted" | "primary" | "success" | "warning" | "orange" | "danger" | "info" | "purple" | "gray";
4
+ type AlignMent = "start" | "center" | "end" | "justify";
5
+ type TextWeight = "regular" | "medium" | "semibold" | "bold";
6
+ type TextVariant = "h1" | "h2" | "h3" | "h4" | "p1" | "p2" | "p3" | "t1" | "t2" | "t3" | "t4";
7
+ interface TextBaseProps {
8
+ as?: react__default.ElementType;
9
+ variant?: TextVariant;
10
+ weight?: TextWeight;
11
+ color?: ColorVariant;
12
+ align?: AlignMent;
13
+ numberOfLines?: 1 | 2 | 3 | 4;
14
+ className?: string;
15
+ }
16
+ interface TextWithChildren extends TextBaseProps {
17
+ children: react__default.ReactNode;
18
+ value?: never;
19
+ }
20
+ interface TextWithValue extends TextBaseProps {
21
+ value: string;
22
+ children?: never;
23
+ }
24
+ type TextProps = TextWithChildren | TextWithValue;
25
+
26
+ export type { AlignMent as A, ColorVariant as C, TextProps as T, TextBaseProps as a, TextVariant as b, TextWeight as c, TextWithChildren as d, TextWithValue as e };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@herca/r-kit",
3
- "version": "0.0.16",
3
+ "version": "0.0.17",
4
4
  "description": "UI Kit untuk pengembangan adplikasi internal HerCa.",
5
5
  "keywords": [
6
6
  "React",
@@ -21,14 +21,12 @@
21
21
  ".": {
22
22
  "types": "./dist/index.d.ts",
23
23
  "require": "./dist/index.cjs",
24
- "import": "./dist/index.js",
25
- "source": "./src/index.ts"
24
+ "import": "./dist/index.js"
26
25
  },
27
26
  "./clients": {
28
27
  "types": "./dist/clients.d.ts",
29
28
  "require": "./dist/clients.cjs",
30
- "import": "./dist/clients.js",
31
- "source": "./src/clients.ts"
29
+ "import": "./dist/clients.js"
32
30
  },
33
31
  "./style": "./dist/index.css"
34
32
  },