@odx/ui 4.6.4 → 4.7.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.
- package/CHANGELOG.md +8 -1
- package/core-theme.css +8 -2
- package/package.json +1 -1
- package/scss/components/area-header.component.scss +1 -0
- package/scss/components/datepicker.component.scss +3 -0
- package/scss/components/daterangepicker.component.scss +2 -0
- package/scss/components/timepicker.component.scss +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
# @odx/ui
|
|
2
2
|
|
|
3
|
-
## 4.
|
|
3
|
+
## 4.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- f28cb4c: Arrea header can now contain a back button
|
|
8
|
+
|
|
9
|
+
## 4.6.5
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
13
|
+
- 2d8a4a5: timepicker input width fixed
|
|
7
14
|
- 9431992: feat: Implemented a clearable input option for the select component, allowing users to easily reset the selected value
|
|
8
15
|
|
|
9
16
|
## 4.6.3
|
package/core-theme.css
CHANGED
|
@@ -2793,7 +2793,8 @@ html body .odx-fs-italic {
|
|
|
2793
2793
|
white-space: nowrap;
|
|
2794
2794
|
color: var(--odx-area-header-subtitle-color);
|
|
2795
2795
|
}
|
|
2796
|
-
.odx-area-header .odx-avatar,
|
|
2796
|
+
.odx-area-header .odx-avatar,
|
|
2797
|
+
.odx-area-header [odxNavigationBack], .odx-area-header__content {
|
|
2797
2798
|
align-self: center;
|
|
2798
2799
|
}
|
|
2799
2800
|
.odx-area-header__content {
|
|
@@ -3953,6 +3954,7 @@ html body .odx-fs-italic {
|
|
|
3953
3954
|
align-items: center;
|
|
3954
3955
|
}
|
|
3955
3956
|
.odx-datepicker__trigger-wrapper {
|
|
3957
|
+
gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
3956
3958
|
margin: 0 0 0 auto;
|
|
3957
3959
|
}
|
|
3958
3960
|
.odx-datepicker.is-readonly .odx-datepicker__trigger-wrapper > .odx-button {
|
|
@@ -3977,6 +3979,7 @@ html body .odx-fs-italic {
|
|
|
3977
3979
|
align-items: center;
|
|
3978
3980
|
}
|
|
3979
3981
|
.odx-daterangepicker__trigger-wrapper {
|
|
3982
|
+
gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
3980
3983
|
margin: 0 0 0 auto;
|
|
3981
3984
|
}
|
|
3982
3985
|
.odx-daterangepicker.is-readonly .odx-daterangepicker__trigger-wrapper > .odx-button {
|
|
@@ -6856,12 +6859,15 @@ html body .odx-fs-italic {
|
|
|
6856
6859
|
.odx-timepicker {
|
|
6857
6860
|
display: flex;
|
|
6858
6861
|
align-items: center;
|
|
6862
|
+
gap: calc(var(--odx-vertical-rythm-base-size) * 0.1667);
|
|
6859
6863
|
justify-content: space-between;
|
|
6860
6864
|
width: 100%;
|
|
6861
6865
|
}
|
|
6862
6866
|
.odx-timepicker__wrapper {
|
|
6863
6867
|
display: inline-flex;
|
|
6864
|
-
|
|
6868
|
+
}
|
|
6869
|
+
.odx-timepicker__trigger-wrapper {
|
|
6870
|
+
gap: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
|
|
6865
6871
|
}
|
|
6866
6872
|
.odx-timepicker input[odxTimepickerControl] {
|
|
6867
6873
|
-webkit-appearance: textfield;
|
package/package.json
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use 'sass:math';
|
|
2
|
+
@use '../abstract/dimensions';
|
|
1
3
|
@use '../abstract/utils';
|
|
2
4
|
|
|
3
5
|
.odx-datepicker {
|
|
@@ -6,6 +8,7 @@
|
|
|
6
8
|
@include utils.vertical-center-content();
|
|
7
9
|
|
|
8
10
|
&__trigger-wrapper {
|
|
11
|
+
gap: dimensions.get-size(math.div(1, 3));
|
|
9
12
|
margin: 0 0 0 auto;
|
|
10
13
|
|
|
11
14
|
> .odx-button {
|
|
@@ -10,12 +10,16 @@
|
|
|
10
10
|
|
|
11
11
|
@include utils.vertical-center-content();
|
|
12
12
|
|
|
13
|
+
gap: dimensions.get-size(math.div(4, 24));
|
|
13
14
|
justify-content: space-between;
|
|
14
15
|
width: 100%;
|
|
15
16
|
|
|
16
17
|
&__wrapper {
|
|
17
18
|
display: inline-flex;
|
|
18
|
-
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&__trigger-wrapper {
|
|
22
|
+
gap: dimensions.get-size(math.div(1, 3));
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
input[odxTimepickerControl] {
|