@ndwnu/design-system 1.0.3 → 1.1.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/components/alert/alert.component.d.ts +13 -0
- package/components/alert/alert.model.d.ts +6 -0
- package/components/alert/index.d.ts +2 -0
- package/components/breadcrumb/breadcrumb.component.d.ts +8 -0
- package/components/breadcrumb/index.d.ts +1 -0
- package/components/breadcrumb-group/breadcrumb-group.component.d.ts +7 -0
- package/components/breadcrumb-group/index.d.ts +1 -0
- package/components/card/card-content/card-content.component.d.ts +5 -0
- package/components/card/card-content/index.d.ts +1 -0
- package/components/card/card-footer/card-footer.component.d.ts +6 -0
- package/components/card/card-footer/index.d.ts +1 -0
- package/components/card/card-header/card-header.component.d.ts +8 -0
- package/components/card/card-header/index.d.ts +1 -0
- package/components/card/card.component.d.ts +8 -2
- package/components/card/index.d.ts +3 -0
- package/components/dropdown/dropdown.component.d.ts +11 -4
- package/components/dropdown/index.d.ts +0 -1
- package/components/form-field/checkbox/checkbox.component.d.ts +1 -2
- package/components/form-field/checkbox-group/checkbox-group.component.d.ts +3 -1
- package/components/form-field/form-field.component.d.ts +3 -3
- package/components/form-field/input/input.directive.d.ts +6 -0
- package/components/form-field/radio-button/radio-button.component.d.ts +7 -4
- package/components/form-field/radio-group/radio-group.component.d.ts +9 -1
- package/components/icon/icon.component.d.ts +9 -6
- package/components/icon/index.d.ts +0 -2
- package/components/index.d.ts +8 -2
- package/components/main-navigation/main-navigation.model.d.ts +1 -0
- package/components/main-navigation-menu/main-navigation-menu.component.d.ts +1 -3
- package/components/modal/index.d.ts +1 -0
- package/components/modal/modal-trigger.directive.d.ts +8 -12
- package/components/modal/modal.service.d.ts +16 -0
- package/components/multi-select/checkbox-data.interface.d.ts +5 -0
- package/components/multi-select/index.d.ts +3 -0
- package/components/multi-select/multi-select.component.d.ts +27 -0
- package/components/multi-select/select-all-text.interface.d.ts +4 -0
- package/components/popover/index.d.ts +1 -0
- package/components/popover/popover-trigger.directive.d.ts +27 -0
- package/components/removable-pill/index.d.ts +1 -0
- package/components/removable-pill/removable-pill.component.d.ts +7 -0
- package/components/router-breadcrumbs/index.d.ts +1 -0
- package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts +15 -0
- package/components/tooltip/tooltip.directive.d.ts +3 -2
- package/core/styles/ndw-styles.scss +184 -120
- package/core/styles/nwb-styles.scss +146 -114
- package/esm2022/components/alert/alert.component.mjs +34 -0
- package/esm2022/components/alert/alert.model.mjs +8 -0
- package/esm2022/components/alert/index.mjs +3 -0
- package/esm2022/components/badge/badge.component.mjs +2 -2
- package/esm2022/components/breadcrumb/breadcrumb.component.mjs +15 -0
- package/esm2022/components/breadcrumb/index.mjs +2 -0
- package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +21 -0
- package/esm2022/components/breadcrumb-group/index.mjs +2 -0
- package/esm2022/components/card/card-content/card-content.component.mjs +11 -0
- package/esm2022/components/card/card-content/index.mjs +2 -0
- package/esm2022/components/card/card-footer/card-footer.component.mjs +14 -0
- package/esm2022/components/card/card-footer/index.mjs +2 -0
- package/esm2022/components/card/card-header/card-header.component.mjs +20 -0
- package/esm2022/components/card/card-header/index.mjs +2 -0
- package/esm2022/components/card/card.component.mjs +22 -5
- package/esm2022/components/card/index.mjs +4 -1
- package/esm2022/components/collapsible/collapsible.animation.mjs +3 -3
- package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +27 -7
- package/esm2022/components/dropdown/index.mjs +1 -2
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +4 -11
- package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs +7 -3
- package/esm2022/components/form-field/error/error.component.mjs +3 -3
- package/esm2022/components/form-field/form-field.component.mjs +10 -10
- package/esm2022/components/form-field/info/info.component.mjs +2 -2
- package/esm2022/components/form-field/input/input.directive.mjs +33 -2
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +28 -10
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +45 -5
- package/esm2022/components/icon/icon.component.mjs +33 -16
- package/esm2022/components/icon/index.mjs +1 -3
- package/esm2022/components/index.mjs +9 -3
- package/esm2022/components/main-navigation/main-navigation.component.mjs +3 -3
- package/esm2022/components/main-navigation/main-navigation.model.mjs +1 -1
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +4 -8
- package/esm2022/components/modal/index.mjs +2 -1
- package/esm2022/components/modal/modal-trigger.directive.mjs +23 -54
- package/esm2022/components/modal/modal.service.mjs +57 -0
- package/esm2022/components/multi-select/checkbox-data.interface.mjs +2 -0
- package/esm2022/components/multi-select/index.mjs +4 -0
- package/esm2022/components/multi-select/multi-select.component.mjs +76 -0
- package/esm2022/components/multi-select/select-all-text.interface.mjs +2 -0
- package/esm2022/components/popover/index.mjs +2 -0
- package/esm2022/components/popover/popover-trigger.directive.mjs +183 -0
- package/esm2022/components/removable-pill/index.mjs +2 -0
- package/esm2022/components/removable-pill/removable-pill.component.mjs +21 -0
- package/esm2022/components/router-breadcrumbs/index.mjs +2 -0
- package/esm2022/components/router-breadcrumbs/router-breadcrumbs.component.mjs +37 -0
- package/esm2022/components/tab/tab.component.mjs +2 -2
- package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
- package/esm2022/components/tooltip/tooltip.directive.mjs +4 -3
- package/fesm2022/ndwnu-design-system.mjs +642 -202
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +4 -7
- package/assets/icons/icons.json +0 -878
- package/components/dropdown/dropdown-trigger.directive.d.ts +0 -23
- package/components/icon/icon.model.d.ts +0 -5
- package/components/icon/icon.service.d.ts +0 -9
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +0 -95
- package/esm2022/components/icon/icon.model.mjs +0 -2
- package/esm2022/components/icon/icon.service.mjs +0 -26
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block");
|
|
1
2
|
:root {
|
|
2
3
|
--_primary: 177, 23%;
|
|
3
4
|
--_primary-700: var(--_primary), 54%;
|
|
@@ -18,6 +19,8 @@
|
|
|
18
19
|
--ndw-foreground-primary-hover: var(--ndw-color-white);
|
|
19
20
|
--ndw-foreground-primary-active: var(--ndw-color-white);
|
|
20
21
|
--ndw-text-primary: var(--ndw-color-grey-600);
|
|
22
|
+
--ndw-alpha-primary-007: hsla(var(--_primary-500), var(--_alpha-007));
|
|
23
|
+
--ndw-alpha-primary-015: hsla(var(--_primary-500), var(--_alpha-015));
|
|
21
24
|
}
|
|
22
25
|
|
|
23
26
|
.cdk-overlay-container, .cdk-global-overlay-wrapper {
|
|
@@ -110,14 +113,15 @@
|
|
|
110
113
|
|
|
111
114
|
:root {
|
|
112
115
|
/* Colors */
|
|
113
|
-
--_grey:
|
|
114
|
-
--_grey-600:
|
|
115
|
-
--_grey-500:
|
|
116
|
-
--_grey-400:
|
|
117
|
-
--_grey-300:
|
|
118
|
-
--_grey-200:
|
|
119
|
-
--_grey-100:
|
|
120
|
-
--_white:
|
|
116
|
+
--_grey-700: 195, 100%, 10%;
|
|
117
|
+
--_grey-600: 196, 13%, 29%;
|
|
118
|
+
--_grey-500: 197, 7%, 40%;
|
|
119
|
+
--_grey-400: 204, 2%, 54%;
|
|
120
|
+
--_grey-300: 192, 5%, 82%;
|
|
121
|
+
--_grey-200: 204, 11%, 91%;
|
|
122
|
+
--_grey-100: 200, 16%, 96%;
|
|
123
|
+
--_white: 0, 0%, 100%;
|
|
124
|
+
--ndw-color-grey-700: hsl(var(--_grey-700));
|
|
121
125
|
--ndw-color-grey-600: hsl(var(--_grey-600));
|
|
122
126
|
--ndw-color-grey-500: hsl(var(--_grey-500));
|
|
123
127
|
--ndw-color-grey-400: hsl(var(--_grey-400));
|
|
@@ -125,28 +129,35 @@
|
|
|
125
129
|
--ndw-color-grey-200: hsl(var(--_grey-200));
|
|
126
130
|
--ndw-color-grey-100: hsl(var(--_grey-100));
|
|
127
131
|
--ndw-color-white: hsl(var(--_white));
|
|
128
|
-
--
|
|
129
|
-
--
|
|
130
|
-
--
|
|
131
|
-
--
|
|
132
|
+
--_link: 208, 100%;
|
|
133
|
+
--_link-400: var(--_link), 41%;
|
|
134
|
+
--_link-500: var(--_link), 32%;
|
|
135
|
+
--ndw-color-link-400: hsl(var(--_link-400));
|
|
136
|
+
--ndw-color-link-500: hsl(var(--_link-500));
|
|
132
137
|
--_positive: 133, 92%;
|
|
133
|
-
--_positive-600: var(--_positive), 24%;
|
|
134
|
-
--_positive-500: var(--_positive), 33%;
|
|
135
138
|
--_positive-100: 117, 56%, 92%;
|
|
136
|
-
--
|
|
137
|
-
--
|
|
138
|
-
--
|
|
139
|
-
--
|
|
140
|
-
--
|
|
141
|
-
--
|
|
142
|
-
--
|
|
143
|
-
--
|
|
144
|
-
--
|
|
139
|
+
--_positive-500: var(--_positive), 33%;
|
|
140
|
+
--_positive-600: var(--_positive), 24%;
|
|
141
|
+
--_warning: 43, 93%;
|
|
142
|
+
--_warning-100: 44, 100%, 94%;
|
|
143
|
+
--_warning-500: var(--_warning), 43%;
|
|
144
|
+
--_warning-600: 42, 83%, 32%;
|
|
145
|
+
--_alternative: 292, 100%;
|
|
146
|
+
--_alternative-100: var(--_alternative), 95%;
|
|
147
|
+
--_alternative-500: 292, 95%, 33%;
|
|
148
|
+
--_critical: 0, 100%;
|
|
149
|
+
--_critical-100: var(--_critical), 98%;
|
|
150
|
+
--_critical-500: var(--_critical), 46%;
|
|
145
151
|
--ndw-color-positive-100: hsl(var(--_positive-100));
|
|
146
|
-
--ndw-color-
|
|
147
|
-
--ndw-color-
|
|
148
|
-
--ndw-color-
|
|
149
|
-
--ndw-color-
|
|
152
|
+
--ndw-color-positive-500: hsl(var(--_positive-500));
|
|
153
|
+
--ndw-color-positive-600: hsl(var(--_positive-600));
|
|
154
|
+
--ndw-color-warning-100: hsl(var(--_warning-100));
|
|
155
|
+
--ndw-color-warning-500: hsl(var(--_warning-500));
|
|
156
|
+
--ndw-color-warning-600: hsl(var(--_warning-600));
|
|
157
|
+
--ndw-color-alternative-100: hsl(var(--_alternative-100));
|
|
158
|
+
--ndw-color-alternative-500: hsl(var(--_alternative-500));
|
|
159
|
+
--ndw-color-critical-100: hsl(var(--_critical-100));
|
|
160
|
+
--ndw-color-critical-500: hsl(var(--_critical-500));
|
|
150
161
|
--ndw-color-notification: hsl(19, 100%, 35%);
|
|
151
162
|
--_data-a-500: 133, 100%, 21%;
|
|
152
163
|
--_data-a-100: 101, 61%, 81%;
|
|
@@ -173,9 +184,13 @@
|
|
|
173
184
|
--ndw-color-data-f-500: hsl(var(--_data-f-500));
|
|
174
185
|
--ndw-color-data-f-100: hsl(var(--_data-f-100));
|
|
175
186
|
/* Alpha */
|
|
176
|
-
--
|
|
177
|
-
--
|
|
178
|
-
--
|
|
187
|
+
--_alpha-black: 0, 0%, 0%;
|
|
188
|
+
--_alpha-007: 0.07;
|
|
189
|
+
--_alpha-015: 0.15;
|
|
190
|
+
--_alpha-040: 0.4;
|
|
191
|
+
--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
|
|
192
|
+
--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
|
|
193
|
+
--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));
|
|
179
194
|
/* Spacing */
|
|
180
195
|
--ndw-spacing-3xs: 0.125rem;
|
|
181
196
|
--ndw-spacing-2xs: 0.25rem;
|
|
@@ -198,125 +213,120 @@
|
|
|
198
213
|
--ndw-border-radius-md: 0.5rem;
|
|
199
214
|
--ndw-border-radius-lg: 1.5rem;
|
|
200
215
|
/* Elevation */
|
|
201
|
-
--ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--
|
|
216
|
+
--ndw-elevation-info: 0 0 0.5rem 0 hsla(var(--_link-500), 0.25);
|
|
202
217
|
--ndw-elevation-content: 0 0.125rem 0.125rem 0 hsla(var(--_grey-600), 0.05);
|
|
203
218
|
--ndw-elevation-dropdown: 0 0.25rem 1rem hsla(var(--_grey-600), 0.125);
|
|
204
|
-
--ndw-
|
|
219
|
+
--ndw-elevation-popover: 0 0.5rem 1.25rem hsla(var(--_grey-600), 0.125);
|
|
220
|
+
--ndw-backdrop-color: var(--ndw-alpha-black-040);
|
|
205
221
|
/* Animation */
|
|
222
|
+
--ndw-animation-speed-very-fast: 100ms;
|
|
206
223
|
--ndw-animation-speed-fast: 200ms;
|
|
207
224
|
--ndw-animation-speed-default: 300ms;
|
|
208
225
|
--ndw-animation-speed-slow: 500ms;
|
|
209
226
|
/* Icon Size */
|
|
210
227
|
--ndw-icon-size-md: 1rem;
|
|
211
228
|
--ndw-icon-size-lg: 1.5rem;
|
|
229
|
+
/* Mult-select Size */
|
|
230
|
+
--multi-select-default-width: 18.75rem;
|
|
212
231
|
/* Typography */
|
|
213
|
-
--ndw-font-family: "
|
|
232
|
+
--ndw-font-family-body: "Nunito Sans", sans-serif;
|
|
233
|
+
--ndw-font-family-heading: "DM Sans", sans-serif;
|
|
214
234
|
--ndw-base-font-size: 16px;
|
|
215
235
|
--ndw-font-size-xs: 0.6875rem;
|
|
216
236
|
--ndw-font-size-sm: 0.8125rem;
|
|
217
237
|
--ndw-font-size-md: 1.125rem;
|
|
218
238
|
--ndw-font-size-lg: 1.25rem;
|
|
219
239
|
--ndw-font-size-xl: 1.5rem;
|
|
220
|
-
--ndw-font-weight-regular:
|
|
221
|
-
--ndw-font-weight-bold:
|
|
240
|
+
--ndw-font-weight-regular: 400;
|
|
241
|
+
--ndw-font-weight-bold: 650;
|
|
242
|
+
--ndw-line-height-sm: 1.375em;
|
|
222
243
|
--ndw-line-height-md: 1.5em;
|
|
223
244
|
/* Transform */
|
|
224
245
|
--ndw-rotate-half: rotate(180deg);
|
|
225
246
|
}
|
|
226
247
|
|
|
227
|
-
|
|
228
|
-
font-family: "Object Sans";
|
|
229
|
-
font-weight: 500;
|
|
230
|
-
font-style: normal;
|
|
231
|
-
src: url("../../assets/fonts/ObjectSans-Regular.woff2") format("woff2");
|
|
232
|
-
}
|
|
233
|
-
@font-face {
|
|
234
|
-
font-family: "Object Sans";
|
|
235
|
-
font-weight: 600;
|
|
236
|
-
font-style: normal;
|
|
237
|
-
src: url("../../assets/fonts/ObjectSans-Bold.woff2") format("woff2");
|
|
238
|
-
}
|
|
248
|
+
/* Screen sizes */
|
|
239
249
|
/* Mixins */
|
|
240
250
|
/* Classes */
|
|
241
251
|
.ndw-heading-xl {
|
|
242
|
-
font-family: var(--ndw-font-family);
|
|
252
|
+
font-family: var(--ndw-font-family-heading);
|
|
243
253
|
font-size: 2.5rem;
|
|
244
254
|
font-weight: var(--ndw-font-weight-bold);
|
|
245
255
|
line-height: 150%;
|
|
246
256
|
}
|
|
247
257
|
|
|
248
258
|
.ndw-heading-lg {
|
|
249
|
-
font-family: var(--ndw-font-family);
|
|
259
|
+
font-family: var(--ndw-font-family-heading);
|
|
250
260
|
font-size: 2rem;
|
|
251
261
|
font-weight: var(--ndw-font-weight-bold);
|
|
252
262
|
line-height: 150%;
|
|
253
263
|
}
|
|
254
264
|
|
|
255
265
|
.ndw-heading-md {
|
|
256
|
-
font-family: var(--ndw-font-family);
|
|
266
|
+
font-family: var(--ndw-font-family-heading);
|
|
257
267
|
font-size: 1.5rem;
|
|
258
268
|
font-weight: var(--ndw-font-weight-bold);
|
|
259
269
|
line-height: 150%;
|
|
260
270
|
}
|
|
261
271
|
|
|
262
272
|
.ndw-heading-sm {
|
|
263
|
-
font-family: var(--ndw-font-family);
|
|
273
|
+
font-family: var(--ndw-font-family-heading);
|
|
264
274
|
font-size: 1.25rem;
|
|
265
275
|
font-weight: var(--ndw-font-weight-bold);
|
|
266
276
|
line-height: 150%;
|
|
267
277
|
}
|
|
268
278
|
|
|
269
279
|
.ndw-paragraph-bold-xl {
|
|
270
|
-
font-family: var(--ndw-font-family);
|
|
280
|
+
font-family: var(--ndw-font-family-body);
|
|
271
281
|
font-size: 1.125rem;
|
|
272
282
|
font-weight: var(--ndw-font-weight-bold);
|
|
273
283
|
line-height: 150%;
|
|
274
284
|
}
|
|
275
285
|
|
|
276
286
|
.ndw-paragraph-xl {
|
|
277
|
-
font-family: var(--ndw-font-family);
|
|
287
|
+
font-family: var(--ndw-font-family-body);
|
|
278
288
|
font-size: 1.125rem;
|
|
279
289
|
font-weight: var(--ndw-font-weight-regular);
|
|
280
290
|
line-height: 150%;
|
|
281
291
|
}
|
|
282
292
|
|
|
283
293
|
.ndw-paragraph-bold-lg {
|
|
284
|
-
font-family: var(--ndw-font-family);
|
|
294
|
+
font-family: var(--ndw-font-family-body);
|
|
285
295
|
font-size: 1rem;
|
|
286
296
|
font-weight: var(--ndw-font-weight-bold);
|
|
287
297
|
line-height: 150%;
|
|
288
298
|
}
|
|
289
299
|
|
|
290
300
|
.ndw-paragraph-lg {
|
|
291
|
-
font-family: var(--ndw-font-family);
|
|
301
|
+
font-family: var(--ndw-font-family-body);
|
|
292
302
|
font-size: 1rem;
|
|
293
303
|
font-weight: var(--ndw-font-weight-regular);
|
|
294
304
|
line-height: 150%;
|
|
295
305
|
}
|
|
296
306
|
|
|
297
307
|
.ndw-paragraph-bold-md {
|
|
298
|
-
font-family: var(--ndw-font-family);
|
|
308
|
+
font-family: var(--ndw-font-family-body);
|
|
299
309
|
font-size: 0.8125rem;
|
|
300
310
|
font-weight: var(--ndw-font-weight-bold);
|
|
301
311
|
line-height: 150%;
|
|
302
312
|
}
|
|
303
313
|
|
|
304
314
|
.ndw-paragraph-md {
|
|
305
|
-
font-family: var(--ndw-font-family);
|
|
315
|
+
font-family: var(--ndw-font-family-body);
|
|
306
316
|
font-size: 0.8125rem;
|
|
307
317
|
font-weight: var(--ndw-font-weight-regular);
|
|
308
318
|
line-height: 150%;
|
|
309
319
|
}
|
|
310
320
|
|
|
311
321
|
.ndw-paragraph-bold-sm {
|
|
312
|
-
font-family: var(--ndw-font-family);
|
|
322
|
+
font-family: var(--ndw-font-family-body);
|
|
313
323
|
font-size: 0.6875rem;
|
|
314
324
|
font-weight: var(--ndw-font-weight-bold);
|
|
315
325
|
line-height: 150%;
|
|
316
326
|
}
|
|
317
327
|
|
|
318
328
|
.ndw-paragraph-sm {
|
|
319
|
-
font-family: var(--ndw-font-family);
|
|
329
|
+
font-family: var(--ndw-font-family-body);
|
|
320
330
|
font-size: 0.6875rem;
|
|
321
331
|
font-weight: var(--ndw-font-weight-regular);
|
|
322
332
|
line-height: 150%;
|
|
@@ -534,11 +544,14 @@
|
|
|
534
544
|
border-radius: var(--ndw-border-radius-sm);
|
|
535
545
|
transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
|
|
536
546
|
color: var(--ndw-foreground-primary);
|
|
537
|
-
font-family: var(--ndw-font-family);
|
|
547
|
+
font-family: var(--ndw-font-family-body);
|
|
538
548
|
font-size: var(--ndw-font-size-sm);
|
|
539
549
|
font-weight: var(--ndw-font-weight-regular);
|
|
540
550
|
text-align: start;
|
|
541
551
|
}
|
|
552
|
+
[ndwButton] ndw-icon {
|
|
553
|
+
font-size: var(--ndw-spacing-md);
|
|
554
|
+
}
|
|
542
555
|
[ndwButton]:hover {
|
|
543
556
|
background-color: var(--ndw-background-primary-hover);
|
|
544
557
|
border-color: var(--ndw-background-primary-hover);
|
|
@@ -566,17 +579,17 @@
|
|
|
566
579
|
}
|
|
567
580
|
[ndwButton][secondary] {
|
|
568
581
|
background-color: transparent;
|
|
569
|
-
border-color: var(--ndw-color-grey-
|
|
570
|
-
color: var(--ndw-color-grey-
|
|
582
|
+
border-color: var(--ndw-color-grey-300);
|
|
583
|
+
color: var(--ndw-color-grey-700);
|
|
571
584
|
}
|
|
572
585
|
[ndwButton][secondary]:hover {
|
|
573
|
-
background-color: var(--ndw-color-grey-
|
|
574
|
-
border-color: var(--ndw-color-grey-
|
|
586
|
+
background-color: var(--ndw-color-grey-500);
|
|
587
|
+
border-color: var(--ndw-color-grey-500);
|
|
575
588
|
color: var(--ndw-color-white);
|
|
576
589
|
}
|
|
577
590
|
[ndwButton][secondary]:active {
|
|
578
|
-
background-color: var(--ndw-color-grey-
|
|
579
|
-
border-color: var(--ndw-color-grey-
|
|
591
|
+
background-color: var(--ndw-color-grey-700);
|
|
592
|
+
border-color: var(--ndw-color-grey-700);
|
|
580
593
|
color: var(--ndw-color-white);
|
|
581
594
|
}
|
|
582
595
|
[ndwButton][large] {
|
|
@@ -584,9 +597,9 @@
|
|
|
584
597
|
padding-inline: var(--ndw-spacing-sm);
|
|
585
598
|
}
|
|
586
599
|
[ndwButton][disabled] {
|
|
587
|
-
background-color: var(--ndw-color-grey-
|
|
588
|
-
border-color: var(--ndw-color-grey-
|
|
589
|
-
color: var(--ndw-color-grey-
|
|
600
|
+
background-color: var(--ndw-color-grey-300);
|
|
601
|
+
border-color: var(--ndw-color-grey-300);
|
|
602
|
+
color: var(--ndw-color-grey-700);
|
|
590
603
|
pointer-events: none;
|
|
591
604
|
user-select: none;
|
|
592
605
|
}
|
|
@@ -599,46 +612,43 @@
|
|
|
599
612
|
opacity: 1;
|
|
600
613
|
}
|
|
601
614
|
}
|
|
602
|
-
.cdk-overlay-pane.ndw-dropdown-panel {
|
|
603
|
-
animation: show var(--ndw-animation-speed-default) ease-in;
|
|
604
|
-
background-color: var(--ndw-color-white);
|
|
605
|
-
border-radius: var(--ndw-border-radius-md);
|
|
606
|
-
box-shadow: var(--ndw-elevation-dropdown);
|
|
607
|
-
display: grid;
|
|
608
|
-
padding: var(--ndw-spacing-sm);
|
|
609
|
-
}
|
|
610
|
-
|
|
611
615
|
[ndwButton][filter] {
|
|
612
616
|
background-color: var(--ndw-color-white);
|
|
613
|
-
border-color: var(--ndw-color-grey-
|
|
614
|
-
color: var(--ndw-color-grey-
|
|
617
|
+
border-color: var(--ndw-color-grey-300);
|
|
618
|
+
color: var(--ndw-color-grey-700);
|
|
615
619
|
height: var(--ndw-spacing-2xl);
|
|
616
620
|
}
|
|
617
|
-
[ndwButton][filter] ndw-icon {
|
|
621
|
+
[ndwButton][filter] ndw-icon.button-icon {
|
|
618
622
|
color: var(--ndw-color-primary);
|
|
619
623
|
}
|
|
624
|
+
[ndwButton][filter] ndw-icon.prefix-icon {
|
|
625
|
+
color: var(--ndw-color-grey-300);
|
|
626
|
+
}
|
|
620
627
|
[ndwButton][filter]:hover {
|
|
621
628
|
border-color: var(--ndw-color-primary);
|
|
622
629
|
}
|
|
623
|
-
[ndwButton][filter]:active {
|
|
624
|
-
|
|
630
|
+
[ndwButton][filter]:active, [ndwButton][filter]:focus, [ndwButton][filter]:focus-visible {
|
|
631
|
+
border-color: var(--ndw-color-secondary-500);
|
|
632
|
+
box-shadow: var(--ndw-elevation-info);
|
|
633
|
+
outline-color: var(--ndw-color-secondary-500);
|
|
625
634
|
}
|
|
626
635
|
[ndwButton][filter][disabled] {
|
|
627
636
|
background-color: var(--ndw-color-grey-100);
|
|
628
|
-
color: var(--ndw-color-grey-
|
|
637
|
+
color: var(--ndw-color-grey-500);
|
|
629
638
|
pointer-events: none;
|
|
630
639
|
user-select: none;
|
|
631
640
|
}
|
|
632
641
|
[ndwButton][filter][disabled] ndw-icon {
|
|
633
|
-
color: var(--ndw-color-grey-
|
|
642
|
+
color: var(--ndw-color-grey-500);
|
|
634
643
|
}
|
|
635
644
|
|
|
636
645
|
[ndwInput] {
|
|
637
646
|
background-color: var(--ndw-color-white);
|
|
638
|
-
border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-
|
|
647
|
+
border: var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);
|
|
639
648
|
border-radius: var(--ndw-border-radius-sm);
|
|
640
649
|
box-sizing: border-box;
|
|
641
|
-
color: var(--ndw-color-grey-
|
|
650
|
+
color: var(--ndw-color-grey-700);
|
|
651
|
+
font-family: var(--ndw-font-family-body);
|
|
642
652
|
font-size: var(--ndw-font-size-sm);
|
|
643
653
|
height: var(--ndw-spacing-2xl);
|
|
644
654
|
line-height: var(--ndw-line-height-md);
|
|
@@ -649,15 +659,15 @@
|
|
|
649
659
|
transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
|
|
650
660
|
}
|
|
651
661
|
[ndwInput]:hover {
|
|
652
|
-
border-color: var(--ndw-color-grey-
|
|
662
|
+
border-color: var(--ndw-color-grey-400);
|
|
653
663
|
}
|
|
654
664
|
[ndwInput]:active, [ndwInput]:focus, [ndwInput]:focus-visible {
|
|
655
665
|
border-color: transparent;
|
|
656
666
|
box-shadow: var(--ndw-elevation-info);
|
|
657
|
-
outline-color: var(--ndw-color-
|
|
667
|
+
outline-color: var(--ndw-color-secondary-500);
|
|
658
668
|
}
|
|
659
669
|
[ndwInput]::placeholder {
|
|
660
|
-
color: var(--ndw-color-grey-
|
|
670
|
+
color: var(--ndw-color-grey-400);
|
|
661
671
|
}
|
|
662
672
|
[ndwInput][type=search]::-webkit-search-decoration, [ndwInput][type=search]::-webkit-search-cancel-button, [ndwInput][type=search]::-webkit-search-results-button, [ndwInput][type=search]::-webkit-search-results-decoration {
|
|
663
673
|
display: none;
|
|
@@ -667,8 +677,8 @@
|
|
|
667
677
|
opacity: 0;
|
|
668
678
|
}
|
|
669
679
|
[ndwInput][error] {
|
|
670
|
-
background-color: var(--ndw-color-
|
|
671
|
-
border-color: var(--ndw-color-
|
|
680
|
+
background-color: var(--ndw-color-critical-100);
|
|
681
|
+
border-color: var(--ndw-color-critical-500);
|
|
672
682
|
}
|
|
673
683
|
[ndwInput][error]:hover {
|
|
674
684
|
border-color: var(--ndw-color-grey-300);
|
|
@@ -676,12 +686,12 @@
|
|
|
676
686
|
[ndwInput][error]:active, [ndwInput][error]:focus, [ndwInput][error]:focus-visible {
|
|
677
687
|
background-color: var(--ndw-color-white);
|
|
678
688
|
border-color: transparent;
|
|
679
|
-
outline-color: var(--ndw-color-
|
|
689
|
+
outline-color: var(--ndw-color-secondary-500);
|
|
680
690
|
}
|
|
681
|
-
[ndwInput][disabled] {
|
|
691
|
+
[ndwInput][disabled], [ndwInput][readonly] {
|
|
682
692
|
background-color: var(--ndw-color-grey-100);
|
|
683
|
-
border-color: var(--ndw-color-grey-
|
|
684
|
-
color: var(--ndw-color-grey-
|
|
693
|
+
border-color: var(--ndw-color-grey-300);
|
|
694
|
+
color: var(--ndw-color-grey-500);
|
|
685
695
|
pointer-events: none;
|
|
686
696
|
}
|
|
687
697
|
[ndwInput].prefix-icon {
|
|
@@ -697,12 +707,16 @@ select[ndwInput] {
|
|
|
697
707
|
white-space: nowrap;
|
|
698
708
|
padding-right: var(--ndw-spacing-xl);
|
|
699
709
|
}
|
|
700
|
-
select[ndwInput]
|
|
701
|
-
|
|
710
|
+
select[ndwInput][ndw-placeholder],
|
|
711
|
+
select[ndwInput] option[disabled] {
|
|
712
|
+
color: var(--ndw-color-grey-400);
|
|
713
|
+
}
|
|
714
|
+
select[ndwInput] option:not([disabled]) {
|
|
715
|
+
color: var(--ndw-color-grey-700);
|
|
702
716
|
}
|
|
703
717
|
|
|
704
718
|
textarea[ndwInput] {
|
|
705
|
-
min-height:
|
|
719
|
+
min-height: 4rem;
|
|
706
720
|
padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
|
|
707
721
|
resize: vertical;
|
|
708
722
|
}
|
|
@@ -711,9 +725,9 @@ textarea[ndwInput] {
|
|
|
711
725
|
align-content: center;
|
|
712
726
|
align-items: center;
|
|
713
727
|
display: grid;
|
|
714
|
-
font-family: var(--ndw-font-family);
|
|
728
|
+
font-family: var(--ndw-font-family-body);
|
|
715
729
|
font-size: var(--ndw-font-size-sm);
|
|
716
|
-
font-weight: var(--ndw-font-weight-
|
|
730
|
+
font-weight: var(--ndw-font-weight-bold);
|
|
717
731
|
gap: var(--ndw-spacing-3xs);
|
|
718
732
|
grid-template-columns: repeat(3, auto);
|
|
719
733
|
height: 1.5rem;
|
|
@@ -721,16 +735,17 @@ textarea[ndwInput] {
|
|
|
721
735
|
line-height: 100%;
|
|
722
736
|
}
|
|
723
737
|
[ndwLabel] ndw-icon {
|
|
724
|
-
color: var(--ndw-color-grey-
|
|
738
|
+
color: var(--ndw-color-grey-400);
|
|
739
|
+
font-size: var(--ndw-icon-size-md);
|
|
725
740
|
margin-top: calc(var(--ndw-spacing-3xs) * -1);
|
|
726
741
|
}
|
|
727
742
|
[ndwLabel] .required {
|
|
728
|
-
color: var(--ndw-color-grey-
|
|
743
|
+
color: var(--ndw-color-grey-400);
|
|
729
744
|
}
|
|
730
745
|
|
|
731
746
|
a[ndwLink] {
|
|
732
747
|
align-items: baseline;
|
|
733
|
-
color: var(--ndw-color-
|
|
748
|
+
color: var(--ndw-color-link-400);
|
|
734
749
|
display: inline-flex;
|
|
735
750
|
font-size: inherit;
|
|
736
751
|
gap: var(--ndw-spacing-2xs);
|
|
@@ -741,11 +756,16 @@ a[ndwLink] {
|
|
|
741
756
|
a[ndwLink] > * {
|
|
742
757
|
align-self: center;
|
|
743
758
|
}
|
|
759
|
+
a[ndwLink] ndw-icon {
|
|
760
|
+
font-size: 1.25em;
|
|
761
|
+
overflow: hidden;
|
|
762
|
+
}
|
|
744
763
|
a[ndwLink]:hover {
|
|
745
|
-
|
|
764
|
+
color: var(--ndw-color-link-500);
|
|
765
|
+
text-decoration-color: var(--ndw-color-link-500);
|
|
746
766
|
}
|
|
747
767
|
a[ndwLink][disabled] {
|
|
748
|
-
color: var(--ndw-color-grey-
|
|
768
|
+
color: var(--ndw-color-grey-400);
|
|
749
769
|
pointer-events: none;
|
|
750
770
|
user-select: none;
|
|
751
771
|
}
|
|
@@ -754,11 +774,28 @@ a[ndwLink][disabled] {
|
|
|
754
774
|
background-color: var(--ndw-backdrop-color);
|
|
755
775
|
}
|
|
756
776
|
|
|
777
|
+
@keyframes show {
|
|
778
|
+
from {
|
|
779
|
+
opacity: 0;
|
|
780
|
+
}
|
|
781
|
+
to {
|
|
782
|
+
opacity: 1;
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
.cdk-overlay-pane.ndw-popover-panel {
|
|
786
|
+
animation: show var(--ndw-animation-speed-default) ease-in;
|
|
787
|
+
background-color: var(--ndw-color-white);
|
|
788
|
+
border-radius: var(--ndw-border-radius-md);
|
|
789
|
+
box-shadow: var(--ndw-elevation-popover);
|
|
790
|
+
display: grid;
|
|
791
|
+
padding: var(--ndw-spacing-sm);
|
|
792
|
+
}
|
|
793
|
+
|
|
757
794
|
[ndwButton][menu] {
|
|
758
795
|
background-color: transparent;
|
|
759
796
|
border-color: transparent;
|
|
760
797
|
border-radius: 0;
|
|
761
|
-
color: var(--ndw-color-grey-
|
|
798
|
+
color: var(--ndw-color-grey-400);
|
|
762
799
|
gap: var(--ndw-spacing-xs);
|
|
763
800
|
height: 2.625rem;
|
|
764
801
|
padding-inline: 0;
|
|
@@ -766,8 +803,8 @@ a[ndwLink][disabled] {
|
|
|
766
803
|
width: 100%;
|
|
767
804
|
}
|
|
768
805
|
[ndwButton][menu]:hover {
|
|
769
|
-
background-color: var(--ndw-color-grey-
|
|
770
|
-
border-color: var(--ndw-color-grey-
|
|
806
|
+
background-color: var(--ndw-color-grey-600);
|
|
807
|
+
border-color: var(--ndw-color-grey-600);
|
|
771
808
|
color: var(--ndw-color-white);
|
|
772
809
|
}
|
|
773
810
|
[ndwButton][menu]:active {
|
|
@@ -775,8 +812,3 @@ a[ndwLink][disabled] {
|
|
|
775
812
|
border-color: transparent;
|
|
776
813
|
color: var(--ndw-color-white);
|
|
777
814
|
}
|
|
778
|
-
|
|
779
|
-
.cdk-overlay-pane.tooltip-bottom ndw-tooltip::before {
|
|
780
|
-
bottom: auto;
|
|
781
|
-
top: calc(var(--ndw-spacing-2xs) * -1);
|
|
782
|
-
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component, HostBinding, input, output } from '@angular/core';
|
|
2
|
+
import { IconComponent } from '../icon';
|
|
3
|
+
import { AlertType } from './alert.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class AlertComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.actionable = input(false);
|
|
8
|
+
this.title = input();
|
|
9
|
+
this.type = input(AlertType.InfoGrey);
|
|
10
|
+
this.close = output();
|
|
11
|
+
}
|
|
12
|
+
get alertTypeClass() {
|
|
13
|
+
return this.type();
|
|
14
|
+
}
|
|
15
|
+
get actionableClass() {
|
|
16
|
+
return this.actionable();
|
|
17
|
+
}
|
|
18
|
+
onClose() {
|
|
19
|
+
this.close.emit();
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AlertComponent, isStandalone: true, selector: "ndw-alert", inputs: { actionable: { classPropertyName: "actionable", publicName: "actionable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { properties: { "class": "this.alertTypeClass", "class.actionable": "this.actionableClass" } }, ngImport: i0, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n <ndw-icon class=\"close-icon\" role=\"button\" [interactive]=\"true\" (click)=\"onClose()\">\n close\n </ndw-icon>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][outline]{background-color:transparent;border-color:var(--ndw-background-primary);color:var(--ndw-text-primary)}[ndwButton][outline]:hover{background-color:var(--ndw-background-primary);border-color:var(--ndw-background-primary);color:var(--ndw-foreground-primary)}[ndwButton][outline]:active{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton][secondary]{background-color:transparent;border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}[ndwButton][secondary]:hover{background-color:var(--ndw-color-grey-500);border-color:var(--ndw-color-grey-500);color:var(--ndw-color-white)}[ndwButton][secondary]:active{background-color:var(--ndw-color-grey-700);border-color:var(--ndw-color-grey-700);color:var(--ndw-color-white)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}a[ndwLink]{align-items:baseline;color:var(--ndw-color-link-400);display:inline-flex;font-size:inherit;gap:var(--ndw-spacing-2xs);text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}a[ndwLink]>*{align-self:center}a[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}a[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}a[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-default) ease-in;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section ndw-icon{color:var(--ndw-color-grey-400)}:host section ndw-icon.info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section ndw-icon.close-icon{font-size:var(--ndw-spacing-md);margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["interactive"] }] }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'ndw-alert', standalone: true, imports: [IconComponent], template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n <ndw-icon class=\"close-icon\" role=\"button\" [interactive]=\"true\" (click)=\"onClose()\">\n close\n </ndw-icon>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][outline]{background-color:transparent;border-color:var(--ndw-background-primary);color:var(--ndw-text-primary)}[ndwButton][outline]:hover{background-color:var(--ndw-background-primary);border-color:var(--ndw-background-primary);color:var(--ndw-foreground-primary)}[ndwButton][outline]:active{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton][secondary]{background-color:transparent;border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}[ndwButton][secondary]:hover{background-color:var(--ndw-color-grey-500);border-color:var(--ndw-color-grey-500);color:var(--ndw-color-white)}[ndwButton][secondary]:active{background-color:var(--ndw-color-grey-700);border-color:var(--ndw-color-grey-700);color:var(--ndw-color-white)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}a[ndwLink]{align-items:baseline;color:var(--ndw-color-link-400);display:inline-flex;font-size:inherit;gap:var(--ndw-spacing-2xs);text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}a[ndwLink]>*{align-self:center}a[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}a[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}a[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-default) ease-in;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section ndw-icon{color:var(--ndw-color-grey-400)}:host section ndw-icon.info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section ndw-icon.close-icon{font-size:var(--ndw-spacing-md);margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"] }]
|
|
27
|
+
}], propDecorators: { alertTypeClass: [{
|
|
28
|
+
type: HostBinding,
|
|
29
|
+
args: ['class']
|
|
30
|
+
}], actionableClass: [{
|
|
31
|
+
type: HostBinding,
|
|
32
|
+
args: ['class.actionable']
|
|
33
|
+
}] } });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFRUyxlQUFVLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixTQUFJLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVqQyxVQUFLLEdBQUcsTUFBTSxFQUFRLENBQUM7S0FlL0I7SUFiQyxJQUNXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs4R0FuQlUsY0FBYztrR0FBZCxjQUFjLHdrQkNaM0IseVRBWUEsMHFtQkRKWSxhQUFhOzsyRkFJWixjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUM7OEJBWWIsY0FBYztzQkFEeEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1ULGVBQWU7c0JBRHpCLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgeyBBbGVydFR5cGUgfSBmcm9tICcuL2FsZXJ0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWFsZXJ0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCB7XG4gIHB1YmxpYyBhY3Rpb25hYmxlID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHB1YmxpYyB0eXBlID0gaW5wdXQoQWxlcnRUeXBlLkluZm9HcmV5KTtcblxuICBwdWJsaWMgY2xvc2UgPSBvdXRwdXQ8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBhbGVydFR5cGVDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aW9uYWJsZScpXG4gIHB1YmxpYyBnZXQgYWN0aW9uYWJsZUNsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbj5cbiAgPG5kdy1pY29uIGNsYXNzPVwiaW5mby1pY29uXCI+aW5mbzwvbmR3LWljb24+XG4gIEBpZiAoYWN0aW9uYWJsZSgpKSB7XG4gICAgQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xuICAgICAgPGgyPnt7IHRpdGxlIH19PC9oMj5cbiAgICB9XG4gICAgPG5kdy1pY29uIGNsYXNzPVwiY2xvc2UtaWNvblwiIHJvbGU9XCJidXR0b25cIiBbaW50ZXJhY3RpdmVdPVwidHJ1ZVwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIGNsb3NlXG4gICAgPC9uZHctaWNvbj5cbiAgfVxuPC9zZWN0aW9uPlxuPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|