@dynamic-framework/ui-react 1.16.0 → 1.16.2

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 (35) hide show
  1. package/{LICENSE → LICENSE.md} +2 -2
  2. package/dist/css/dynamic-ui-non-root.css +131 -150
  3. package/dist/css/dynamic-ui-non-root.min.css +4 -2
  4. package/dist/css/dynamic-ui-root.css +6 -4
  5. package/dist/css/dynamic-ui-root.min.css +4 -2
  6. package/dist/css/dynamic-ui.css +134 -153
  7. package/dist/css/dynamic-ui.min.css +4 -2
  8. package/dist/index.esm.js +11 -11
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.js +11 -11
  11. package/dist/index.js.map +1 -1
  12. package/dist/js/bootstrap.bundle.js +8 -8
  13. package/dist/js/bootstrap.bundle.min.js +3 -3
  14. package/dist/js/bootstrap.esm.js +8 -8
  15. package/dist/js/bootstrap.esm.min.js +3 -3
  16. package/dist/js/bootstrap.js +8 -8
  17. package/dist/js/bootstrap.min.js +3 -3
  18. package/dist/types/components/DTabs/DTabs.d.ts +2 -1
  19. package/package.json +6 -5
  20. package/src/style/abstracts/variables/_+import.scss +1 -1
  21. package/src/style/abstracts/variables/_body.scss +1 -1
  22. package/src/style/abstracts/variables/_box-shadow.scss +1 -1
  23. package/src/style/abstracts/variables/_cards.scss +2 -2
  24. package/src/style/abstracts/variables/_dropdowns.scss +11 -7
  25. package/src/style/abstracts/variables/_forms.scss +23 -19
  26. package/src/style/abstracts/variables/_list-group.scss +2 -2
  27. package/src/style/abstracts/variables/_modals.scss +1 -6
  28. package/src/style/abstracts/variables/_navs.scss +2 -2
  29. package/src/style/abstracts/variables/_offcanvas.scss +1 -2
  30. package/src/style/abstracts/variables/_typography.scss +1 -1
  31. package/src/style/base/_+import.scss +1 -0
  32. package/src/style/base/_accordion.scss +2 -1
  33. package/src/style/base/_dropdown.scss +3 -0
  34. package/src/style/components/_d-modal.scss +0 -5
  35. package/src/style/components/_d-tabs.scss +10 -19
package/src/style/abstracts/variables/_offcanvas.scss CHANGED
@@ -13,8 +13,7 @@ $offcanvas-transition-duration: .3s !default;
13
13
  $offcanvas-border-color: $modal-content-border-color !default;
14
14
  $offcanvas-border-width: $modal-content-border-width !default;
15
15
  $offcanvas-title-line-height: $modal-title-line-height !default;
16
- $offcanvas-bg-color: var(--#{$prefix}body-bg) !default;
17
- $offcanvas-color: var(--#{$prefix}body-color) !default;
16
+ $offcanvas-bg-color: var(--#{$prefix}white) !default;
18
17
  $offcanvas-box-shadow: $modal-content-box-shadow-xs !default;
19
18
  $offcanvas-backdrop-bg: $modal-backdrop-bg !default;
20
19
  $offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;
package/src/style/abstracts/variables/_typography.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  // Font, line-height, and color for body text, headings, and more.
4
4
 
5
5
  // scss-docs-start font-variables
6
- $font-family-sans-serif: "Source Sans Pro", sans-serif !default;
6
+ $font-family-sans-serif: "Source Sans 3", sans-serif !default;
7
7
  $font-family-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace !default;
8
8
  $font-family-base: var(--#{$prefix}font-sans-serif) !default;
9
9
  $font-family-code: var(--#{$prefix}font-monospace) !default;
package/src/style/base/_+import.scss CHANGED
@@ -43,3 +43,4 @@
43
43
  @import "collapse";
44
44
  @import "pagination";
45
45
  @import "breadcrumb";
46
+ @import "dropdown";
package/src/style/base/_accordion.scss CHANGED
@@ -8,7 +8,8 @@
8
8
  @include font-size(var(--#{$prefix}accordion-btn-font-size));
9
9
  }
10
10
 
11
- .accordion-item .show {
11
+ .accordion-item .show,
12
+ .accordion-item .collapsing {
12
13
  background-color: var(--#{$prefix}accordion-active-bg);
13
14
  }
14
15
 
package/src/style/base/_dropdown.scss ADDED
@@ -0,0 +1,3 @@
1
+ .dropdown-item {
2
+ --#{$prefix}dropdown-item-border-radius: #{$dropdown-item-border-radius};
3
+ }
package/src/style/components/_d-modal.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  .modal {
2
2
  --#{$prefix}modal-header-gap: #{$offcanvas-header-gap};
3
- --#{$prefix}modal-body-padding: #{$modal-body-padding};
4
3
  --#{$prefix}modal-footer-padding: #{$modal-footer-padding};
5
4
  --#{$prefix}modal-separator-margin-x: #{$modal-separator-margin-x};
6
5
  --#{$prefix}modal-separator-height: #{$modal-separator-height};
@@ -28,10 +27,6 @@
28
27
  }
29
28
  }
30
29
 
31
- .modal-body {
32
- padding: var(--#{$prefix}modal-component-body-padding, var(--#{$prefix}modal-body-padding));
33
- }
34
-
35
30
  .d-modal-separator {
36
31
  height: var(--#{$prefix}modal-separator-height);
37
32
  margin: 0 var(--#{$prefix}modal-separator-margin-x);
package/src/style/components/_d-tabs.scss CHANGED
@@ -1,4 +1,4 @@
1
- .d-tabs {
1
+ .nav {
2
2
  --#{$prefix}tabs-nav-gap: #{$nav-nav-gap};
3
3
  --#{$prefix}tabs-nav-padding-x: #{$nav-nav-padding-x};
4
4
  --#{$prefix}tabs-nav-padding-y: #{$nav-nav-padding-y};
@@ -9,14 +9,11 @@
9
9
  --#{$prefix}tabs-link-border-active-font-weight: #{$nav-link-border-active-font-weight};
10
10
  --#{$prefix}tabs-link-border-active-bg: #{$nav-link-border-active-bg};
11
11
 
12
- display: flex;
13
- flex-direction: column;
14
-
15
- .nav {
16
- gap: var(--#{$prefix}tabs-nav-gap);
17
- padding: var(--#{$prefix}tabs-nav-padding-y) var(--#{$prefix}tabs-nav-padding-x);
18
- }
12
+ gap: var(--#{$prefix}tabs-nav-gap);
13
+ padding: var(--#{$prefix}tabs-nav-padding-y) var(--#{$prefix}tabs-nav-padding-x);
14
+ }
19
15
 
16
+ .nav-tabs {
20
17
  .nav-link {
21
18
  position: relative;
22
19
  line-height: var(--#{$prefix}tabs-link-line-height);
@@ -40,17 +37,11 @@
40
37
  content: " ";
41
38
  border-radius: var(--#{$prefix}tabs-link-border-border-radius);
42
39
  }
40
+ }
43
41
 
44
- &.d-tabs-vertical {
45
- flex-direction: row;
46
-
47
- .nav {
48
- flex-direction: column;
49
- align-items: center;
50
- }
51
-
52
- .tab-content {
53
- flex: 1;
54
- }
42
+ .nav-pills {
43
+ .nav-link {
44
+ position: relative;
45
+ line-height: var(--#{$prefix}tabs-link-line-height);
55
46
  }
56
47
  }