@dynamic-framework/ui-react 1.30.0 → 1.30.1

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 (96) hide show
  1. package/dist/css/dynamic-ui-non-root.css +42 -32
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +1 -1
  4. package/dist/css/dynamic-ui-root.min.css +1 -1
  5. package/dist/css/dynamic-ui.css +42 -32
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +14 -4
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +14 -3
  10. package/dist/index.js.map +1 -1
  11. package/dist/js/cjs/enums.js +65 -0
  12. package/dist/js/cjs/popper-base.js +939 -0
  13. package/dist/js/cjs/popper-lite.js +1260 -0
  14. package/dist/js/cjs/popper.js +1819 -0
  15. package/dist/js/esm/createPopper.js +199 -0
  16. package/dist/js/esm/dom-utils/contains.js +23 -0
  17. package/dist/js/esm/dom-utils/getBoundingClientRect.js +41 -0
  18. package/dist/js/esm/dom-utils/getClippingRect.js +70 -0
  19. package/dist/js/esm/dom-utils/getCompositeRect.js +58 -0
  20. package/dist/js/esm/dom-utils/getComputedStyle.js +4 -0
  21. package/dist/js/esm/dom-utils/getDocumentElement.js +6 -0
  22. package/dist/js/esm/dom-utils/getDocumentRect.js +29 -0
  23. package/dist/js/esm/dom-utils/getHTMLElementScroll.js +6 -0
  24. package/dist/js/esm/dom-utils/getLayoutRect.js +25 -0
  25. package/dist/js/esm/dom-utils/getNodeName.js +3 -0
  26. package/dist/js/esm/dom-utils/getNodeScroll.js +11 -0
  27. package/dist/js/esm/dom-utils/getOffsetParent.js +69 -0
  28. package/dist/js/esm/dom-utils/getParentNode.js +19 -0
  29. package/dist/js/esm/dom-utils/getScrollParent.js +16 -0
  30. package/dist/js/esm/dom-utils/getViewportRect.js +31 -0
  31. package/dist/js/esm/dom-utils/getWindow.js +12 -0
  32. package/dist/js/esm/dom-utils/getWindowScroll.js +10 -0
  33. package/dist/js/esm/dom-utils/getWindowScrollBarX.js +13 -0
  34. package/dist/js/esm/dom-utils/instanceOf.js +23 -0
  35. package/dist/js/esm/dom-utils/isLayoutViewport.js +4 -0
  36. package/dist/js/esm/dom-utils/isScrollParent.js +10 -0
  37. package/dist/js/esm/dom-utils/isTableElement.js +4 -0
  38. package/dist/js/esm/dom-utils/listScrollParents.js +26 -0
  39. package/dist/js/esm/enums.js +31 -0
  40. package/dist/js/esm/index.js +8 -0
  41. package/dist/js/esm/modifiers/applyStyles.js +84 -0
  42. package/dist/js/esm/modifiers/arrow.js +90 -0
  43. package/dist/js/esm/modifiers/computeStyles.js +169 -0
  44. package/dist/js/esm/modifiers/eventListeners.js +49 -0
  45. package/dist/js/esm/modifiers/flip.js +147 -0
  46. package/dist/js/esm/modifiers/hide.js +61 -0
  47. package/dist/js/esm/modifiers/index.js +9 -0
  48. package/dist/js/esm/modifiers/offset.js +54 -0
  49. package/dist/js/esm/modifiers/popperOffsets.js +25 -0
  50. package/dist/js/esm/modifiers/preventOverflow.js +142 -0
  51. package/dist/js/esm/popper-base.js +3 -0
  52. package/dist/js/esm/popper-lite.js +11 -0
  53. package/dist/js/esm/popper.js +20 -0
  54. package/dist/js/esm/types.js +0 -0
  55. package/dist/js/esm/utils/computeAutoPlacement.js +43 -0
  56. package/dist/js/esm/utils/computeOffsets.js +70 -0
  57. package/dist/js/esm/utils/debounce.js +15 -0
  58. package/dist/js/esm/utils/detectOverflow.js +65 -0
  59. package/dist/js/esm/utils/expandToHashMap.js +6 -0
  60. package/dist/js/esm/utils/getAltAxis.js +3 -0
  61. package/dist/js/esm/utils/getAltLen.js +3 -0
  62. package/dist/js/esm/utils/getBasePlacement.js +4 -0
  63. package/dist/js/esm/utils/getFreshSideObject.js +8 -0
  64. package/dist/js/esm/utils/getMainAxisFromPlacement.js +3 -0
  65. package/dist/js/esm/utils/getOppositePlacement.js +11 -0
  66. package/dist/js/esm/utils/getOppositeVariationPlacement.js +9 -0
  67. package/dist/js/esm/utils/getVariation.js +3 -0
  68. package/dist/js/esm/utils/math.js +3 -0
  69. package/dist/js/esm/utils/mergeByName.js +14 -0
  70. package/dist/js/esm/utils/mergePaddingObject.js +4 -0
  71. package/dist/js/esm/utils/orderModifiers.js +44 -0
  72. package/dist/js/esm/utils/rectToClientRect.js +8 -0
  73. package/dist/js/esm/utils/uniqueBy.js +11 -0
  74. package/dist/js/esm/utils/userAgent.js +11 -0
  75. package/dist/js/esm/utils/within.js +8 -0
  76. package/dist/js/umd/enums.js +71 -0
  77. package/dist/js/umd/enums.min.js +6 -0
  78. package/dist/js/umd/popper-base.js +945 -0
  79. package/dist/js/umd/popper-base.min.js +6 -0
  80. package/dist/js/umd/popper-lite.js +1266 -0
  81. package/dist/js/umd/popper-lite.min.js +6 -0
  82. package/dist/js/umd/popper.js +1825 -0
  83. package/dist/js/umd/popper.min.js +6 -0
  84. package/dist/types/components/DSkeleton/DSkeleton.d.ts +3 -0
  85. package/dist/types/components/index.d.ts +1 -0
  86. package/package.json +9 -5
  87. package/src/style/abstracts/variables/_+import.scss +1 -0
  88. package/src/style/abstracts/variables/_breadcrumb.scss +5 -0
  89. package/src/style/abstracts/variables/_modals.scss +6 -6
  90. package/src/style/abstracts/variables/_offcanvas.scss +7 -4
  91. package/src/style/abstracts/variables/_pagination.scss +6 -4
  92. package/src/style/abstracts/variables/_progress.scss +3 -3
  93. package/src/style/base/_alert.scss +0 -2
  94. package/src/style/base/_pagination.scss +11 -1
  95. package/src/style/components/_d-offcanvas.scss +10 -1
  96. package/src/style/components/_d-stepper-desktop.scss +2 -2
package/dist/css/dynamic-ui-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.30.0
2
+ * dynamic-framework 1.30.1
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
  */
package/dist/css/dynamic-ui-root.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.30.0
2
+ * dynamic-framework 1.30.1
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
  */
package/dist/css/dynamic-ui.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.30.0
2
+ * dynamic-framework 1.30.1
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
  */
@@ -6618,9 +6618,9 @@ textarea.form-control-lg {
6618
6618
  --bs-breadcrumb-margin-bottom: 1rem;
6619
6619
  --bs-breadcrumb-bg: ;
6620
6620
  --bs-breadcrumb-border-radius: ;
6621
- --bs-breadcrumb-divider-color: var(--bs-secondary-color);
6621
+ --bs-breadcrumb-divider-color: var(--bs-body-color);
6622
6622
  --bs-breadcrumb-item-padding-x: 0.5rem;
6623
- --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
6623
+ --bs-breadcrumb-item-active-color: var(--bs-body-color);
6624
6624
  display: flex;
6625
6625
  flex-wrap: wrap;
6626
6626
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@@ -6648,21 +6648,21 @@ textarea.form-control-lg {
6648
6648
  --bs-pagination-padding-x: var(--bs-ref-spacer-1);
6649
6649
  --bs-pagination-padding-y: var(--bs-ref-spacer-1);
6650
6650
  --bs-pagination-font-size: 1rem;
6651
- --bs-pagination-color: var(--bs-gray);
6651
+ --bs-pagination-color: var(--bs-body-color);
6652
6652
  --bs-pagination-bg: transparent;
6653
6653
  --bs-pagination-border-width: 0;
6654
6654
  --bs-pagination-border-color: var(--bs-border-color);
6655
6655
  --bs-pagination-border-radius: var(--bs-border-radius);
6656
- --bs-pagination-hover-color: var(--bs-secondary);
6657
- --bs-pagination-hover-bg: var(--bs-secondary-100);
6656
+ --bs-pagination-hover-color: var(--bs-body-color);
6657
+ --bs-pagination-hover-bg: var(--bs-primary-50);
6658
6658
  --bs-pagination-hover-border-color: 0;
6659
- --bs-pagination-focus-color: var(--bs-secondary);
6660
- --bs-pagination-focus-bg: var(--bs-secondary-100);
6659
+ --bs-pagination-focus-color: var(--bs-body-color);
6660
+ --bs-pagination-focus-bg: var(--bs-primary-50);
6661
6661
  --bs-pagination-focus-box-shadow: 0;
6662
6662
  --bs-pagination-active-color: var(--bs-white);
6663
6663
  --bs-pagination-active-bg: var(--bs-primary);
6664
6664
  --bs-pagination-active-border-color: var(--bs-primary);
6665
- --bs-pagination-disabled-color: var(--bs-gray-400);
6665
+ --bs-pagination-disabled-color: var(--bs-body-color);
6666
6666
  --bs-pagination-disabled-bg: var(--bs-transparent);
6667
6667
  --bs-pagination-disabled-border-color: var(--bs-border-color);
6668
6668
  display: flex;
@@ -6842,11 +6842,11 @@ textarea.form-control-lg {
6842
6842
  .progress-stacked {
6843
6843
  --bs-progress-height: 1rem;
6844
6844
  --bs-progress-font-size: var(--bs-fs-small);
6845
- --bs-progress-bg: var(--bs-secondary-100);
6845
+ --bs-progress-bg: var(--bs-gray-200);
6846
6846
  --bs-progress-border-radius: var(--bs-border-radius-pill);
6847
6847
  --bs-progress-box-shadow: none;
6848
6848
  --bs-progress-bar-color: var(--bs-white);
6849
- --bs-progress-bar-bg: var(--bs-secondary);
6849
+ --bs-progress-bar-bg: var(--bs-primary);
6850
6850
  --bs-progress-bar-transition: width 0.6s ease;
6851
6851
  display: flex;
6852
6852
  height: var(--bs-progress-height);
@@ -7351,7 +7351,7 @@ textarea.form-control-lg {
7351
7351
  .modal {
7352
7352
  --bs-modal-zindex: 1055;
7353
7353
  --bs-modal-width: 500px;
7354
- --bs-modal-padding: var(--bs-ref-spacer-6);
7354
+ --bs-modal-padding: var(--bs-ref-spacer-4);
7355
7355
  --bs-modal-margin: 0.5rem;
7356
7356
  --bs-modal-color: ;
7357
7357
  --bs-modal-bg: var(--bs-white);
@@ -7360,9 +7360,9 @@ textarea.form-control-lg {
7360
7360
  --bs-modal-border-radius: var(--bs-border-radius);
7361
7361
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
7362
7362
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
7363
- --bs-modal-header-padding-x: var(--bs-ref-spacer-6);
7363
+ --bs-modal-header-padding-x: var(--bs-ref-spacer-4);
7364
7364
  --bs-modal-header-padding-y: var(--bs-ref-spacer-4);
7365
- --bs-modal-header-padding: var(--bs-ref-spacer-8) var(--bs-ref-spacer-6) var(--bs-ref-spacer-4);
7365
+ --bs-modal-header-padding: var(--bs-ref-spacer-4);
7366
7366
  --bs-modal-header-border-color: transparent;
7367
7367
  --bs-modal-header-border-width: var(--bs-border-width);
7368
7368
  --bs-modal-title-line-height: 1.5;
@@ -8161,8 +8161,8 @@ textarea.form-control-lg {
8161
8161
  --bs-offcanvas-zindex: 1055;
8162
8162
  --bs-offcanvas-width: 400px;
8163
8163
  --bs-offcanvas-height: 30vh;
8164
- --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
8165
- --bs-offcanvas-padding-y: var(--bs-ref-spacer-6);
8164
+ --bs-offcanvas-padding-x: var(--bs-ref-spacer-4);
8165
+ --bs-offcanvas-padding-y: var(--bs-ref-spacer-4);
8166
8166
  --bs-offcanvas-color: var(--bs-body-color);
8167
8167
  --bs-offcanvas-bg: var(--bs-white);
8168
8168
  --bs-offcanvas-border-width: var(--bs-border-width);
@@ -9846,7 +9846,7 @@ body {
9846
9846
  }
9847
9847
 
9848
9848
  .progress {
9849
- --bs-progress-bar-font-weight: var(--bs-fw-bold);
9849
+ --bs-progress-bar-font-weight: var(--bs-fw-normal);
9850
9850
  font-weight: var(--bs-progress-bar-font-weight);
9851
9851
  }
9852
9852
  .progress .progress-bar:not(:empty) {
@@ -9874,42 +9874,36 @@ body {
9874
9874
  --bs-alert-color: var(--bs-body-color);
9875
9875
  --bs-alert-bg: var(--bs-surface-primary);
9876
9876
  --bs-alert-border-color: var(--bs-surface-primary);
9877
- --bs-alert-link-color: var(--bs-white);
9878
9877
  }
9879
9878
  .alert.alert-secondary {
9880
9879
  --bs-alert-icon-color: var(--bs-secondary-500);
9881
9880
  --bs-alert-color: var(--bs-body-color);
9882
9881
  --bs-alert-bg: var(--bs-surface-secondary);
9883
9882
  --bs-alert-border-color: var(--bs-surface-secondary);
9884
- --bs-alert-link-color: var(--bs-white);
9885
9883
  }
9886
9884
  .alert.alert-success {
9887
9885
  --bs-alert-icon-color: var(--bs-success-500);
9888
9886
  --bs-alert-color: var(--bs-body-color);
9889
9887
  --bs-alert-bg: var(--bs-surface-success);
9890
9888
  --bs-alert-border-color: var(--bs-surface-success);
9891
- --bs-alert-link-color: var(--bs-white);
9892
9889
  }
9893
9890
  .alert.alert-info {
9894
9891
  --bs-alert-icon-color: var(--bs-info-500);
9895
9892
  --bs-alert-color: var(--bs-body-color);
9896
9893
  --bs-alert-bg: var(--bs-surface-info);
9897
9894
  --bs-alert-border-color: var(--bs-surface-info);
9898
- --bs-alert-link-color: var(--bs-white);
9899
9895
  }
9900
9896
  .alert.alert-warning {
9901
9897
  --bs-alert-icon-color: var(--bs-warning-500);
9902
9898
  --bs-alert-color: var(--bs-body-color);
9903
9899
  --bs-alert-bg: var(--bs-surface-warning);
9904
9900
  --bs-alert-border-color: var(--bs-surface-warning);
9905
- --bs-alert-link-color: var(--bs-gray-700);
9906
9901
  }
9907
9902
  .alert.alert-danger {
9908
9903
  --bs-alert-icon-color: var(--bs-danger-500);
9909
9904
  --bs-alert-color: var(--bs-body-color);
9910
9905
  --bs-alert-bg: var(--bs-surface-danger);
9911
9906
  --bs-alert-border-color: var(--bs-surface-danger);
9912
- --bs-alert-link-color: var(--bs-white);
9913
9907
  }
9914
9908
 
9915
9909
  .collapse-container {
@@ -9962,12 +9956,20 @@ body {
9962
9956
  .pagination {
9963
9957
  --bs-pagination-page-item-size: 2rem;
9964
9958
  --bs-pagination-border-radius: 2rem;
9959
+ --bs-pagination-page-control-color: var(--bs-primary);
9960
+ --bs-pagination-page-control-disabled-color: var(--bs-primary-200);
9965
9961
  margin: 0;
9966
9962
  }
9967
9963
  .pagination .page-item {
9968
9964
  min-width: var(--bs-pagination-page-item-size);
9969
9965
  min-height: var(--bs-pagination-page-item-size);
9970
9966
  }
9967
+ .pagination :is(.page-item:first-child, .page-item:last-child):not(.disabled) .page-link {
9968
+ color: var(--bs-pagination-page-control-color);
9969
+ }
9970
+ .pagination :is(.page-item:first-child, .page-item:last-child).disabled .page-link {
9971
+ color: var(--bs-pagination-page-control-disabled-color);
9972
+ }
9971
9973
  .pagination .page-link {
9972
9974
  display: flex;
9973
9975
  align-items: center;
@@ -10721,11 +10723,11 @@ label .d-icon {
10721
10723
  }
10722
10724
 
10723
10725
  .modal {
10724
- --bs-modal-header-gap: var(--bs-ref-spacer-6);
10725
- --bs-modal-footer-padding: var(--bs-ref-spacer-6);
10726
- --bs-modal-separator-margin-x: var(--bs-ref-spacer-6);
10726
+ --bs-modal-header-gap: var(--bs-ref-spacer-4);
10727
+ --bs-modal-footer-padding: var(--bs-ref-spacer-4);
10728
+ --bs-modal-separator-margin-x: var(--bs-ref-spacer-4);
10727
10729
  --bs-modal-separator-height: 1px;
10728
- --bs-modal-separator-bg: var(--bs-gray-200);
10730
+ --bs-modal-separator-bg: var(--bs-gray-100);
10729
10731
  }
10730
10732
  .modal .modal-header {
10731
10733
  flex-direction: row;
@@ -10763,8 +10765,11 @@ label .d-icon {
10763
10765
  }
10764
10766
 
10765
10767
  .offcanvas {
10766
- --bs-offcanvas-header-gap: var(--bs-ref-spacer-6);
10767
- --bs-offcanvas-footer-gap: var(--bs-ref-spacer-6);
10768
+ --bs-offcanvas-header-gap: var(--bs-ref-spacer-4);
10769
+ --bs-offcanvas-footer-gap: var(--bs-ref-spacer-4);
10770
+ --bs-offcanvas-separator-margin-x: var(--bs-ref-spacer-4);
10771
+ --bs-offcanvas-separator-height: 1px;
10772
+ --bs-offcanvas-separator-bg: var(--bs-gray-100);
10768
10773
  }
10769
10774
  .offcanvas .offcanvas-header {
10770
10775
  flex-direction: row;
@@ -10775,8 +10780,13 @@ label .d-icon {
10775
10780
  .offcanvas .offcanvas-header:has(.d-offcanvas-close:only-child) {
10776
10781
  justify-content: flex-end;
10777
10782
  }
10783
+ .offcanvas .d-offcanvas-separator {
10784
+ height: var(--bs-offcanvas-separator-height);
10785
+ margin: 0 var(--bs-offcanvas-separator-margin-x);
10786
+ background: var(--bs-offcanvas-separator-bg);
10787
+ }
10778
10788
  .offcanvas .offcanvas-body {
10779
- padding: 0 var(--bs-offcanvas-padding-x);
10789
+ padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
10780
10790
  }
10781
10791
  .offcanvas .d-offcanvas-footer {
10782
10792
  display: flex;
@@ -12399,12 +12409,12 @@ label .d-icon {
12399
12409
  --bs-step-icon-container-border-width: 1px;
12400
12410
  --bs-step-icon-container-border-color: var(--bs-secondary);
12401
12411
  --bs-step-icon-container-border-radius: 100%;
12402
- --bs-step-icon-container-z-index: 3;
12412
+ --bs-step-icon-container-z-index: 1;
12403
12413
  /* Base step */
12404
12414
  --bs-step-label-height: var(--bs-ref-spacer-12);
12405
12415
  --bs-step-icon-size: var(--bs-ref-spacer-6);
12406
12416
  --bs-step-gap: var(--bs-ref-spacer-2);
12407
- --bs-step-z-index: 2;
12417
+ --bs-step-z-index: 0;
12408
12418
  /* Checked step */
12409
12419
  --bs-step-check-text-color: var(--bs-white);
12410
12420
  --bs-step-check-background-color: var(--bs-success);