@danske/sapphire-css 26.3.1 → 26.6.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.
|
@@ -130,12 +130,23 @@ legend.sapphire-field__label {
|
|
|
130
130
|
grid-column: 2;
|
|
131
131
|
}
|
|
132
132
|
.sapphire-field--label-placement-side .sapphire-field__label {
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: center;
|
|
133
135
|
/* label is center aligned with control by default. But if the control is too long (e.g. textarea)
|
|
134
136
|
* the label stays at the top (max-height)
|
|
135
137
|
*/
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
138
|
+
max-height: var(--sapphire-field-size-max-height-label-l);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.sapphire-field--label-placement-side.sapphire-field--medium
|
|
142
|
+
.sapphire-field__label {
|
|
143
|
+
max-height: var(--sapphire-field-size-max-height-label-m);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.sapphire-field--label-placement-side.sapphire-field--label-alignment-top
|
|
147
|
+
.sapphire-field__label {
|
|
148
|
+
align-items: flex-start;
|
|
149
|
+
max-height: unset;
|
|
139
150
|
}
|
|
140
151
|
|
|
141
152
|
/*
|
|
@@ -11,6 +11,7 @@ declare const styles: {
|
|
|
11
11
|
readonly "sapphire-field--error": string;
|
|
12
12
|
readonly "is-disabled": string;
|
|
13
13
|
readonly "sapphire-field--label-placement-side": string;
|
|
14
|
+
readonly "sapphire-field--label-alignment-top": string;
|
|
14
15
|
readonly "sapphire-fieldset": string;
|
|
15
16
|
};
|
|
16
17
|
export = styles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danske/sapphire-css",
|
|
3
|
-
"version": "26.
|
|
3
|
+
"version": "26.6.0",
|
|
4
4
|
"description": "CSS implementation of the Sapphire Design System from Danske Bank A/S",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"typescript": "~4.6.4"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|
|
69
|
-
"@danske/sapphire-design-tokens": "^
|
|
69
|
+
"@danske/sapphire-design-tokens": "^36.1.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "b19a39c7159ac2ae91ddc8a94cdf8cfac71aa0f0"
|
|
72
72
|
}
|