@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-non-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
  */
@@ -5676,9 +5676,9 @@ textarea.form-control-lg {
5676
5676
  --bs-breadcrumb-margin-bottom: 1rem;
5677
5677
  --bs-breadcrumb-bg: ;
5678
5678
  --bs-breadcrumb-border-radius: ;
5679
- --bs-breadcrumb-divider-color: var(--bs-secondary-color);
5679
+ --bs-breadcrumb-divider-color: var(--bs-body-color);
5680
5680
  --bs-breadcrumb-item-padding-x: 0.5rem;
5681
- --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
5681
+ --bs-breadcrumb-item-active-color: var(--bs-body-color);
5682
5682
  display: flex;
5683
5683
  flex-wrap: wrap;
5684
5684
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
@@ -5706,21 +5706,21 @@ textarea.form-control-lg {
5706
5706
  --bs-pagination-padding-x: var(--bs-ref-spacer-1);
5707
5707
  --bs-pagination-padding-y: var(--bs-ref-spacer-1);
5708
5708
  --bs-pagination-font-size: 1rem;
5709
- --bs-pagination-color: var(--bs-gray);
5709
+ --bs-pagination-color: var(--bs-body-color);
5710
5710
  --bs-pagination-bg: transparent;
5711
5711
  --bs-pagination-border-width: 0;
5712
5712
  --bs-pagination-border-color: var(--bs-border-color);
5713
5713
  --bs-pagination-border-radius: var(--bs-border-radius);
5714
- --bs-pagination-hover-color: var(--bs-secondary);
5715
- --bs-pagination-hover-bg: var(--bs-secondary-100);
5714
+ --bs-pagination-hover-color: var(--bs-body-color);
5715
+ --bs-pagination-hover-bg: var(--bs-primary-50);
5716
5716
  --bs-pagination-hover-border-color: 0;
5717
- --bs-pagination-focus-color: var(--bs-secondary);
5718
- --bs-pagination-focus-bg: var(--bs-secondary-100);
5717
+ --bs-pagination-focus-color: var(--bs-body-color);
5718
+ --bs-pagination-focus-bg: var(--bs-primary-50);
5719
5719
  --bs-pagination-focus-box-shadow: 0;
5720
5720
  --bs-pagination-active-color: var(--bs-white);
5721
5721
  --bs-pagination-active-bg: var(--bs-primary);
5722
5722
  --bs-pagination-active-border-color: var(--bs-primary);
5723
- --bs-pagination-disabled-color: var(--bs-gray-400);
5723
+ --bs-pagination-disabled-color: var(--bs-body-color);
5724
5724
  --bs-pagination-disabled-bg: var(--bs-transparent);
5725
5725
  --bs-pagination-disabled-border-color: var(--bs-border-color);
5726
5726
  display: flex;
@@ -5900,11 +5900,11 @@ textarea.form-control-lg {
5900
5900
  .progress-stacked {
5901
5901
  --bs-progress-height: 1rem;
5902
5902
  --bs-progress-font-size: var(--bs-fs-small);
5903
- --bs-progress-bg: var(--bs-secondary-100);
5903
+ --bs-progress-bg: var(--bs-gray-200);
5904
5904
  --bs-progress-border-radius: var(--bs-border-radius-pill);
5905
5905
  --bs-progress-box-shadow: none;
5906
5906
  --bs-progress-bar-color: var(--bs-white);
5907
- --bs-progress-bar-bg: var(--bs-secondary);
5907
+ --bs-progress-bar-bg: var(--bs-primary);
5908
5908
  --bs-progress-bar-transition: width 0.6s ease;
5909
5909
  display: flex;
5910
5910
  height: var(--bs-progress-height);
@@ -6409,7 +6409,7 @@ textarea.form-control-lg {
6409
6409
  .modal {
6410
6410
  --bs-modal-zindex: 1055;
6411
6411
  --bs-modal-width: 500px;
6412
- --bs-modal-padding: var(--bs-ref-spacer-6);
6412
+ --bs-modal-padding: var(--bs-ref-spacer-4);
6413
6413
  --bs-modal-margin: 0.5rem;
6414
6414
  --bs-modal-color: ;
6415
6415
  --bs-modal-bg: var(--bs-white);
@@ -6418,9 +6418,9 @@ textarea.form-control-lg {
6418
6418
  --bs-modal-border-radius: var(--bs-border-radius);
6419
6419
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
6420
6420
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
6421
- --bs-modal-header-padding-x: var(--bs-ref-spacer-6);
6421
+ --bs-modal-header-padding-x: var(--bs-ref-spacer-4);
6422
6422
  --bs-modal-header-padding-y: var(--bs-ref-spacer-4);
6423
- --bs-modal-header-padding: var(--bs-ref-spacer-8) var(--bs-ref-spacer-6) var(--bs-ref-spacer-4);
6423
+ --bs-modal-header-padding: var(--bs-ref-spacer-4);
6424
6424
  --bs-modal-header-border-color: transparent;
6425
6425
  --bs-modal-header-border-width: var(--bs-border-width);
6426
6426
  --bs-modal-title-line-height: 1.5;
@@ -7219,8 +7219,8 @@ textarea.form-control-lg {
7219
7219
  --bs-offcanvas-zindex: 1055;
7220
7220
  --bs-offcanvas-width: 400px;
7221
7221
  --bs-offcanvas-height: 30vh;
7222
- --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
7223
- --bs-offcanvas-padding-y: var(--bs-ref-spacer-6);
7222
+ --bs-offcanvas-padding-x: var(--bs-ref-spacer-4);
7223
+ --bs-offcanvas-padding-y: var(--bs-ref-spacer-4);
7224
7224
  --bs-offcanvas-color: var(--bs-body-color);
7225
7225
  --bs-offcanvas-bg: var(--bs-white);
7226
7226
  --bs-offcanvas-border-width: var(--bs-border-width);
@@ -8904,7 +8904,7 @@ body {
8904
8904
  }
8905
8905
 
8906
8906
  .progress {
8907
- --bs-progress-bar-font-weight: var(--bs-fw-bold);
8907
+ --bs-progress-bar-font-weight: var(--bs-fw-normal);
8908
8908
  font-weight: var(--bs-progress-bar-font-weight);
8909
8909
  }
8910
8910
  .progress .progress-bar:not(:empty) {
@@ -8932,42 +8932,36 @@ body {
8932
8932
  --bs-alert-color: var(--bs-body-color);
8933
8933
  --bs-alert-bg: var(--bs-surface-primary);
8934
8934
  --bs-alert-border-color: var(--bs-surface-primary);
8935
- --bs-alert-link-color: var(--bs-white);
8936
8935
  }
8937
8936
  .alert.alert-secondary {
8938
8937
  --bs-alert-icon-color: var(--bs-secondary-500);
8939
8938
  --bs-alert-color: var(--bs-body-color);
8940
8939
  --bs-alert-bg: var(--bs-surface-secondary);
8941
8940
  --bs-alert-border-color: var(--bs-surface-secondary);
8942
- --bs-alert-link-color: var(--bs-white);
8943
8941
  }
8944
8942
  .alert.alert-success {
8945
8943
  --bs-alert-icon-color: var(--bs-success-500);
8946
8944
  --bs-alert-color: var(--bs-body-color);
8947
8945
  --bs-alert-bg: var(--bs-surface-success);
8948
8946
  --bs-alert-border-color: var(--bs-surface-success);
8949
- --bs-alert-link-color: var(--bs-white);
8950
8947
  }
8951
8948
  .alert.alert-info {
8952
8949
  --bs-alert-icon-color: var(--bs-info-500);
8953
8950
  --bs-alert-color: var(--bs-body-color);
8954
8951
  --bs-alert-bg: var(--bs-surface-info);
8955
8952
  --bs-alert-border-color: var(--bs-surface-info);
8956
- --bs-alert-link-color: var(--bs-white);
8957
8953
  }
8958
8954
  .alert.alert-warning {
8959
8955
  --bs-alert-icon-color: var(--bs-warning-500);
8960
8956
  --bs-alert-color: var(--bs-body-color);
8961
8957
  --bs-alert-bg: var(--bs-surface-warning);
8962
8958
  --bs-alert-border-color: var(--bs-surface-warning);
8963
- --bs-alert-link-color: var(--bs-gray-700);
8964
8959
  }
8965
8960
  .alert.alert-danger {
8966
8961
  --bs-alert-icon-color: var(--bs-danger-500);
8967
8962
  --bs-alert-color: var(--bs-body-color);
8968
8963
  --bs-alert-bg: var(--bs-surface-danger);
8969
8964
  --bs-alert-border-color: var(--bs-surface-danger);
8970
- --bs-alert-link-color: var(--bs-white);
8971
8965
  }
8972
8966
 
8973
8967
  .collapse-container {
@@ -9020,12 +9014,20 @@ body {
9020
9014
  .pagination {
9021
9015
  --bs-pagination-page-item-size: 2rem;
9022
9016
  --bs-pagination-border-radius: 2rem;
9017
+ --bs-pagination-page-control-color: var(--bs-primary);
9018
+ --bs-pagination-page-control-disabled-color: var(--bs-primary-200);
9023
9019
  margin: 0;
9024
9020
  }
9025
9021
  .pagination .page-item {
9026
9022
  min-width: var(--bs-pagination-page-item-size);
9027
9023
  min-height: var(--bs-pagination-page-item-size);
9028
9024
  }
9025
+ .pagination :is(.page-item:first-child, .page-item:last-child):not(.disabled) .page-link {
9026
+ color: var(--bs-pagination-page-control-color);
9027
+ }
9028
+ .pagination :is(.page-item:first-child, .page-item:last-child).disabled .page-link {
9029
+ color: var(--bs-pagination-page-control-disabled-color);
9030
+ }
9029
9031
  .pagination .page-link {
9030
9032
  display: flex;
9031
9033
  align-items: center;
@@ -9779,11 +9781,11 @@ label .d-icon {
9779
9781
  }
9780
9782
 
9781
9783
  .modal {
9782
- --bs-modal-header-gap: var(--bs-ref-spacer-6);
9783
- --bs-modal-footer-padding: var(--bs-ref-spacer-6);
9784
- --bs-modal-separator-margin-x: var(--bs-ref-spacer-6);
9784
+ --bs-modal-header-gap: var(--bs-ref-spacer-4);
9785
+ --bs-modal-footer-padding: var(--bs-ref-spacer-4);
9786
+ --bs-modal-separator-margin-x: var(--bs-ref-spacer-4);
9785
9787
  --bs-modal-separator-height: 1px;
9786
- --bs-modal-separator-bg: var(--bs-gray-200);
9788
+ --bs-modal-separator-bg: var(--bs-gray-100);
9787
9789
  }
9788
9790
  .modal .modal-header {
9789
9791
  flex-direction: row;
@@ -9821,8 +9823,11 @@ label .d-icon {
9821
9823
  }
9822
9824
 
9823
9825
  .offcanvas {
9824
- --bs-offcanvas-header-gap: var(--bs-ref-spacer-6);
9825
- --bs-offcanvas-footer-gap: var(--bs-ref-spacer-6);
9826
+ --bs-offcanvas-header-gap: var(--bs-ref-spacer-4);
9827
+ --bs-offcanvas-footer-gap: var(--bs-ref-spacer-4);
9828
+ --bs-offcanvas-separator-margin-x: var(--bs-ref-spacer-4);
9829
+ --bs-offcanvas-separator-height: 1px;
9830
+ --bs-offcanvas-separator-bg: var(--bs-gray-100);
9826
9831
  }
9827
9832
  .offcanvas .offcanvas-header {
9828
9833
  flex-direction: row;
@@ -9833,8 +9838,13 @@ label .d-icon {
9833
9838
  .offcanvas .offcanvas-header:has(.d-offcanvas-close:only-child) {
9834
9839
  justify-content: flex-end;
9835
9840
  }
9841
+ .offcanvas .d-offcanvas-separator {
9842
+ height: var(--bs-offcanvas-separator-height);
9843
+ margin: 0 var(--bs-offcanvas-separator-margin-x);
9844
+ background: var(--bs-offcanvas-separator-bg);
9845
+ }
9836
9846
  .offcanvas .offcanvas-body {
9837
- padding: 0 var(--bs-offcanvas-padding-x);
9847
+ padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
9838
9848
  }
9839
9849
  .offcanvas .d-offcanvas-footer {
9840
9850
  display: flex;
@@ -11457,12 +11467,12 @@ label .d-icon {
11457
11467
  --bs-step-icon-container-border-width: 1px;
11458
11468
  --bs-step-icon-container-border-color: var(--bs-secondary);
11459
11469
  --bs-step-icon-container-border-radius: 100%;
11460
- --bs-step-icon-container-z-index: 3;
11470
+ --bs-step-icon-container-z-index: 1;
11461
11471
  /* Base step */
11462
11472
  --bs-step-label-height: var(--bs-ref-spacer-12);
11463
11473
  --bs-step-icon-size: var(--bs-ref-spacer-6);
11464
11474
  --bs-step-gap: var(--bs-ref-spacer-2);
11465
- --bs-step-z-index: 2;
11475
+ --bs-step-z-index: 0;
11466
11476
  /* Checked step */
11467
11477
  --bs-step-check-text-color: var(--bs-white);
11468
11478
  --bs-step-check-background-color: var(--bs-success);