@ndwnu/design-system 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/components/alert/alert.component.d.ts +13 -0
  2. package/components/alert/alert.model.d.ts +6 -0
  3. package/components/alert/index.d.ts +2 -0
  4. package/components/breadcrumb/breadcrumb.component.d.ts +8 -0
  5. package/components/breadcrumb/index.d.ts +1 -0
  6. package/components/breadcrumb-group/breadcrumb-group.component.d.ts +7 -0
  7. package/components/breadcrumb-group/index.d.ts +1 -0
  8. package/components/dropdown/dropdown.component.d.ts +1 -1
  9. package/components/form-field/checkbox/checkbox.component.d.ts +1 -2
  10. package/components/form-field/input/input.directive.d.ts +6 -0
  11. package/components/form-field/radio-button/radio-button.component.d.ts +7 -4
  12. package/components/form-field/radio-group/radio-group.component.d.ts +9 -1
  13. package/components/icon/icon.component.d.ts +9 -6
  14. package/components/icon/index.d.ts +0 -2
  15. package/components/index.d.ts +5 -2
  16. package/components/main-navigation/main-navigation.model.d.ts +1 -0
  17. package/components/main-navigation-menu/main-navigation-menu.component.d.ts +1 -3
  18. package/components/router-breadcrumbs/index.d.ts +1 -0
  19. package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts +15 -0
  20. package/core/styles/ndw-styles.scss +154 -102
  21. package/core/styles/nwb-styles.scss +116 -96
  22. package/esm2022/components/alert/alert.component.mjs +34 -0
  23. package/esm2022/components/alert/alert.model.mjs +8 -0
  24. package/esm2022/components/alert/index.mjs +3 -0
  25. package/esm2022/components/badge/badge.component.mjs +2 -2
  26. package/esm2022/components/breadcrumb/breadcrumb.component.mjs +15 -0
  27. package/esm2022/components/breadcrumb/index.mjs +2 -0
  28. package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +21 -0
  29. package/esm2022/components/breadcrumb-group/index.mjs +2 -0
  30. package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
  31. package/esm2022/components/dropdown/dropdown.component.mjs +4 -4
  32. package/esm2022/components/form-field/checkbox/checkbox.component.mjs +4 -11
  33. package/esm2022/components/form-field/error/error.component.mjs +3 -3
  34. package/esm2022/components/form-field/form-field.component.mjs +5 -5
  35. package/esm2022/components/form-field/info/info.component.mjs +2 -2
  36. package/esm2022/components/form-field/input/input.directive.mjs +33 -2
  37. package/esm2022/components/form-field/radio-button/radio-button.component.mjs +28 -10
  38. package/esm2022/components/form-field/radio-group/radio-group.component.mjs +45 -5
  39. package/esm2022/components/icon/icon.component.mjs +31 -16
  40. package/esm2022/components/icon/index.mjs +1 -3
  41. package/esm2022/components/index.mjs +6 -3
  42. package/esm2022/components/main-navigation/main-navigation.component.mjs +3 -3
  43. package/esm2022/components/main-navigation/main-navigation.model.mjs +1 -1
  44. package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +4 -8
  45. package/esm2022/components/router-breadcrumbs/index.mjs +2 -0
  46. package/esm2022/components/router-breadcrumbs/router-breadcrumbs.component.mjs +37 -0
  47. package/esm2022/components/tab/tab.component.mjs +2 -2
  48. package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
  49. package/fesm2022/ndwnu-design-system.mjs +326 -160
  50. package/fesm2022/ndwnu-design-system.mjs.map +1 -1
  51. package/package.json +4 -7
  52. package/assets/icons/icons.json +0 -878
  53. package/components/icon/icon.model.d.ts +0 -5
  54. package/components/icon/icon.service.d.ts +0 -9
  55. package/esm2022/components/icon/icon.model.mjs +0 -2
  56. 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: 0, 0%;
114
- --_grey-600: 210, 9%, 17%;
115
- --_grey-500: var(--_grey), 27%;
116
- --_grey-400: var(--_grey), 40%;
117
- --_grey-300: var(--_grey), 57%;
118
- --_grey-200: var(--_grey), 81%;
119
- --_grey-100: var(--_grey), 96%;
120
- --_white: var(--_grey), 100%;
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
- --_info: 210, 100%;
129
- --_info-500: var(--_info), 43%;
130
- --_info-200: var(--_info), 91%;
131
- --_info-100: var(--_info), 95%;
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
- --_negative: 0, 100%;
137
- --_negative-700: var(--_negative), 46%;
138
- --_negative-500: var(--_negative), 59%;
139
- --_negative-100: var(--_negative), 98%;
140
- --ndw-color-info-500: hsl(var(--_info-500));
141
- --ndw-color-info-200: hsl(var(--_info-200));
142
- --ndw-color-info-100: hsl(var(--_info-100));
143
- --ndw-color-positive-600: hsl(var(--_positive-600));
144
- --ndw-color-positive-500: hsl(var(--_positive-500));
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-negative-700: hsl(var(--_negative-700));
147
- --ndw-color-negative-500: hsl(var(--_negative-500));
148
- --ndw-color-negative-100: hsl(var(--_negative-100));
149
- --ndw-color-info-alpha-40: hsla(var(--_info-500), var(--ndw-alpha-40));
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
- --ndw-alpha-40: 0.4;
177
- --ndw-alpha-15: 0.15;
178
- --ndw-alpha-7: 0.07;
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;
@@ -210,113 +225,104 @@
210
225
  --ndw-icon-size-md: 1rem;
211
226
  --ndw-icon-size-lg: 1.5rem;
212
227
  /* Typography */
213
- --ndw-font-family: "Object Sans", sans-serif;
228
+ --ndw-font-family-body: "Nunito Sans", sans-serif;
229
+ --ndw-font-family-heading: "DM Sans", sans-serif;
214
230
  --ndw-base-font-size: 16px;
215
231
  --ndw-font-size-xs: 0.6875rem;
216
232
  --ndw-font-size-sm: 0.8125rem;
217
233
  --ndw-font-size-md: 1.125rem;
218
234
  --ndw-font-size-lg: 1.25rem;
219
235
  --ndw-font-size-xl: 1.5rem;
220
- --ndw-font-weight-regular: 500;
221
- --ndw-font-weight-bold: 600;
236
+ --ndw-font-weight-regular: 400;
237
+ --ndw-font-weight-bold: 650;
238
+ --ndw-line-height-sm: 1.375em;
222
239
  --ndw-line-height-md: 1.5em;
223
240
  /* Transform */
224
241
  --ndw-rotate-half: rotate(180deg);
225
242
  }
226
243
 
227
- @font-face {
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
- }
244
+ /* Screen sizes */
239
245
  /* Mixins */
240
246
  /* Classes */
241
247
  .ndw-heading-xl {
242
- font-family: var(--ndw-font-family);
248
+ font-family: var(--ndw-font-family-heading);
243
249
  font-size: 2.5rem;
244
250
  font-weight: var(--ndw-font-weight-bold);
245
251
  line-height: 150%;
246
252
  }
247
253
 
248
254
  .ndw-heading-lg {
249
- font-family: var(--ndw-font-family);
255
+ font-family: var(--ndw-font-family-heading);
250
256
  font-size: 2rem;
251
257
  font-weight: var(--ndw-font-weight-bold);
252
258
  line-height: 150%;
253
259
  }
254
260
 
255
261
  .ndw-heading-md {
256
- font-family: var(--ndw-font-family);
262
+ font-family: var(--ndw-font-family-heading);
257
263
  font-size: 1.5rem;
258
264
  font-weight: var(--ndw-font-weight-bold);
259
265
  line-height: 150%;
260
266
  }
261
267
 
262
268
  .ndw-heading-sm {
263
- font-family: var(--ndw-font-family);
269
+ font-family: var(--ndw-font-family-heading);
264
270
  font-size: 1.25rem;
265
271
  font-weight: var(--ndw-font-weight-bold);
266
272
  line-height: 150%;
267
273
  }
268
274
 
269
275
  .ndw-paragraph-bold-xl {
270
- font-family: var(--ndw-font-family);
276
+ font-family: var(--ndw-font-family-body);
271
277
  font-size: 1.125rem;
272
278
  font-weight: var(--ndw-font-weight-bold);
273
279
  line-height: 150%;
274
280
  }
275
281
 
276
282
  .ndw-paragraph-xl {
277
- font-family: var(--ndw-font-family);
283
+ font-family: var(--ndw-font-family-body);
278
284
  font-size: 1.125rem;
279
285
  font-weight: var(--ndw-font-weight-regular);
280
286
  line-height: 150%;
281
287
  }
282
288
 
283
289
  .ndw-paragraph-bold-lg {
284
- font-family: var(--ndw-font-family);
290
+ font-family: var(--ndw-font-family-body);
285
291
  font-size: 1rem;
286
292
  font-weight: var(--ndw-font-weight-bold);
287
293
  line-height: 150%;
288
294
  }
289
295
 
290
296
  .ndw-paragraph-lg {
291
- font-family: var(--ndw-font-family);
297
+ font-family: var(--ndw-font-family-body);
292
298
  font-size: 1rem;
293
299
  font-weight: var(--ndw-font-weight-regular);
294
300
  line-height: 150%;
295
301
  }
296
302
 
297
303
  .ndw-paragraph-bold-md {
298
- font-family: var(--ndw-font-family);
304
+ font-family: var(--ndw-font-family-body);
299
305
  font-size: 0.8125rem;
300
306
  font-weight: var(--ndw-font-weight-bold);
301
307
  line-height: 150%;
302
308
  }
303
309
 
304
310
  .ndw-paragraph-md {
305
- font-family: var(--ndw-font-family);
311
+ font-family: var(--ndw-font-family-body);
306
312
  font-size: 0.8125rem;
307
313
  font-weight: var(--ndw-font-weight-regular);
308
314
  line-height: 150%;
309
315
  }
310
316
 
311
317
  .ndw-paragraph-bold-sm {
312
- font-family: var(--ndw-font-family);
318
+ font-family: var(--ndw-font-family-body);
313
319
  font-size: 0.6875rem;
314
320
  font-weight: var(--ndw-font-weight-bold);
315
321
  line-height: 150%;
316
322
  }
317
323
 
318
324
  .ndw-paragraph-sm {
319
- font-family: var(--ndw-font-family);
325
+ font-family: var(--ndw-font-family-body);
320
326
  font-size: 0.6875rem;
321
327
  font-weight: var(--ndw-font-weight-regular);
322
328
  line-height: 150%;
@@ -534,11 +540,14 @@
534
540
  border-radius: var(--ndw-border-radius-sm);
535
541
  transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out;
536
542
  color: var(--ndw-foreground-primary);
537
- font-family: var(--ndw-font-family);
543
+ font-family: var(--ndw-font-family-body);
538
544
  font-size: var(--ndw-font-size-sm);
539
545
  font-weight: var(--ndw-font-weight-regular);
540
546
  text-align: start;
541
547
  }
548
+ [ndwButton] ndw-icon {
549
+ font-size: var(--ndw-spacing-md);
550
+ }
542
551
  [ndwButton]:hover {
543
552
  background-color: var(--ndw-background-primary-hover);
544
553
  border-color: var(--ndw-background-primary-hover);
@@ -566,17 +575,17 @@
566
575
  }
567
576
  [ndwButton][secondary] {
568
577
  background-color: transparent;
569
- border-color: var(--ndw-color-grey-200);
570
- color: var(--ndw-color-grey-600);
578
+ border-color: var(--ndw-color-grey-300);
579
+ color: var(--ndw-color-grey-700);
571
580
  }
572
581
  [ndwButton][secondary]:hover {
573
- background-color: var(--ndw-color-grey-300);
574
- border-color: var(--ndw-color-grey-300);
582
+ background-color: var(--ndw-color-grey-500);
583
+ border-color: var(--ndw-color-grey-500);
575
584
  color: var(--ndw-color-white);
576
585
  }
577
586
  [ndwButton][secondary]:active {
578
- background-color: var(--ndw-color-grey-400);
579
- border-color: var(--ndw-color-grey-400);
587
+ background-color: var(--ndw-color-grey-700);
588
+ border-color: var(--ndw-color-grey-700);
580
589
  color: var(--ndw-color-white);
581
590
  }
582
591
  [ndwButton][large] {
@@ -584,9 +593,9 @@
584
593
  padding-inline: var(--ndw-spacing-sm);
585
594
  }
586
595
  [ndwButton][disabled] {
587
- background-color: var(--ndw-color-grey-200);
588
- border-color: var(--ndw-color-grey-200);
589
- color: var(--ndw-color-grey-600);
596
+ background-color: var(--ndw-color-grey-300);
597
+ border-color: var(--ndw-color-grey-300);
598
+ color: var(--ndw-color-grey-700);
590
599
  pointer-events: none;
591
600
  user-select: none;
592
601
  }
@@ -610,8 +619,8 @@
610
619
 
611
620
  [ndwButton][filter] {
612
621
  background-color: var(--ndw-color-white);
613
- border-color: var(--ndw-color-grey-200);
614
- color: var(--ndw-color-grey-600);
622
+ border-color: var(--ndw-color-grey-300);
623
+ color: var(--ndw-color-grey-700);
615
624
  height: var(--ndw-spacing-2xl);
616
625
  }
617
626
  [ndwButton][filter] ndw-icon {
@@ -621,24 +630,25 @@
621
630
  border-color: var(--ndw-color-primary);
622
631
  }
623
632
  [ndwButton][filter]:active {
624
- background-color: var(--ndw-color-primary-100);
633
+ background-color: var(--ndw-color-primary-050);
625
634
  }
626
635
  [ndwButton][filter][disabled] {
627
- background-color: var(--ndw-color-grey-100);
628
- color: var(--ndw-color-grey-400);
636
+ background-color: var(--ndw-color-grey-300);
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-400);
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-200);
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-600);
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-300);
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-info-500);
667
+ outline-color: var(--ndw-color-secondary-500);
658
668
  }
659
669
  [ndwInput]::placeholder {
660
- color: var(--ndw-color-grey-300);
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-negative-100);
671
- border-color: var(--ndw-color-negative-500);
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-info-500);
689
+ outline-color: var(--ndw-color-secondary-500);
680
690
  }
681
691
  [ndwInput][disabled] {
682
692
  background-color: var(--ndw-color-grey-100);
683
- border-color: var(--ndw-color-grey-200);
684
- color: var(--ndw-color-grey-400);
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]:not([ndw-changed]) {
701
- color: var(--ndw-color-grey-300);
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: 6.5rem;
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-regular);
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-300);
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-300);
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-info-500);
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
- text-decoration-color: var(--ndw-color-info-500);
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-300);
768
+ color: var(--ndw-color-grey-400);
749
769
  pointer-events: none;
750
770
  user-select: none;
751
771
  }
@@ -758,7 +778,7 @@ a[ndwLink][disabled] {
758
778
  background-color: transparent;
759
779
  border-color: transparent;
760
780
  border-radius: 0;
761
- color: var(--ndw-color-grey-300);
781
+ color: var(--ndw-color-grey-400);
762
782
  gap: var(--ndw-spacing-xs);
763
783
  height: 2.625rem;
764
784
  padding-inline: 0;
@@ -766,8 +786,8 @@ a[ndwLink][disabled] {
766
786
  width: 100%;
767
787
  }
768
788
  [ndwButton][menu]:hover {
769
- background-color: var(--ndw-color-grey-500);
770
- border-color: var(--ndw-color-grey-500);
789
+ background-color: var(--ndw-color-grey-600);
790
+ border-color: var(--ndw-color-grey-600);
771
791
  color: var(--ndw-color-white);
772
792
  }
773
793
  [ndwButton][menu]:active {
@@ -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(--_info-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-backdrop-color: hsla(var(--_grey-600), var(--ndw-alpha-40));--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;--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}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-dropdown-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-dropdown);display:grid;padding:var(--ndw-spacing-sm)}[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{color:var(--ndw-color-primary)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active{background-color:var(--ndw-color-primary-050)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-300);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]{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)}[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)}.cdk-overlay-pane.tooltip-bottom ndw-tooltip:before{bottom:auto;top:calc(var(--ndw-spacing-2xs) * -1)}: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(--_info-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-backdrop-color: hsla(var(--_grey-600), var(--ndw-alpha-40));--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;--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}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-dropdown-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-dropdown);display:grid;padding:var(--ndw-spacing-sm)}[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{color:var(--ndw-color-primary)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active{background-color:var(--ndw-color-primary-050)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-300);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]{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)}[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)}.cdk-overlay-pane.tooltip-bottom ndw-tooltip:before{bottom:auto;top:calc(var(--ndw-spacing-2xs) * -1)}: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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFRUyxlQUFVLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixTQUFJLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVqQyxVQUFLLEdBQUcsTUFBTSxFQUFRLENBQUM7S0FlL0I7SUFiQyxJQUNXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzs4R0FuQlUsY0FBYztrR0FBZCxjQUFjLHdrQkNaM0IseVRBWUEsMjVsQkRKWSxhQUFhOzsyRkFJWixjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUM7OEJBWWIsY0FBYztzQkFEeEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1ULGVBQWU7c0JBRHpCLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgeyBBbGVydFR5cGUgfSBmcm9tICcuL2FsZXJ0Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWFsZXJ0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCB7XG4gIHB1YmxpYyBhY3Rpb25hYmxlID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHB1YmxpYyB0eXBlID0gaW5wdXQoQWxlcnRUeXBlLkluZm9HcmV5KTtcblxuICBwdWJsaWMgY2xvc2UgPSBvdXRwdXQ8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBhbGVydFR5cGVDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aW9uYWJsZScpXG4gIHB1YmxpYyBnZXQgYWN0aW9uYWJsZUNsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbj5cbiAgPG5kdy1pY29uIGNsYXNzPVwiaW5mby1pY29uXCI+aW5mbzwvbmR3LWljb24+XG4gIEBpZiAoYWN0aW9uYWJsZSgpKSB7XG4gICAgQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xuICAgICAgPGgyPnt7IHRpdGxlIH19PC9oMj5cbiAgICB9XG4gICAgPG5kdy1pY29uIGNsYXNzPVwiY2xvc2UtaWNvblwiIHJvbGU9XCJidXR0b25cIiBbaW50ZXJhY3RpdmVdPVwidHJ1ZVwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cbiAgICAgIGNsb3NlXG4gICAgPC9uZHctaWNvbj5cbiAgfVxuPC9zZWN0aW9uPlxuPG5nLWNvbnRlbnQgLz5cbiJdfQ==
@@ -0,0 +1,8 @@
1
+ export var AlertType;
2
+ (function (AlertType) {
3
+ AlertType["Negative"] = "critical";
4
+ AlertType["Info"] = "info";
5
+ AlertType["InfoGrey"] = "info-grey";
6
+ AlertType["Warning"] = "warning";
7
+ })(AlertType || (AlertType = {}));
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWxlcnQvYWxlcnQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksU0FLWDtBQUxELFdBQVksU0FBUztJQUNuQixrQ0FBcUIsQ0FBQTtJQUNyQiwwQkFBYSxDQUFBO0lBQ2IsbUNBQXNCLENBQUE7SUFDdEIsZ0NBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUxXLFNBQVMsS0FBVCxTQUFTLFFBS3BCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gQWxlcnRUeXBlIHtcbiAgTmVnYXRpdmUgPSAnY3JpdGljYWwnLFxuICBJbmZvID0gJ2luZm8nLFxuICBJbmZvR3JleSA9ICdpbmZvLWdyZXknLFxuICBXYXJuaW5nID0gJ3dhcm5pbmcnLFxufVxuIl19
@@ -0,0 +1,3 @@
1
+ export * from './alert.component';
2
+ export * from './alert.model';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYWxlcnQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYWxlcnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQubW9kZWwnO1xuIl19