@dynamic-framework/ui-react 1.33.0 → 1.35.0

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 (71) hide show
  1. package/README.md +1 -1
  2. package/dist/css/bootstrap-icons.css +3 -3
  3. package/dist/css/bootstrap-icons.min.css +2 -2
  4. package/dist/css/bootstrap-icons.scss +1 -1
  5. package/dist/css/dynamic-ui-non-root.css +724 -965
  6. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  7. package/dist/css/dynamic-ui-root.css +1 -1
  8. package/dist/css/dynamic-ui-root.min.css +1 -1
  9. package/dist/css/dynamic-ui.css +724 -965
  10. package/dist/css/dynamic-ui.min.css +2 -2
  11. package/dist/css/fonts/bootstrap-icons.woff +0 -0
  12. package/dist/css/fonts/bootstrap-icons.woff2 +0 -0
  13. package/dist/index.esm.js +680 -169
  14. package/dist/index.esm.js.map +1 -1
  15. package/dist/index.js +686 -165
  16. package/dist/index.js.map +1 -1
  17. package/dist/js/bootstrap.bundle.js +19 -18
  18. package/dist/js/bootstrap.bundle.min.js +3 -3
  19. package/dist/js/bootstrap.esm.js +19 -16
  20. package/dist/js/bootstrap.esm.min.js +3 -3
  21. package/dist/js/bootstrap.js +19 -16
  22. package/dist/js/bootstrap.min.js +3 -3
  23. package/dist/types/components/DBoxFile/DBoxFile.d.ts +6 -5
  24. package/dist/types/components/DBoxFile/useDBoxFile.d.ts +37 -0
  25. package/dist/types/components/DBoxFile/utils.d.ts +39 -0
  26. package/dist/types/components/DDatePicker/DDatePicker.d.ts +6 -12
  27. package/dist/types/components/DDatePicker/components/DDatePickerHeaderSelector.d.ts +38 -0
  28. package/dist/types/components/{DDatePickerInput → DDatePicker/components}/DDatePickerInput.d.ts +2 -2
  29. package/dist/types/components/{DDatePickerTime → DDatePicker/components}/DDatePickerTime.d.ts +2 -2
  30. package/dist/types/components/DInput/DInput.d.ts +1 -1
  31. package/dist/types/components/DInputCounter/DInputCounter.d.ts +2 -2
  32. package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +2 -2
  33. package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts +2 -2
  34. package/dist/types/components/DInputMask/DInputMask.d.ts +1 -1
  35. package/dist/types/components/DInputRange/DInputRange.d.ts +1 -1
  36. package/dist/types/components/DInputSearch/DInputSearch.d.ts +1 -1
  37. package/dist/types/components/DPopover/DPopover.d.ts +0 -3
  38. package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts +4 -9
  39. package/dist/types/contexts/DContext.d.ts +9 -0
  40. package/dist/types/hooks/index.d.ts +2 -0
  41. package/dist/types/hooks/useMediaBreakpointUp.d.ts +6 -0
  42. package/dist/types/hooks/useMediaQuery.d.ts +1 -0
  43. package/dist/types/utils/attr-accept.d.ts +11 -0
  44. package/dist/types/utils/getCssVariable.d.ts +1 -0
  45. package/dist/types/utils/getKeyboardFocusableElements.d.ts +1 -0
  46. package/dist/types/utils/index.d.ts +2 -0
  47. package/dist/types/utils/mediaQuery.d.ts +2 -0
  48. package/jest/setup.js +14 -0
  49. package/package.json +13 -14
  50. package/src/style/abstracts/variables/_+import.scss +1 -0
  51. package/src/style/abstracts/variables/_box-file.scss +14 -7
  52. package/src/style/abstracts/variables/_cards.scss +1 -1
  53. package/src/style/abstracts/variables/_datepicker.scss +50 -0
  54. package/src/style/abstracts/variables/_forms.scss +6 -3
  55. package/src/style/base/_form-switch.scss +23 -2
  56. package/src/style/base/_input-group.scss +18 -1
  57. package/src/style/base/_nav.scss +0 -1
  58. package/src/style/base/_toast.scss +2 -0
  59. package/src/style/components/_d-box-file.scss +31 -15
  60. package/src/style/components/_d-button-icon.scss +17 -16
  61. package/src/style/components/_d-datepicker.scss +578 -243
  62. package/src/style/components/_d-input-pin.scss +8 -5
  63. package/src/style/components/_d-quick-action-button.scss +5 -3
  64. package/src/style/components/_d-quick-action-check.scss +1 -1
  65. package/src/style/components/_d-select.scss +35 -6
  66. package/src/style/components/_d-stepper-desktop.scss +1 -1
  67. package/src/style/helpers/_text-truncate.scss +2 -2
  68. package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts +0 -24
  69. package/dist/types/components/DDatePickerHeader/index.d.ts +0 -2
  70. package/dist/types/components/DDatePickerInput/index.d.ts +0 -2
  71. package/dist/types/components/DDatePickerTime/index.d.ts +0 -2
package/src/style/base/_toast.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  .toast {
2
2
  --#{$prefix}toast-header-gap: var(--#{$prefix}ref-spacer-2);
3
+ --#{$prefix}toast-body-gap: var(--#{$prefix}ref-spacer-2);
3
4
  --#{$prefix}toast-color: var(--#{$prefix}gray-900);
4
5
  --#{$prefix}toast-close-color: var(--#{$prefix}gray-900);
5
6
  --#{$prefix}toast-header-color: var(--#{$prefix}gray-900);
@@ -15,6 +16,7 @@
15
16
 
16
17
  .toast-body {
17
18
  display: flex;
19
+ gap: var(--#{$prefix}toast-body-gap);
18
20
  align-items: center;
19
21
  justify-content: space-between;
20
22
  }
package/src/style/components/_d-box-file.scss CHANGED
@@ -14,9 +14,12 @@
14
14
  --#{$prefix}box-file-selected-border: #{$box-file-selected-border};
15
15
  --#{$prefix}box-file-selected-bg: #{$box-file-selected-background};
16
16
 
17
- display: flex;
18
- flex-direction: column;
19
- gap: var(--#{$prefix}box-file-gap);
17
+ --#{$prefix}box-file-disabled-border: #{$box-file-disabled-border};
18
+ --#{$prefix}box-file-disabled-bg: #{$box-file-disabled-background};
19
+
20
+ --#{$prefix}box-file-valid-border: #{$box-file-valid-border};
21
+ --#{$prefix}box-file-invalid-border: #{$box-file-invalid-border};
22
+
20
23
  width: 100%;
21
24
  cursor: pointer;
22
25
  background: var(--#{$prefix}box-file-bg);
@@ -33,6 +36,20 @@
33
36
  border: var(--#{$prefix}box-file-selected-border);
34
37
  }
35
38
 
39
+ &.d-box-file-valid {
40
+ border: var(--#{$prefix}box-file-valid-border);
41
+ }
42
+
43
+ &.d-box-file-invalid {
44
+ border: var(--#{$prefix}box-file-invalid-border);
45
+ }
46
+
47
+ &.d-box-file-disabled {
48
+ cursor: default;
49
+ background: var(--#{$prefix}box-file-disabled-bg);
50
+ border: var(--#{$prefix}box-file-disabled-border);
51
+ }
52
+
36
53
  .d-icon {
37
54
  --#{$prefix}icon-size: var(--#{$prefix}box-file-icon-size);
38
55
  --#{$prefix}icon-color: var(--#{$prefix}box-file-icon-color);
@@ -45,24 +62,23 @@
45
62
  align-items: center;
46
63
  width: 100%;
47
64
  padding: var(--#{$prefix}box-file-padding);
48
-
49
- &:not(:last-child) {
50
- padding-bottom: 0;
51
- }
52
65
  }
53
66
 
54
67
  .d-box-content {
55
68
  max-width: var(--#{$prefix}box-file-content-max-width);
56
69
  }
70
+ }
57
71
 
58
- .d-box-files {
59
- display: flex;
60
- flex-direction: column;
61
- gap: var(--#{$prefix}box-file-gap);
62
- padding: 0 var(--#{$prefix}box-file-padding) var(--#{$prefix}box-file-padding);
63
- }
72
+ .d-box-files {
73
+ --#{$prefix}box-file-list-gap: #{$box-file-list-gap};
74
+ --#{$prefix}box-file-list-padding: #{$box-file-list-padding};
75
+ display: flex;
76
+ flex-direction: column;
77
+ gap: var(--#{$prefix}box-file-list-gap);
78
+ padding: var(--#{$prefix}box-file-list-padding);
64
79
 
65
- .d-box-files-text {
66
- word-break: break-word;
80
+ .input-group:focus-within {
81
+ --#{$prefix}input-focus-border-color: var(--#{$prefix}gray-100);
82
+ --#{$prefix}input-focus-box-shadow: none;
67
83
  }
68
84
  }
package/src/style/components/_d-button-icon.scss CHANGED
@@ -5,22 +5,23 @@
5
5
  --#{$prefix}btn-lg-padding-x: var(--#{$prefix}ref-spacer-4);
6
6
  --#{$prefix}btn-sm-padding-y: var(--#{$prefix}ref-spacer-2);
7
7
  --#{$prefix}btn-sm-padding-x: var(--#{$prefix}ref-spacer-2);
8
- }
9
8
 
10
- .btn-lg {
11
- @include button-size(
12
- var(--#{$prefix}btn-lg-padding-y),
13
- var(--#{$prefix}btn-lg-padding-x),
14
- var(--#{$prefix}btn-lg-font-size),
15
- var(--#{$prefix}btn-lg-border-radius),
16
- );
17
- }
9
+ &.btn-lg {
10
+ @include button-size(
11
+ var(--#{$prefix}btn-lg-padding-y),
12
+ var(--#{$prefix}btn-lg-padding-x),
13
+ var(--#{$prefix}btn-lg-font-size),
14
+ var(--#{$prefix}btn-lg-border-radius),
15
+ );
16
+ }
18
17
 
19
- .btn-sm {
20
- @include button-size(
21
- var(--#{$prefix}btn-sm-padding-y),
22
- var(--#{$prefix}btn-sm-padding-x),
23
- var(--#{$prefix}btn-sm-font-size),
24
- var(--#{$prefix}btn-sm-border-radius),
25
- );
18
+ &.btn-sm {
19
+ @include button-size(
20
+ var(--#{$prefix}btn-sm-padding-y),
21
+ var(--#{$prefix}btn-sm-padding-x),
22
+ var(--#{$prefix}btn-sm-font-size),
23
+ var(--#{$prefix}btn-sm-border-radius),
24
+ );
25
+ }
26
26
  }
27
+