@aurodesignsystem-dev/auro-banner 0.0.0-pr87.0 → 0.0.0-pr92.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.
Files changed (7) hide show
  1. package/demo/api.md +29 -28
  2. package/demo/auro-banner.min.js +15 -2
  3. package/dist/{auro-banner-Clvffv3E.js → auro-banner-pP9c4Izh.js} +4 -4
  4. package/dist/index.d.ts +4 -4
  5. package/dist/index.js +1 -1
  6. package/dist/registered.js +1 -1
  7. package/package.json +1 -1
package/demo/api.md CHANGED
@@ -12,19 +12,20 @@ The auro-banner element provides users a flexible way to convey a summary of inf
12
12
  | [alignLeft](#alignLeft) | `Boolean` | to be used when we want the text aligned to the left |
13
13
  | [alignRight](#alignRight) | `Boolean` | to be used when we want the text aligned to the right |
14
14
  | [billboard](#billboard) | `Boolean` | to be used for billboard style configuration |
15
- | [onDark](#onDark) | `Boolean` | to be used when the background image or color is dark and changes the text and cta color |
15
+ | [onDark](#onDark) | `Boolean` | DEPRECATED - use `appearance="inverse"` instead. |
16
16
  | [slim](#slim) | `Boolean` | to be used when we want a slimmer padding to the default banner |
17
17
  | [solid](#solid) | `Boolean` | to be used when you want a solid color as opposed to a transparent background |
18
18
 
19
19
  ## Properties
20
20
 
21
- | Property | Attribute | Type | Default | Description |
22
- |-----------------|-----------------|-----------|---------|--------------------------------------------------|
23
- | [hero](#hero) | `hero` | `Boolean` | false | to be used for hero style configuration |
24
- | [iconbg](#iconbg) | `iconbg` | `String` | | to be used in conjunction with the iconic variant this specifies the background color of the icon |
25
- | [iconic](#iconic) | `iconic` | `Boolean` | false | to be used in as a hero on pages but with an icon and no displayImage on mobile |
26
- | [marquee](#marquee) | `marquee` | `Boolean` | false | to be used for marquee style configuration |
27
- | [roundedBorder](#roundedBorder) | `roundedBorder` | `Boolean` | false | to be used for roundedBorder style configuration |
21
+ | Property | Attribute | Type | Default | Description |
22
+ |-----------------|-----------------|-----------|-------------|--------------------------------------------------|
23
+ | [appearance](#appearance) | `appearance` | `string` | "'default'" | Defines whether the banner should be light colored for use on dark backgrounds. |
24
+ | [hero](#hero) | `hero` | `Boolean` | false | to be used for hero style configuration |
25
+ | [iconbg](#iconbg) | `iconbg` | `String` | | to be used in conjunction with the iconic variant this specifies the background color of the icon |
26
+ | [iconic](#iconic) | `iconic` | `Boolean` | false | to be used in as a hero on pages but with an icon and no displayImage on mobile |
27
+ | [marquee](#marquee) | `marquee` | `Boolean` | false | to be used for marquee style configuration |
28
+ | [roundedBorder](#roundedBorder) | `roundedBorder` | `Boolean` | false | to be used for roundedBorder style configuration |
28
29
 
29
30
  ## Slots
30
31
 
@@ -126,16 +127,16 @@ By default `<img>` elements are `inline` elements and will add a few pixels of s
126
127
  <!-- AURO-GENERATED-CONTENT:END -->
127
128
  </auro-accordion>
128
129
 
129
- #### Billboard / slim / alignRight / onDark
130
+ #### Billboard / slim / alignRight / appearance
130
131
 
131
132
  The following example illustrates a series of additional API options available to the `<auro-banner>` element. In this example, this shows how a user can augment the `billboard` theme of the `<auro-banner>`.
132
133
 
133
- For the call-to-action button, see in the example code that it is required to set the `onDark` attribute on the `<auro-hyperlink>` element itself. This is **not** controlled by the `<auro-banner>` element.
134
+ For the call-to-action button, see in the example code that it is required to set the `appearance="inverse"` attribute on the `<auro-hyperlink>` element itself. This is **not** controlled by the `<auro-banner>` element.
134
135
 
135
136
  <div class="exampleWrapper">
136
137
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/billboardSeries.html) -->
137
138
  <!-- The below content is automatically added from ../apiExamples/billboardSeries.html -->
138
- <auro-banner billboard slim alignRight ondark>
139
+ <auro-banner billboard slim alignRight appearance="inverse">
139
140
  <picture slot="displayImage">
140
141
  <source srcset="https://picsum.photos/id/324/1124/800" media="(min-width: 1024px)">
141
142
  <source srcset="https://picsum.photos/id/324/1124/1000" media="(min-width: 768px)">
@@ -144,13 +145,13 @@ For the call-to-action button, see in the example code that it is required to se
144
145
  <source srcset="https://picsum.photos/id/324/320/700" media="(min-width: 320px)">
145
146
  <img src="https://picsum.photos/id/324/225/550" alt="" />
146
147
  </picture>
147
- <auro-alaska official ondark style="width: 192px" slot="contentImage"></auro-alaska>
148
+ <auro-alaska official appearance="inverse" style="width: 192px" slot="contentImage"></auro-alaska>
148
149
  <p slot="description">
149
150
  <span style="max-width:320px; margin-left:auto; display:block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
150
151
  </p>
151
152
  <auro-hyperlink
152
153
  cta
153
- ondark
154
+ appearance="inverse"
154
155
  href="/"
155
156
  slot="action"
156
157
  target="_blank">
@@ -165,7 +166,7 @@ For the call-to-action button, see in the example code that it is required to se
165
166
  <!-- The below code snippet is automatically added from ../apiExamples/billboardSeries.html -->
166
167
 
167
168
  ```html
168
- <auro-banner billboard slim alignRight ondark>
169
+ <auro-banner billboard slim alignRight appearance="inverse">
169
170
  <picture slot="displayImage">
170
171
  <source srcset="https://picsum.photos/id/324/1124/800" media="(min-width: 1024px)">
171
172
  <source srcset="https://picsum.photos/id/324/1124/1000" media="(min-width: 768px)">
@@ -174,13 +175,13 @@ For the call-to-action button, see in the example code that it is required to se
174
175
  <source srcset="https://picsum.photos/id/324/320/700" media="(min-width: 320px)">
175
176
  <img src="https://picsum.photos/id/324/225/550" alt="" />
176
177
  </picture>
177
- <auro-alaska official ondark style="width: 192px" slot="contentImage"></auro-alaska>
178
+ <auro-alaska official appearance="inverse" style="width: 192px" slot="contentImage"></auro-alaska>
178
179
  <p slot="description">
179
180
  <span style="max-width:320px; margin-left:auto; display:block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
180
181
  </p>
181
182
  <auro-hyperlink
182
183
  cta
183
- ondark
184
+ appearance="inverse"
184
185
  href="/"
185
186
  slot="action"
186
187
  target="_blank">
@@ -191,14 +192,14 @@ For the call-to-action button, see in the example code that it is required to se
191
192
  <!-- AURO-GENERATED-CONTENT:END -->
192
193
  </auro-accordion>
193
194
 
194
- #### Billboard / slim / alignLeft / onDark
195
+ #### Billboard / slim / alignLeft / appearance
195
196
 
196
- The following example illustrates an option to left align the text `alignLeft` along with `slim` to reduce the padding and `onDark` to change the text to white.
197
+ The following example illustrates an option to left align the text `alignLeft` along with `slim` to reduce the padding and `appearance="inverse"` to change the text to white.
197
198
 
198
199
  <div class="exampleWrapper">
199
200
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/billboardSeriesLeft.html) -->
200
201
  <!-- The below content is automatically added from ../apiExamples/billboardSeriesLeft.html -->
201
- <auro-banner billboard slim alignLeft onDark>
202
+ <auro-banner billboard slim alignLeft appearance="inverse">
202
203
  <picture slot="displayImage">
203
204
  <source srcset="https://picsum.photos/id/42/1124/800" media="(min-width: 1024px)">
204
205
  <source srcset="https://picsum.photos/id/42/1124/1000" media="(min-width: 768px)">
@@ -214,7 +215,7 @@ The following example illustrates an option to left align the text `alignLeft` a
214
215
  <auro-hyperlink
215
216
  cta
216
217
  secondary
217
- ondark
218
+ appearance="inverse"
218
219
  href="/"
219
220
  slot="action"
220
221
  target="_blank">
@@ -229,7 +230,7 @@ The following example illustrates an option to left align the text `alignLeft` a
229
230
  <!-- The below code snippet is automatically added from ../apiExamples/billboardSeriesLeft.html -->
230
231
 
231
232
  ```html
232
- <auro-banner billboard slim alignLeft onDark>
233
+ <auro-banner billboard slim alignLeft appearance="inverse">
233
234
  <picture slot="displayImage">
234
235
  <source srcset="https://picsum.photos/id/42/1124/800" media="(min-width: 1024px)">
235
236
  <source srcset="https://picsum.photos/id/42/1124/1000" media="(min-width: 768px)">
@@ -245,7 +246,7 @@ The following example illustrates an option to left align the text `alignLeft` a
245
246
  <auro-hyperlink
246
247
  cta
247
248
  secondary
248
- ondark
249
+ appearance="inverse"
249
250
  href="/"
250
251
  slot="action"
251
252
  target="_blank">
@@ -370,7 +371,7 @@ The following example illustrates a `<auro-banner>` custom element with the `ico
370
371
 
371
372
  ### Marquee
372
373
 
373
- The following example illustrates a `<auro-banner>` custom element with the `marquee` template style. This template configuration also supports the `slim` and `onDark` attributes.
374
+ The following example illustrates a `<auro-banner>` custom element with the `marquee` template style. This template configuration also supports the `slim` and `appearance="inverse"` attributes.
374
375
 
375
376
  <div class="exampleWrapper">
376
377
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/marquee.html) -->
@@ -429,7 +430,7 @@ The following example illustrates a `<auro-banner>` custom element with the `mar
429
430
 
430
431
  ### Marquee / solid
431
432
 
432
- The following example illustrates a `<auro-banner>` custom element with the `marquee solid` template style. With this configuration, onDark is implied.
433
+ The following example illustrates a `<auro-banner>` custom element with the `marquee solid` template style. With this configuration, `appearance="inverse"` is implied.
433
434
 
434
435
  <div class="exampleWrapper">
435
436
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/marqueeSolid.html) -->
@@ -440,13 +441,13 @@ The following example illustrates a `<auro-banner>` custom element with the `mar
440
441
  <source srcset="https://picsum.photos/id/1015/736/1400" media="(min-width:660px)">
441
442
  <img src="https://picsum.photos/id/1015/660/660" alt="">
442
443
  </picture>
443
- <auro-alaska official ondark style="width: 192px" slot="contentImage"></auro-alaska>
444
+ <auro-alaska official appearance="inverse" style="width: 192px" slot="contentImage"></auro-alaska>
444
445
  <p slot="description">
445
446
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
446
447
  </p>
447
448
  <auro-hyperlink
448
449
  cta
449
- ondark
450
+ appearance="inverse"
450
451
  href="/"
451
452
  slot="action"
452
453
  target="_blank">
@@ -467,13 +468,13 @@ The following example illustrates a `<auro-banner>` custom element with the `mar
467
468
  <source srcset="https://picsum.photos/id/1015/736/1400" media="(min-width:660px)">
468
469
  <img src="https://picsum.photos/id/1015/660/660" alt="">
469
470
  </picture>
470
- <auro-alaska official ondark style="width: 192px" slot="contentImage"></auro-alaska>
471
+ <auro-alaska official appearance="inverse" style="width: 192px" slot="contentImage"></auro-alaska>
471
472
  <p slot="description">
472
473
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
473
474
  </p>
474
475
  <auro-hyperlink
475
476
  cta
476
- ondark
477
+ appearance="inverse"
477
478
  href="/"
478
479
  slot="action"
479
480
  target="_blank">
package/demo/auro-banner.min.js CHANGED
@@ -165,7 +165,7 @@ class AuroLibraryRuntimeUtils {
165
165
 
166
166
  var headerVersion = '5.0.0';
167
167
 
168
- var colorCss = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
168
+ var colorCss = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]),:host([appearance=inverse]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title,:host([appearance=inverse]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
169
169
  `;
170
170
 
171
171
  var styleCss = i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host([roundedBorder]) img,:host([iconic]) img,:host([hero]) img,:host([marquee]) img,:host([billboard]) img{display:block}:host([roundedBorder]) .bannerWrapper,:host([iconic]) .bannerWrapper,:host([hero]) .bannerWrapper,:host([marquee]) .bannerWrapper,:host([billboard]) .bannerWrapper{position:relative;overflow:hidden}:host([roundedBorder]) .action,:host([iconic]) .action,:host([hero]) .action,:host([marquee]) .action,:host([billboard]) .action{display:inline-block;margin:var(--ds-size-200, 1rem) 0}:host([roundedBorder]) .imageWrapper,:host([iconic]) .imageWrapper,:host([hero]) .imageWrapper,:host([marquee]) .imageWrapper,:host([billboard]) .imageWrapper{margin-bottom:var(--ds-size-200, 1rem);display:block}:host([roundedBorder]) .displayImage,:host([iconic]) .displayImage,:host([hero]) .displayImage,:host([marquee]) .displayImage,:host([billboard]) .displayImage{display:block;position:absolute;bottom:0}:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--ds-size-400, 2rem) var(--ds-size-200, 1rem);overflow:hidden}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{padding:var(--ds-size-200, 1rem)}}:host([roundedBorder]) .title,:host([iconic]) .title,:host([hero]) .title,:host([marquee]) .title,:host([billboard]) .title{margin-bottom:var(--ds-size-200, 1rem)}:host([roundedBorder]) .description,:host([iconic]) .description,:host([hero]) .description,:host([marquee]) .description,:host([billboard]) .description{display:block}:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:150px}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:0}}@media screen and (min-width: 576px){:host([billboard]){max-height:24rem}}:host([billboard]) .bodyWrapper{align-items:center;padding:var(--ds-size-400, 2rem)}@media screen and (min-width: 576px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 8rem}}@media screen and (min-width: 768px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 10rem}}:host([billboard]) .imageWrapper{display:block;margin-bottom:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([billboard]) .contentWrapper{margin-bottom:0}}:host([hero]) .displayImage,:host([marquee]) .displayImage{position:static;overflow:hidden}:host([hero]) .displayImage::slotted(img),:host([marquee]) .displayImage::slotted(img){display:block}:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([hero]) .displayImage,:host([marquee]) .displayImage{max-width:50%;right:0;position:absolute}:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper{text-align:left;width:50%;padding-left:0}}:host([iconic]) .iconAbsolute{position:absolute}:host([iconic]) .iconContainer{display:flex;align-items:center;justify-content:center;position:relative;top:-1.25rem}:host([iconic]) .roundIconBg{width:7.5rem;height:7.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}:host([iconic]) .displayImage{display:none}@media screen and (min-width: 576px){:host([iconic]) .displayImage{display:block;max-width:50%;right:0;position:absolute;overflow:hidden}}:host([iconic]) .displayImage::slotted(img){display:block}@media screen and (min-width: 576px){:host([iconic]) .description{padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-300, 1.5rem)}}:host([iconic]) .contentWrapper{margin:0 auto var(--ds-size-600, 3rem);padding-bottom:var(--ds-size-600, 3rem)}:host([iconic]) .bodyWrapper{text-align:left;padding:var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) 0}@media screen and (min-width: 576px){:host([iconic]) .bodyWrapper{width:50%;padding-left:0}}:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}@media screen and (min-width: 768px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 1024px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-600, 3rem)}}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-width:1px;border-style:solid;border-radius:5px}:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{flex-basis:70%;flex-grow:1}}:host([roundedBorder]) .action,:host([roundedBorder][alignLeft]) .action{margin:0 0 1rem}:host([roundedBorder]) .description p,:host([roundedBorder][alignLeft]) .description p{margin:0}:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{align-items:center;padding:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{flex-direction:row}}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}}@media screen and (min-width: 1024px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 576px){:host([roundedBorder]) .imageWrapper,:host([roundedBorder][alignLeft]) .imageWrapper{flex-basis:30%;display:flex;margin-right:var(--ds-size-400, 2rem);margin-bottom:0}}:host([alignRight]) .bodyWrapper{align-items:flex-end;text-align:right}:host([alignLeft]) .bodyWrapper{align-items:flex-start;text-align:left}@media screen and (min-width: 576px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem);min-height:unset}}@media screen and (min-width: 768px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem) var(--ds-size-600, 3rem)}}
@@ -191,7 +191,7 @@ var tokensCss = i$5`:host{--ds-auro-banner-text-color: var(--ds-basic-color-text
191
191
  * @attr {Boolean} slim - to be used when we want a slimmer padding to the default banner
192
192
  * @attr {Boolean} alignRight - to be used when we want the text aligned to the right
193
193
  * @attr {Boolean} alignLeft - to be used when we want the text aligned to the left
194
- * @attr {Boolean} onDark - to be used when the background image or color is dark and changes the text and cta color
194
+ * @attr {Boolean} onDark - DEPRECATED - use `appearance="inverse"` instead.
195
195
  * @slot displayImage - placement for `<picture />` or `<img>` elements
196
196
  * @slot prefix - placement for smaller text above title
197
197
  * @slot title - placement for header
@@ -203,6 +203,8 @@ var tokensCss = i$5`:host{--ds-auro-banner-text-color: var(--ds-basic-color-text
203
203
  class AuroBanner extends i$2 {
204
204
  constructor() {
205
205
  super();
206
+
207
+ this.appearance = "default";
206
208
  this.hero = false;
207
209
  this.iconic = false;
208
210
  this.marquee = false;
@@ -255,6 +257,17 @@ class AuroBanner extends i$2 {
255
257
  static get properties() {
256
258
  return {
257
259
  ...i$2.properties,
260
+
261
+ /**
262
+ * Defines whether the banner should be light colored for use on dark backgrounds.
263
+ * @property {'default', 'inverse'}
264
+ * @default 'default'
265
+ */
266
+ appearance: {
267
+ type: String,
268
+ reflect: true
269
+ },
270
+
258
271
  hero: {
259
272
  type: Boolean,
260
273
  reflect: true,
package/dist/{auro-banner-Clvffv3E.js → auro-banner-pP9c4Izh.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  import{css as e,LitElement as s}from"lit";import{classMap as a}from"lit/directives/class-map.js";import{ifDefined as t}from"lit/directives/if-defined.js";import{unsafeStatic as i,html as r,literal as n}from"lit/static-html.js";class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var l=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:block}:host .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, .125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, .25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, .5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, .75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, .125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, .25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, .5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, .75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}
2
- `;class c extends s{constructor(){super(),this.level=1,this.typography="heading",this.runtimeUtils=new o}static get properties(){return{level:{type:Number,reflect:!0,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},display:{type:String,reflect:!0},visualLevel:{type:Number,reflect:!0,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},typography:{type:String,reflect:!0},color:{type:String,reflect:!0},margin:{type:String,reflect:!0},size:{type:String,reflect:!0}}}static get styles(){return[l]}static get displayClassMap(){return{800:"heading-xl",700:"heading-lg",600:"heading-md",500:"heading-sm",400:"heading-xs",300:"heading-2xs",heading:{1:"heading-xl",2:"heading-lg",3:"heading-md",4:"heading-sm",5:"heading-xs",6:"heading-2xs"},display:{1:"display-2xl",2:"display-xl",3:"display-lg",4:"display-md",5:"display-sm",6:"display-xs"}}}static register(e="auro-header"){o.prototype.registerComponent(e,c)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-header")}spacingDecision(e){if("both"===this.margin)switch(e){case"none":return"util_stackMarginnone--top util_stackMarginnone--bottom";case"25":return"util_stackMargin25--top util_stackMargin25--bottom";case"50":return"util_stackMargin50--top util_stackMargin50--bottom";case"100":return"util_stackMargin100--top util_stackMargin100--bottom";case"150":return"util_stackMargin150--top util_stackMargin150--bottom";case"200":return"util_stackMargin200--top util_stackMargin200--bottom";case"300":return"util_stackMargin300--top util_stackMargin300--bottom";case"400":return"util_stackMargin400--top util_stackMargin400--bottom";case"600":return"util_stackMargin600--top util_stackMargin600--bottom";case"800":return"util_stackMargin800--top util_stackMargin800--bottom";default:return""}return this.spacingApplied(e)}spacingApplied(e){switch(e){case"none":return`util_stackMarginnone--${this.margin}`;case"25":return`util_stackMargin25--${this.margin}`;case"50":return`util_stackMargin50--${this.margin}`;case"100":return`util_stackMargin100--${this.margin}`;case"150":return`util_stackMargin150--${this.margin}`;case"200":return`util_stackMargin200--${this.margin}`;case"300":return`util_stackMargin300--${this.margin}`;case"400":return`util_stackMargin400--${this.margin}`;case"600":return`util_stackMarginX600--${this.margin}`;case"800":return`util_stackMargin800--${this.margin}`;default:return""}}template(e){this.visualLevel||this.display||(this.visualLevel=this.level);const s=e||"1",n=this.spacingDecision(this.size),o=this.visualLevel?c.displayClassMap[this.typography][this.visualLevel]:c.displayClassMap[this.display],l={heading:!0,[o]:!0};n&&n.split(" ").forEach(e=>{e.trim()&&(l[e.trim()]=!0)});const m=a(l),d=i(`h${s}`);return r`<${d} class="${m}" style="color: ${t(this.color?this.color:void 0)}"><slot></slot></${d}>`}render(){return this.template(this.level)}}class m{generateElementName(e,s){let a=e;return a+="-",a+=s.replace(/[.]/g,"_"),a}generateTag(e,s,a){const t=this.generateElementName(e,s),r=n`${i(t)}`;return customElements.get(t)||customElements.define(t,class extends a{}),r}}class d{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var g=e`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
3
- `,h=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host([roundedBorder]) img,:host([iconic]) img,:host([hero]) img,:host([marquee]) img,:host([billboard]) img{display:block}:host([roundedBorder]) .bannerWrapper,:host([iconic]) .bannerWrapper,:host([hero]) .bannerWrapper,:host([marquee]) .bannerWrapper,:host([billboard]) .bannerWrapper{position:relative;overflow:hidden}:host([roundedBorder]) .action,:host([iconic]) .action,:host([hero]) .action,:host([marquee]) .action,:host([billboard]) .action{display:inline-block;margin:var(--ds-size-200, 1rem) 0}:host([roundedBorder]) .imageWrapper,:host([iconic]) .imageWrapper,:host([hero]) .imageWrapper,:host([marquee]) .imageWrapper,:host([billboard]) .imageWrapper{margin-bottom:var(--ds-size-200, 1rem);display:block}:host([roundedBorder]) .displayImage,:host([iconic]) .displayImage,:host([hero]) .displayImage,:host([marquee]) .displayImage,:host([billboard]) .displayImage{display:block;position:absolute;bottom:0}:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--ds-size-400, 2rem) var(--ds-size-200, 1rem);overflow:hidden}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{padding:var(--ds-size-200, 1rem)}}:host([roundedBorder]) .title,:host([iconic]) .title,:host([hero]) .title,:host([marquee]) .title,:host([billboard]) .title{margin-bottom:var(--ds-size-200, 1rem)}:host([roundedBorder]) .description,:host([iconic]) .description,:host([hero]) .description,:host([marquee]) .description,:host([billboard]) .description{display:block}:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:150px}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:0}}@media screen and (min-width: 576px){:host([billboard]){max-height:24rem}}:host([billboard]) .bodyWrapper{align-items:center;padding:var(--ds-size-400, 2rem)}@media screen and (min-width: 576px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 8rem}}@media screen and (min-width: 768px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 10rem}}:host([billboard]) .imageWrapper{display:block;margin-bottom:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([billboard]) .contentWrapper{margin-bottom:0}}:host([hero]) .displayImage,:host([marquee]) .displayImage{position:static;overflow:hidden}:host([hero]) .displayImage::slotted(img),:host([marquee]) .displayImage::slotted(img){display:block}:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([hero]) .displayImage,:host([marquee]) .displayImage{max-width:50%;right:0;position:absolute}:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper{text-align:left;width:50%;padding-left:0}}:host([iconic]) .iconAbsolute{position:absolute}:host([iconic]) .iconContainer{display:flex;align-items:center;justify-content:center;position:relative;top:-1.25rem}:host([iconic]) .roundIconBg{width:7.5rem;height:7.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}:host([iconic]) .displayImage{display:none}@media screen and (min-width: 576px){:host([iconic]) .displayImage{display:block;max-width:50%;right:0;position:absolute;overflow:hidden}}:host([iconic]) .displayImage::slotted(img){display:block}@media screen and (min-width: 576px){:host([iconic]) .description{padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-300, 1.5rem)}}:host([iconic]) .contentWrapper{margin:0 auto var(--ds-size-600, 3rem);padding-bottom:var(--ds-size-600, 3rem)}:host([iconic]) .bodyWrapper{text-align:left;padding:var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) 0}@media screen and (min-width: 576px){:host([iconic]) .bodyWrapper{width:50%;padding-left:0}}:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}@media screen and (min-width: 768px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 1024px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-600, 3rem)}}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-width:1px;border-style:solid;border-radius:5px}:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{flex-basis:70%;flex-grow:1}}:host([roundedBorder]) .action,:host([roundedBorder][alignLeft]) .action{margin:0 0 1rem}:host([roundedBorder]) .description p,:host([roundedBorder][alignLeft]) .description p{margin:0}:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{align-items:center;padding:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{flex-direction:row}}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}}@media screen and (min-width: 1024px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 576px){:host([roundedBorder]) .imageWrapper,:host([roundedBorder][alignLeft]) .imageWrapper{flex-basis:30%;display:flex;margin-right:var(--ds-size-400, 2rem);margin-bottom:0}}:host([alignRight]) .bodyWrapper{align-items:flex-end;text-align:right}:host([alignLeft]) .bodyWrapper{align-items:flex-start;text-align:left}@media screen and (min-width: 576px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem);min-height:unset}}@media screen and (min-width: 768px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem) var(--ds-size-600, 3rem)}}
4
- `,p=e`:host{--ds-auro-banner-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-banner-disclaimer-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-accent1, #265688);--ds-auro-banner-icon-container-color: var(--ds-basic-color-surface-neutral-medium, #c5c5c5);--ds-auro-banner-wrapper-container-color: var(--ds-basic-color-surface-inverse, #00274a);--ds-auro-banner-wrapper-border-color: var(--ds-basic-color-border-default, #959595)}
5
- `;class y extends s{constructor(){super(),this.hero=!1,this.iconic=!1,this.marquee=!1,this.roundedBorder=!1;const e=new m;this.headerTag=e.generateTag("auro-header","5.0.0",c),this.runtimeUtils=new d}static register(e="auro-banner"){d.prototype.registerComponent(e,y)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-banner");const e=this.shadowRoot.querySelectorAll(".bannerWrapper slot");for(const s of e)this.slt=s.assignedNodes(),0===this.slt.length&&s.removeAttribute("class")}static get properties(){return{...s.properties,hero:{type:Boolean,reflect:!0},iconic:{type:Boolean,reflect:!0},marquee:{type:Boolean,reflect:!0},roundedBorder:{type:Boolean,reflect:!0},iconbg:{type:String}}}static get styles(){return[h,g,p]}render(){return r`
2
+ `;class c extends s{constructor(){super(),this.level=1,this.typography="heading",this.runtimeUtils=new o}static get properties(){return{level:{type:Number,reflect:!0,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},display:{type:String,reflect:!0},visualLevel:{type:Number,reflect:!0,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},typography:{type:String,reflect:!0},color:{type:String,reflect:!0},margin:{type:String,reflect:!0},size:{type:String,reflect:!0}}}static get styles(){return[l]}static get displayClassMap(){return{800:"heading-xl",700:"heading-lg",600:"heading-md",500:"heading-sm",400:"heading-xs",300:"heading-2xs",heading:{1:"heading-xl",2:"heading-lg",3:"heading-md",4:"heading-sm",5:"heading-xs",6:"heading-2xs"},display:{1:"display-2xl",2:"display-xl",3:"display-lg",4:"display-md",5:"display-sm",6:"display-xs"}}}static register(e="auro-header"){o.prototype.registerComponent(e,c)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-header")}spacingDecision(e){if("both"===this.margin)switch(e){case"none":return"util_stackMarginnone--top util_stackMarginnone--bottom";case"25":return"util_stackMargin25--top util_stackMargin25--bottom";case"50":return"util_stackMargin50--top util_stackMargin50--bottom";case"100":return"util_stackMargin100--top util_stackMargin100--bottom";case"150":return"util_stackMargin150--top util_stackMargin150--bottom";case"200":return"util_stackMargin200--top util_stackMargin200--bottom";case"300":return"util_stackMargin300--top util_stackMargin300--bottom";case"400":return"util_stackMargin400--top util_stackMargin400--bottom";case"600":return"util_stackMargin600--top util_stackMargin600--bottom";case"800":return"util_stackMargin800--top util_stackMargin800--bottom";default:return""}return this.spacingApplied(e)}spacingApplied(e){switch(e){case"none":return`util_stackMarginnone--${this.margin}`;case"25":return`util_stackMargin25--${this.margin}`;case"50":return`util_stackMargin50--${this.margin}`;case"100":return`util_stackMargin100--${this.margin}`;case"150":return`util_stackMargin150--${this.margin}`;case"200":return`util_stackMargin200--${this.margin}`;case"300":return`util_stackMargin300--${this.margin}`;case"400":return`util_stackMargin400--${this.margin}`;case"600":return`util_stackMarginX600--${this.margin}`;case"800":return`util_stackMargin800--${this.margin}`;default:return""}}template(e){this.visualLevel||this.display||(this.visualLevel=this.level);const s=e||"1",n=this.spacingDecision(this.size),o=this.visualLevel?c.displayClassMap[this.typography][this.visualLevel]:c.displayClassMap[this.display],l={heading:!0,[o]:!0};n&&n.split(" ").forEach(e=>{e.trim()&&(l[e.trim()]=!0)});const m=a(l),d=i(`h${s}`);return r`<${d} class="${m}" style="color: ${t(this.color?this.color:void 0)}"><slot></slot></${d}>`}render(){return this.template(this.level)}}class m{generateElementName(e,s){let a=e;return a+="-",a+=s.replace(/[.]/g,"_"),a}generateTag(e,s,a){const t=this.generateElementName(e,s),r=n`${i(t)}`;return customElements.get(t)||customElements.define(t,class extends a{}),r}}class d{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var g=e`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]),:host([appearance=inverse]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title,:host([appearance=inverse]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
3
+ `,p=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host([roundedBorder]) img,:host([iconic]) img,:host([hero]) img,:host([marquee]) img,:host([billboard]) img{display:block}:host([roundedBorder]) .bannerWrapper,:host([iconic]) .bannerWrapper,:host([hero]) .bannerWrapper,:host([marquee]) .bannerWrapper,:host([billboard]) .bannerWrapper{position:relative;overflow:hidden}:host([roundedBorder]) .action,:host([iconic]) .action,:host([hero]) .action,:host([marquee]) .action,:host([billboard]) .action{display:inline-block;margin:var(--ds-size-200, 1rem) 0}:host([roundedBorder]) .imageWrapper,:host([iconic]) .imageWrapper,:host([hero]) .imageWrapper,:host([marquee]) .imageWrapper,:host([billboard]) .imageWrapper{margin-bottom:var(--ds-size-200, 1rem);display:block}:host([roundedBorder]) .displayImage,:host([iconic]) .displayImage,:host([hero]) .displayImage,:host([marquee]) .displayImage,:host([billboard]) .displayImage{display:block;position:absolute;bottom:0}:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--ds-size-400, 2rem) var(--ds-size-200, 1rem);overflow:hidden}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{padding:var(--ds-size-200, 1rem)}}:host([roundedBorder]) .title,:host([iconic]) .title,:host([hero]) .title,:host([marquee]) .title,:host([billboard]) .title{margin-bottom:var(--ds-size-200, 1rem)}:host([roundedBorder]) .description,:host([iconic]) .description,:host([hero]) .description,:host([marquee]) .description,:host([billboard]) .description{display:block}:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:150px}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:0}}@media screen and (min-width: 576px){:host([billboard]){max-height:24rem}}:host([billboard]) .bodyWrapper{align-items:center;padding:var(--ds-size-400, 2rem)}@media screen and (min-width: 576px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 8rem}}@media screen and (min-width: 768px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 10rem}}:host([billboard]) .imageWrapper{display:block;margin-bottom:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([billboard]) .contentWrapper{margin-bottom:0}}:host([hero]) .displayImage,:host([marquee]) .displayImage{position:static;overflow:hidden}:host([hero]) .displayImage::slotted(img),:host([marquee]) .displayImage::slotted(img){display:block}:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([hero]) .displayImage,:host([marquee]) .displayImage{max-width:50%;right:0;position:absolute}:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper{text-align:left;width:50%;padding-left:0}}:host([iconic]) .iconAbsolute{position:absolute}:host([iconic]) .iconContainer{display:flex;align-items:center;justify-content:center;position:relative;top:-1.25rem}:host([iconic]) .roundIconBg{width:7.5rem;height:7.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}:host([iconic]) .displayImage{display:none}@media screen and (min-width: 576px){:host([iconic]) .displayImage{display:block;max-width:50%;right:0;position:absolute;overflow:hidden}}:host([iconic]) .displayImage::slotted(img){display:block}@media screen and (min-width: 576px){:host([iconic]) .description{padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-300, 1.5rem)}}:host([iconic]) .contentWrapper{margin:0 auto var(--ds-size-600, 3rem);padding-bottom:var(--ds-size-600, 3rem)}:host([iconic]) .bodyWrapper{text-align:left;padding:var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) 0}@media screen and (min-width: 576px){:host([iconic]) .bodyWrapper{width:50%;padding-left:0}}:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}@media screen and (min-width: 768px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 1024px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-600, 3rem)}}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-width:1px;border-style:solid;border-radius:5px}:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{flex-basis:70%;flex-grow:1}}:host([roundedBorder]) .action,:host([roundedBorder][alignLeft]) .action{margin:0 0 1rem}:host([roundedBorder]) .description p,:host([roundedBorder][alignLeft]) .description p{margin:0}:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{align-items:center;padding:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{flex-direction:row}}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}}@media screen and (min-width: 1024px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 576px){:host([roundedBorder]) .imageWrapper,:host([roundedBorder][alignLeft]) .imageWrapper{flex-basis:30%;display:flex;margin-right:var(--ds-size-400, 2rem);margin-bottom:0}}:host([alignRight]) .bodyWrapper{align-items:flex-end;text-align:right}:host([alignLeft]) .bodyWrapper{align-items:flex-start;text-align:left}@media screen and (min-width: 576px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem);min-height:unset}}@media screen and (min-width: 768px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem) var(--ds-size-600, 3rem)}}
4
+ `,h=e`:host{--ds-auro-banner-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-banner-disclaimer-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-accent1, #265688);--ds-auro-banner-icon-container-color: var(--ds-basic-color-surface-neutral-medium, #c5c5c5);--ds-auro-banner-wrapper-container-color: var(--ds-basic-color-surface-inverse, #00274a);--ds-auro-banner-wrapper-border-color: var(--ds-basic-color-border-default, #959595)}
5
+ `;class y extends s{constructor(){super(),this.appearance="default",this.hero=!1,this.iconic=!1,this.marquee=!1,this.roundedBorder=!1;const e=new m;this.headerTag=e.generateTag("auro-header","5.0.0",c),this.runtimeUtils=new d}static register(e="auro-banner"){d.prototype.registerComponent(e,y)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-banner");const e=this.shadowRoot.querySelectorAll(".bannerWrapper slot");for(const s of e)this.slt=s.assignedNodes(),0===this.slt.length&&s.removeAttribute("class")}static get properties(){return{...s.properties,appearance:{type:String,reflect:!0},hero:{type:Boolean,reflect:!0},iconic:{type:Boolean,reflect:!0},marquee:{type:Boolean,reflect:!0},roundedBorder:{type:Boolean,reflect:!0},iconbg:{type:String}}}static get styles(){return[p,g,h]}render(){return r`
6
6
  <div class="bannerWrapper">
7
7
  ${this.roundedBorder?r``:r`
8
8
  <slot name="displayImage" class="displayImage"></slot>`}
package/dist/index.d.ts CHANGED
@@ -4,10 +4,10 @@ import { ifDefined } from 'lit/directives/if-defined.js';
4
4
  import { html, unsafeStatic, literal } from 'lit/static-html.js';
5
5
 
6
6
  class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var l=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:block}:host .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, .125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, .25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, .5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, .75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, .125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, .25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, .5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, .75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}
7
- `;class c extends LitElement{constructor(){super(),this.level=1,this.typography="heading",this.runtimeUtils=new o;}static get properties(){return {level:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},display:{type:String,reflect:true},visualLevel:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},typography:{type:String,reflect:true},color:{type:String,reflect:true},margin:{type:String,reflect:true},size:{type:String,reflect:true}}}static get styles(){return [l]}static get displayClassMap(){return {800:"heading-xl",700:"heading-lg",600:"heading-md",500:"heading-sm",400:"heading-xs",300:"heading-2xs",heading:{1:"heading-xl",2:"heading-lg",3:"heading-md",4:"heading-sm",5:"heading-xs",6:"heading-2xs"},display:{1:"display-2xl",2:"display-xl",3:"display-lg",4:"display-md",5:"display-sm",6:"display-xs"}}}static register(e="auro-header"){o.prototype.registerComponent(e,c);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-header");}spacingDecision(e){if("both"===this.margin)switch(e){case "none":return "util_stackMarginnone--top util_stackMarginnone--bottom";case "25":return "util_stackMargin25--top util_stackMargin25--bottom";case "50":return "util_stackMargin50--top util_stackMargin50--bottom";case "100":return "util_stackMargin100--top util_stackMargin100--bottom";case "150":return "util_stackMargin150--top util_stackMargin150--bottom";case "200":return "util_stackMargin200--top util_stackMargin200--bottom";case "300":return "util_stackMargin300--top util_stackMargin300--bottom";case "400":return "util_stackMargin400--top util_stackMargin400--bottom";case "600":return "util_stackMargin600--top util_stackMargin600--bottom";case "800":return "util_stackMargin800--top util_stackMargin800--bottom";default:return ""}return this.spacingApplied(e)}spacingApplied(e){switch(e){case "none":return `util_stackMarginnone--${this.margin}`;case "25":return `util_stackMargin25--${this.margin}`;case "50":return `util_stackMargin50--${this.margin}`;case "100":return `util_stackMargin100--${this.margin}`;case "150":return `util_stackMargin150--${this.margin}`;case "200":return `util_stackMargin200--${this.margin}`;case "300":return `util_stackMargin300--${this.margin}`;case "400":return `util_stackMargin400--${this.margin}`;case "600":return `util_stackMarginX600--${this.margin}`;case "800":return `util_stackMargin800--${this.margin}`;default:return ""}}template(e){this.visualLevel||this.display||(this.visualLevel=this.level);const s=e||"1",n=this.spacingDecision(this.size),o=this.visualLevel?c.displayClassMap[this.typography][this.visualLevel]:c.displayClassMap[this.display],l={heading:true,[o]:true};n&&n.split(" ").forEach(e=>{e.trim()&&(l[e.trim()]=true);});const m=classMap(l),d=unsafeStatic(`h${s}`);return html`<${d} class="${m}" style="color: ${ifDefined(this.color?this.color:void 0)}"><slot></slot></${d}>`}render(){return this.template(this.level)}}class m{generateElementName(e,s){let a=e;return a+="-",a+=s.replace(/[.]/g,"_"),a}generateTag(e,s,a){const t=this.generateElementName(e,s),r=literal`${unsafeStatic(t)}`;return customElements.get(t)||customElements.define(t,class extends a{}),r}}class d{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var g=css`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
8
- `,h=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host([roundedBorder]) img,:host([iconic]) img,:host([hero]) img,:host([marquee]) img,:host([billboard]) img{display:block}:host([roundedBorder]) .bannerWrapper,:host([iconic]) .bannerWrapper,:host([hero]) .bannerWrapper,:host([marquee]) .bannerWrapper,:host([billboard]) .bannerWrapper{position:relative;overflow:hidden}:host([roundedBorder]) .action,:host([iconic]) .action,:host([hero]) .action,:host([marquee]) .action,:host([billboard]) .action{display:inline-block;margin:var(--ds-size-200, 1rem) 0}:host([roundedBorder]) .imageWrapper,:host([iconic]) .imageWrapper,:host([hero]) .imageWrapper,:host([marquee]) .imageWrapper,:host([billboard]) .imageWrapper{margin-bottom:var(--ds-size-200, 1rem);display:block}:host([roundedBorder]) .displayImage,:host([iconic]) .displayImage,:host([hero]) .displayImage,:host([marquee]) .displayImage,:host([billboard]) .displayImage{display:block;position:absolute;bottom:0}:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--ds-size-400, 2rem) var(--ds-size-200, 1rem);overflow:hidden}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{padding:var(--ds-size-200, 1rem)}}:host([roundedBorder]) .title,:host([iconic]) .title,:host([hero]) .title,:host([marquee]) .title,:host([billboard]) .title{margin-bottom:var(--ds-size-200, 1rem)}:host([roundedBorder]) .description,:host([iconic]) .description,:host([hero]) .description,:host([marquee]) .description,:host([billboard]) .description{display:block}:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:150px}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:0}}@media screen and (min-width: 576px){:host([billboard]){max-height:24rem}}:host([billboard]) .bodyWrapper{align-items:center;padding:var(--ds-size-400, 2rem)}@media screen and (min-width: 576px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 8rem}}@media screen and (min-width: 768px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 10rem}}:host([billboard]) .imageWrapper{display:block;margin-bottom:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([billboard]) .contentWrapper{margin-bottom:0}}:host([hero]) .displayImage,:host([marquee]) .displayImage{position:static;overflow:hidden}:host([hero]) .displayImage::slotted(img),:host([marquee]) .displayImage::slotted(img){display:block}:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([hero]) .displayImage,:host([marquee]) .displayImage{max-width:50%;right:0;position:absolute}:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper{text-align:left;width:50%;padding-left:0}}:host([iconic]) .iconAbsolute{position:absolute}:host([iconic]) .iconContainer{display:flex;align-items:center;justify-content:center;position:relative;top:-1.25rem}:host([iconic]) .roundIconBg{width:7.5rem;height:7.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}:host([iconic]) .displayImage{display:none}@media screen and (min-width: 576px){:host([iconic]) .displayImage{display:block;max-width:50%;right:0;position:absolute;overflow:hidden}}:host([iconic]) .displayImage::slotted(img){display:block}@media screen and (min-width: 576px){:host([iconic]) .description{padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-300, 1.5rem)}}:host([iconic]) .contentWrapper{margin:0 auto var(--ds-size-600, 3rem);padding-bottom:var(--ds-size-600, 3rem)}:host([iconic]) .bodyWrapper{text-align:left;padding:var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) 0}@media screen and (min-width: 576px){:host([iconic]) .bodyWrapper{width:50%;padding-left:0}}:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}@media screen and (min-width: 768px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 1024px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-600, 3rem)}}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-width:1px;border-style:solid;border-radius:5px}:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{flex-basis:70%;flex-grow:1}}:host([roundedBorder]) .action,:host([roundedBorder][alignLeft]) .action{margin:0 0 1rem}:host([roundedBorder]) .description p,:host([roundedBorder][alignLeft]) .description p{margin:0}:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{align-items:center;padding:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{flex-direction:row}}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}}@media screen and (min-width: 1024px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 576px){:host([roundedBorder]) .imageWrapper,:host([roundedBorder][alignLeft]) .imageWrapper{flex-basis:30%;display:flex;margin-right:var(--ds-size-400, 2rem);margin-bottom:0}}:host([alignRight]) .bodyWrapper{align-items:flex-end;text-align:right}:host([alignLeft]) .bodyWrapper{align-items:flex-start;text-align:left}@media screen and (min-width: 576px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem);min-height:unset}}@media screen and (min-width: 768px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem) var(--ds-size-600, 3rem)}}
9
- `,p=css`:host{--ds-auro-banner-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-banner-disclaimer-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-accent1, #265688);--ds-auro-banner-icon-container-color: var(--ds-basic-color-surface-neutral-medium, #c5c5c5);--ds-auro-banner-wrapper-container-color: var(--ds-basic-color-surface-inverse, #00274a);--ds-auro-banner-wrapper-border-color: var(--ds-basic-color-border-default, #959595)}
10
- `;class y extends LitElement{constructor(){super(),this.hero=false,this.iconic=false,this.marquee=false,this.roundedBorder=false;const e=new m;this.headerTag=e.generateTag("auro-header","5.0.0",c),this.runtimeUtils=new d;}static register(e="auro-banner"){d.prototype.registerComponent(e,y);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-banner");const e=this.shadowRoot.querySelectorAll(".bannerWrapper slot");for(const s of e)this.slt=s.assignedNodes(),0===this.slt.length&&s.removeAttribute("class");}static get properties(){return {...LitElement.properties,hero:{type:Boolean,reflect:true},iconic:{type:Boolean,reflect:true},marquee:{type:Boolean,reflect:true},roundedBorder:{type:Boolean,reflect:true},iconbg:{type:String}}}static get styles(){return [h,g,p]}render(){return html`
7
+ `;class c extends LitElement{constructor(){super(),this.level=1,this.typography="heading",this.runtimeUtils=new o;}static get properties(){return {level:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},display:{type:String,reflect:true},visualLevel:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},typography:{type:String,reflect:true},color:{type:String,reflect:true},margin:{type:String,reflect:true},size:{type:String,reflect:true}}}static get styles(){return [l]}static get displayClassMap(){return {800:"heading-xl",700:"heading-lg",600:"heading-md",500:"heading-sm",400:"heading-xs",300:"heading-2xs",heading:{1:"heading-xl",2:"heading-lg",3:"heading-md",4:"heading-sm",5:"heading-xs",6:"heading-2xs"},display:{1:"display-2xl",2:"display-xl",3:"display-lg",4:"display-md",5:"display-sm",6:"display-xs"}}}static register(e="auro-header"){o.prototype.registerComponent(e,c);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-header");}spacingDecision(e){if("both"===this.margin)switch(e){case "none":return "util_stackMarginnone--top util_stackMarginnone--bottom";case "25":return "util_stackMargin25--top util_stackMargin25--bottom";case "50":return "util_stackMargin50--top util_stackMargin50--bottom";case "100":return "util_stackMargin100--top util_stackMargin100--bottom";case "150":return "util_stackMargin150--top util_stackMargin150--bottom";case "200":return "util_stackMargin200--top util_stackMargin200--bottom";case "300":return "util_stackMargin300--top util_stackMargin300--bottom";case "400":return "util_stackMargin400--top util_stackMargin400--bottom";case "600":return "util_stackMargin600--top util_stackMargin600--bottom";case "800":return "util_stackMargin800--top util_stackMargin800--bottom";default:return ""}return this.spacingApplied(e)}spacingApplied(e){switch(e){case "none":return `util_stackMarginnone--${this.margin}`;case "25":return `util_stackMargin25--${this.margin}`;case "50":return `util_stackMargin50--${this.margin}`;case "100":return `util_stackMargin100--${this.margin}`;case "150":return `util_stackMargin150--${this.margin}`;case "200":return `util_stackMargin200--${this.margin}`;case "300":return `util_stackMargin300--${this.margin}`;case "400":return `util_stackMargin400--${this.margin}`;case "600":return `util_stackMarginX600--${this.margin}`;case "800":return `util_stackMargin800--${this.margin}`;default:return ""}}template(e){this.visualLevel||this.display||(this.visualLevel=this.level);const s=e||"1",n=this.spacingDecision(this.size),o=this.visualLevel?c.displayClassMap[this.typography][this.visualLevel]:c.displayClassMap[this.display],l={heading:true,[o]:true};n&&n.split(" ").forEach(e=>{e.trim()&&(l[e.trim()]=true);});const m=classMap(l),d=unsafeStatic(`h${s}`);return html`<${d} class="${m}" style="color: ${ifDefined(this.color?this.color:void 0)}"><slot></slot></${d}>`}render(){return this.template(this.level)}}class m{generateElementName(e,s){let a=e;return a+="-",a+=s.replace(/[.]/g,"_"),a}generateTag(e,s,a){const t=this.generateElementName(e,s),r=literal`${unsafeStatic(t)}`;return customElements.get(t)||customElements.define(t,class extends a{}),r}}class d{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var g=css`:focus:not(:focus-visible){outline:3px solid transparent}:host{color:var(--ds-auro-banner-text-color)}:host([roundedBorder]) .disclaimer,:host([iconic]) .disclaimer,:host([billboard]) .disclaimer,:host([hero]) .disclaimer,:host([marquee]) .disclaimer{color:var(--ds-auro-banner-disclaimer-text-color)}:host([roundedBorder]) .title,:host([iconic]) .title,:host([billboard]) .title,:host([hero]) .title,:host([marquee]) .title{color:var(--ds-auro-banner-title-text-color)}:host([marquee][solid]),:host([onDark]),:host([appearance=inverse]){--ds-auro-banner-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([marquee][solid]) .title,:host([onDark]) .title,:host([appearance=inverse]) .title{--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);color:var(--ds-auro-banner-title-text-color)}:host([iconic]) .roundIconBg{background:var(--ds-auro-banner-icon-container-color)}:host([marquee][solid]) .bannerWrapper{background-color:var(--ds-auro-banner-wrapper-container-color)}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-color:var(--ds-auro-banner-wrapper-border-color)}
8
+ `,p=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host([roundedBorder]) img,:host([iconic]) img,:host([hero]) img,:host([marquee]) img,:host([billboard]) img{display:block}:host([roundedBorder]) .bannerWrapper,:host([iconic]) .bannerWrapper,:host([hero]) .bannerWrapper,:host([marquee]) .bannerWrapper,:host([billboard]) .bannerWrapper{position:relative;overflow:hidden}:host([roundedBorder]) .action,:host([iconic]) .action,:host([hero]) .action,:host([marquee]) .action,:host([billboard]) .action{display:inline-block;margin:var(--ds-size-200, 1rem) 0}:host([roundedBorder]) .imageWrapper,:host([iconic]) .imageWrapper,:host([hero]) .imageWrapper,:host([marquee]) .imageWrapper,:host([billboard]) .imageWrapper{margin-bottom:var(--ds-size-200, 1rem);display:block}:host([roundedBorder]) .displayImage,:host([iconic]) .displayImage,:host([hero]) .displayImage,:host([marquee]) .displayImage,:host([billboard]) .displayImage{display:block;position:absolute;bottom:0}:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--ds-size-400, 2rem) var(--ds-size-200, 1rem);overflow:hidden}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([iconic]) .bodyWrapper,:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper,:host([billboard]) .bodyWrapper{padding:var(--ds-size-200, 1rem)}}:host([roundedBorder]) .title,:host([iconic]) .title,:host([hero]) .title,:host([marquee]) .title,:host([billboard]) .title{margin-bottom:var(--ds-size-200, 1rem)}:host([roundedBorder]) .description,:host([iconic]) .description,:host([hero]) .description,:host([marquee]) .description,:host([billboard]) .description{display:block}:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:150px}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([iconic]) .contentWrapper,:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper,:host([billboard]) .contentWrapper{margin-bottom:0}}@media screen and (min-width: 576px){:host([billboard]){max-height:24rem}}:host([billboard]) .bodyWrapper{align-items:center;padding:var(--ds-size-400, 2rem)}@media screen and (min-width: 576px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 8rem}}@media screen and (min-width: 768px){:host([billboard]) .bodyWrapper{padding:var(--ds-size-400, 2rem) 10rem}}:host([billboard]) .imageWrapper{display:block;margin-bottom:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([billboard]) .contentWrapper{margin-bottom:0}}:host([hero]) .displayImage,:host([marquee]) .displayImage{position:static;overflow:hidden}:host([hero]) .displayImage::slotted(img),:host([marquee]) .displayImage::slotted(img){display:block}:host([hero]) .contentWrapper,:host([marquee]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([hero]) .displayImage,:host([marquee]) .displayImage{max-width:50%;right:0;position:absolute}:host([hero]) .bodyWrapper,:host([marquee]) .bodyWrapper{text-align:left;width:50%;padding-left:0}}:host([iconic]) .iconAbsolute{position:absolute}:host([iconic]) .iconContainer{display:flex;align-items:center;justify-content:center;position:relative;top:-1.25rem}:host([iconic]) .roundIconBg{width:7.5rem;height:7.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute}:host([iconic]) .displayImage{display:none}@media screen and (min-width: 576px){:host([iconic]) .displayImage{display:block;max-width:50%;right:0;position:absolute;overflow:hidden}}:host([iconic]) .displayImage::slotted(img){display:block}@media screen and (min-width: 576px){:host([iconic]) .description{padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-300, 1.5rem)}}:host([iconic]) .contentWrapper{margin:0 auto var(--ds-size-600, 3rem);padding-bottom:var(--ds-size-600, 3rem)}:host([iconic]) .bodyWrapper{text-align:left;padding:var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) var(--ds-size-400, 2rem) 0}@media screen and (min-width: 576px){:host([iconic]) .bodyWrapper{width:50%;padding-left:0}}:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}@media screen and (min-width: 768px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 1024px){:host([marquee][solid]) .bodyWrapper{padding:var(--ds-size-600, 3rem)}}:host([roundedBorder]) .bannerWrapper,:host([roundedBorder][alignLeft]) .bannerWrapper{border-width:1px;border-style:solid;border-radius:5px}:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{margin:0 auto}@media screen and (min-width: 576px){:host([roundedBorder]) .contentWrapper,:host([roundedBorder][alignLeft]) .contentWrapper{flex-basis:70%;flex-grow:1}}:host([roundedBorder]) .action,:host([roundedBorder][alignLeft]) .action{margin:0 0 1rem}:host([roundedBorder]) .description p,:host([roundedBorder][alignLeft]) .description p{margin:0}:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{align-items:center;padding:var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{flex-direction:row}}@media screen and (min-width: 768px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-300, 1.5rem)}}@media screen and (min-width: 1024px){:host([roundedBorder]) .bodyWrapper,:host([roundedBorder][alignLeft]) .bodyWrapper{padding:var(--ds-size-400, 2rem)}}@media screen and (min-width: 576px){:host([roundedBorder]) .imageWrapper,:host([roundedBorder][alignLeft]) .imageWrapper{flex-basis:30%;display:flex;margin-right:var(--ds-size-400, 2rem);margin-bottom:0}}:host([alignRight]) .bodyWrapper{align-items:flex-end;text-align:right}:host([alignLeft]) .bodyWrapper{align-items:flex-start;text-align:left}@media screen and (min-width: 576px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem);min-height:unset}}@media screen and (min-width: 768px){:host([slim]) .bodyWrapper{padding:var(--ds-size-400, 2rem) var(--ds-size-600, 3rem)}}
9
+ `,h=css`:host{--ds-auro-banner-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-banner-disclaimer-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-banner-title-text-color: var(--ds-basic-color-texticon-accent1, #265688);--ds-auro-banner-icon-container-color: var(--ds-basic-color-surface-neutral-medium, #c5c5c5);--ds-auro-banner-wrapper-container-color: var(--ds-basic-color-surface-inverse, #00274a);--ds-auro-banner-wrapper-border-color: var(--ds-basic-color-border-default, #959595)}
10
+ `;class y extends LitElement{constructor(){super(),this.appearance="default",this.hero=false,this.iconic=false,this.marquee=false,this.roundedBorder=false;const e=new m;this.headerTag=e.generateTag("auro-header","5.0.0",c),this.runtimeUtils=new d;}static register(e="auro-banner"){d.prototype.registerComponent(e,y);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-banner");const e=this.shadowRoot.querySelectorAll(".bannerWrapper slot");for(const s of e)this.slt=s.assignedNodes(),0===this.slt.length&&s.removeAttribute("class");}static get properties(){return {...LitElement.properties,appearance:{type:String,reflect:true},hero:{type:Boolean,reflect:true},iconic:{type:Boolean,reflect:true},marquee:{type:Boolean,reflect:true},roundedBorder:{type:Boolean,reflect:true},iconbg:{type:String}}}static get styles(){return [p,g,h]}render(){return html`
11
11
  <div class="bannerWrapper">
12
12
  ${this.roundedBorder?html``:html`
13
13
  <slot name="displayImage" class="displayImage"></slot>`}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{A as AuroBanner}from"./auro-banner-Clvffv3E.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";
1
+ export{A as AuroBanner}from"./auro-banner-pP9c4Izh.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";
package/dist/registered.js CHANGED
@@ -1 +1 @@
1
- import{A as i}from"./auro-banner-Clvffv3E.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";i.register();
1
+ import{A as i}from"./auro-banner-pP9c4Izh.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"lit/static-html.js";i.register();
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-banner",
10
- "version": "0.0.0-pr87.0",
10
+ "version": "0.0.0-pr92.0",
11
11
  "description": "auro-banner HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",