@odx/ui 5.0.0 → 5.0.2

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 (6) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/core-theme.css +1 -1
  3. package/package.json +1 -1
  4. package/scss/area-header.component.scss +14 -0
  5. package/scss/assets/fonts/draeger-pangea-text-medium.woff2 +0 -0
  6. package/scss/components/area-header.component.scss +14 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "5.0.0",
3
+ "version": "5.0.2",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "peerDependencies": {
package/scss/area-header.component.scss CHANGED
@@ -61,8 +61,10 @@
61
61
  &__subtitle {
62
62
  @include typography.prevent-text-overflow();
63
63
  @extend .odx-text;
64
+ @include dimensions.line-height(math.div(12, 24));
64
65
 
65
66
  color: var(--odx-area-header-subtitle-color);
67
+ font-size: dimensions.get-size(math.div(10, 24));
66
68
  }
67
69
 
68
70
  .odx-avatar,
@@ -105,6 +107,12 @@
105
107
  .odx-area-header__title {
106
108
  @extend .odx-heading-5;
107
109
  }
110
+
111
+ .odx-area-header__subtitle {
112
+ @include dimensions.line-height(math.div(20, 24));
113
+
114
+ font-size: dimensions.get-size(math.div(13, 24));
115
+ }
108
116
  }
109
117
 
110
118
  &--large {
@@ -118,6 +126,11 @@
118
126
  }
119
127
  }
120
128
 
129
+ .odx-area-header__subtitle {
130
+ @include typography.font-size(0);
131
+ @include dimensions.line-height(math.div(21, 24));
132
+ }
133
+
121
134
  .odx-avatar {
122
135
  @extend .odx-avatar--medium;
123
136
  }
@@ -142,6 +155,7 @@
142
155
 
143
156
  .odx-area-header__subtitle {
144
157
  @extend .odx-heading-5;
158
+ @include dimensions.line-height(math.div(26, 24));
145
159
  }
146
160
 
147
161
  .odx-avatar {
package/scss/components/area-header.component.scss CHANGED
@@ -61,8 +61,10 @@
61
61
  &__subtitle {
62
62
  @include typography.prevent-text-overflow();
63
63
  @extend .odx-text;
64
+ @include dimensions.line-height(math.div(12, 24));
64
65
 
65
66
  color: var(--odx-area-header-subtitle-color);
67
+ font-size: dimensions.get-size(math.div(10, 24));
66
68
  }
67
69
 
68
70
  .odx-avatar,
@@ -105,6 +107,12 @@
105
107
  .odx-area-header__title {
106
108
  @extend .odx-heading-5;
107
109
  }
110
+
111
+ .odx-area-header__subtitle {
112
+ @include dimensions.line-height(math.div(20, 24));
113
+
114
+ font-size: dimensions.get-size(math.div(13, 24));
115
+ }
108
116
  }
109
117
 
110
118
  &--large {
@@ -118,6 +126,11 @@
118
126
  }
119
127
  }
120
128
 
129
+ .odx-area-header__subtitle {
130
+ @include typography.font-size(0);
131
+ @include dimensions.line-height(math.div(21, 24));
132
+ }
133
+
121
134
  .odx-avatar {
122
135
  @extend .odx-avatar--medium;
123
136
  }
@@ -142,6 +155,7 @@
142
155
 
143
156
  .odx-area-header__subtitle {
144
157
  @extend .odx-heading-5;
158
+ @include dimensions.line-height(math.div(26, 24));
145
159
  }
146
160
 
147
161
  .odx-avatar {