@odx/ui 3.5.6 → 3.5.8
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
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @odx/ui
|
|
2
2
|
|
|
3
|
+
## 3.5.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- f7e1aa3: Fix connected overlay stacking issues to prevent badges from overlaying modals
|
|
8
|
+
|
|
9
|
+
## 3.5.7
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 6539631: Subtitle for checkbox component
|
|
14
|
+
|
|
3
15
|
## 3.5.6
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/core-theme.css
CHANGED
|
@@ -663,7 +663,7 @@ html body {
|
|
|
663
663
|
font-weight: var(--odx-typography-font-weight-normal);
|
|
664
664
|
letter-spacing: var(--odx-typography-font-weight-normal-letter-spacing);
|
|
665
665
|
}
|
|
666
|
-
.odx-text--small {
|
|
666
|
+
.odx-text--small, .odx-checkbox__subtitle {
|
|
667
667
|
padding-top: calc(var(--odx-vertical-rythm-base-size) * 0.0834);
|
|
668
668
|
padding-bottom: calc(var(--odx-vertical-rythm-base-size) * 0.0834);
|
|
669
669
|
line-height: calc(var(--odx-vertical-rythm-base-size) * 0.8334);
|
|
@@ -2052,10 +2052,6 @@ html body .odx-fs-italic {
|
|
|
2052
2052
|
opacity: 1;
|
|
2053
2053
|
}
|
|
2054
2054
|
|
|
2055
|
-
:root {
|
|
2056
|
-
--odx-cdk-connected-overlay-current-z-layer: 0;
|
|
2057
|
-
}
|
|
2058
|
-
|
|
2059
2055
|
.odx-cdk-connected-overlay {
|
|
2060
2056
|
transition-delay: 0ms;
|
|
2061
2057
|
transition-duration: var(--odx-v-transition-duration);
|
|
@@ -2063,7 +2059,7 @@ html body .odx-fs-italic {
|
|
|
2063
2059
|
transition-timing-function: var(--odx-v-transition-easing-fn);
|
|
2064
2060
|
display: block;
|
|
2065
2061
|
position: fixed;
|
|
2066
|
-
z-index:
|
|
2062
|
+
z-index: var(--odx-v-layer-4);
|
|
2067
2063
|
}
|
|
2068
2064
|
.odx-cdk-connected-overlay.is-hidden {
|
|
2069
2065
|
opacity: 0;
|
|
@@ -3606,6 +3602,8 @@ html body .odx-fs-italic {
|
|
|
3606
3602
|
}
|
|
3607
3603
|
.odx-checkbox__content {
|
|
3608
3604
|
margin-left: calc(var(--odx-vertical-rythm-base-size) * 0.5);
|
|
3605
|
+
display: flex;
|
|
3606
|
+
flex-direction: column;
|
|
3609
3607
|
padding-left: 2px;
|
|
3610
3608
|
}
|
|
3611
3609
|
.odx-checkbox__content:empty {
|
package/package.json
CHANGED
|
@@ -4,16 +4,12 @@
|
|
|
4
4
|
@use '../abstract/typography';
|
|
5
5
|
@use '../abstract/utils';
|
|
6
6
|
|
|
7
|
-
:root {
|
|
8
|
-
--odx-cdk-connected-overlay-current-z-layer: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
7
|
.odx-cdk-connected-overlay {
|
|
12
8
|
@include motion.transition(opacity visibility);
|
|
13
9
|
|
|
14
10
|
display: block;
|
|
15
11
|
position: fixed;
|
|
16
|
-
z-index:
|
|
12
|
+
z-index: var(--odx-v-layer-4);
|
|
17
13
|
|
|
18
14
|
&.is-hidden {
|
|
19
15
|
opacity: 0;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use 'sass:math';
|
|
2
2
|
@use '../layout/helpers';
|
|
3
|
+
@use '../layout/typography' as *;
|
|
3
4
|
@use '../abstract/dimensions';
|
|
4
5
|
@use '../abstract/typography';
|
|
5
6
|
@use '../abstract/utils';
|
|
@@ -38,6 +39,10 @@
|
|
|
38
39
|
}
|
|
39
40
|
}
|
|
40
41
|
|
|
42
|
+
&__subtitle {
|
|
43
|
+
@extend .odx-text--small;
|
|
44
|
+
}
|
|
45
|
+
|
|
41
46
|
&__input {
|
|
42
47
|
@include utils.visually-hidden();
|
|
43
48
|
}
|
|
@@ -107,6 +112,8 @@
|
|
|
107
112
|
&__content {
|
|
108
113
|
@include dimensions.margin(0.5, left);
|
|
109
114
|
|
|
115
|
+
display: flex;
|
|
116
|
+
flex-direction: column;
|
|
110
117
|
padding-left: 2px;
|
|
111
118
|
|
|
112
119
|
&:empty {
|