@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/src/style/abstracts/variables/_progress.scss CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  // scss-docs-start progress-variables
4
4
  $progress-font-size: var(--#{$prefix}fs-small) !default;
5
- $progress-bg: var(--#{$prefix}secondary-100) !default;
5
+ $progress-bg: var(--#{$prefix}gray-200) !default;
6
6
  $progress-border-radius: var(--#{$prefix}border-radius-pill) !default;
7
7
  $progress-box-shadow: none !default;
8
8
  $progress-bar-color: var(--#{$prefix}white) !default;
9
- $progress-bar-bg: var(--#{$prefix}secondary) !default;
9
+ $progress-bar-bg: var(--#{$prefix}primary) !default;
10
10
 
11
11
  // custom
12
- $progress-font-weight: var(--#{$prefix}fw-bold) !default;
12
+ $progress-font-weight: var(--#{$prefix}fw-normal) !default;
13
13
  // end custom
14
14
  // scss-docs-end progress-variables
package/src/style/base/_alert.scss CHANGED
@@ -18,14 +18,12 @@
18
18
  }
19
19
 
20
20
  @each $theme, $value in map-remove($theme-colors, "light", "dark") {
21
- $color: color-contrast-var($value);
22
21
  &.alert-#{$theme} {
23
22
  --#{$prefix}alert-icon-color: var(--#{$prefix}#{$theme}-500);
24
23
  --#{$prefix}alert-color: var(--#{$prefix}body-color);
25
24
 
26
25
  --#{$prefix}alert-bg: var(--#{$prefix}surface-#{$theme});
27
26
  --#{$prefix}alert-border-color: var(--#{$prefix}surface-#{$theme});
28
- --#{$prefix}alert-link-color: #{$color};
29
27
  }
30
28
  }
31
29
  }
package/src/style/base/_badge.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  --#{$prefix}badge-bg: #{$badge-bg};
5
5
  --#{$prefix}badge-color: #{$badge-color};
6
6
 
7
- display: flex;
7
+ display: inline-flex;
8
8
  gap: var(--#{$prefix}badge-gap);
9
9
  color: var(--#{$prefix}badge-color);
10
10
 
package/src/style/base/_pagination.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  .pagination {
2
2
  --#{$prefix}pagination-page-item-size: #{$pagination-page-item-size};
3
3
  --#{$prefix}pagination-border-radius: #{$pagination-page-border-radius};
4
-
4
+ --#{$prefix}pagination-page-control-color: #{$pagination-page-control-color};
5
+ --#{$prefix}pagination-page-control-disabled-color: #{$pagination-page-control-disabled-color};
5
6
  margin: 0;
6
7
 
7
8
  .page-item {
@@ -9,6 +10,14 @@
9
10
  min-height: var(--#{$prefix}pagination-page-item-size);
10
11
  }
11
12
 
13
+ :is(.page-item:first-child, .page-item:last-child):not(.disabled) .page-link {
14
+ color: var(--#{$prefix}pagination-page-control-color);
15
+ }
16
+
17
+ :is(.page-item:first-child, .page-item:last-child).disabled .page-link {
18
+ color: var(--#{$prefix}pagination-page-control-disabled-color);
19
+ }
20
+
12
21
  .page-link {
13
22
  display: flex;
14
23
  align-items: center;
@@ -17,6 +26,7 @@
17
26
  height: 100%;
18
27
  border-radius: var(--#{$prefix}pagination-border-radius);
19
28
  }
29
+
20
30
  }
21
31
 
22
32
  .pagination-lg {
package/src/style/components/_d-offcanvas.scss CHANGED
@@ -1,6 +1,9 @@
1
1
  .offcanvas {
2
2
  --#{$prefix}offcanvas-header-gap: #{$offcanvas-header-gap};
3
3
  --#{$prefix}offcanvas-footer-gap: #{$offcanvas-footer-gap};
4
+ --#{$prefix}offcanvas-separator-margin-x: #{$offcanvas-separator-margin-x};
5
+ --#{$prefix}offcanvas-separator-height: #{$offcanvas-separator-height};
6
+ --#{$prefix}offcanvas-separator-bg: #{$offcanvas-separator-bg};
4
7
 
5
8
  .offcanvas-header {
6
9
  flex-direction: row;
@@ -13,8 +16,14 @@
13
16
  }
14
17
  }
15
18
 
19
+ .d-offcanvas-separator {
20
+ height: var(--#{$prefix}offcanvas-separator-height);
21
+ margin: 0 var(--#{$prefix}offcanvas-separator-margin-x);
22
+ background: var(--#{$prefix}offcanvas-separator-bg);
23
+ }
24
+
16
25
  .offcanvas-body {
17
- padding: 0 var(--#{$prefix}offcanvas-padding-x);
26
+ padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
18
27
  }
19
28
 
20
29
  .d-offcanvas-footer {
package/src/style/components/_d-stepper-desktop.scss CHANGED
@@ -7,13 +7,13 @@
7
7
  --#{$prefix}step-icon-container-border-width: 1px;
8
8
  --#{$prefix}step-icon-container-border-color: var(--#{$prefix}secondary);
9
9
  --#{$prefix}step-icon-container-border-radius: 100%;
10
- --#{$prefix}step-icon-container-z-index: 3;
10
+ --#{$prefix}step-icon-container-z-index: 1;
11
11
 
12
12
  /* Base step */
13
13
  --#{$prefix}step-label-height: var(--#{$prefix}ref-spacer-12);
14
14
  --#{$prefix}step-icon-size: var(--#{$prefix}ref-spacer-6);
15
15
  --#{$prefix}step-gap: var(--#{$prefix}ref-spacer-2);
16
- --#{$prefix}step-z-index: 2;
16
+ --#{$prefix}step-z-index: 0;
17
17
 
18
18
  /* Checked step */
19
19
  --#{$prefix}step-check-text-color: var(--#{$prefix}white);
package/src/style/root/_root.scss CHANGED
@@ -295,6 +295,33 @@
295
295
  @each $level, $value in $spacers {
296
296
  --#{$prefix}ref-spacer-#{$level}: #{$value};
297
297
  }
298
+
299
+ --#{$prefix}default-accordion-padding-x: var(--#{$prefix}ref-spacer-4);
300
+ --#{$prefix}default-accordion-padding-y: var(--#{$prefix}ref-spacer-6);
301
+ --#{$prefix}default-accordion-color: var(--#{$prefix}gray-700);
302
+ --#{$prefix}default-accordion-bg: var(--#{$prefix}white);
303
+ --#{$prefix}default-accordion-transition: #{$btn-transition}, border-radius .15s ease;
304
+ --#{$prefix}default-accordion-border-color: var(--#{$prefix}border-color);
305
+ --#{$prefix}default-accordion-border-width: var(--#{$prefix}border-width);
306
+ --#{$prefix}default-accordion-border-radius: var(--#{$prefix}border-radius);
307
+ --#{$prefix}default-accordion-inner-border-radius: calc(var(--#{$prefix}default-accordion-border-radius) - var(--#{$prefix}default-accordion-border-width));
308
+ --#{$prefix}default-accordion-btn-padding-x: var(--#{$prefix}default-accordion-padding-x);
309
+ --#{$prefix}default-accordion-btn-padding-y: var(--#{$prefix}default-accordion-padding-y);
310
+ --#{$prefix}default-accordion-btn-color: var(--#{$prefix}body-color);
311
+ --#{$prefix}default-accordion-btn-bg: var(--#{$prefix}default-accordion-bg);
312
+ --#{$prefix}default-accordion-btn-icon: #{escape-svg($accordion-button-icon-url)};
313
+ --#{$prefix}default-accordion-btn-icon-width: var(--#{$prefix}ref-spacer-5);
314
+ --#{$prefix}default-accordion-btn-icon-transform: rotate(-180deg);
315
+ --#{$prefix}default-accordion-btn-icon-transition: transform .2s ease-in-out;
316
+ --#{$prefix}default-accordion-btn-active-icon: #{escape-svg($accordion-button-active-icon-url)};
317
+ --#{$prefix}default-accordion-btn-focus-box-shadow: #{$input-btn-focus-box-shadow};
318
+ --#{$prefix}default-accordion-btn-font-weight: var(--#{$prefix}fw-bold);
319
+ --#{$prefix}default-accordion-btn-font-size: var(--#{$prefix}fs-6);
320
+ --#{$prefix}default-accordion-body-padding-top: var(--#{$prefix}default-accordion-padding-y);
321
+ --#{$prefix}default-accordion-body-padding-x: var(--#{$prefix}default-accordion-padding-x);
322
+ --#{$prefix}default-accordion-body-padding-y: var(--#{$prefix}default-accordion-padding-y);
323
+ --#{$prefix}default-accordion-active-color: var(--#{$prefix}body-color);
324
+ --#{$prefix}default-accordion-active-bg: var(--#{$prefix}secondary-soft);
298
325
  }
299
326
 
300
327
  @if $enable-dark-mode {