@xaypay/tui 0.2.24 → 0.2.26

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.2.24",
3
+ "version": "0.2.26",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/tui.config.js CHANGED
@@ -115,14 +115,22 @@ export default {
115
115
  font: {...fontObject},
116
116
 
117
117
  label: {
118
- dots: false,
118
+ useTooltip: false,
119
119
  color: presetColors.dark,
120
120
  display: 'block',
121
121
  lineHeight: '22px',
122
122
  iconMargin: '10px',
123
123
  marginBottom: '6px',
124
124
 
125
- font: {...fontObject}
125
+ font: {...fontObject},
126
+
127
+ tooltip: {
128
+ color: '#fff',
129
+ padding: '12px',
130
+ borderRadius: '8px',
131
+ font: { ...fontObject },
132
+ backgroundColor: '#000',
133
+ }
126
134
  },
127
135
 
128
136
  error: {
@@ -155,6 +163,11 @@ export default {
155
163
  hover: presetColors.dark
156
164
  }
157
165
  }
166
+ },
167
+
168
+ icon: {
169
+ // comment here for example,
170
+ // required: React.createElement(SvgChecked, { fill: 'green' }),
158
171
  }
159
172
  },
160
173
  // default properties for <Tooltip /> component
@@ -310,13 +323,22 @@ export default {
310
323
  },
311
324
 
312
325
  label: {
326
+ useTooltip: false,
313
327
  color: presetColors.dark,
314
328
  display: 'block',
315
329
  lineHeight: '22px',
316
330
  marginBottom: '6px',
317
331
  textTransform: 'none',
318
332
 
319
- font: {...fontObject}
333
+ font: {...fontObject},
334
+
335
+ tooltip: {
336
+ color: '#fff',
337
+ padding: '12px',
338
+ borderRadius: '8px',
339
+ font: { ...fontObject },
340
+ backgroundColor: '#000',
341
+ }
320
342
  },
321
343
 
322
344
  selected: {
@@ -385,6 +407,11 @@ export default {
385
407
  },
386
408
 
387
409
  font: {...fontObject}
410
+ },
411
+
412
+ icon: {
413
+ // comment here for example,
414
+ // required: React.createElement(SvgChecked, { fill: 'green' }),
388
415
  }
389
416
  },
390
417
  // default properties for <Textarea /> component
@@ -417,11 +444,20 @@ export default {
417
444
  },
418
445
 
419
446
  label: {
447
+ useTooltip: false,
420
448
  color: presetColors.dark,
421
449
  display: 'block',
422
450
  marginBottom: '10px',
423
451
 
424
- font: {...fontObject}
452
+ font: {...fontObject},
453
+
454
+ tooltip: {
455
+ color: '#fff',
456
+ padding: '12px',
457
+ borderRadius: '8px',
458
+ font: { ...fontObject },
459
+ backgroundColor: '#000',
460
+ }
425
461
  },
426
462
 
427
463
  font: {...fontObject},
@@ -435,6 +471,11 @@ export default {
435
471
  },
436
472
 
437
473
  font: {...fontObject}
474
+ },
475
+
476
+ icon: {
477
+ // comment here for example,
478
+ // required: React.createElement(SvgChecked, { fill: 'green' }),
438
479
  }
439
480
  },
440
481
  // default properties for <NewAutocomplete /> component
@@ -471,13 +512,22 @@ export default {
471
512
  },
472
513
 
473
514
  label: {
515
+ useTooltip: false,
474
516
  color: presetColors.dark,
475
517
  display: 'block',
476
518
  lineHeight: '22px',
477
519
  marginBottom: '6px',
478
520
  textTransform: 'none',
479
521
 
480
- font: {...fontObject}
522
+ font: {...fontObject},
523
+
524
+ tooltip: {
525
+ color: '#fff',
526
+ padding: '12px',
527
+ borderRadius: '8px',
528
+ font: { ...fontObject },
529
+ backgroundColor: '#000',
530
+ }
481
531
  },
482
532
 
483
533
  contentBottom: {
@@ -578,6 +628,8 @@ export default {
578
628
  sizeText: 'Առավելագույնը',
579
629
  timeForRemoveError: 4000,
580
630
  extentionsRowMarginTop: '40px',
631
+ extentionsTextColor: 'black',
632
+ extentionsTextDots: false,
581
633
 
582
634
  border: {
583
635
  width: '2px',
@@ -595,6 +647,9 @@ export default {
595
647
  },
596
648
 
597
649
  label: {
650
+ showMore: false,
651
+ useTooltip: false,
652
+ showMoreTextColor: '#2C46C1',
598
653
  color: '#4A4A4D',
599
654
 
600
655
  font: {...fontObject},
@@ -690,6 +745,7 @@ export default {
690
745
  maxHeight: '95vh',
691
746
  minHeight: '200px',
692
747
  radius: '14px',
748
+ noScroll: false,
693
749
  padding: '20px 20px 20px',
694
750
  className: '',
695
751
  alignItems: 'center',
@@ -748,6 +804,7 @@ export default {
748
804
  SWIPEMODAL: {
749
805
  width: '300px',
750
806
  height: '100vh',
807
+ noScroll: false,
751
808
  titleStyle: {
752
809
  color: '#1C212D',
753
810
  textAlign: 'left',