@odx/ui 3.5.6 → 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.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/core-theme.css +3 -1
  3. package/package.json +1 -1
  4. package/scss/components/checkbox.component.scss +7 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @odx/ui
2
2
 
3
+ ## 3.5.7
4
+
5
+ ### Patch Changes
6
+
7
+ - 6539631: Subtitle for checkbox component
8
+
3
9
  ## 3.5.6
4
10
 
5
11
  ### 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 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "3.5.6",
3
+ "version": "3.5.7",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "peerDependencies": {
package/scss/components/checkbox.component.scss CHANGED
@@ -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 {