@dynamic-framework/ui-react 1.22.0 → 1.23.0

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 (24) hide show
  1. package/dist/css/dynamic-ui-non-root.css +26 -26
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +25 -25
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +50 -50
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +2 -2
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +2 -2
  10. package/dist/index.js.map +1 -1
  11. package/package.json +2 -2
  12. package/src/style/abstracts/_+import.scss +6 -6
  13. package/src/style/abstracts/_mixins.scss +3 -3
  14. package/src/style/abstracts/variables/_tooltip.scss +5 -5
  15. package/src/style/base/_+import.scss +30 -30
  16. package/src/style/base/_tooltip.scss +2 -2
  17. package/src/style/components/_+import.scss +1 -1
  18. package/src/style/components/_d-carousel.scss +1 -1
  19. package/src/style/components/_d-datepicker.scss +1 -1
  20. package/src/style/dynamic-ui-non-root.scss +1 -1
  21. package/src/style/dynamic-ui.scss +1 -1
  22. package/src/style/helpers/_+import.scss +12 -12
  23. package/src/style/root/_+import.scss +1 -1
  24. package/src/style/root/_root.scss +2 -2
package/dist/css/dynamic-ui.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.22.0
2
+ * dynamic-framework 1.23.0
3
3
  * bootstrap ^5.3.3
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -355,7 +355,7 @@
355
355
  --bs-btn-primary-disabled-color: var(--bs-white);
356
356
  --bs-btn-primary-disabled-bg: var(--bs-primary-500);
357
357
  --bs-btn-primary-disabled-border-color: var(--bs-primary-500);
358
- --bs-btn-primary-disabled-opacity: 0.5;
358
+ --bs-btn-primary-disabled-opacity: 0.65;
359
359
  --bs-btn-outline-primary-color: var(--bs-primary-500);
360
360
  --bs-btn-outline-primary-bg: transparent;
361
361
  --bs-btn-outline-primary-border-color: var(--bs-primary-500);
@@ -371,7 +371,7 @@
371
371
  --bs-btn-outline-primary-disabled-color: var(--bs-primary-500);
372
372
  --bs-btn-outline-primary-disabled-bg: transparent;
373
373
  --bs-btn-outline-primary-disabled-border-color: var(--bs-primary-500);
374
- --bs-btn-outline-primary-disabled-opacity: 0.5;
374
+ --bs-btn-outline-primary-disabled-opacity: 0.65;
375
375
  --bs-btn-link-primary-bg: transparent;
376
376
  --bs-btn-link-primary-border-color: transparent;
377
377
  --bs-btn-link-primary-color: var(--bs-primary-500);
@@ -387,7 +387,7 @@
387
387
  --bs-btn-link-primary-disabled-bg: transparent;
388
388
  --bs-btn-link-primary-disabled-border-color: transparent;
389
389
  --bs-btn-link-primary-disabled-color: var(--bs-primary-500);
390
- --bs-btn-link-primary-disabled-opacity: 0.5;
390
+ --bs-btn-link-primary-disabled-opacity: 0.65;
391
391
  --bs-btn-secondary-color: var(--bs-white);
392
392
  --bs-btn-secondary-bg: var(--bs-secondary-500);
393
393
  --bs-btn-secondary-border-color: var(--bs-secondary-500);
@@ -403,7 +403,7 @@
403
403
  --bs-btn-secondary-disabled-color: var(--bs-white);
404
404
  --bs-btn-secondary-disabled-bg: var(--bs-secondary-500);
405
405
  --bs-btn-secondary-disabled-border-color: var(--bs-secondary-500);
406
- --bs-btn-secondary-disabled-opacity: 0.5;
406
+ --bs-btn-secondary-disabled-opacity: 0.65;
407
407
  --bs-btn-outline-secondary-color: var(--bs-secondary-500);
408
408
  --bs-btn-outline-secondary-bg: transparent;
409
409
  --bs-btn-outline-secondary-border-color: var(--bs-secondary-500);
@@ -419,7 +419,7 @@
419
419
  --bs-btn-outline-secondary-disabled-color: var(--bs-secondary-500);
420
420
  --bs-btn-outline-secondary-disabled-bg: transparent;
421
421
  --bs-btn-outline-secondary-disabled-border-color: var(--bs-secondary-500);
422
- --bs-btn-outline-secondary-disabled-opacity: 0.5;
422
+ --bs-btn-outline-secondary-disabled-opacity: 0.65;
423
423
  --bs-btn-link-secondary-bg: transparent;
424
424
  --bs-btn-link-secondary-border-color: transparent;
425
425
  --bs-btn-link-secondary-color: var(--bs-secondary-500);
@@ -435,7 +435,7 @@
435
435
  --bs-btn-link-secondary-disabled-bg: transparent;
436
436
  --bs-btn-link-secondary-disabled-border-color: transparent;
437
437
  --bs-btn-link-secondary-disabled-color: var(--bs-secondary-500);
438
- --bs-btn-link-secondary-disabled-opacity: 0.5;
438
+ --bs-btn-link-secondary-disabled-opacity: 0.65;
439
439
  --bs-btn-success-color: var(--bs-white);
440
440
  --bs-btn-success-bg: var(--bs-success-500);
441
441
  --bs-btn-success-border-color: var(--bs-success-500);
@@ -451,7 +451,7 @@
451
451
  --bs-btn-success-disabled-color: var(--bs-white);
452
452
  --bs-btn-success-disabled-bg: var(--bs-success-500);
453
453
  --bs-btn-success-disabled-border-color: var(--bs-success-500);
454
- --bs-btn-success-disabled-opacity: 0.5;
454
+ --bs-btn-success-disabled-opacity: 0.65;
455
455
  --bs-btn-outline-success-color: var(--bs-success-500);
456
456
  --bs-btn-outline-success-bg: transparent;
457
457
  --bs-btn-outline-success-border-color: var(--bs-success-500);
@@ -467,7 +467,7 @@
467
467
  --bs-btn-outline-success-disabled-color: var(--bs-success-500);
468
468
  --bs-btn-outline-success-disabled-bg: transparent;
469
469
  --bs-btn-outline-success-disabled-border-color: var(--bs-success-500);
470
- --bs-btn-outline-success-disabled-opacity: 0.5;
470
+ --bs-btn-outline-success-disabled-opacity: 0.65;
471
471
  --bs-btn-link-success-bg: transparent;
472
472
  --bs-btn-link-success-border-color: transparent;
473
473
  --bs-btn-link-success-color: var(--bs-success-500);
@@ -483,7 +483,7 @@
483
483
  --bs-btn-link-success-disabled-bg: transparent;
484
484
  --bs-btn-link-success-disabled-border-color: transparent;
485
485
  --bs-btn-link-success-disabled-color: var(--bs-success-500);
486
- --bs-btn-link-success-disabled-opacity: 0.5;
486
+ --bs-btn-link-success-disabled-opacity: 0.65;
487
487
  --bs-btn-info-color: var(--bs-white);
488
488
  --bs-btn-info-bg: var(--bs-info-500);
489
489
  --bs-btn-info-border-color: var(--bs-info-500);
@@ -499,7 +499,7 @@
499
499
  --bs-btn-info-disabled-color: var(--bs-white);
500
500
  --bs-btn-info-disabled-bg: var(--bs-info-500);
501
501
  --bs-btn-info-disabled-border-color: var(--bs-info-500);
502
- --bs-btn-info-disabled-opacity: 0.5;
502
+ --bs-btn-info-disabled-opacity: 0.65;
503
503
  --bs-btn-outline-info-color: var(--bs-info-500);
504
504
  --bs-btn-outline-info-bg: transparent;
505
505
  --bs-btn-outline-info-border-color: var(--bs-info-500);
@@ -515,7 +515,7 @@
515
515
  --bs-btn-outline-info-disabled-color: var(--bs-info-500);
516
516
  --bs-btn-outline-info-disabled-bg: transparent;
517
517
  --bs-btn-outline-info-disabled-border-color: var(--bs-info-500);
518
- --bs-btn-outline-info-disabled-opacity: 0.5;
518
+ --bs-btn-outline-info-disabled-opacity: 0.65;
519
519
  --bs-btn-link-info-bg: transparent;
520
520
  --bs-btn-link-info-border-color: transparent;
521
521
  --bs-btn-link-info-color: var(--bs-info-500);
@@ -531,7 +531,7 @@
531
531
  --bs-btn-link-info-disabled-bg: transparent;
532
532
  --bs-btn-link-info-disabled-border-color: transparent;
533
533
  --bs-btn-link-info-disabled-color: var(--bs-info-500);
534
- --bs-btn-link-info-disabled-opacity: 0.5;
534
+ --bs-btn-link-info-disabled-opacity: 0.65;
535
535
  --bs-btn-warning-color: var(--bs-gray-700);
536
536
  --bs-btn-warning-bg: var(--bs-warning-500);
537
537
  --bs-btn-warning-border-color: var(--bs-warning-500);
@@ -547,7 +547,7 @@
547
547
  --bs-btn-warning-disabled-color: var(--bs-gray-700);
548
548
  --bs-btn-warning-disabled-bg: var(--bs-warning-500);
549
549
  --bs-btn-warning-disabled-border-color: var(--bs-warning-500);
550
- --bs-btn-warning-disabled-opacity: 0.5;
550
+ --bs-btn-warning-disabled-opacity: 0.65;
551
551
  --bs-btn-outline-warning-color: var(--bs-warning-500);
552
552
  --bs-btn-outline-warning-bg: transparent;
553
553
  --bs-btn-outline-warning-border-color: var(--bs-warning-500);
@@ -563,7 +563,7 @@
563
563
  --bs-btn-outline-warning-disabled-color: var(--bs-warning-500);
564
564
  --bs-btn-outline-warning-disabled-bg: transparent;
565
565
  --bs-btn-outline-warning-disabled-border-color: var(--bs-warning-500);
566
- --bs-btn-outline-warning-disabled-opacity: 0.5;
566
+ --bs-btn-outline-warning-disabled-opacity: 0.65;
567
567
  --bs-btn-link-warning-bg: transparent;
568
568
  --bs-btn-link-warning-border-color: transparent;
569
569
  --bs-btn-link-warning-color: var(--bs-warning-500);
@@ -579,7 +579,7 @@
579
579
  --bs-btn-link-warning-disabled-bg: transparent;
580
580
  --bs-btn-link-warning-disabled-border-color: transparent;
581
581
  --bs-btn-link-warning-disabled-color: var(--bs-warning-500);
582
- --bs-btn-link-warning-disabled-opacity: 0.5;
582
+ --bs-btn-link-warning-disabled-opacity: 0.65;
583
583
  --bs-btn-danger-color: var(--bs-white);
584
584
  --bs-btn-danger-bg: var(--bs-danger-500);
585
585
  --bs-btn-danger-border-color: var(--bs-danger-500);
@@ -595,7 +595,7 @@
595
595
  --bs-btn-danger-disabled-color: var(--bs-white);
596
596
  --bs-btn-danger-disabled-bg: var(--bs-danger-500);
597
597
  --bs-btn-danger-disabled-border-color: var(--bs-danger-500);
598
- --bs-btn-danger-disabled-opacity: 0.5;
598
+ --bs-btn-danger-disabled-opacity: 0.65;
599
599
  --bs-btn-outline-danger-color: var(--bs-danger-500);
600
600
  --bs-btn-outline-danger-bg: transparent;
601
601
  --bs-btn-outline-danger-border-color: var(--bs-danger-500);
@@ -611,7 +611,7 @@
611
611
  --bs-btn-outline-danger-disabled-color: var(--bs-danger-500);
612
612
  --bs-btn-outline-danger-disabled-bg: transparent;
613
613
  --bs-btn-outline-danger-disabled-border-color: var(--bs-danger-500);
614
- --bs-btn-outline-danger-disabled-opacity: 0.5;
614
+ --bs-btn-outline-danger-disabled-opacity: 0.65;
615
615
  --bs-btn-link-danger-bg: transparent;
616
616
  --bs-btn-link-danger-border-color: transparent;
617
617
  --bs-btn-link-danger-color: var(--bs-danger-500);
@@ -627,7 +627,7 @@
627
627
  --bs-btn-link-danger-disabled-bg: transparent;
628
628
  --bs-btn-link-danger-disabled-border-color: transparent;
629
629
  --bs-btn-link-danger-disabled-color: var(--bs-danger-500);
630
- --bs-btn-link-danger-disabled-opacity: 0.5;
630
+ --bs-btn-link-danger-disabled-opacity: 0.65;
631
631
  --bs-btn-light-color: var(--bs-gray-700);
632
632
  --bs-btn-light-bg: var(--bs-light);
633
633
  --bs-btn-light-border-color: var(--bs-light);
@@ -643,7 +643,7 @@
643
643
  --bs-btn-light-disabled-color: var(--bs-gray-700);
644
644
  --bs-btn-light-disabled-bg: var(--bs-light);
645
645
  --bs-btn-light-disabled-border-color: var(--bs-light);
646
- --bs-btn-light-disabled-opacity: 0.5;
646
+ --bs-btn-light-disabled-opacity: 0.65;
647
647
  --bs-btn-outline-light-color: var(--bs-light);
648
648
  --bs-btn-outline-light-bg: transparent;
649
649
  --bs-btn-outline-light-border-color: var(--bs-light);
@@ -659,7 +659,7 @@
659
659
  --bs-btn-outline-light-disabled-color: var(--bs-light);
660
660
  --bs-btn-outline-light-disabled-bg: transparent;
661
661
  --bs-btn-outline-light-disabled-border-color: var(--bs-light);
662
- --bs-btn-outline-light-disabled-opacity: 0.5;
662
+ --bs-btn-outline-light-disabled-opacity: 0.65;
663
663
  --bs-btn-link-light-bg: transparent;
664
664
  --bs-btn-link-light-border-color: transparent;
665
665
  --bs-btn-link-light-color: var(--bs-light);
@@ -675,7 +675,7 @@
675
675
  --bs-btn-link-light-disabled-bg: transparent;
676
676
  --bs-btn-link-light-disabled-border-color: transparent;
677
677
  --bs-btn-link-light-disabled-color: var(--bs-light);
678
- --bs-btn-link-light-disabled-opacity: 0.5;
678
+ --bs-btn-link-light-disabled-opacity: 0.65;
679
679
  --bs-btn-dark-color: var(--bs-white);
680
680
  --bs-btn-dark-bg: var(--bs-dark);
681
681
  --bs-btn-dark-border-color: var(--bs-dark);
@@ -691,7 +691,7 @@
691
691
  --bs-btn-dark-disabled-color: var(--bs-white);
692
692
  --bs-btn-dark-disabled-bg: var(--bs-dark);
693
693
  --bs-btn-dark-disabled-border-color: var(--bs-dark);
694
- --bs-btn-dark-disabled-opacity: 0.5;
694
+ --bs-btn-dark-disabled-opacity: 0.65;
695
695
  --bs-btn-outline-dark-color: var(--bs-dark);
696
696
  --bs-btn-outline-dark-bg: transparent;
697
697
  --bs-btn-outline-dark-border-color: var(--bs-dark);
@@ -707,7 +707,7 @@
707
707
  --bs-btn-outline-dark-disabled-color: var(--bs-dark);
708
708
  --bs-btn-outline-dark-disabled-bg: transparent;
709
709
  --bs-btn-outline-dark-disabled-border-color: var(--bs-dark);
710
- --bs-btn-outline-dark-disabled-opacity: 0.5;
710
+ --bs-btn-outline-dark-disabled-opacity: 0.65;
711
711
  --bs-btn-link-dark-bg: transparent;
712
712
  --bs-btn-link-dark-border-color: transparent;
713
713
  --bs-btn-link-dark-color: var(--bs-dark);
@@ -723,7 +723,7 @@
723
723
  --bs-btn-link-dark-disabled-bg: transparent;
724
724
  --bs-btn-link-dark-disabled-border-color: transparent;
725
725
  --bs-btn-link-dark-disabled-color: var(--bs-dark);
726
- --bs-btn-link-dark-disabled-opacity: 0.5;
726
+ --bs-btn-link-dark-disabled-opacity: 0.65;
727
727
  --bs-ref-spacer-0: 0;
728
728
  --bs-ref-spacer-1: 0.25rem;
729
729
  --bs-ref-spacer-2: 0.5rem;
@@ -3802,10 +3802,10 @@ textarea.form-control-lg {
3802
3802
  max-width: 100%;
3803
3803
  padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3804
3804
  margin-top: 0.1rem;
3805
- font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3805
+ font-size: var(--bs-body-font-size);
3806
3806
  color: var(--bs-white);
3807
3807
  background-color: var(--bs-success);
3808
- border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3808
+ border-radius: var(--bs-ref-spacer-1);
3809
3809
  }
3810
3810
 
3811
3811
  .was-validated :valid ~ .valid-feedback,
@@ -3872,10 +3872,10 @@ textarea.form-control-lg {
3872
3872
  max-width: 100%;
3873
3873
  padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3874
3874
  margin-top: 0.1rem;
3875
- font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3875
+ font-size: var(--bs-body-font-size);
3876
3876
  color: var(--bs-white);
3877
3877
  background-color: var(--bs-danger);
3878
- border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3878
+ border-radius: var(--bs-ref-spacer-1);
3879
3879
  }
3880
3880
 
3881
3881
  .was-validated :invalid ~ .invalid-feedback,
@@ -6271,14 +6271,14 @@ textarea.form-control-lg {
6271
6271
  }
6272
6272
  .tooltip {
6273
6273
  --bs-tooltip-zindex: 1080;
6274
- --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
6274
+ --bs-tooltip-max-width: 300px;
6275
6275
  --bs-tooltip-padding-x: var(--bs-ref-spacer-2);
6276
6276
  --bs-tooltip-padding-y: var(--bs-ref-spacer-1);
6277
6277
  --bs-tooltip-margin: ;
6278
- --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
6279
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-bg));
6280
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-emphasis-color));
6281
- --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
6278
+ --bs-tooltip-font-size: var(--bs-body-font-size);
6279
+ --bs-tooltip-color: var(--bs-body-bg);
6280
+ --bs-tooltip-bg: var(--bs-emphasis-color);
6281
+ --bs-tooltip-border-radius: var(--bs-ref-spacer-1);
6282
6282
  --bs-tooltip-opacity: 1;
6283
6283
  --bs-tooltip-arrow-width: 0.8rem;
6284
6284
  --bs-tooltip-arrow-height: 0.4rem;
@@ -8666,36 +8666,36 @@ label .d-icon {
8666
8666
  --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
8667
8667
  }
8668
8668
  .tooltip.tooltip-primary {
8669
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8670
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
8669
+ --bs-tooltip-color: var(--bs-white);
8670
+ --bs-tooltip-bg: var(--bs-primary);
8671
8671
  }
8672
8672
  .tooltip.tooltip-secondary {
8673
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8674
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
8673
+ --bs-tooltip-color: var(--bs-white);
8674
+ --bs-tooltip-bg: var(--bs-secondary);
8675
8675
  }
8676
8676
  .tooltip.tooltip-success {
8677
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8678
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
8677
+ --bs-tooltip-color: var(--bs-white);
8678
+ --bs-tooltip-bg: var(--bs-success);
8679
8679
  }
8680
8680
  .tooltip.tooltip-info {
8681
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8682
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
8681
+ --bs-tooltip-color: var(--bs-white);
8682
+ --bs-tooltip-bg: var(--bs-info);
8683
8683
  }
8684
8684
  .tooltip.tooltip-warning {
8685
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
8686
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
8685
+ --bs-tooltip-color: var(--bs-gray-700);
8686
+ --bs-tooltip-bg: var(--bs-warning);
8687
8687
  }
8688
8688
  .tooltip.tooltip-danger {
8689
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8690
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
8689
+ --bs-tooltip-color: var(--bs-white);
8690
+ --bs-tooltip-bg: var(--bs-danger);
8691
8691
  }
8692
8692
  .tooltip.tooltip-light {
8693
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
8694
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
8693
+ --bs-tooltip-color: var(--bs-gray-700);
8694
+ --bs-tooltip-bg: var(--bs-light);
8695
8695
  }
8696
8696
  .tooltip.tooltip-dark {
8697
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
8698
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
8697
+ --bs-tooltip-color: var(--bs-white);
8698
+ --bs-tooltip-bg: var(--bs-dark);
8699
8699
  }
8700
8700
 
8701
8701
  :root {