@amsterdam/design-system-tokens 3.2.0 → 3.4.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.
- package/CHANGELOG.md +18 -0
- package/dist/compact.css +2 -0
- package/dist/compact.d.ts +4 -0
- package/dist/compact.json +5 -1
- package/dist/compact.mjs +2 -0
- package/dist/compact.scss +2 -0
- package/dist/compact.theme.css +2 -0
- package/dist/index.css +103 -88
- package/dist/index.d.ts +194 -169
- package/dist/index.json +249 -224
- package/dist/index.mjs +179 -169
- package/dist/index.scss +103 -88
- package/dist/index.theme.css +103 -88
- package/package.json +2 -2
- package/src/brand/ams/border.compact.tokens.json +20 -0
- package/src/brand/ams/border.tokens.json +20 -0
- package/src/brand/ams/color.tokens.json +5 -0
- package/src/brand/ams/typography.compact.tokens.json +18 -0
- package/src/brand/ams/typography.tokens.json +35 -3
- package/src/components/ams/accordion.tokens.json +38 -0
- package/src/components/ams/checkbox.tokens.json +40 -0
- package/src/components/ams/date-input.tokens.json +28 -0
- package/src/components/ams/description-list.tokens.json +29 -2
- package/src/components/ams/field-set.tokens.json +8 -0
- package/src/components/ams/field.tokens.json +8 -0
- package/src/components/ams/file-input.tokens.json +1 -0
- package/src/components/ams/icon.tokens.json +16 -0
- package/src/components/ams/menu.tokens.json +28 -0
- package/src/components/ams/page-header.tokens.json +1 -1
- package/src/components/ams/{page-heading.deprecated.tokens.json → page-heading.tokens.json} +7 -7
- package/src/components/ams/progress-list.tokens.json +51 -0
- package/src/components/ams/select.tokens.json +2 -0
- package/src/components/ams/standalone-link.tokens.json +30 -0
- package/src/components/ams/switch.tokens.json +17 -1
- package/src/components/ams/table-of-contents.tokens.json +21 -0
- package/src/components/ams/tabs.tokens.json +3 -3
- package/src/components/ams/text-input.tokens.json +2 -0
- package/src/components/ams/time-input.tokens.json +30 -0
- package/src/brand/ams/color.deprecated.tokens.json +0 -13
- package/src/brand/ams/typography.deprecated.compact.tokens.json +0 -26
- package/src/brand/ams/typography.deprecated.tokens.json +0 -40
- package/src/components/ams/accordion.deprecated.tokens.json +0 -39
- package/src/components/ams/checkbox.deprecated.tokens.json +0 -59
- package/src/components/ams/date-input.deprecated.tokens.json +0 -38
- package/src/components/ams/field-set.deprecated.tokens.json +0 -16
- package/src/components/ams/field.deprecated.tokens.json +0 -14
- package/src/components/ams/icon.deprecated.tokens.json +0 -22
- package/src/components/ams/menu.deprecated.tokens.json +0 -36
- package/src/components/ams/standalone-link.deprecated.tokens.json +0 -38
- package/src/components/ams/table-of-contents.deprecated.tokens.json +0 -24
- package/src/components/ams/time-input.deprecated.tokens.json +0 -38
package/dist/index.scss
CHANGED
|
@@ -11,14 +11,8 @@ $ams-border-width-s: 0.0625rem;
|
|
|
11
11
|
$ams-border-width-m: 0.125rem;
|
|
12
12
|
$ams-border-width-l: 0.1875rem;
|
|
13
13
|
$ams-border-width-xl: 0.25rem;
|
|
14
|
-
$ams-
|
|
15
|
-
$ams-
|
|
16
|
-
$ams-color-interactive: #004699;
|
|
17
|
-
$ams-color-interactive-disabled: #767676;
|
|
18
|
-
$ams-color-interactive-hover: #003677;
|
|
19
|
-
$ams-color-interactive-invalid: #ec0000;
|
|
20
|
-
$ams-color-interactive-invalid-hover: #b70000;
|
|
21
|
-
$ams-color-interactive-inverse: #ffffff;
|
|
14
|
+
$ams-border-width-negative-m: -0.125rem;
|
|
15
|
+
$ams-border-width-negative-xl: -0.25rem;
|
|
22
16
|
$ams-color-background: #ffffff;
|
|
23
17
|
$ams-color-feedback-error: #ec0000;
|
|
24
18
|
$ams-color-feedback-info: #009de6;
|
|
@@ -31,6 +25,14 @@ $ams-color-highlight-magenta: #e50082;
|
|
|
31
25
|
$ams-color-highlight-orange: #ff9100;
|
|
32
26
|
$ams-color-highlight-purple: #a00078;
|
|
33
27
|
$ams-color-highlight-yellow: #ffe600;
|
|
28
|
+
$ams-color-interactive-contrast: #202020;
|
|
29
|
+
$ams-color-interactive: #004699;
|
|
30
|
+
$ams-color-interactive-disabled: #767676;
|
|
31
|
+
$ams-color-interactive-hover: #003677;
|
|
32
|
+
$ams-color-interactive-invalid: #ec0000;
|
|
33
|
+
$ams-color-interactive-invalid-hover: #b70000;
|
|
34
|
+
$ams-color-interactive-inverse: #ffffff;
|
|
35
|
+
$ams-color-interactive-secondary: #202020;
|
|
34
36
|
$ams-color-progress-current: #00893c;
|
|
35
37
|
$ams-color-progress-completed: #00893c;
|
|
36
38
|
$ams-color-progress-upcoming: #767676;
|
|
@@ -47,6 +49,18 @@ $ams-space-m: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
|
|
|
47
49
|
$ams-space-l: clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem);
|
|
48
50
|
$ams-space-xl: clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem);
|
|
49
51
|
$ams-space-2xl: clamp(3rem, 2.25rem + 3.75vw, 5.625rem);
|
|
52
|
+
$ams-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
|
|
53
|
+
$ams-typography-hyphenate-limit-chars: auto;
|
|
54
|
+
$ams-typography-body-text-font-size: clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem);
|
|
55
|
+
$ams-typography-body-text-font-weight: 400;
|
|
56
|
+
$ams-typography-body-text-line-height: 1.6;
|
|
57
|
+
$ams-typography-body-text-bold-font-weight: 800;
|
|
58
|
+
$ams-typography-body-text-small-font-size: 1rem;
|
|
59
|
+
$ams-typography-body-text-small-line-height: 1.5;
|
|
60
|
+
$ams-typography-body-text-large-font-size: clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem);
|
|
61
|
+
$ams-typography-body-text-large-line-height: 1.5;
|
|
62
|
+
$ams-typography-body-text-x-large-font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
|
|
63
|
+
$ams-typography-body-text-x-large-line-height: 1.4;
|
|
50
64
|
$ams-typography-heading-0-font-size: clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem);
|
|
51
65
|
$ams-typography-heading-0-line-height: 1.1;
|
|
52
66
|
$ams-typography-heading-1-font-size: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);
|
|
@@ -58,18 +72,6 @@ $ams-typography-heading-5-line-height: 1.4;
|
|
|
58
72
|
$ams-typography-heading-6-line-height: 1.4;
|
|
59
73
|
$ams-typography-heading-font-weight: 800;
|
|
60
74
|
$ams-typography-heading-text-wrap: balance;
|
|
61
|
-
$ams-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
|
|
62
|
-
$ams-typography-hyphenate-limit-chars: auto;
|
|
63
|
-
$ams-typography-body-text-font-size: clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem);
|
|
64
|
-
$ams-typography-body-text-font-weight: 400;
|
|
65
|
-
$ams-typography-body-text-line-height: 1.8;
|
|
66
|
-
$ams-typography-body-text-bold-font-weight: 800;
|
|
67
|
-
$ams-typography-body-text-small-font-size: 1rem;
|
|
68
|
-
$ams-typography-body-text-small-line-height: 1.6;
|
|
69
|
-
$ams-typography-body-text-large-font-size: clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem);
|
|
70
|
-
$ams-typography-body-text-large-line-height: 1.6;
|
|
71
|
-
$ams-typography-body-text-x-large-font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
|
|
72
|
-
$ams-typography-body-text-x-large-line-height: 1.4;
|
|
73
75
|
$ams-inputs-border-color: currentColor;
|
|
74
76
|
$ams-inputs-border-style: solid;
|
|
75
77
|
$ams-inputs-line-height: 1.4;
|
|
@@ -96,10 +98,11 @@ $ams-call-to-action-link-background-color: #00893c;
|
|
|
96
98
|
$ams-call-to-action-link-hover-background-color: #10552b;
|
|
97
99
|
$ams-date-input-disabled-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
98
100
|
$ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
99
|
-
$ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
100
101
|
$ams-date-input-hover-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
101
|
-
$ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%
|
|
102
|
+
$ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
102
103
|
$ams-date-input-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
104
|
+
$ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>");
|
|
105
|
+
$ams-description-list-term-text-wrap: balance;
|
|
103
106
|
$ams-description-list-description-padding-inline-start: 0;
|
|
104
107
|
$ams-description-list-narrow-grid-template-columns: 1fr 4fr;
|
|
105
108
|
$ams-description-list-medium-grid-template-columns: 1fr 2fr;
|
|
@@ -138,6 +141,10 @@ $ams-page-footer-spotlight-background-color: #004699;
|
|
|
138
141
|
$ams-page-max-inline-size: 90rem;
|
|
139
142
|
$ams-page-with-menu-max-inline-size: 120rem;
|
|
140
143
|
$ams-paragraph-large-text-wrap: balance;
|
|
144
|
+
$ams-progress-list-button-padding-block: 0;
|
|
145
|
+
$ams-progress-list-button-padding-inline: 0;
|
|
146
|
+
$ams-progress-list-icon-transition-duration: 0.3s;
|
|
147
|
+
$ams-progress-list-icon-transition-timing-function: ease;
|
|
141
148
|
$ams-progress-list-step-marker-shape-block-size: 1.5rem;
|
|
142
149
|
$ams-progress-list-step-marker-shape-border-style: solid;
|
|
143
150
|
$ams-progress-list-step-marker-shape-outline-style: solid;
|
|
@@ -160,10 +167,10 @@ $ams-switch-thumb-block-size: 1.75rem;
|
|
|
160
167
|
$ams-switch-thumb-inline-size: 1.75rem;
|
|
161
168
|
$ams-time-input-disabled-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
162
169
|
$ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23767676'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
163
|
-
$ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
164
170
|
$ams-time-input-hover-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
165
|
-
$ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%
|
|
171
|
+
$ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23003677'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
166
172
|
$ams-time-input-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
173
|
+
$ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23004699'><path d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0zm.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11zm.1-13h4v2h-6V9h2v6z'/></svg>");
|
|
167
174
|
$ams-unordered-list-list-style-type: '\2022';
|
|
168
175
|
$ams-unordered-list-item-margin-inline-start: 1.625rem;
|
|
169
176
|
$ams-unordered-list-item-padding-inline-start: 0.875rem;
|
|
@@ -196,6 +203,7 @@ $ams-links-contrast-color: $ams-color-interactive-contrast;
|
|
|
196
203
|
$ams-links-contrast-hover-color: $ams-color-interactive-contrast;
|
|
197
204
|
$ams-links-inverse-color: $ams-color-interactive-inverse;
|
|
198
205
|
$ams-links-inverse-hover-color: $ams-color-interactive-inverse;
|
|
206
|
+
$ams-accordion-gap: $ams-space-s;
|
|
199
207
|
$ams-accordion-button-font-family: $ams-typography-font-family;
|
|
200
208
|
$ams-accordion-button-font-weight: $ams-typography-heading-font-weight;
|
|
201
209
|
$ams-accordion-button-line-height: $ams-typography-heading-3-line-height;
|
|
@@ -206,7 +214,6 @@ $ams-accordion-button-gap: $ams-space-s;
|
|
|
206
214
|
$ams-accordion-button-outline-offset: $ams-focus-outline-offset;
|
|
207
215
|
$ams-accordion-button-padding-block: $ams-space-s;
|
|
208
216
|
$ams-accordion-button-hover-color: $ams-color-interactive-hover;
|
|
209
|
-
$ams-accordion-gap: $ams-space-s;
|
|
210
217
|
$ams-action-group-gap: $ams-space-m;
|
|
211
218
|
$ams-alert-background-color: $ams-color-background;
|
|
212
219
|
$ams-alert-border-color: $ams-color-feedback-info;
|
|
@@ -347,30 +354,6 @@ $ams-character-count-font-size: $ams-typography-body-text-small-font-size;
|
|
|
347
354
|
$ams-character-count-font-weight: $ams-typography-body-text-font-weight;
|
|
348
355
|
$ams-character-count-line-height: $ams-typography-body-text-small-line-height;
|
|
349
356
|
$ams-character-count-error-color: $ams-color-feedback-error;
|
|
350
|
-
$ams-checkbox-hover-text-decoration-thickness: $ams-border-width-m;
|
|
351
|
-
$ams-checkbox-hover-color: $ams-color-interactive-hover;
|
|
352
|
-
$ams-checkbox-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
353
|
-
$ams-checkbox-rectangle-checked-disabled-hover-fill: $ams-color-interactive-disabled;
|
|
354
|
-
$ams-checkbox-rectangle-checked-disabled-fill: $ams-color-interactive-disabled;
|
|
355
|
-
$ams-checkbox-rectangle-checked-hover-disabled-invalid-fill: $ams-color-interactive-disabled;
|
|
356
|
-
$ams-checkbox-rectangle-checked-hover-fill: $ams-color-interactive-hover;
|
|
357
|
-
$ams-checkbox-rectangle-checked-fill: $ams-color-interactive;
|
|
358
|
-
$ams-checkbox-rectangle-checked-invalid-fill: $ams-color-interactive-invalid;
|
|
359
|
-
$ams-checkbox-rectangle-checked-invalid-hover-fill: $ams-color-interactive-invalid-hover;
|
|
360
|
-
$ams-checkbox-rectangle-hover-disabled-invalid-stroke: $ams-color-interactive-disabled;
|
|
361
|
-
$ams-checkbox-rectangle-hover-stroke: $ams-color-interactive-hover;
|
|
362
|
-
$ams-checkbox-rectangle-indeterminate-disabled-hover-fill: $ams-color-interactive-disabled;
|
|
363
|
-
$ams-checkbox-rectangle-indeterminate-disabled-fill: $ams-color-interactive-disabled;
|
|
364
|
-
$ams-checkbox-rectangle-indeterminate-hover-disabled-invalid-fill: $ams-color-interactive-disabled;
|
|
365
|
-
$ams-checkbox-rectangle-indeterminate-hover-fill: $ams-color-interactive-hover;
|
|
366
|
-
$ams-checkbox-rectangle-indeterminate-fill: $ams-color-interactive;
|
|
367
|
-
$ams-checkbox-rectangle-indeterminate-invalid-fill: $ams-color-interactive-invalid;
|
|
368
|
-
$ams-checkbox-rectangle-indeterminate-invalid-hover-fill: $ams-color-interactive-invalid-hover;
|
|
369
|
-
$ams-checkbox-rectangle-fill: $ams-color-background;
|
|
370
|
-
$ams-checkbox-rectangle-stroke: $ams-color-interactive;
|
|
371
|
-
$ams-checkbox-rectangle-disabled-stroke: $ams-color-interactive-disabled;
|
|
372
|
-
$ams-checkbox-rectangle-invalid-stroke: $ams-color-interactive-invalid;
|
|
373
|
-
$ams-checkbox-rectangle-invalid-hover-stroke: $ams-color-interactive-invalid-hover;
|
|
374
357
|
$ams-checkbox-color: $ams-color-text;
|
|
375
358
|
$ams-checkbox-cursor: $ams-cursor-interactive;
|
|
376
359
|
$ams-checkbox-font-family: $ams-typography-font-family;
|
|
@@ -383,21 +366,45 @@ $ams-checkbox-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
|
383
366
|
$ams-checkbox-text-underline-offset: $ams-links-text-underline-offset;
|
|
384
367
|
$ams-checkbox-disabled-cursor: $ams-cursor-disabled;
|
|
385
368
|
$ams-checkbox-disabled-color: $ams-color-interactive-disabled;
|
|
369
|
+
$ams-checkbox-hover-color: $ams-color-interactive-hover;
|
|
370
|
+
$ams-checkbox-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
371
|
+
$ams-checkbox-hover-text-decoration-thickness: $ams-border-width-m;
|
|
386
372
|
$ams-checkbox-checked-indicator-stroke: $ams-color-interactive-inverse;
|
|
387
373
|
$ams-checkbox-hover-indicator-hover-stroke: $ams-color-interactive-hover;
|
|
388
374
|
$ams-checkbox-hover-indicator-invalid-hover-stroke: $ams-color-interactive-invalid-hover;
|
|
389
375
|
$ams-checkbox-indeterminate-indicator-stroke: $ams-color-interactive-inverse;
|
|
376
|
+
$ams-checkbox-rectangle-fill: $ams-color-background;
|
|
377
|
+
$ams-checkbox-rectangle-stroke: $ams-color-interactive;
|
|
378
|
+
$ams-checkbox-rectangle-checked-fill: $ams-color-interactive;
|
|
379
|
+
$ams-checkbox-rectangle-checked-disabled-fill: $ams-color-interactive-disabled;
|
|
380
|
+
$ams-checkbox-rectangle-checked-disabled-hover-fill: $ams-color-interactive-disabled;
|
|
381
|
+
$ams-checkbox-rectangle-checked-hover-fill: $ams-color-interactive-hover;
|
|
382
|
+
$ams-checkbox-rectangle-checked-hover-disabled-invalid-fill: $ams-color-interactive-disabled;
|
|
383
|
+
$ams-checkbox-rectangle-checked-invalid-fill: $ams-color-interactive-invalid;
|
|
384
|
+
$ams-checkbox-rectangle-checked-invalid-hover-fill: $ams-color-interactive-invalid-hover;
|
|
385
|
+
$ams-checkbox-rectangle-disabled-stroke: $ams-color-interactive-disabled;
|
|
386
|
+
$ams-checkbox-rectangle-hover-stroke: $ams-color-interactive-hover;
|
|
387
|
+
$ams-checkbox-rectangle-hover-disabled-invalid-stroke: $ams-color-interactive-disabled;
|
|
388
|
+
$ams-checkbox-rectangle-indeterminate-fill: $ams-color-interactive;
|
|
389
|
+
$ams-checkbox-rectangle-indeterminate-disabled-fill: $ams-color-interactive-disabled;
|
|
390
|
+
$ams-checkbox-rectangle-indeterminate-disabled-hover-fill: $ams-color-interactive-disabled;
|
|
391
|
+
$ams-checkbox-rectangle-indeterminate-hover-fill: $ams-color-interactive-hover;
|
|
392
|
+
$ams-checkbox-rectangle-indeterminate-hover-disabled-invalid-fill: $ams-color-interactive-disabled;
|
|
393
|
+
$ams-checkbox-rectangle-indeterminate-invalid-fill: $ams-color-interactive-invalid;
|
|
394
|
+
$ams-checkbox-rectangle-indeterminate-invalid-hover-fill: $ams-color-interactive-invalid-hover;
|
|
395
|
+
$ams-checkbox-rectangle-invalid-stroke: $ams-color-interactive-invalid;
|
|
396
|
+
$ams-checkbox-rectangle-invalid-hover-stroke: $ams-color-interactive-invalid-hover;
|
|
390
397
|
$ams-column-gap-x-small: $ams-space-xs;
|
|
391
398
|
$ams-column-gap-small: $ams-space-s;
|
|
392
399
|
$ams-column-gap-medium: $ams-space-m;
|
|
393
400
|
$ams-column-gap-large: $ams-space-l;
|
|
394
401
|
$ams-column-gap-x-large: $ams-space-xl;
|
|
395
|
-
$ams-date-input-disabled-cursor: $ams-cursor-disabled;
|
|
396
|
-
$ams-date-input-calender-picker-indicator-cursor: $ams-cursor-interactive;
|
|
397
402
|
$ams-date-input-border-color: $ams-inputs-border-color;
|
|
398
403
|
$ams-date-input-border-style: $ams-inputs-border-style;
|
|
399
404
|
$ams-date-input-line-height: $ams-inputs-line-height;
|
|
405
|
+
$ams-date-input-disabled-cursor: $ams-cursor-disabled;
|
|
400
406
|
$ams-date-input-calendar-picker-indicator-cursor: $ams-cursor-interactive;
|
|
407
|
+
$ams-date-input-calender-picker-indicator-cursor: $ams-cursor-interactive;
|
|
401
408
|
$ams-description-list-color: $ams-color-text;
|
|
402
409
|
$ams-description-list-column-gap: $ams-space-l;
|
|
403
410
|
$ams-description-list-font-family: $ams-typography-font-family;
|
|
@@ -405,7 +412,8 @@ $ams-description-list-font-size: $ams-typography-body-text-font-size;
|
|
|
405
412
|
$ams-description-list-line-height: $ams-typography-body-text-line-height;
|
|
406
413
|
$ams-description-list-row-gap: $ams-space-s;
|
|
407
414
|
$ams-description-list-inverse-color: $ams-color-text-inverse;
|
|
408
|
-
$ams-description-list-term-font-weight: $ams-typography-
|
|
415
|
+
$ams-description-list-term-font-weight: $ams-typography-heading-font-weight;
|
|
416
|
+
$ams-description-list-term-line-height: $ams-typography-heading-4-line-height;
|
|
409
417
|
$ams-description-list-term-margin-block-end: $ams-space-xs;
|
|
410
418
|
$ams-description-list-description-font-weight: $ams-typography-body-text-font-weight;
|
|
411
419
|
$ams-description-list-description-margin-block-end: $ams-space-m;
|
|
@@ -434,6 +442,12 @@ $ams-error-message-font-size: $ams-typography-body-text-font-size;
|
|
|
434
442
|
$ams-error-message-font-weight: $ams-typography-body-text-font-weight;
|
|
435
443
|
$ams-error-message-gap: $ams-space-xs;
|
|
436
444
|
$ams-error-message-line-height: $ams-typography-body-text-line-height;
|
|
445
|
+
$ams-field-set-child-margin-block-end: $ams-space-xs;
|
|
446
|
+
$ams-field-set-child-before-error-message-margin-block-end: $ams-space-s;
|
|
447
|
+
$ams-field-set-child-before-field-or-field-set-margin-block-end: $ams-space-m;
|
|
448
|
+
$ams-field-set-child-between-fields-and-field-sets-margin-block-end: $ams-space-l;
|
|
449
|
+
$ams-field-set-invalid-border-inline-start: $ams-border-width-l solid $ams-color-feedback-error;
|
|
450
|
+
$ams-field-set-invalid-padding-inline-start: $ams-space-m;
|
|
437
451
|
$ams-field-set-legend-margin-block-end: $ams-space-s;
|
|
438
452
|
$ams-field-set-legend-color: $ams-color-text;
|
|
439
453
|
$ams-field-set-legend-font-family: $ams-typography-font-family;
|
|
@@ -441,12 +455,6 @@ $ams-field-set-legend-font-weight: $ams-typography-heading-font-weight;
|
|
|
441
455
|
$ams-field-set-legend-line-height: $ams-typography-heading-3-line-height;
|
|
442
456
|
$ams-field-set-legend-text-wrap: $ams-typography-heading-text-wrap;
|
|
443
457
|
$ams-field-set-legend-in-fieldset-font-weight: $ams-typography-body-text-font-weight;
|
|
444
|
-
$ams-field-set-child-margin-block-end: $ams-space-xs;
|
|
445
|
-
$ams-field-set-child-before-error-message-margin-block-end: $ams-space-s;
|
|
446
|
-
$ams-field-set-child-before-field-or-field-set-margin-block-end: $ams-space-m;
|
|
447
|
-
$ams-field-set-child-between-fields-and-field-sets-margin-block-end: $ams-space-l;
|
|
448
|
-
$ams-field-set-invalid-border-inline-start: $ams-border-width-l solid $ams-color-feedback-error;
|
|
449
|
-
$ams-field-set-invalid-padding-inline-start: $ams-space-m;
|
|
450
458
|
$ams-field-gap: $ams-space-s;
|
|
451
459
|
$ams-field-child-margin-block-end: $ams-space-xs;
|
|
452
460
|
$ams-field-child-before-error-message-margin-block-end: $ams-space-s;
|
|
@@ -515,14 +523,14 @@ $ams-icon-button-inverse-hover-background-color: $ams-color-interactive-hover;
|
|
|
515
523
|
$ams-icon-button-inverse-hover-color: $ams-color-interactive-inverse;
|
|
516
524
|
$ams-icon-button-inverse-disabled-color: $ams-color-interactive-inverse;
|
|
517
525
|
$ams-icon-button-inverse-disabled-background-color: $ams-color-interactive-disabled;
|
|
518
|
-
$ams-icon-heading-0-font-size: $ams-typography-heading-0-font-size;
|
|
519
|
-
$ams-icon-heading-0-line-height: $ams-typography-heading-0-line-height;
|
|
520
526
|
$ams-icon-font-size: $ams-typography-body-text-font-size;
|
|
521
527
|
$ams-icon-line-height: $ams-typography-body-text-line-height;
|
|
522
528
|
$ams-icon-small-font-size: $ams-typography-body-text-small-font-size;
|
|
523
529
|
$ams-icon-small-line-height: $ams-typography-body-text-small-line-height;
|
|
524
530
|
$ams-icon-large-font-size: $ams-typography-body-text-large-font-size;
|
|
525
531
|
$ams-icon-large-line-height: $ams-typography-body-text-large-line-height;
|
|
532
|
+
$ams-icon-heading-0-font-size: $ams-typography-heading-0-font-size;
|
|
533
|
+
$ams-icon-heading-0-line-height: $ams-typography-heading-0-line-height;
|
|
526
534
|
$ams-icon-heading-1-font-size: $ams-typography-heading-1-font-size;
|
|
527
535
|
$ams-icon-heading-1-line-height: $ams-typography-heading-1-line-height;
|
|
528
536
|
$ams-icon-heading-2-line-height: $ams-typography-heading-2-line-height;
|
|
@@ -570,6 +578,13 @@ $ams-link-hover-text-underline-offset: $ams-links-hover-text-underline-offset;
|
|
|
570
578
|
$ams-logo-block-size: $ams-space-xl;
|
|
571
579
|
$ams-logo-subsite-color: $ams-color-text;
|
|
572
580
|
$ams-mark-background-color: $ams-color-highlight-yellow;
|
|
581
|
+
$ams-menu-background-color: $ams-color-interactive;
|
|
582
|
+
$ams-menu-font-family: $ams-typography-font-family;
|
|
583
|
+
$ams-menu-font-size: $ams-typography-body-text-font-size;
|
|
584
|
+
$ams-menu-font-weight: $ams-typography-body-text-font-weight;
|
|
585
|
+
$ams-menu-line-height: $ams-typography-body-text-line-height;
|
|
586
|
+
$ams-menu-padding-block: $ams-space-m;
|
|
587
|
+
$ams-menu-wide-padding-inline: $ams-space-s;
|
|
573
588
|
$ams-menu-link-gap: $ams-space-s;
|
|
574
589
|
$ams-menu-link-outline-offset: $ams-focus-outline-offset;
|
|
575
590
|
$ams-menu-link-padding-block: $ams-space-s;
|
|
@@ -579,13 +594,6 @@ $ams-menu-link-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
|
579
594
|
$ams-menu-link-text-underline-offset: $ams-links-text-underline-offset;
|
|
580
595
|
$ams-menu-link-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
581
596
|
$ams-menu-link-wide-gap: $ams-space-xs;
|
|
582
|
-
$ams-menu-background-color: $ams-color-interactive;
|
|
583
|
-
$ams-menu-font-family: $ams-typography-font-family;
|
|
584
|
-
$ams-menu-font-size: $ams-typography-body-text-font-size;
|
|
585
|
-
$ams-menu-font-weight: $ams-typography-body-text-font-weight;
|
|
586
|
-
$ams-menu-line-height: $ams-typography-body-text-line-height;
|
|
587
|
-
$ams-menu-padding-block: $ams-space-m;
|
|
588
|
-
$ams-menu-wide-padding-inline: $ams-space-s;
|
|
589
597
|
$ams-menu-list-gap: $ams-space-m;
|
|
590
598
|
$ams-ordered-list-color: $ams-color-text;
|
|
591
599
|
$ams-ordered-list-font-family: $ams-typography-font-family;
|
|
@@ -680,6 +688,11 @@ $ams-password-input-disabled-cursor: $ams-cursor-disabled;
|
|
|
680
688
|
$ams-progress-list-heading-2-step-marker-margin-block-start: calc(($ams-typography-heading-2-line-height * $ams-typography-heading-2-font-size) / 2);
|
|
681
689
|
$ams-progress-list-heading-3-step-marker-margin-block-start: calc(($ams-typography-heading-3-line-height * $ams-typography-heading-3-font-size) / 2);
|
|
682
690
|
$ams-progress-list-heading-4-step-marker-margin-block-start: calc(($ams-typography-heading-4-line-height * $ams-typography-heading-4-font-size) / 2);
|
|
691
|
+
$ams-progress-list-button-color: $ams-color-interactive;
|
|
692
|
+
$ams-progress-list-button-cursor: $ams-cursor-interactive;
|
|
693
|
+
$ams-progress-list-button-gap: $ams-space-s;
|
|
694
|
+
$ams-progress-list-button-outline-offset: $ams-focus-outline-offset;
|
|
695
|
+
$ams-progress-list-button-hover-color: $ams-color-interactive-hover;
|
|
683
696
|
$ams-progress-list-step-gap: $ams-space-m;
|
|
684
697
|
$ams-progress-list-step-medium-gap: $ams-space-l;
|
|
685
698
|
$ams-progress-list-step-marker-shape-background-color: $ams-color-background;
|
|
@@ -783,12 +796,6 @@ $ams-spotlight-lime-background-color: $ams-color-highlight-lime;
|
|
|
783
796
|
$ams-spotlight-magenta-background-color: $ams-color-highlight-magenta;
|
|
784
797
|
$ams-spotlight-orange-background-color: $ams-color-highlight-orange;
|
|
785
798
|
$ams-spotlight-yellow-background-color: $ams-color-highlight-yellow;
|
|
786
|
-
$ams-standalone-link-hover-text-decoration-thickness: $ams-links-hover-text-decoration-thickness;
|
|
787
|
-
$ams-standalone-link-hover-text-underline-offset: $ams-links-hover-text-underline-offset;
|
|
788
|
-
$ams-standalone-link-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
789
|
-
$ams-standalone-link-with-icon-text-decoration-line: $ams-links-subtle-text-decoration-line;
|
|
790
|
-
$ams-standalone-link-with-icon-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
791
|
-
$ams-standalone-link-with-icon-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
792
799
|
$ams-standalone-link-column-gap: $ams-space-s;
|
|
793
800
|
$ams-standalone-link-font-family: $ams-typography-font-family;
|
|
794
801
|
$ams-standalone-link-font-size: $ams-typography-body-text-font-size;
|
|
@@ -798,21 +805,27 @@ $ams-standalone-link-outline-offset: $ams-focus-outline-offset;
|
|
|
798
805
|
$ams-standalone-link-text-decoration-line: $ams-links-subtle-text-decoration-line;
|
|
799
806
|
$ams-standalone-link-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
800
807
|
$ams-standalone-link-text-underline-offset: $ams-links-text-underline-offset;
|
|
808
|
+
$ams-standalone-link-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
809
|
+
$ams-standalone-link-hover-text-decoration-thickness: $ams-links-hover-text-decoration-thickness;
|
|
810
|
+
$ams-standalone-link-hover-text-underline-offset: $ams-links-hover-text-underline-offset;
|
|
811
|
+
$ams-standalone-link-with-icon-text-decoration-line: $ams-links-subtle-text-decoration-line;
|
|
812
|
+
$ams-standalone-link-with-icon-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
813
|
+
$ams-standalone-link-with-icon-hover-text-decoration-line: $ams-links-subtle-hover-text-decoration-line;
|
|
801
814
|
$ams-switch-cursor: $ams-cursor-interactive;
|
|
802
815
|
$ams-switch-outline-offset: $ams-focus-outline-offset;
|
|
803
816
|
$ams-switch-thumb-background-color: $ams-color-background;
|
|
804
817
|
$ams-switch-thumb-hover-color: $ams-color-interactive-hover;
|
|
805
|
-
$ams-switch-thumb-hover-box-shadow:
|
|
818
|
+
$ams-switch-thumb-hover-box-shadow: 0rem 0rem 0rem $ams-border-width-m $ams-switch-thumb-hover-color;
|
|
806
819
|
$ams-switch-checked-background-color: $ams-color-interactive;
|
|
807
820
|
$ams-switch-disabled-background-color: $ams-color-interactive-disabled;
|
|
808
821
|
$ams-switch-disabled-cursor: $ams-cursor-disabled;
|
|
809
|
-
$ams-table-of-contents-heading-font-weight: $ams-typography-heading-font-weight;
|
|
810
|
-
$ams-table-of-contents-heading-line-height: $ams-typography-heading-4-line-height;
|
|
811
822
|
$ams-table-of-contents-font-family: $ams-typography-font-family;
|
|
812
823
|
$ams-table-of-contents-font-size: $ams-typography-body-text-font-size;
|
|
813
824
|
$ams-table-of-contents-font-weight: $ams-typography-body-text-font-weight;
|
|
814
825
|
$ams-table-of-contents-gap: $ams-space-s;
|
|
815
826
|
$ams-table-of-contents-line-height: $ams-typography-body-text-line-height;
|
|
827
|
+
$ams-table-of-contents-heading-font-weight: $ams-typography-heading-font-weight;
|
|
828
|
+
$ams-table-of-contents-heading-line-height: $ams-typography-heading-4-line-height;
|
|
816
829
|
$ams-table-of-contents-link-outline-offset: $ams-focus-outline-offset;
|
|
817
830
|
$ams-table-of-contents-link-text-decoration-line: $ams-links-subtle-text-decoration-line;
|
|
818
831
|
$ams-table-of-contents-link-text-decoration-thickness: $ams-links-text-decoration-thickness;
|
|
@@ -832,7 +845,7 @@ $ams-table-cell-padding-block: $ams-space-s;
|
|
|
832
845
|
$ams-table-cell-padding-inline: $ams-space-m;
|
|
833
846
|
$ams-table-header-cell-font-weight: $ams-typography-body-text-bold-font-weight;
|
|
834
847
|
$ams-tabs-gap: $ams-space-m;
|
|
835
|
-
$ams-tabs-list-box-shadow: inset 0rem
|
|
848
|
+
$ams-tabs-list-box-shadow: inset 0rem $ams-border-width-negative-m 0rem 0rem $ams-color-separator;
|
|
836
849
|
$ams-tabs-button-color: $ams-color-interactive;
|
|
837
850
|
$ams-tabs-button-cursor: $ams-cursor-interactive;
|
|
838
851
|
$ams-tabs-button-font-family: $ams-typography-font-family;
|
|
@@ -842,9 +855,9 @@ $ams-tabs-button-line-height: $ams-typography-body-text-line-height;
|
|
|
842
855
|
$ams-tabs-button-outline-offset: calc($ams-focus-outline-offset * -1);
|
|
843
856
|
$ams-tabs-button-padding-block: $ams-space-s;
|
|
844
857
|
$ams-tabs-button-padding-inline: $ams-space-m;
|
|
845
|
-
$ams-tabs-button-hover-box-shadow: inset 0rem
|
|
858
|
+
$ams-tabs-button-hover-box-shadow: inset 0rem $ams-border-width-negative-m 0rem 0rem currentColor;
|
|
846
859
|
$ams-tabs-button-hover-color: $ams-color-interactive-hover;
|
|
847
|
-
$ams-tabs-button-selected-box-shadow: inset 0rem
|
|
860
|
+
$ams-tabs-button-selected-box-shadow: inset 0rem $ams-border-width-negative-xl 0rem 0rem currentColor;
|
|
848
861
|
$ams-tabs-button-selected-font-weight: $ams-typography-body-text-bold-font-weight;
|
|
849
862
|
$ams-tabs-button-disabled-color: $ams-color-interactive-disabled;
|
|
850
863
|
$ams-tabs-button-disabled-cursor: $ams-cursor-disabled;
|
|
@@ -857,12 +870,12 @@ $ams-text-input-border-color: $ams-inputs-border-color;
|
|
|
857
870
|
$ams-text-input-border-style: $ams-inputs-border-style;
|
|
858
871
|
$ams-text-input-line-height: $ams-inputs-line-height;
|
|
859
872
|
$ams-text-input-disabled-cursor: $ams-cursor-disabled;
|
|
860
|
-
$ams-time-input-disabled-cursor: $ams-cursor-disabled;
|
|
861
|
-
$ams-time-input-calender-picker-indicator-cursor: $ams-cursor-interactive;
|
|
862
873
|
$ams-time-input-border-color: $ams-inputs-border-color;
|
|
863
874
|
$ams-time-input-border-style: $ams-inputs-border-style;
|
|
864
875
|
$ams-time-input-line-height: $ams-inputs-line-height;
|
|
876
|
+
$ams-time-input-disabled-cursor: $ams-cursor-disabled;
|
|
865
877
|
$ams-time-input-calendar-picker-indicator-cursor: $ams-cursor-interactive;
|
|
878
|
+
$ams-time-input-calender-picker-indicator-cursor: $ams-cursor-interactive;
|
|
866
879
|
$ams-unordered-list-color: $ams-color-text;
|
|
867
880
|
$ams-unordered-list-font-family: $ams-typography-font-family;
|
|
868
881
|
$ams-unordered-list-font-size: $ams-typography-body-text-font-size;
|
|
@@ -882,8 +895,6 @@ $ams-card-link-color: $ams-links-color;
|
|
|
882
895
|
$ams-card-link-hover-color: $ams-links-hover-color;
|
|
883
896
|
$ams-checkbox-icon-container-block-size: calc($ams-checkbox-font-size * $ams-checkbox-line-height);
|
|
884
897
|
$ams-checkbox-icon-container-inline-size: $ams-checkbox-font-size;
|
|
885
|
-
$ams-date-input-disabled-color: $ams-inputs-disabled-color;
|
|
886
|
-
$ams-date-input-hover-box-shadow: $ams-inputs-hover-box-shadow;
|
|
887
898
|
$ams-date-input-background-color: $ams-inputs-background-color;
|
|
888
899
|
$ams-date-input-border-width: $ams-inputs-border-width;
|
|
889
900
|
$ams-date-input-color: $ams-inputs-color;
|
|
@@ -893,9 +904,13 @@ $ams-date-input-font-weight: $ams-inputs-font-weight;
|
|
|
893
904
|
$ams-date-input-outline-offset: $ams-inputs-outline-offset;
|
|
894
905
|
$ams-date-input-padding-block: $ams-inputs-padding-block;
|
|
895
906
|
$ams-date-input-padding-inline: $ams-inputs-padding-inline;
|
|
907
|
+
$ams-date-input-disabled-color: $ams-inputs-disabled-color;
|
|
908
|
+
$ams-date-input-hover-box-shadow: $ams-inputs-hover-box-shadow;
|
|
896
909
|
$ams-date-input-invalid-border-color: $ams-inputs-invalid-border-color;
|
|
897
910
|
$ams-date-input-invalid-hover-border-color: $ams-inputs-invalid-hover-border-color;
|
|
898
911
|
$ams-date-input-invalid-hover-box-shadow: $ams-inputs-invalid-hover-box-shadow;
|
|
912
|
+
$ams-description-list-term-font-size: $ams-typography-heading-4-font-size;
|
|
913
|
+
$ams-description-list-term-vi-medium-margin-block-end: $ams-description-list-description-margin-block-end;
|
|
899
914
|
$ams-dialog-border-color: $ams-dialog-background-color;
|
|
900
915
|
$ams-field-set-legend-font-size: $ams-typography-heading-3-font-size;
|
|
901
916
|
$ams-file-input-background-color: $ams-inputs-background-color;
|
|
@@ -940,13 +955,13 @@ $ams-link-contrast-color: $ams-links-contrast-color;
|
|
|
940
955
|
$ams-link-contrast-hover-color: $ams-links-contrast-hover-color;
|
|
941
956
|
$ams-link-inverse-color: $ams-links-inverse-color;
|
|
942
957
|
$ams-link-inverse-hover-color: $ams-links-inverse-hover-color;
|
|
958
|
+
$ams-menu-wide-padding-block: calc($ams-logo-block-size + 2 * $ams-page-header-padding-block) $ams-space-m;
|
|
959
|
+
$ams-menu-link-color: $ams-links-inverse-color;
|
|
943
960
|
$ams-menu-link-contrast-color: $ams-links-contrast-color;
|
|
944
961
|
$ams-menu-link-contrast-hover-color: $ams-links-contrast-hover-color;
|
|
945
962
|
$ams-menu-link-inverse-color: $ams-links-inverse-color;
|
|
946
963
|
$ams-menu-link-inverse-hover-color: $ams-links-inverse-hover-color;
|
|
947
|
-
$ams-menu-link-color: $ams-links-inverse-color;
|
|
948
964
|
$ams-menu-link-hover-color: $ams-links-inverse-hover-color;
|
|
949
|
-
$ams-menu-wide-padding-block: calc($ams-logo-block-size + 2 * $ams-page-header-padding-block) $ams-space-m;
|
|
950
965
|
$ams-page-footer-menu-padding-inline: $ams-grid-padding-inline;
|
|
951
966
|
$ams-page-footer-menu-medium-padding-inline: $ams-grid-medium-padding-inline;
|
|
952
967
|
$ams-page-footer-menu-wide-padding-inline: $ams-grid-wide-padding-inline;
|
|
@@ -1010,8 +1025,8 @@ $ams-select-hover-box-shadow: $ams-inputs-hover-box-shadow;
|
|
|
1010
1025
|
$ams-select-invalid-border-color: $ams-inputs-invalid-border-color;
|
|
1011
1026
|
$ams-select-invalid-hover-border-color: $ams-inputs-invalid-hover-border-color;
|
|
1012
1027
|
$ams-select-invalid-hover-box-shadow: $ams-inputs-invalid-hover-box-shadow;
|
|
1013
|
-
$ams-standalone-link-hover-color: $ams-links-hover-color;
|
|
1014
1028
|
$ams-standalone-link-color: $ams-links-color;
|
|
1029
|
+
$ams-standalone-link-hover-color: $ams-links-hover-color;
|
|
1015
1030
|
$ams-standalone-link-contrast-color: $ams-links-contrast-color;
|
|
1016
1031
|
$ams-standalone-link-contrast-hover-color: $ams-links-contrast-hover-color;
|
|
1017
1032
|
$ams-standalone-link-inverse-color: $ams-links-inverse-color;
|
|
@@ -1049,8 +1064,6 @@ $ams-text-input-invalid-border-color: $ams-inputs-invalid-border-color;
|
|
|
1049
1064
|
$ams-text-input-invalid-hover-border-color: $ams-inputs-invalid-hover-border-color;
|
|
1050
1065
|
$ams-text-input-invalid-hover-box-shadow: $ams-inputs-invalid-hover-box-shadow;
|
|
1051
1066
|
$ams-text-input-placeholder-color: $ams-inputs-placeholder-color;
|
|
1052
|
-
$ams-time-input-disabled-color: $ams-inputs-disabled-color;
|
|
1053
|
-
$ams-time-input-hover-box-shadow: $ams-inputs-hover-box-shadow;
|
|
1054
1067
|
$ams-time-input-background-color: $ams-inputs-background-color;
|
|
1055
1068
|
$ams-time-input-border-width: $ams-inputs-border-width;
|
|
1056
1069
|
$ams-time-input-color: $ams-inputs-color;
|
|
@@ -1060,6 +1073,8 @@ $ams-time-input-font-weight: $ams-inputs-font-weight;
|
|
|
1060
1073
|
$ams-time-input-outline-offset: $ams-inputs-outline-offset;
|
|
1061
1074
|
$ams-time-input-padding-block: $ams-inputs-padding-block;
|
|
1062
1075
|
$ams-time-input-padding-inline: $ams-inputs-padding-inline;
|
|
1076
|
+
$ams-time-input-disabled-color: $ams-inputs-disabled-color;
|
|
1077
|
+
$ams-time-input-hover-box-shadow: $ams-inputs-hover-box-shadow;
|
|
1063
1078
|
$ams-time-input-invalid-border-color: $ams-inputs-invalid-border-color;
|
|
1064
1079
|
$ams-time-input-invalid-hover-border-color: $ams-inputs-invalid-hover-border-color;
|
|
1065
1080
|
$ams-time-input-invalid-hover-box-shadow: $ams-inputs-invalid-hover-box-shadow;
|