@odx/ui 3.5.5 → 3.5.7

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.7
4
+
5
+ ### Patch Changes
6
+
7
+ - 6539631: Subtitle for checkbox component
8
+
9
+ ## 3.5.6
10
+
11
+ ### Patch Changes
12
+
13
+ - 9507e82: Fixed hover effect for disabled state in switch component
14
+
3
15
  ## 3.5.5
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);
@@ -3606,6 +3606,8 @@ html body .odx-fs-italic {
3606
3606
  }
3607
3607
  .odx-checkbox__content {
3608
3608
  margin-left: calc(var(--odx-vertical-rythm-base-size) * 0.5);
3609
+ display: flex;
3610
+ flex-direction: column;
3609
3611
  padding-left: 2px;
3610
3612
  }
3611
3613
  .odx-checkbox__content:empty {
@@ -6260,7 +6262,7 @@ html body .odx-fs-italic {
6260
6262
  }
6261
6263
  }
6262
6264
  @media (hover: hover){
6263
- .odx-switch.is-active:hover .odx-switch__indicator::before {
6265
+ .odx-switch.is-active:not(.is-disabled):hover .odx-switch__indicator::before {
6264
6266
  background-color: var(--odx-c-highlight-hover);
6265
6267
  border-color: var(--odx-c-highlight-hover);
6266
6268
  }
@@ -6572,8 +6574,6 @@ html body .odx-fs-italic {
6572
6574
  -webkit-appearance: textfield;
6573
6575
  -moz-appearance: textfield;
6574
6576
  appearance: textfield;
6575
- font-weight: var(--odx-typography-font-weight-normal);
6576
- letter-spacing: var(--odx-typography-font-weight-normal-letter-spacing);
6577
6577
  width: 100%;
6578
6578
  }
6579
6579
  .odx-timepicker input[odxTimepickerControl]::-moz-placeholder {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "3.5.5",
3
+ "version": "3.5.7",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "peerDependencies": {
@@ -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 {
@@ -103,7 +103,7 @@
103
103
  background-color: var(--odx-control-background-color-hover);
104
104
  }
105
105
 
106
- #{$root}.is-active:hover &::before {
106
+ #{$root}.is-active:not(.is-disabled):hover &::before {
107
107
  @include indicator-color(var(--odx-c-highlight-hover));
108
108
  }
109
109
 
@@ -20,8 +20,6 @@
20
20
 
21
21
  input[odxTimepickerControl] {
22
22
  appearance: textfield;
23
- font-weight: var(--odx-typography-font-weight-normal);
24
- letter-spacing: var(--odx-typography-font-weight-normal-letter-spacing);
25
23
  width: 100%;
26
24
 
27
25
  &::placeholder {