@dynamic-framework/ui-react 1.29.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 (131) hide show
  1. package/dist/css/dynamic-ui-non-root.css +67 -57
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +27 -1
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +93 -57
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +93 -81
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +93 -80
  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/DAlert/DAlert.d.ts +1 -1
  85. package/dist/types/components/DAvatar/DAvatar.d.ts +1 -1
  86. package/dist/types/components/DBadge/DBadge.d.ts +1 -1
  87. package/dist/types/components/DBoxFile/DBoxFile.d.ts +1 -1
  88. package/dist/types/components/DButton/DButton.d.ts +1 -1
  89. package/dist/types/components/DButtonIcon/DButtonIcon.d.ts +1 -1
  90. package/dist/types/components/DCard/DCard.d.ts +1 -1
  91. package/dist/types/components/DChip/DChip.d.ts +1 -1
  92. package/dist/types/components/DCollapse/DCollapse.d.ts +1 -1
  93. package/dist/types/components/DCurrencyText/DCurrencyText.d.ts +1 -1
  94. package/dist/types/components/DDatePicker/DDatePicker.d.ts +1 -1
  95. package/dist/types/components/DIconBase/DIconBase.d.ts +1 -1
  96. package/dist/types/components/DInputCheck/DInputCheck.d.ts +3 -3
  97. package/dist/types/components/DInputPin/DInputPin.d.ts +1 -1
  98. package/dist/types/components/DInputSelect/DInputSelect.d.ts +1 -1
  99. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +1 -1
  100. package/dist/types/components/DList/DList.d.ts +1 -1
  101. package/dist/types/components/DModal/DModal.d.ts +1 -1
  102. package/dist/types/components/DOffcanvas/DOffcanvas.d.ts +1 -1
  103. package/dist/types/components/DPaginator/DPaginator.d.ts +2 -0
  104. package/dist/types/components/DPopover/DPopover.d.ts +1 -1
  105. package/dist/types/components/DProgress/DProgress.d.ts +1 -1
  106. package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts +1 -1
  107. package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts +1 -1
  108. package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts +1 -1
  109. package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts +1 -1
  110. package/dist/types/components/DSelect/DSelect.d.ts +1 -1
  111. package/dist/types/components/DSkeleton/DSkeleton.d.ts +3 -0
  112. package/dist/types/components/DStepper/DStepper.d.ts +1 -1
  113. package/dist/types/components/DTabs/DTabs.d.ts +1 -1
  114. package/dist/types/components/DToast/DToast.d.ts +1 -1
  115. package/dist/types/components/index.d.ts +1 -0
  116. package/dist/types/components/interface.d.ts +2 -0
  117. package/package.json +9 -5
  118. package/src/style/abstracts/variables/_+import.scss +1 -0
  119. package/src/style/abstracts/variables/_accordion.scss +33 -12
  120. package/src/style/abstracts/variables/_breadcrumb.scss +5 -0
  121. package/src/style/abstracts/variables/_buttons.scss +2 -0
  122. package/src/style/abstracts/variables/_modals.scss +6 -6
  123. package/src/style/abstracts/variables/_offcanvas.scss +7 -4
  124. package/src/style/abstracts/variables/_pagination.scss +6 -4
  125. package/src/style/abstracts/variables/_progress.scss +3 -3
  126. package/src/style/base/_alert.scss +0 -2
  127. package/src/style/base/_badge.scss +1 -1
  128. package/src/style/base/_pagination.scss +11 -1
  129. package/src/style/components/_d-offcanvas.scss +10 -1
  130. package/src/style/components/_d-stepper-desktop.scss +2 -2
  131. package/src/style/root/_root.scss +27 -0
package/dist/css/dynamic-ui-non-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.29.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
  */
@@ -5538,27 +5538,27 @@ textarea.form-control-lg {
5538
5538
  }
5539
5539
 
5540
5540
  .accordion {
5541
- --bs-accordion-color: var(--bs-gray-700);
5542
- --bs-accordion-bg: var(--bs-white);
5543
- --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
5544
- --bs-accordion-border-color: var(--bs-border-color);
5545
- --bs-accordion-border-width: var(--bs-border-width);
5546
- --bs-accordion-border-radius: var(--bs-border-radius);
5547
- --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
5548
- --bs-accordion-btn-padding-x: var(--bs-ref-spacer-4);
5549
- --bs-accordion-btn-padding-y: var(--bs-ref-spacer-6);
5550
- --bs-accordion-btn-color: var(--bs-body-color);
5551
- --bs-accordion-btn-bg: var(--bs-accordion-bg);
5552
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2315151a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5553
- --bs-accordion-btn-icon-width: 1.25rem;
5554
- --bs-accordion-btn-icon-transform: rotate(-180deg);
5555
- --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
5556
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary-600%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
5557
- --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
5558
- --bs-accordion-body-padding-x: var(--bs-ref-spacer-4);
5559
- --bs-accordion-body-padding-y: var(--bs-ref-spacer-6);
5560
- --bs-accordion-active-color: var(--bs-body-color);
5561
- --bs-accordion-active-bg: var(--bs-secondary-soft);
5541
+ --bs-accordion-color: var(--bs-default-accordion-color);
5542
+ --bs-accordion-bg: var(--bs-default-accordion-bg);
5543
+ --bs-accordion-transition: var(--bs-default-accordion-transition);
5544
+ --bs-accordion-border-color: var(--bs-default-accordion-border-color);
5545
+ --bs-accordion-border-width: var(--bs-default-accordion-border-width);
5546
+ --bs-accordion-border-radius: var(--bs-default-accordion-border-radius);
5547
+ --bs-accordion-inner-border-radius: var(--bs-default-accordion-inner-border-radius);
5548
+ --bs-accordion-btn-padding-x: var(--bs-default-accordion-btn-padding-x);
5549
+ --bs-accordion-btn-padding-y: var(--bs-default-accordion-btn-padding-y);
5550
+ --bs-accordion-btn-color: var(--bs-default-accordion-btn-color);
5551
+ --bs-accordion-btn-bg: var(--bs-default-accordion-btn-bg);
5552
+ --bs-accordion-btn-icon: var(--bs-default-accordion-btn-icon);
5553
+ --bs-accordion-btn-icon-width: var(--bs-default-accordion-btn-icon-width);
5554
+ --bs-accordion-btn-icon-transform: var(--bs-default-accordion-btn-icon-transform);
5555
+ --bs-accordion-btn-icon-transition: var(--bs-default-accordion-btn-icon-transition);
5556
+ --bs-accordion-btn-active-icon: var(--bs-default-accordion-btn-active-icon);
5557
+ --bs-accordion-btn-focus-box-shadow: var(--bs-default-accordion-btn-focus-box-shadow);
5558
+ --bs-accordion-body-padding-x: var(--bs-default-accordion-body-padding-x);
5559
+ --bs-accordion-body-padding-y: var(--bs-default-accordion-body-padding-y);
5560
+ --bs-accordion-active-color: var(--bs-default-accordion-active-color);
5561
+ --bs-accordion-active-bg: var(--bs-default-accordion-active-bg);
5562
5562
  }
5563
5563
 
5564
5564
  .accordion-button {
@@ -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);
@@ -7859,7 +7859,7 @@ body {
7859
7859
  --bs-badge-icon-size: var(--bs-body-font-size);
7860
7860
  --bs-badge-bg: var(--bs-white);
7861
7861
  --bs-badge-color: var(--bs-gray-900);
7862
- display: flex;
7862
+ display: inline-flex;
7863
7863
  gap: var(--bs-badge-gap);
7864
7864
  color: var(--bs-badge-color);
7865
7865
  background-color: var(--bs-badge-bg);
@@ -7933,9 +7933,9 @@ body {
7933
7933
  }
7934
7934
 
7935
7935
  .accordion {
7936
- --bs-accordion-btn-font-weight: var(--bs-fw-bold);
7937
- --bs-accordion-btn-font-size: var(--bs-fs-6);
7938
- --bs-accordion-body-padding-top: var(--bs-ref-spacer-4);
7936
+ --bs-accordion-btn-font-weight: var(--bs-default-accordion-btn-font-weight);
7937
+ --bs-accordion-btn-font-size: var(--bs-default-accordion-btn-font-size);
7938
+ --bs-accordion-body-padding-top: var(--bs-default-accordion-body-padding-top);
7939
7939
  }
7940
7940
  .accordion .accordion-button {
7941
7941
  font-weight: var(--bs-accordion-btn-font-weight);
@@ -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);