@bitrise/bitkit-v2 0.3.52 → 0.3.53
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/bitkit-v2.js +247 -236
- package/dist/bitkit-v2.umd.cjs +4 -4
- package/dist/components/BitkitField/BitkitField.d.ts +1 -0
- package/dist/components/BitkitNumberInput/BitkitNumberInput.d.ts +7 -8
- package/dist/components/BitkitTextField/BitkitTextField.d.ts +7 -7
- package/dist/components/BitkitTooltip/BitkitTooltip.d.ts +13 -0
- package/dist/theme/text-styles.d.ts +32 -0
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ export interface BitkitFieldProps extends Field.RootProps {
|
|
|
7
7
|
helperText?: ReactNode;
|
|
8
8
|
label?: string;
|
|
9
9
|
optional?: boolean;
|
|
10
|
+
tooltip?: string;
|
|
10
11
|
warningText?: ReactNode;
|
|
11
12
|
}
|
|
12
13
|
declare const BitkitField: import('react').ForwardRefExoticComponent<BitkitFieldProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { FieldRootProps, NumberInputRootProps } from '@chakra-ui/react';
|
|
2
|
-
import {
|
|
2
|
+
import { BitkitFieldProps } from '../BitkitField/BitkitField';
|
|
3
3
|
export interface BitkitNumberInputProps extends FieldRootProps {
|
|
4
4
|
defaultValue?: string;
|
|
5
|
-
errorText?:
|
|
6
|
-
helperText?:
|
|
5
|
+
errorText?: BitkitFieldProps['errorText'];
|
|
6
|
+
helperText?: BitkitFieldProps['helperText'];
|
|
7
7
|
inputProps?: NumberInputRootProps;
|
|
8
|
-
label?:
|
|
9
|
-
optional?:
|
|
10
|
-
placeholder?: string;
|
|
8
|
+
label?: BitkitFieldProps['label'];
|
|
9
|
+
optional?: BitkitFieldProps['optional'];
|
|
11
10
|
size?: 'md' | 'lg';
|
|
12
11
|
state?: 'disabled' | 'error' | 'readOnly' | 'warning';
|
|
13
|
-
tooltip?:
|
|
14
|
-
warningText?:
|
|
12
|
+
tooltip?: BitkitFieldProps['tooltip'];
|
|
13
|
+
warningText?: BitkitFieldProps['warningText'];
|
|
15
14
|
}
|
|
16
15
|
declare const BitkitNumberInput: import('react').ForwardRefExoticComponent<BitkitNumberInputProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
16
|
export default BitkitNumberInput;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { FieldRootProps, InputProps } from '@chakra-ui/react';
|
|
2
|
-
import {
|
|
2
|
+
import { BitkitFieldProps } from '../BitkitField/BitkitField';
|
|
3
3
|
export interface BitkitTextFieldProps extends FieldRootProps {
|
|
4
4
|
counter?: boolean;
|
|
5
|
-
errorText?:
|
|
6
|
-
helperText?:
|
|
5
|
+
errorText?: BitkitFieldProps['errorText'];
|
|
6
|
+
helperText?: BitkitFieldProps['helperText'];
|
|
7
7
|
inputProps?: InputProps;
|
|
8
|
-
label?:
|
|
8
|
+
label?: BitkitFieldProps['label'];
|
|
9
9
|
maxLength?: HTMLInputElement['maxLength'];
|
|
10
|
-
optional?:
|
|
10
|
+
optional?: BitkitFieldProps['optional'];
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
size?: 'md' | 'lg';
|
|
13
13
|
state?: 'disabled' | 'error' | 'readOnly' | 'warning';
|
|
14
|
-
tooltip?:
|
|
15
|
-
warningText?:
|
|
14
|
+
tooltip?: BitkitFieldProps['tooltip'];
|
|
15
|
+
warningText?: BitkitFieldProps['warningText'];
|
|
16
16
|
}
|
|
17
17
|
declare const BitkitTextField: import('react').ForwardRefExoticComponent<BitkitTextFieldProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
18
|
export default BitkitTextField;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TooltipRootProps } from '@chakra-ui/react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type BitkitTooltipProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
|
|
6
|
+
text: string;
|
|
7
|
+
tooltipProps?: TooltipRootProps;
|
|
8
|
+
};
|
|
9
|
+
declare const BitkitTooltip: {
|
|
10
|
+
({ children, placement, text, tooltipProps }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default BitkitTooltip;
|
|
@@ -83,6 +83,7 @@ export declare const dataObject: {
|
|
|
83
83
|
lineHeight: string;
|
|
84
84
|
fontSize: string;
|
|
85
85
|
letterSpacing: string;
|
|
86
|
+
fontWeight: string;
|
|
86
87
|
};
|
|
87
88
|
};
|
|
88
89
|
'body/sm/semibold': {
|
|
@@ -97,6 +98,7 @@ export declare const dataObject: {
|
|
|
97
98
|
value: {
|
|
98
99
|
lineHeight: string;
|
|
99
100
|
fontSize: string;
|
|
101
|
+
fontWeight: string;
|
|
100
102
|
};
|
|
101
103
|
};
|
|
102
104
|
'body/md/semibold': {
|
|
@@ -111,12 +113,14 @@ export declare const dataObject: {
|
|
|
111
113
|
lineHeight: string;
|
|
112
114
|
fontSize: string;
|
|
113
115
|
textDecoration: string;
|
|
116
|
+
fontWeight: string;
|
|
114
117
|
};
|
|
115
118
|
};
|
|
116
119
|
'body/lg/regular': {
|
|
117
120
|
value: {
|
|
118
121
|
lineHeight: string;
|
|
119
122
|
fontSize: string;
|
|
123
|
+
fontWeight: string;
|
|
120
124
|
};
|
|
121
125
|
};
|
|
122
126
|
'body/lg/semibold': {
|
|
@@ -131,12 +135,14 @@ export declare const dataObject: {
|
|
|
131
135
|
lineHeight: string;
|
|
132
136
|
fontSize: string;
|
|
133
137
|
textDecoration: string;
|
|
138
|
+
fontWeight: string;
|
|
134
139
|
};
|
|
135
140
|
};
|
|
136
141
|
'body/xl/regular': {
|
|
137
142
|
value: {
|
|
138
143
|
lineHeight: string;
|
|
139
144
|
fontSize: string;
|
|
145
|
+
fontWeight: string;
|
|
140
146
|
};
|
|
141
147
|
};
|
|
142
148
|
'body/xl/semibold': {
|
|
@@ -150,6 +156,7 @@ export declare const dataObject: {
|
|
|
150
156
|
value: {
|
|
151
157
|
lineHeight: string;
|
|
152
158
|
fontSize: string;
|
|
159
|
+
fontWeight: string;
|
|
153
160
|
};
|
|
154
161
|
};
|
|
155
162
|
'body/2xl/semibold': {
|
|
@@ -163,6 +170,7 @@ export declare const dataObject: {
|
|
|
163
170
|
value: {
|
|
164
171
|
lineHeight: string;
|
|
165
172
|
fontSize: string;
|
|
173
|
+
fontWeight: string;
|
|
166
174
|
};
|
|
167
175
|
};
|
|
168
176
|
'body/3xl/semibold': {
|
|
@@ -178,6 +186,7 @@ export declare const dataObject: {
|
|
|
178
186
|
fontSize: string;
|
|
179
187
|
lineHeight: string;
|
|
180
188
|
letterSpacing: string;
|
|
189
|
+
fontWeight: string;
|
|
181
190
|
};
|
|
182
191
|
};
|
|
183
192
|
'code/lg': {
|
|
@@ -186,6 +195,7 @@ export declare const dataObject: {
|
|
|
186
195
|
fontSize: string;
|
|
187
196
|
lineHeight: string;
|
|
188
197
|
letterSpacing: string;
|
|
198
|
+
fontWeight: string;
|
|
189
199
|
};
|
|
190
200
|
};
|
|
191
201
|
'comp/button/sm': {
|
|
@@ -220,6 +230,7 @@ export declare const dataObject: {
|
|
|
220
230
|
value: {
|
|
221
231
|
lineHeight: string;
|
|
222
232
|
fontSize: string;
|
|
233
|
+
fontWeight: string;
|
|
223
234
|
};
|
|
224
235
|
};
|
|
225
236
|
'comp/notification/message-link': {
|
|
@@ -227,12 +238,14 @@ export declare const dataObject: {
|
|
|
227
238
|
lineHeight: string;
|
|
228
239
|
fontSize: string;
|
|
229
240
|
textDecoration: string;
|
|
241
|
+
fontWeight: string;
|
|
230
242
|
};
|
|
231
243
|
};
|
|
232
244
|
'comp/notification/button': {
|
|
233
245
|
value: {
|
|
234
246
|
lineHeight: string;
|
|
235
247
|
fontSize: string;
|
|
248
|
+
fontWeight: string;
|
|
236
249
|
};
|
|
237
250
|
};
|
|
238
251
|
'comp/input/label': {
|
|
@@ -247,12 +260,14 @@ export declare const dataObject: {
|
|
|
247
260
|
lineHeight: string;
|
|
248
261
|
fontSize: string;
|
|
249
262
|
letterSpacing: string;
|
|
263
|
+
fontWeight: string;
|
|
250
264
|
};
|
|
251
265
|
};
|
|
252
266
|
'comp/link/md': {
|
|
253
267
|
value: {
|
|
254
268
|
lineHeight: string;
|
|
255
269
|
fontSize: string;
|
|
270
|
+
fontWeight: string;
|
|
256
271
|
};
|
|
257
272
|
};
|
|
258
273
|
'comp/link/md-hover': {
|
|
@@ -260,12 +275,14 @@ export declare const dataObject: {
|
|
|
260
275
|
lineHeight: string;
|
|
261
276
|
fontSize: string;
|
|
262
277
|
textDecoration: string;
|
|
278
|
+
fontWeight: string;
|
|
263
279
|
};
|
|
264
280
|
};
|
|
265
281
|
'comp/link/lg': {
|
|
266
282
|
value: {
|
|
267
283
|
lineHeight: string;
|
|
268
284
|
fontSize: string;
|
|
285
|
+
fontWeight: string;
|
|
269
286
|
};
|
|
270
287
|
};
|
|
271
288
|
'comp/link/lg-hover': {
|
|
@@ -273,12 +290,14 @@ export declare const dataObject: {
|
|
|
273
290
|
lineHeight: string;
|
|
274
291
|
fontSize: string;
|
|
275
292
|
textDecoration: string;
|
|
293
|
+
fontWeight: string;
|
|
276
294
|
};
|
|
277
295
|
};
|
|
278
296
|
'comp/data/sm': {
|
|
279
297
|
value: {
|
|
280
298
|
lineHeight: string;
|
|
281
299
|
fontSize: string;
|
|
300
|
+
fontWeight: string;
|
|
282
301
|
};
|
|
283
302
|
};
|
|
284
303
|
'comp/data/md': {
|
|
@@ -313,6 +332,7 @@ export declare const dataObject: {
|
|
|
313
332
|
value: {
|
|
314
333
|
lineHeight: string;
|
|
315
334
|
fontSize: string;
|
|
335
|
+
fontWeight: string;
|
|
316
336
|
};
|
|
317
337
|
};
|
|
318
338
|
'comp/tag/sm': {
|
|
@@ -320,12 +340,14 @@ export declare const dataObject: {
|
|
|
320
340
|
lineHeight: string;
|
|
321
341
|
fontSize: string;
|
|
322
342
|
letterSpacing: string;
|
|
343
|
+
fontWeight: string;
|
|
323
344
|
};
|
|
324
345
|
};
|
|
325
346
|
'comp/tag/md': {
|
|
326
347
|
value: {
|
|
327
348
|
lineHeight: string;
|
|
328
349
|
fontSize: string;
|
|
350
|
+
fontWeight: string;
|
|
329
351
|
};
|
|
330
352
|
};
|
|
331
353
|
'comp/badge/sm': {
|
|
@@ -359,6 +381,7 @@ export declare const dataObject: {
|
|
|
359
381
|
fontSize: string;
|
|
360
382
|
lineHeight: string;
|
|
361
383
|
letterSpacing: string;
|
|
384
|
+
fontWeight: string;
|
|
362
385
|
};
|
|
363
386
|
};
|
|
364
387
|
'mono/code-3': {
|
|
@@ -367,6 +390,7 @@ export declare const dataObject: {
|
|
|
367
390
|
fontSize: string;
|
|
368
391
|
lineHeight: string;
|
|
369
392
|
letterSpacing: string;
|
|
393
|
+
fontWeight: string;
|
|
370
394
|
};
|
|
371
395
|
};
|
|
372
396
|
'sans/size-1/normal': {
|
|
@@ -374,6 +398,7 @@ export declare const dataObject: {
|
|
|
374
398
|
lineHeight: string;
|
|
375
399
|
fontSize: string;
|
|
376
400
|
letterSpacing: string;
|
|
401
|
+
fontWeight: string;
|
|
377
402
|
};
|
|
378
403
|
};
|
|
379
404
|
'sans/size-1/semibold': {
|
|
@@ -405,6 +430,7 @@ export declare const dataObject: {
|
|
|
405
430
|
value: {
|
|
406
431
|
lineHeight: string;
|
|
407
432
|
fontSize: string;
|
|
433
|
+
fontWeight: string;
|
|
408
434
|
};
|
|
409
435
|
};
|
|
410
436
|
'sans/size-2/normal-underline': {
|
|
@@ -412,6 +438,7 @@ export declare const dataObject: {
|
|
|
412
438
|
lineHeight: string;
|
|
413
439
|
fontSize: string;
|
|
414
440
|
textDecoration: string;
|
|
441
|
+
fontWeight: string;
|
|
415
442
|
};
|
|
416
443
|
};
|
|
417
444
|
'sans/size-2/semibold': {
|
|
@@ -457,6 +484,7 @@ export declare const dataObject: {
|
|
|
457
484
|
value: {
|
|
458
485
|
lineHeight: string;
|
|
459
486
|
fontSize: string;
|
|
487
|
+
fontWeight: string;
|
|
460
488
|
};
|
|
461
489
|
};
|
|
462
490
|
'sans/size-3/normal-underline': {
|
|
@@ -464,6 +492,7 @@ export declare const dataObject: {
|
|
|
464
492
|
lineHeight: string;
|
|
465
493
|
fontSize: string;
|
|
466
494
|
textDecoration: string;
|
|
495
|
+
fontWeight: string;
|
|
467
496
|
};
|
|
468
497
|
};
|
|
469
498
|
'sans/size-3/semibold': {
|
|
@@ -492,6 +521,7 @@ export declare const dataObject: {
|
|
|
492
521
|
value: {
|
|
493
522
|
lineHeight: string;
|
|
494
523
|
fontSize: string;
|
|
524
|
+
fontWeight: string;
|
|
495
525
|
};
|
|
496
526
|
};
|
|
497
527
|
'sans/size-4/semibold': {
|
|
@@ -512,6 +542,7 @@ export declare const dataObject: {
|
|
|
512
542
|
value: {
|
|
513
543
|
lineHeight: string;
|
|
514
544
|
fontSize: string;
|
|
545
|
+
fontWeight: string;
|
|
515
546
|
};
|
|
516
547
|
};
|
|
517
548
|
'sans/size-5/semibold': {
|
|
@@ -532,6 +563,7 @@ export declare const dataObject: {
|
|
|
532
563
|
value: {
|
|
533
564
|
lineHeight: string;
|
|
534
565
|
fontSize: string;
|
|
566
|
+
fontWeight: string;
|
|
535
567
|
};
|
|
536
568
|
};
|
|
537
569
|
'sans/size-6/semibold': {
|