@swisspost/design-system-styles 6.6.2 → 6.6.3
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/basics.css +1 -1
- package/components/floating-label.scss +6 -0
- package/components/form-check.scss +1 -1
- package/components/type.scss +2 -0
- package/index.css +3 -3
- package/intranet.css +3 -3
- package/layouts/portal/_type.scss +5 -0
- package/mixins/_badge.scss +9 -0
- package/package.json +1 -1
- package/placeholders/_close.scss +4 -0
- package/variables/_breakpoints.scss +1 -1
- package/variables/components/_form-validation.scss +3 -3
- package/variables/components/_forms.scss +1 -1
- package/variables/components/_notification.scss +1 -1
package/mixins/_badge.scss
CHANGED
|
@@ -7,7 +7,10 @@
|
|
|
7
7
|
border-color: transparent;
|
|
8
8
|
|
|
9
9
|
@include utilities.high-contrast-mode() {
|
|
10
|
+
background-color: Highlight;
|
|
10
11
|
border-color: Highlight;
|
|
12
|
+
color: HighlightText;
|
|
13
|
+
forced-color-adjust: none; // Disable "readability backplate" on blink browser that interferes with the colors on this case
|
|
11
14
|
}
|
|
12
15
|
}
|
|
13
16
|
|
|
@@ -19,4 +22,10 @@
|
|
|
19
22
|
> .badge {
|
|
20
23
|
background-color: badge.$badge-nested-active-bg-color;
|
|
21
24
|
}
|
|
25
|
+
|
|
26
|
+
@include utilities.high-contrast-mode() {
|
|
27
|
+
background-color: SelectedItem;
|
|
28
|
+
color: SelectedItemText;
|
|
29
|
+
forced-color-adjust: none; // Disable "readability backplate" on blink browser that interferes with the colors on this case
|
|
30
|
+
}
|
|
22
31
|
}
|
package/package.json
CHANGED
package/placeholders/_close.scss
CHANGED
|
@@ -17,12 +17,12 @@ $form-feedback-padding-x: button.$input-btn-padding-x !default;
|
|
|
17
17
|
$form-feedback-padding-y: 0.5 * button.$input-btn-padding-x !default;
|
|
18
18
|
$form-feedback-icon-size: 2rem !default; // Equals 24pt [svg-size]
|
|
19
19
|
$form-feedback-icon-offset: spacing.$size-mini !default;
|
|
20
|
-
$form-feedback-valid-bg: color.$success !default;
|
|
20
|
+
$form-feedback-valid-bg: color.$success-green !default;
|
|
21
21
|
$form-feedback-valid-text: color.$white !default;
|
|
22
22
|
$form-feedback-invalid-bg: color.$error !default;
|
|
23
23
|
$form-feedback-invalid-text: color.$white !default;
|
|
24
|
-
$form-feedback-custom-color: color.$success !default;
|
|
25
|
-
$form-feedback-custom-bg: color.$success !default;
|
|
24
|
+
$form-feedback-custom-color: color.$success-green !default;
|
|
25
|
+
$form-feedback-custom-bg: color.$success-green !default;
|
|
26
26
|
$form-feedback-invalid-box-shadow: 0 0 0 forms.$input-focus-width
|
|
27
27
|
rgba($form-feedback-invalid-color, 0.25) !default;
|
|
28
28
|
$form-feedback-valid-box-shadow: 0 0 0 forms.$input-focus-width
|
|
@@ -36,7 +36,7 @@ $input-line-height-lg: type.$line-height-copy !default;
|
|
|
36
36
|
|
|
37
37
|
$input-bg: color.$white !default;
|
|
38
38
|
$input-disabled-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6) !default;
|
|
39
|
-
$input-disabled-color: color
|
|
39
|
+
$input-disabled-color: rgba(var(--post-contrast-color-rgb), 0.6); // Design System only
|
|
40
40
|
$input-disabled-border-color: color.$gray-40; // Design System only
|
|
41
41
|
|
|
42
42
|
$input-color: color.$black !default;
|
|
@@ -74,7 +74,7 @@ $notification-variants: list.join(
|
|
|
74
74
|
$notification-variants,
|
|
75
75
|
(
|
|
76
76
|
'primary' color.$gray-80 3134,
|
|
77
|
-
'success' color.$success 2105,
|
|
77
|
+
'success' color.$success-green 2105,
|
|
78
78
|
'danger' color.$error 2104,
|
|
79
79
|
'warning' color.$warning 2104,
|
|
80
80
|
'info' color.$info 2106,
|