sapo-components-ui-rn 1.1.43 → 1.1.45

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.
Files changed (11) hide show
  1. package/dist/index.esm.js +38 -21
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +38 -21
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/themes/tokens.d.ts +32 -0
  6. package/dist/types.d.ts +9 -0
  7. package/package.json +1 -1
  8. package/src/.DS_Store +0 -0
  9. package/src/styles/themes/tokens.tsx +36 -20
  10. package/src/types.ts +9 -0
  11. package/src/utils/toast-manager.tsx +3 -1
package/dist/index.esm.js CHANGED
@@ -241,16 +241,18 @@ var ref = {
241
241
  backgroundPrimary: ink.INK5,
242
242
  backgroundSecondary: white.WHITE100,
243
243
  borderBrandDefault: blue.BLUE100,
244
+ borderBrandDisabled: ink.INK20,
245
+ borderCriticalDisabled: ink.INK20,
244
246
  borderCriticalDefault: red.RED100,
245
247
  borderCriticalHover: red.RED80,
246
248
  borderCriticalPressed: red.RED120,
247
249
  borderErrorDefault: red.RED100,
248
250
  borderInfoDefault: blue.BLUE100,
249
- borderPrimaryDefault: ink.INK10,
250
- borderPrimaryDisabled: ink.INK10,
251
- borderPrimaryHovered: ink.INK20,
251
+ borderPrimaryDefault: ink.INK20,
252
+ borderPrimaryDisabled: ink.INK20,
253
+ borderPrimaryHovered: ink.INK40,
252
254
  borderPrimaryInverseDefault: blue.BLUE100,
253
- borderPrimaryPressed: ink.INK20,
255
+ borderPrimaryPressed: ink.INK60,
254
256
  borderSuccessDefault: green.GREEN100,
255
257
  borderWarningDefault: yellow.YELLOW100,
256
258
  iconBrandDefault: blue.BLUE100,
@@ -272,29 +274,35 @@ var ref = {
272
274
  iconPrimaryPressed: ink.INK60,
273
275
  iconSuccessDefault: green.GREEN100,
274
276
  iconWarningDefault: yellow.YELLOW100,
277
+ iconActionDefault: ink.INK60,
278
+ iconActionHovered: ink.INK40,
279
+ iconActionInversePressed: ink.INK60,
280
+ iconActionInverseDefault: white.WHITE100,
281
+ iconActionInverseHovered: white.WHITE80,
282
+ iconActionDisabled: ink.INK20,
275
283
  surfaceBrandDefault: blue.BLUE100,
276
- surfaceBrandDisabled: ink.INK10,
284
+ surfaceBrandDisabled: ink.INK5,
277
285
  surfaceBrandHover: blue.BLUE80,
278
286
  surfaceBrandInverseDefault: blue.BLUE5,
279
287
  surfaceBrandInverseHover: blue.BLUE10,
280
288
  surfaceBrandInversePressed: blue.BLUE20,
281
289
  surfaceBrandPressed: blue.BLUE120,
282
290
  surfaceCriticalDefault: red.RED100,
283
- surfaceCriticalDisabled: ink.INK10,
291
+ surfaceCriticalDisabled: ink.INK5,
284
292
  surfaceCriticalHover: red.RED80,
285
293
  surfaceCriticalInverseDefault: red.RED10,
286
294
  surfaceCriticalInverseHover: red.RED20,
287
295
  surfaceCriticalInversePressed: red.RED40,
288
296
  surfaceCriticalPressed: red.RED120,
289
297
  surfaceErrorDefault: red.RED100,
290
- surfaceErrorDisabled: ink.INK10,
298
+ surfaceErrorDisabled: ink.INK5,
291
299
  surfaceErrorHover: red.RED80,
292
300
  surfaceErrorInverseDefault: red.RED10,
293
301
  surfaceErrorInverseHover: red.RED20,
294
302
  surfaceErrorInversePressed: red.RED40,
295
303
  surfaceErrorPressed: red.RED_STATUS,
296
304
  surfaceInfoDefault: blue.BLUE100,
297
- surfaceInfoDisabled: ink.INK10,
305
+ surfaceInfoDisabled: ink.INK5,
298
306
  surfaceInfoHover: blue.BLUE80,
299
307
  surfaceInfoInverseDefault: blue.BLUE10,
300
308
  surfaceInfoInverseHover: blue.BLUE20,
@@ -312,14 +320,14 @@ var ref = {
312
320
  surfaceSecondaryHover: ink.INK10,
313
321
  surfaceSecondaryPressed: ink.INK20,
314
322
  surfaceSuccessDefault: green.GREEN100,
315
- surfaceSuccessDisabled: ink.INK10,
323
+ surfaceSuccessDisabled: ink.INK5,
316
324
  surfaceSuccessHover: green.GREEN80,
317
325
  surfaceSuccessInverseDefault: green.GREEN5,
318
326
  surfaceSuccessInverseHover: green.GREEN10,
319
327
  surfaceSuccessInversePressed: green.GREEN20,
320
328
  surfaceSuccessPressed: green.GREEN_STATUS,
321
329
  surfaceWarningDefault: yellow.YELLOW100,
322
- surfaceWarningDisabled: ink.INK10,
330
+ surfaceWarningDisabled: ink.INK5,
323
331
  surfaceWarningHover: yellow.YELLOW80,
324
332
  surfaceWarningInverseDefault: yellow.YELLOW10,
325
333
  surfaceWarningInverseHover: yellow.YELLOW20,
@@ -392,16 +400,18 @@ var ref = {
392
400
  backgroundPrimary: ink.INK5,
393
401
  backgroundSecondary: white.WHITE100,
394
402
  borderBrandDefault: blue.BLUE100,
403
+ borderBrandDisabled: ink.INK20,
404
+ borderCriticalDisabled: ink.INK20,
395
405
  borderCriticalDefault: red.RED100,
396
406
  borderCriticalHover: red.RED80,
397
407
  borderCriticalPressed: red.RED120,
398
408
  borderErrorDefault: red.RED100,
399
409
  borderInfoDefault: blue.BLUE100,
400
- borderPrimaryDefault: ink.INK10,
401
- borderPrimaryDisabled: ink.INK10,
402
- borderPrimaryHovered: ink.INK20,
410
+ borderPrimaryDefault: ink.INK20,
411
+ borderPrimaryDisabled: ink.INK20,
412
+ borderPrimaryHovered: ink.INK40,
403
413
  borderPrimaryInverseDefault: blue.BLUE100,
404
- borderPrimaryPressed: ink.INK20,
414
+ borderPrimaryPressed: ink.INK60,
405
415
  borderSuccessDefault: green.GREEN100,
406
416
  borderWarningDefault: yellow.YELLOW100,
407
417
  iconBrandDefault: blue.BLUE100,
@@ -423,29 +433,35 @@ var ref = {
423
433
  iconPrimaryPressed: ink.INK60,
424
434
  iconSuccessDefault: green.GREEN100,
425
435
  iconWarningDefault: yellow.YELLOW100,
436
+ iconActionDefault: ink.INK60,
437
+ iconActionHovered: ink.INK40,
438
+ iconActionInversePressed: ink.INK60,
439
+ iconActionInverseDefault: white.WHITE100,
440
+ iconActionInverseHovered: white.WHITE80,
441
+ iconActionDisabled: ink.INK20,
426
442
  surfaceBrandDefault: blue.BLUE100,
427
- surfaceBrandDisabled: ink.INK10,
443
+ surfaceBrandDisabled: ink.INK5,
428
444
  surfaceBrandHover: blue.BLUE80,
429
445
  surfaceBrandInverseDefault: blue.BLUE5,
430
446
  surfaceBrandInverseHover: blue.BLUE10,
431
447
  surfaceBrandInversePressed: blue.BLUE20,
432
448
  surfaceBrandPressed: blue.BLUE120,
433
449
  surfaceCriticalDefault: red.RED100,
434
- surfaceCriticalDisabled: ink.INK10,
450
+ surfaceCriticalDisabled: ink.INK5,
435
451
  surfaceCriticalHover: red.RED80,
436
452
  surfaceCriticalInverseDefault: red.RED10,
437
453
  surfaceCriticalInverseHover: red.RED20,
438
454
  surfaceCriticalInversePressed: red.RED40,
439
455
  surfaceCriticalPressed: red.RED120,
440
456
  surfaceErrorDefault: red.RED100,
441
- surfaceErrorDisabled: ink.INK10,
457
+ surfaceErrorDisabled: ink.INK5,
442
458
  surfaceErrorHover: red.RED80,
443
459
  surfaceErrorInverseDefault: red.RED10,
444
460
  surfaceErrorInverseHover: red.RED20,
445
461
  surfaceErrorInversePressed: red.RED40,
446
462
  surfaceErrorPressed: red.RED_STATUS,
447
463
  surfaceInfoDefault: blue.BLUE100,
448
- surfaceInfoDisabled: ink.INK10,
464
+ surfaceInfoDisabled: ink.INK5,
449
465
  surfaceInfoHover: blue.BLUE80,
450
466
  surfaceInfoInverseDefault: blue.BLUE10,
451
467
  surfaceInfoInverseHover: blue.BLUE20,
@@ -463,14 +479,14 @@ var ref = {
463
479
  surfaceSecondaryHover: ink.INK10,
464
480
  surfaceSecondaryPressed: ink.INK20,
465
481
  surfaceSuccessDefault: green.GREEN100,
466
- surfaceSuccessDisabled: ink.INK10,
482
+ surfaceSuccessDisabled: ink.INK5,
467
483
  surfaceSuccessHover: green.GREEN80,
468
484
  surfaceSuccessInverseDefault: green.GREEN5,
469
485
  surfaceSuccessInverseHover: green.GREEN10,
470
486
  surfaceSuccessInversePressed: green.GREEN20,
471
487
  surfaceSuccessPressed: green.GREEN_STATUS,
472
488
  surfaceWarningDefault: yellow.YELLOW100,
473
- surfaceWarningDisabled: ink.INK10,
489
+ surfaceWarningDisabled: ink.INK5,
474
490
  surfaceWarningHover: yellow.YELLOW80,
475
491
  surfaceWarningInverseDefault: yellow.YELLOW10,
476
492
  surfaceWarningInverseHover: yellow.YELLOW20,
@@ -7856,7 +7872,8 @@ var index = React__default.memo(NumberKeyboard);
7856
7872
 
7857
7873
  var toastRef = React__default.createRef();
7858
7874
  var showToast = function (_a) {
7859
- var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, _c = _a.position, position = _c === void 0 ? "bottom" : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, _e = _a.onPress, onPress = _e === void 0 ? function () { } : _e, title = _a.title, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
7875
+ var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.position, position = _c === void 0 ? "bottom" : _c, _d = _a.type, type = _d === void 0 ? "success" : _d, _e = _a.onPress, onPress = _e === void 0 ? function () { } : _e, title = _a.title, _f = _a.spacer, spacer = _f === void 0 ? "normal" : _f;
7876
+ Keyboard.dismiss();
7860
7877
  if (!toastRef.current) {
7861
7878
  console.warn("Toast component is not mounted. Make sure to add <ToastProvider> to your app.");
7862
7879
  return;