New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@aurodesignsystem/auro-icon

Package Overview
Dependencies
Maintainers
0
Versions
38
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aurodesignsystem/auro-icon - npm Package Compare versions

Comparing version 4.4.0 to 4.5.0-beta.1

dist/color-css.d.ts
dist/color-css.d.ts.map
dist/tokens-css.d.ts
dist/tokens-css.d.ts.map
src/color-css.js
src/tokens-css.js

12

CHANGELOG.md
# Semantic Release Automated Changelog
# [4.4.0](https://github.com/AlaskaAirlines/auro-icon/compare/v4.3.1...v4.4.0) (2024-07-02)
# [4.5.0-beta.1](https://github.com/AlaskaAirlines/auro-icon/compare/v4.4.0...v4.5.0-beta.1) (2024-07-19)

@@ -8,4 +8,14 @@

* update to support component theming ([c6fcdb3](https://github.com/AlaskaAirlines/auro-icon/commit/c6fcdb3f1643f0138941303315a283e39e93c8e8)), closes [#124](https://github.com/AlaskaAirlines/auro-icon/issues/124)
# [4.4.0](https://github.com/AlaskaAirlines/auro-icon/compare/v4.3.1...v4.4.0) (2024-07-02)
### Features
* **custom:** add function to handle custom element tag name ([bf38f92](https://github.com/AlaskaAirlines/auro-icon/commit/bf38f929cf0abc4aa3dcde416c484e1c624b9e91))
### BREAKING CHANGES
* **tokens:** Advisory variant has been removed. Warning variant is the intended replacement.
## [4.3.1](https://github.com/AlaskaAirlines/auro-icon/compare/v4.3.0...v4.3.1) (2024-02-26)

@@ -12,0 +22,0 @@

12

demo/alaska.md

@@ -17,3 +17,3 @@ # Alaska

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -31,3 +31,3 @@

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -49,3 +49,3 @@

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -63,3 +63,3 @@

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -84,3 +84,3 @@

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -104,3 +104,3 @@

<auro-accordion lowProfile justifyRight>
<auro-accordion alignRight>
<span slot="trigger">See code</span>

@@ -107,0 +107,0 @@

146

demo/api.md

@@ -19,6 +19,6 @@ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../api.md) -->

| [accent](#accent) | `accent` | `Boolean` | | Sets the icon to use the accent style. |
| [advisory](#advisory) | `advisory` | `Boolean` | | Sets the icon to use the advisory style. |
| [ariaHidden](#ariaHidden) | `ariaHidden` | `String` | | Set aria-hidden value. Default is `true`. Option is `false`. |
| [category](#category) | `category` | `String` | | The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage. |
| [customColor](#customColor) | `customColor` | `Boolean` | | Removes primary selector. |
| [customSvg](#customSvg) | `customSvg` | `Boolean` | | When true, auro-icon will render a custom SVG inside the default slot. |
| [disabled](#disabled) | `disabled` | `Boolean` | | Sets the icon to use the disabled style. |

@@ -30,7 +30,11 @@ | [emphasis](#emphasis) | `emphasis` | `Boolean` | | Sets the icon to use the emphasis style. |

| [hiddenVisually](#hiddenVisually) | `hiddenVisually` | `Boolean` | | If present, the component will be hidden visually, but still read by screen readers |
| [info](#info) | `info` | `Boolean` | | Sets the icon to use the info style. |
| [label](#label) | `label` | `Boolean` | | Exposes content in slot as icon label. |
| [name](#name) | `name` | `String` | | The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage |
| [onDark](#onDark) | `onDark` | `Boolean` | false | Set value for on-dark version of auro-icon |
| [primary](#primary) | `primary` | `Boolean` | | Sets the icon to use the baseline primary icon style. |
| [primary](#primary) | `primary` | `Boolean` | | DEPRECATED: Sets the icon to use the baseline primary icon style. |
| [secondary](#secondary) | `secondary` | `Boolean` | | Sets the icon to use the secondary style. |
| [subtle](#subtle) | `subtle` | `Boolean` | | Sets the icon to use the subtle style. |
| [success](#success) | `success` | `Boolean` | | Sets the icon to use the success style. |
| [tertiary](#tertiary) | `tertiary` | `Boolean` | | Sets the icon to use the tertiary style. |
| [uri](#uri) | `uri` | `String` | "https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist" | Set the uri for CDN used when fetching icons |

@@ -41,5 +45,6 @@ | [warning](#warning) | `warning` | `Boolean` | | Sets the icon to use the warning style. |

| Name | Description |
|------|--------------------------------------------------|
| | Hidden from visibility, used for a11y if icon description is needed. |
| Name | Description |
|-------|--------------------------------------------------|
| | Hidden from visibility, used for a11y if icon description is needed. |
| [svg](#svg) | Used for custom SVG content. |
<!-- AURO-GENERATED-CONTENT:END -->

@@ -68,2 +73,39 @@

### Custom SVG icons
Using the `customSvg` attribute, the component may render any icon svg content required. The `auro-icon` component will continue to render with all the variant and theme styles applied.
<div class="exampleWrapper">
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/customSvg.html) -->
<!-- The below content is automatically added from ./../../apiExamples/customSvg.html -->
<auro-icon customSvg>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
<auro-icon customSvg success>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
<auro-icon customSvg error>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/customSvg.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/customSvg.html -->
```html
<auro-icon customSvg>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
<auro-icon customSvg success>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
<auro-icon customSvg error>
<svg slot="svg" aria-labelledby="pin-trip-filled__desc" class="ico_squareLarge" role="img" viewBox="0 0 24 24" part="svg" style="min-width: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); height: var(--auro-size-lg, var(--ds-size-300, 1.5rem)); fill: currentcolor;"><title></title><desc id="pin-trip-filled__desc">drop pin with circles.</desc><path d="M10.045 3.345a.75.75 0 0 1 .785-.714l.05.003a.75.75 0 0 1-.082 1.498l-.04-.002a.75.75 0 0 1-.713-.785m-1.217.22a.75.75 0 0 1-.357 1l-.034.016a.75.75 0 0 1-.655-1.35l.047-.022a.75.75 0 0 1 .999.357m3.949.186a.75.75 0 0 1 1.012-.318l.045.023a.75.75 0 0 1-.703 1.326l-.035-.019a.75.75 0 0 1-.319-1.012M6.508 5.057a.75.75 0 0 1 .2 1.041l-.01.017a.75.75 0 1 1-1.246-.836l.014-.022a.75.75 0 0 1 1.042-.2m8.577.22a.75.75 0 0 1 1.038.218l.028.044a.75.75 0 0 1-1.264.808l-.02-.032a.75.75 0 0 1 .218-1.038m6.02 7.014c0-2.789-2.44-4.88-4.88-4.88s-4.881 2.091-4.881 4.88q0 2.559 4.11 8.496l.199.285.055.068a.697.697 0 0 0 1.088-.068q4.31-6.16 4.309-8.781m-6.275 0a1.394 1.394 0 1 1 2.789 0 1.394 1.394 0 0 1-2.789 0M4.635 10.704a1.74 1.74 0 1 0 0-3.48 1.74 1.74 0 0 0 0 3.48"></path></svg>
</auro-icon>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>
### Default component with label (accessibility recommendation)

@@ -99,9 +141,13 @@

<!-- The below content is automatically added from ./../../apiExamples/visualState.html -->
<auro-icon category="interface" name="pin-trip"></auro-icon>
<auro-icon category="interface" name="pin-trip" emphasis></auro-icon>
<auro-icon category="interface" name="pin-trip" accent></auro-icon>
<auro-icon category="interface" name="pin-trip" disabled></auro-icon>
<auro-icon category="interface" name="pin-trip" error></auro-icon>
<auro-icon category="interface" name="pin-trip" success></auro-icon>
<auro-icon category="interface" name="pin-trip" advisory></auro-icon>
<auro-icon category="interface" name="pin-trip"></auro-icon> default<br />
<auro-icon category="interface" name="pin-trip" accent></auro-icon> accent<br />
<auro-icon category="interface" name="pin-trip" disabled></auro-icon> disabled<br />
<auro-icon category="interface" name="pin-trip" emphasis></auro-icon> emphasis<br />
<auro-icon category="interface" name="pin-trip" error></auro-icon> error<br />
<auro-icon category="interface" name="pin-trip" info></auro-icon> info<br />
<auro-icon category="interface" name="pin-trip" secondary></auro-icon> secondary<br />
<auro-icon category="interface" name="pin-trip" subtle></auro-icon> subtle<br />
<auro-icon category="interface" name="pin-trip" success></auro-icon> success<br />
<auro-icon category="interface" name="pin-trip" tertiary></auro-icon>tertiary<br />
<auro-icon category="interface" name="pin-trip" warning></auro-icon> warning
<!-- AURO-GENERATED-CONTENT:END -->

@@ -115,9 +161,13 @@ </div>

```html
<auro-icon category="interface" name="pin-trip"></auro-icon>
<auro-icon category="interface" name="pin-trip" emphasis></auro-icon>
<auro-icon category="interface" name="pin-trip" accent></auro-icon>
<auro-icon category="interface" name="pin-trip" disabled></auro-icon>
<auro-icon category="interface" name="pin-trip" error></auro-icon>
<auro-icon category="interface" name="pin-trip" success></auro-icon>
<auro-icon category="interface" name="pin-trip" advisory></auro-icon>
<auro-icon category="interface" name="pin-trip"></auro-icon> default<br />
<auro-icon category="interface" name="pin-trip" accent></auro-icon> accent<br />
<auro-icon category="interface" name="pin-trip" disabled></auro-icon> disabled<br />
<auro-icon category="interface" name="pin-trip" emphasis></auro-icon> emphasis<br />
<auro-icon category="interface" name="pin-trip" error></auro-icon> error<br />
<auro-icon category="interface" name="pin-trip" info></auro-icon> info<br />
<auro-icon category="interface" name="pin-trip" secondary></auro-icon> secondary<br />
<auro-icon category="interface" name="pin-trip" subtle></auro-icon> subtle<br />
<auro-icon category="interface" name="pin-trip" success></auro-icon> success<br />
<auro-icon category="interface" name="pin-trip" tertiary></auro-icon>tertiary<br />
<auro-icon category="interface" name="pin-trip" warning></auro-icon> warning
```

@@ -127,5 +177,5 @@ <!-- AURO-GENERATED-CONTENT:END -->

#### ondark visual state
#### onDark visual state
All compatible with `ondark` attribute.
All compatible with `onDark` attribute.

@@ -135,9 +185,15 @@ <div class="exampleWrapper" style="background: repeating-linear-gradient(45deg, var(--ds-color-background-darkest, #00274a), var(--ds-color-background-darkest, #00274a) 10px, var(--ds-color-background-darker, #01426a) 10px, var(--ds-color-background-darker, #01426a) 20px);">

<!-- The below content is automatically added from ./../../apiExamples/onDark.html -->
<auro-icon ondark category="interface" name="pin-trip"></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" emphasis></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" accent></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" disabled></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" error></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" success></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" advisory></auro-icon>
<span style="color: var(--ds-color-text-primary-inverse)">
<auro-icon category="interface" name="pin-trip" onDark></auro-icon>default<br />
<auro-icon category="interface" name="pin-trip" onDark accent></auro-icon>accent<br />
<auro-icon category="interface" name="pin-trip" onDark disabled></auro-icon>disabled<br />
<auro-icon category="interface" name="pin-trip" onDark emphasis></auro-icon>emphasis<br />
<auro-icon category="interface" name="pin-trip" onDark error></auro-icon>error<br />
<auro-icon category="interface" name="pin-trip" onDark info></auro-icon>info<br />
<auro-icon category="interface" name="pin-trip" onDark secondary></auro-icon>secondary<br />
<auro-icon category="interface" name="pin-trip" onDark subtle></auro-icon>subtle<br />
<auro-icon category="interface" name="pin-trip" onDark success></auro-icon>success<br />
<auro-icon category="interface" name="pin-trip" onDark tertiary></auro-icon>tertiary<br />
<auro-icon category="interface" name="pin-trip" onDark warning></auro-icon>warning
</span>
<!-- AURO-GENERATED-CONTENT:END -->

@@ -151,9 +207,15 @@ </div>

```html
<auro-icon ondark category="interface" name="pin-trip"></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" emphasis></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" accent></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" disabled></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" error></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" success></auro-icon>
<auro-icon ondark category="interface" name="pin-trip" advisory></auro-icon>
<span style="color: var(--ds-color-text-primary-inverse)">
<auro-icon category="interface" name="pin-trip" onDark></auro-icon>default<br />
<auro-icon category="interface" name="pin-trip" onDark accent></auro-icon>accent<br />
<auro-icon category="interface" name="pin-trip" onDark disabled></auro-icon>disabled<br />
<auro-icon category="interface" name="pin-trip" onDark emphasis></auro-icon>emphasis<br />
<auro-icon category="interface" name="pin-trip" onDark error></auro-icon>error<br />
<auro-icon category="interface" name="pin-trip" onDark info></auro-icon>info<br />
<auro-icon category="interface" name="pin-trip" onDark secondary></auro-icon>secondary<br />
<auro-icon category="interface" name="pin-trip" onDark subtle></auro-icon>subtle<br />
<auro-icon category="interface" name="pin-trip" onDark success></auro-icon>success<br />
<auro-icon category="interface" name="pin-trip" onDark tertiary></auro-icon>tertiary<br />
<auro-icon category="interface" name="pin-trip" onDark warning></auro-icon>warning
</span>
```

@@ -208,1 +270,15 @@ <!-- AURO-GENERATED-CONTENT:END -->

</auro-accordion>
## Theme Support
The component may be restyled using the following code sample and changing the values of the following token(s).
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.scss) -->
<!-- The below code snippet is automatically added from ./../../src/tokens.scss -->
```scss
:host {
--ds-auro-icon-color: var(--ds-color-icon-primary-default, $ds-color-icon-primary-default);
}
```
<!-- AURO-GENERATED-CONTENT:END -->

34

dist/auro-alaska__bundled.js

@@ -76,3 +76,3 @@ /**

var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":false,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":true,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};

@@ -107,3 +107,3 @@ /* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */

var styleCss$1 = i$3`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}.labelContainer{line-height:1.8}`;
var styleCss$1 = i$3`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}:host([customSize]){--auro-size-lg:100% --ds-size-300: 100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.labelContainer{line-height:1.8}`;

@@ -176,10 +176,12 @@ /* eslint-disable one-var */

async firstUpdated() {
const svg = await this.fetchIcon(this.category, this.name);
if (!this.customSvg) {
const svg = await this.fetchIcon(this.category, this.name);
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
this.svg = penDOM.body.firstChild;
this.svg = penDOM.body.firstChild;
}
}

@@ -189,17 +191,17 @@ }

var as400 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-400","title":"Alaska Airlines","viewBox":"0 0 396 121","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-400__title AS-400__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 396 121\"><title id=\"AS-400__title\">Alaska Airlines</title><desc id=\"AS-400__desc\">Logo image for Alaska Airlines</desc><path d=\"m194.18 5-45.2 75.86a55.1 55.1 0 0 0-8 23.3h-17.69c1.2-9.6 5-18.74 12.73-31.83l31.63-53c6.32-10.51 12.62-14.31 24-14.31zM190.75 84.6c-3.32 3.06-9.71 7.68-15.12 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.48-18.29 19.48-27.98 31.9-27.92h2.24zm16.7-38.82c-22.92 0-37 13.35-49.45 42.57-3.11 7.34-4.88 16.44 5.71 16.33 6-.08 16.12-3.38 23.23-8.28a25 25 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.26-23.57L230.67 47a215 215 0 0 0-23.27-1.22zM356.02 84.6c-3.31 3.06-9.71 7.68-15.11 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.54-18.29 19.57-28 31.94-27.92h2.26zm16.73-38.82c-22.92 0-37 13.35-49.44 42.57-3.11 7.34-4.89 16.44 5.71 16.33 6-.08 16.12-3.38 23.22-8.28a25.3 25.3 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.27-23.57L396 47a216 216 0 0 0-23.25-1.22\"/><path d=\"M320.45 120.29h-5.25a15.166 15.166 0 0 1-14.64-11.15l-8-30.15-14.94 25.13h-17.13l47.83-81c6.17-10.51 12.6-14.33 24-14.33h1.75l-31.75 53.7 23.83-16.42h19.13l-40 27.66zM162.61.25c-16.14 0-24.47 4.27-40.31 15.69L68.75 54.57H34.44c-9.92 0-17.85.39-24.11 6.29l-8.87 8.19 49.84-1.92-51.3 37h22.17l52.47-37.88c10.16-.38 17.23-.64 17.29-.62 12.23-.34 19-11.05 19-11.05H90.82L133.21 24l-31.46 51c-6.74 11.72-10 20.1-11.11 29.09h18.21a55.25 55.25 0 0 1 8-23.3l42.9-71.6c3-4.92 5.6-8.94 5.6-8.94zM248.01 62.2c-.22 1.53.41 2.46 3.49 4.45l4.91 3.23c5.32 3.54 7.47 8.76 6.84 13.07-1.79 12-10.61 21.67-29.36 21.68a106 106 0 0 1-21.69-1.89l7.28-12.27c6.78 1.18 10.65 1.79 15.72 1.78 7.06 0 9.88-3.18 10.27-5.79.23-1.55-.51-3.33-3.87-5.65l-3.85-2.76c-6.24-4.45-7.88-8-7.06-13.51 1.57-10.63 13.86-18.76 30.93-18.76 5.877.028 11.748.362 17.59 1l-6.85 11.59a158 158 0 0 0-15.83-.5c-4.97.18-8.16 1.87-8.52 4.33M381.68 96.74a3.76 3.76 0 1 1-3.7 3.76 3.74 3.74 0 0 1 3.7-3.76m0 6.78a3.004 3.004 0 0 0 3.043-3.528 3 3 0 0 0-2.334-2.406 2.998 2.998 0 0 0-3.619 2.934 2.93 2.93 0 0 0 2.91 3m-.47-1h-.77v-4.09h1.41a1.31 1.31 0 0 1 1.39 1.29 1.28 1.28 0 0 1-.9 1.21l.92 1.59h-.89l-.85-1.52h-.31zm.53-2.19c.46 0 .71-.23.71-.6s-.25-.62-.71-.62h-.53v1.22z\"/></svg>"};
var as400 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-400","title":"Alaska Airlines","viewBox":"0 0 396 121","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-400__title AS-400__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 396 121\" part=\"svg\"><title id=\"AS-400__title\">Alaska Airlines</title><desc id=\"AS-400__desc\">Logo image for Alaska Airlines</desc><path d=\"m194.18 5-45.2 75.86a55.1 55.1 0 0 0-8 23.3h-17.69c1.2-9.6 5-18.74 12.73-31.83l31.63-53c6.32-10.51 12.62-14.31 24-14.31zM190.75 84.6c-3.32 3.06-9.71 7.68-15.12 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.48-18.29 19.48-27.98 31.9-27.92h2.24zm16.7-38.82c-22.92 0-37 13.35-49.45 42.57-3.11 7.34-4.88 16.44 5.71 16.33 6-.08 16.12-3.38 23.23-8.28a25 25 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.26-23.57L230.67 47a215 215 0 0 0-23.27-1.22zM356.02 84.6c-3.31 3.06-9.71 7.68-15.11 7.84-3.72-.16-3.86-3.65-1.36-8.46 9.54-18.29 19.57-28 31.94-27.92h2.26zm16.73-38.82c-22.92 0-37 13.35-49.44 42.57-3.11 7.34-4.89 16.44 5.71 16.33 6-.08 16.12-3.38 23.22-8.28a25.3 25.3 0 0 0-.66 7.72h16.08c.56-6.27 3-14.08 8.27-23.57L396 47a216 216 0 0 0-23.25-1.22\"/><path d=\"M320.45 120.29h-5.25a15.166 15.166 0 0 1-14.64-11.15l-8-30.15-14.94 25.13h-17.13l47.83-81c6.17-10.51 12.6-14.33 24-14.33h1.75l-31.75 53.7 23.83-16.42h19.13l-40 27.66zM162.61.25c-16.14 0-24.47 4.27-40.31 15.69L68.75 54.57H34.44c-9.92 0-17.85.39-24.11 6.29l-8.87 8.19 49.84-1.92-51.3 37h22.17l52.47-37.88c10.16-.38 17.23-.64 17.29-.62 12.23-.34 19-11.05 19-11.05H90.82L133.21 24l-31.46 51c-6.74 11.72-10 20.1-11.11 29.09h18.21a55.25 55.25 0 0 1 8-23.3l42.9-71.6c3-4.92 5.6-8.94 5.6-8.94zM248.01 62.2c-.22 1.53.41 2.46 3.49 4.45l4.91 3.23c5.32 3.54 7.47 8.76 6.84 13.07-1.79 12-10.61 21.67-29.36 21.68a106 106 0 0 1-21.69-1.89l7.28-12.27c6.78 1.18 10.65 1.79 15.72 1.78 7.06 0 9.88-3.18 10.27-5.79.23-1.55-.51-3.33-3.87-5.65l-3.85-2.76c-6.24-4.45-7.88-8-7.06-13.51 1.57-10.63 13.86-18.76 30.93-18.76 5.877.028 11.748.362 17.59 1l-6.85 11.59a158 158 0 0 0-15.83-.5c-4.97.18-8.16 1.87-8.52 4.33M381.68 96.74a3.76 3.76 0 1 1-3.7 3.76 3.74 3.74 0 0 1 3.7-3.76m0 6.78a3.004 3.004 0 0 0 3.043-3.528 3 3 0 0 0-2.334-2.406 2.998 2.998 0 0 0-3.619 2.934 2.93 2.93 0 0 0 2.91 3m-.47-1h-.77v-4.09h1.41a1.31 1.31 0 0 1 1.39 1.29 1.28 1.28 0 0 1-.9 1.21l.92 1.59h-.89l-.85-1.52h-.31zm.53-2.19c.46 0 .71-.23.71-.6s-.25-.62-.71-.62h-.53v1.22z\"/></svg>"};
var as300 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-300","title":"Alaska Airlines","viewBox":"0 0 144 45","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-300__title AS-300__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 144 45\"><title id=\"AS-300__title\">Alaska Airlines</title><desc id=\"AS-300__desc\">Logo image for Alaska Airlines</desc><path d=\"M70.61 2.15 54.17 29.74a20.06 20.06 0 0 0-2.9 8.47h-6.44c.44-3.49 1.8-6.81 4.63-11.58l11.5-19.27c2.3-3.82 4.59-5.21 8.75-5.21zM69.34 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.82zM75.42 17c-8.34 0-13.46 4.86-18 15.49-1.13 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9.3 9.3 0 0 0-.24 2.81h5.86a22 22 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.45-.47M129.46 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.81zm6.1-14.11c-8.34 0-13.46 4.86-18 15.49-1.14 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9 9 0 0 0-.24 2.81h5.84a22.1 22.1 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.43-.47\"/><path d=\"M116.56 44.09h-1.91a5.53 5.53 0 0 1-5.36-4.09l-2.91-11-5.43 9.14h-6.23l17.4-29.44c2.24-3.83 4.58-5.21 8.73-5.21h.64l-11.55 19.58 8.66-6h7l-14.61 10.09zM59.13.44c-5.87 0-8.9 1.55-14.66 5.7l-19.48 14H12.56c-3.6 0-6.49.14-8.77 2.29l-3.22 3 18.12-.7L0 38.21h8.06l19.08-13.77c3.7-.14 6.27-.24 6.29-.23 4.45-.12 6.91-4 6.91-4h-7.32L48.44 9.07 37 27.63c-2.45 4.27-3.63 7.31-4 10.58h6.56a20.2 20.2 0 0 1 2.9-8.47l15.61-26c1.08-1.79 2-3.25 2-3.25zM90.18 23c-.08.55.15.89 1.27 1.62l1.79 1.17a5.05 5.05 0 0 1 2.49 4.75c-.65 4.36-3.86 7.88-10.68 7.89-2.647.039-5.29-.192-7.89-.69l2.65-4.46c1.882.392 3.797.606 5.72.64 2.56 0 3.59-1.15 3.73-2.1.08-.56-.19-1.21-1.4-2.06l-1.42-1c-2.27-1.62-2.87-2.9-2.57-4.91.57-3.87 5-6.82 11.25-6.82 2.138.005 4.275.125 6.4.36l-2.49 4.22a56 56 0 0 0-5.76-.18c-1.79.03-2.95.64-3.09 1.57M140.43 34.36a2.067 2.067 0 0 1 2.108 2.429 2.067 2.067 0 0 1-2.813 1.559 2.07 2.07 0 0 1-1.295-1.919 2.07 2.07 0 0 1 2-2.07m0 3.73a1.66 1.66 0 1 0-1.6-1.66 1.61 1.61 0 0 0 1.6 1.66m-.25-.56h-.43v-2.25h.81a.72.72 0 0 1 .532.192.73.73 0 0 1 .228.517.71.71 0 0 1-.49.67l.5.87h-.49l-.47-.84h-.16zm.29-1.21c.25 0 .39-.12.39-.32s-.14-.35-.39-.35h-.29v.67z\"/></svg>"};
var as300 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-300","title":"Alaska Airlines","viewBox":"0 0 144 45","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-300__title AS-300__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 144 45\" part=\"svg\"><title id=\"AS-300__title\">Alaska Airlines</title><desc id=\"AS-300__desc\">Logo image for Alaska Airlines</desc><path d=\"M70.61 2.15 54.17 29.74a20.06 20.06 0 0 0-2.9 8.47h-6.44c.44-3.49 1.8-6.81 4.63-11.58l11.5-19.27c2.3-3.82 4.59-5.21 8.75-5.21zM69.34 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.82zM75.42 17c-8.34 0-13.46 4.86-18 15.49-1.13 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9.3 9.3 0 0 0-.24 2.81h5.86a22 22 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.45-.47M129.46 31.11c-1.2 1.11-3.53 2.79-5.49 2.85-1.36-.06-1.41-1.33-.5-3.07 3.47-6.65 7.12-10.17 11.62-10.16h.81zm6.1-14.11c-8.34 0-13.46 4.86-18 15.49-1.14 2.67-1.78 6 2.07 5.93a17.74 17.74 0 0 0 8.45-3 9 9 0 0 0-.24 2.81h5.84a22.1 22.1 0 0 1 3-8.57l7.31-12.19a79 79 0 0 0-8.43-.47\"/><path d=\"M116.56 44.09h-1.91a5.53 5.53 0 0 1-5.36-4.09l-2.91-11-5.43 9.14h-6.23l17.4-29.44c2.24-3.83 4.58-5.21 8.73-5.21h.64l-11.55 19.58 8.66-6h7l-14.61 10.09zM59.13.44c-5.87 0-8.9 1.55-14.66 5.7l-19.48 14H12.56c-3.6 0-6.49.14-8.77 2.29l-3.22 3 18.12-.7L0 38.21h8.06l19.08-13.77c3.7-.14 6.27-.24 6.29-.23 4.45-.12 6.91-4 6.91-4h-7.32L48.44 9.07 37 27.63c-2.45 4.27-3.63 7.31-4 10.58h6.56a20.2 20.2 0 0 1 2.9-8.47l15.61-26c1.08-1.79 2-3.25 2-3.25zM90.18 23c-.08.55.15.89 1.27 1.62l1.79 1.17a5.05 5.05 0 0 1 2.49 4.75c-.65 4.36-3.86 7.88-10.68 7.89-2.647.039-5.29-.192-7.89-.69l2.65-4.46c1.882.392 3.797.606 5.72.64 2.56 0 3.59-1.15 3.73-2.1.08-.56-.19-1.21-1.4-2.06l-1.42-1c-2.27-1.62-2.87-2.9-2.57-4.91.57-3.87 5-6.82 11.25-6.82 2.138.005 4.275.125 6.4.36l-2.49 4.22a56 56 0 0 0-5.76-.18c-1.79.03-2.95.64-3.09 1.57M140.43 34.36a2.067 2.067 0 0 1 2.108 2.429 2.067 2.067 0 0 1-2.813 1.559 2.07 2.07 0 0 1-1.295-1.919 2.07 2.07 0 0 1 2-2.07m0 3.73a1.66 1.66 0 1 0-1.6-1.66 1.61 1.61 0 0 0 1.6 1.66m-.25-.56h-.43v-2.25h.81a.72.72 0 0 1 .532.192.73.73 0 0 1 .228.517.71.71 0 0 1-.49.67l.5.87h-.49l-.47-.84h-.16zm.29-1.21c.25 0 .39-.12.39-.32s-.14-.35-.39-.35h-.29v.67z\"/></svg>"};
var as200 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-200","title":"Alaska Airlines","viewBox":"0 0 83 26","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-200__title AS-200__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 83 26\"><title id=\"AS-200__title\">Alaska Airlines</title><desc id=\"AS-200__desc\">Logo image for Alaska Airlines</desc><path d=\"M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27\"/><path d=\"M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z\"/></svg>"};
var as200 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-200","title":"Alaska Airlines","viewBox":"0 0 83 26","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-200__title AS-200__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 83 26\" part=\"svg\"><title id=\"AS-200__title\">Alaska Airlines</title><desc id=\"AS-200__desc\">Logo image for Alaska Airlines</desc><path d=\"M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27\"/><path d=\"M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z\"/></svg>"};
var as100 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-100","title":"Alaska Airlines","viewBox":"0 0 57 17","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-100__title AS-100__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 57 17\"><title id=\"AS-100__title\">Alaska Airlines</title><desc id=\"AS-100__desc\">Logo image for Alaska Airlines</desc><path d=\"M22.21.05c-2.2 0-3.33.58-5.49 2.14L9.41 7.46H4.74c-1.36 0-2.44 0-3.29.86L.24 9.43 7 9.17l-7 5h3l7.16-5.16L12.58 9a3.44 3.44 0 0 0 2.59-1.5h-2.75l5.78-4.22-4.29 7a10.4 10.4 0 0 0-1.51 4h2.48A7.56 7.56 0 0 1 16 11l5.85-9.77c.41-.67.77-1.22.77-1.22zM26.52.69 20.35 11a7.5 7.5 0 0 0-1.08 3.17h-2.42a11.3 11.3 0 0 1 1.74-4.34l4.31-7.19A3.35 3.35 0 0 1 26.18.69zM26 11.55a3.77 3.77 0 0 1-2 1.07c-.5 0-.52-.5-.18-1.15 1.3-2.5 2.67-3.82 4.35-3.81h.31zm2.28-5.29c-3.12 0-5.05 1.82-6.74 5.8-.43 1-.67 2.25.78 2.23a6.6 6.6 0 0 0 3.16-1.13 4 4 0 0 0-.09 1.05h2.2A8.15 8.15 0 0 1 28.75 11l2.75-4.57a31 31 0 0 0-3.18-.17zM48.59 11.55a3.8 3.8 0 0 1-2.06 1.07c-.51 0-.53-.5-.19-1.15 1.3-2.5 2.67-3.82 4.36-3.81h.3zm2.28-5.29c-3.13 0-5 1.82-6.75 5.8-.42 1-.66 2.25.78 2.23a6.64 6.64 0 0 0 3.17-1.13 3.3 3.3 0 0 0-.07 1.05h2.19A8.4 8.4 0 0 1 51.3 11L54 6.43a30 30 0 0 0-3.13-.17\"/><path d=\"M43.74 16.42H43a2.08 2.08 0 0 1-2-1.52l-1.09-4.11-2 3.42h-2.35l6.52-11a3.34 3.34 0 0 1 3.28-1.95h.24l-4.33 7.32 3.25-2.24h2.6l-5.46 3.77zM33.86 8.5c0 .21.06.33.47.61l.67.44a1.89 1.89 0 0 1 .94 1.78c-.25 1.63-1.45 3-4 3-.989-.009-1.974-.12-2.94-.33l1-1.68c.704.15 1.42.233 2.14.25 1 0 1.35-.44 1.4-.79s-.07-.46-.52-.77l-.54-.38c-.85-.61-1.07-1.09-1-1.84.22-1.45 1.89-2.56 4.22-2.56q1.204.01 2.4.14L37.17 8A21 21 0 0 0 35 7.91c-.66.02-1.09.25-1.14.59M55.23 11a1.7 1.7 0 1 1-1.67 1.69A1.69 1.69 0 0 1 55.23 11m0 3.05a1.36 1.36 0 1 0-1.31-1.36A1.32 1.32 0 0 0 55.23 14zm-.23-.5h-.35v-1.84h.64a.58.58 0 0 1 .508.915.57.57 0 0 1-.288.205l.41.72h-.4l-.38-.69H55zm.24-1c.2 0 .32-.1.32-.27s-.12-.28-.32-.28H55v.55z\"/></svg>"};
var as100 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-100","title":"Alaska Airlines","viewBox":"0 0 57 17","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-100__title AS-100__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 57 17\" part=\"svg\"><title id=\"AS-100__title\">Alaska Airlines</title><desc id=\"AS-100__desc\">Logo image for Alaska Airlines</desc><path d=\"M22.21.05c-2.2 0-3.33.58-5.49 2.14L9.41 7.46H4.74c-1.36 0-2.44 0-3.29.86L.24 9.43 7 9.17l-7 5h3l7.16-5.16L12.58 9a3.44 3.44 0 0 0 2.59-1.5h-2.75l5.78-4.22-4.29 7a10.4 10.4 0 0 0-1.51 4h2.48A7.56 7.56 0 0 1 16 11l5.85-9.77c.41-.67.77-1.22.77-1.22zM26.52.69 20.35 11a7.5 7.5 0 0 0-1.08 3.17h-2.42a11.3 11.3 0 0 1 1.74-4.34l4.31-7.19A3.35 3.35 0 0 1 26.18.69zM26 11.55a3.77 3.77 0 0 1-2 1.07c-.5 0-.52-.5-.18-1.15 1.3-2.5 2.67-3.82 4.35-3.81h.31zm2.28-5.29c-3.12 0-5.05 1.82-6.74 5.8-.43 1-.67 2.25.78 2.23a6.6 6.6 0 0 0 3.16-1.13 4 4 0 0 0-.09 1.05h2.2A8.15 8.15 0 0 1 28.75 11l2.75-4.57a31 31 0 0 0-3.18-.17zM48.59 11.55a3.8 3.8 0 0 1-2.06 1.07c-.51 0-.53-.5-.19-1.15 1.3-2.5 2.67-3.82 4.36-3.81h.3zm2.28-5.29c-3.13 0-5 1.82-6.75 5.8-.42 1-.66 2.25.78 2.23a6.64 6.64 0 0 0 3.17-1.13 3.3 3.3 0 0 0-.07 1.05h2.19A8.4 8.4 0 0 1 51.3 11L54 6.43a30 30 0 0 0-3.13-.17\"/><path d=\"M43.74 16.42H43a2.08 2.08 0 0 1-2-1.52l-1.09-4.11-2 3.42h-2.35l6.52-11a3.34 3.34 0 0 1 3.28-1.95h.24l-4.33 7.32 3.25-2.24h2.6l-5.46 3.77zM33.86 8.5c0 .21.06.33.47.61l.67.44a1.89 1.89 0 0 1 .94 1.78c-.25 1.63-1.45 3-4 3-.989-.009-1.974-.12-2.94-.33l1-1.68c.704.15 1.42.233 2.14.25 1 0 1.35-.44 1.4-.79s-.07-.46-.52-.77l-.54-.38c-.85-.61-1.07-1.09-1-1.84.22-1.45 1.89-2.56 4.22-2.56q1.204.01 2.4.14L37.17 8A21 21 0 0 0 35 7.91c-.66.02-1.09.25-1.14.59M55.23 11a1.7 1.7 0 1 1-1.67 1.69A1.69 1.69 0 0 1 55.23 11m0 3.05a1.36 1.36 0 1 0-1.31-1.36A1.32 1.32 0 0 0 55.23 14zm-.23-.5h-.35v-1.84h.64a.58.58 0 0 1 .508.915.57.57 0 0 1-.288.205l.41.72h-.4l-.38-.69H55zm.24-1c.2 0 .32-.1.32-.27s-.12-.28-.32-.28H55v.55z\"/></svg>"};
var official400 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-400","title":"Alaska Airlines","viewBox":"0 0 396 171","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-400__title AS-tagline-400__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 396 171\"><title id=\"AS-tagline-400__title\">Alaska Airlines</title><desc id=\"AS-tagline-400__desc\">Logo image for Alaska Airlines</desc><path d=\"M194.2 4.7 149 80.6c-4.7 7.8-7.3 15.7-8 23.3h-17.7c1.2-9.6 5-18.7 12.7-31.8l31.6-53c6.3-10.5 12.6-14.3 24-14.3h2.6zM190.7 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6l20.1-33.5c-7.7-.8-15.4-1.2-23.3-1.2M356 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6L396 46.8c-7.6-.9-15.4-1.3-23.3-1.3\"/><path d=\"M320.5 120h-5.3c-6.8 0-12.8-4.6-14.6-11.1l-8-30.2-14.9 25.1h-17.1l47.8-81c6.2-10.5 12.6-14.3 24-14.3h1.8l-31.8 53.7 23.8-16.4h19.1l-40.1 27.7zM162.6 0c-16.1 0-24.5 4.3-40.3 15.7L68.7 54.3H34.4c-9.9 0-17.9.4-24.1 6.3l-8.9 8.2s25.8-1 49.8-1.9L0 103.9h22.2L74.6 66c10.2-.4 17.2-.6 17.3-.6 12.2-.3 19-11.1 19-11.1H90.8l42.4-30.6-31.5 51.1c-6.7 11.7-10 20.1-11.1 29.1h18.2c.7-7.6 3.3-15.5 8-23.3L159.7 9c3-4.9 5.6-8.9 5.6-8.9zM248 62c-.2 1.5.4 2.5 3.5 4.5l4.9 3.2c5.3 3.5 7.5 8.8 6.8 13.1-1.8 12-10.6 21.7-29.4 21.7-8.2 0-11.9-.3-21.7-1.9l7.3-12.3c6.8 1.2 10.6 1.8 15.7 1.8 7.1 0 9.9-3.2 10.3-5.8.2-1.5-.5-3.3-3.9-5.6l-3.9-2.8c-6.2-4.5-7.9-8-7.1-13.5 1.6-10.6 13.9-18.8 30.9-18.8 5.4 0 11.2.3 17.6 1l-6.9 11.6c-4.2-.3-11-.7-15.8-.5-4.7.1-7.9 1.8-8.3 4.3M381.7 96.5c2.1 0 3.7 1.7 3.7 3.8s-1.7 3.8-3.7 3.8c-2.1 0-3.7-1.7-3.7-3.8s1.6-3.8 3.7-3.8m0 6.8c1.6 0 2.9-1.3 2.9-3s-1.3-3-2.9-3-2.9 1.3-2.9 3 1.3 3 2.9 3m-.5-1h-.8v-4.1h1.4c.8 0 1.4.6 1.4 1.3 0 .6-.4 1-.9 1.2l.9 1.6h-.9l-.9-1.5h-.3v1.5zm.5-2.2c.5 0 .7-.2.7-.6s-.3-.6-.7-.6h-.5v1.2zM49.6 163.1H37l-2.6 7.1H28l11.9-31.1h7l11.9 31.1h-6.6zM39 157.6h8.6l-4.3-11.8zM80.4 170.2v-31.1h6.1v31.1zM122 158.2h-3.2v12h-6.1v-31.1h12.2c6.1 0 9.9 4.2 9.9 9.6 0 4.3-2.5 7.6-6.6 8.8l6.7 12.7h-6.8zm1.7-5.2c3.1 0 4.9-1.8 4.9-4.3 0-2.6-1.8-4.3-4.9-4.3h-4.9v8.7h4.9zM159.3 170.2v-31.1h6.1v25.3h13.9v5.8zM203 170.2v-31.1h6.1v31.1zM255.5 170.2l-14.1-22.1v22.1h-6.1v-31.1h7.6l13 20.6v-20.6h6.1v31.1zM288.1 170.2v-31.1h19.5v5.7h-13.4v7.1h12.2v5.4h-12.2v7.2h13.4v5.7zM348.3 148.2c-.3-1.7-1.7-4.4-5.7-4.4-2.9 0-4.9 1.9-4.9 4 0 1.7 1.1 3.1 3.4 3.5l4.3.8c5.7 1.1 8.7 4.8 8.7 9.2 0 4.8-4 9.6-11.2 9.6-8.3 0-11.9-5.3-12.4-9.8l5.6-1.5c.3 3.1 2.4 5.8 6.8 5.8 3.2 0 5-1.6 5-3.8 0-1.8-1.4-3.2-3.8-3.7l-4.3-.9c-5-1-8.2-4.2-8.2-8.9 0-5.5 5-9.8 10.8-9.8 7.6 0 10.5 4.6 11.2 8.1z\"/></svg>"};
var official400 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-400","title":"Alaska Airlines","viewBox":"0 0 396 171","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-400__title AS-tagline-400__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 396 171\" part=\"svg\"><title id=\"AS-tagline-400__title\">Alaska Airlines</title><desc id=\"AS-tagline-400__desc\">Logo image for Alaska Airlines</desc><path d=\"M194.2 4.7 149 80.6c-4.7 7.8-7.3 15.7-8 23.3h-17.7c1.2-9.6 5-18.7 12.7-31.8l31.6-53c6.3-10.5 12.6-14.3 24-14.3h2.6zM190.7 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6l20.1-33.5c-7.7-.8-15.4-1.2-23.3-1.2M356 84.3c-3.3 3.1-9.7 7.7-15.1 7.8-3.7-.2-3.9-3.7-1.4-8.5 9.5-18.3 19.6-28 31.9-27.9h2.2zm16.7-38.8c-22.9 0-37 13.4-49.4 42.6-3.1 7.3-4.9 16.4 5.7 16.3 6-.1 16.1-3.4 23.2-8.3-.6 2.4-.9 5.7-.7 7.7h16.1c.6-6.3 3-14.1 8.3-23.6L396 46.8c-7.6-.9-15.4-1.3-23.3-1.3\"/><path d=\"M320.5 120h-5.3c-6.8 0-12.8-4.6-14.6-11.1l-8-30.2-14.9 25.1h-17.1l47.8-81c6.2-10.5 12.6-14.3 24-14.3h1.8l-31.8 53.7 23.8-16.4h19.1l-40.1 27.7zM162.6 0c-16.1 0-24.5 4.3-40.3 15.7L68.7 54.3H34.4c-9.9 0-17.9.4-24.1 6.3l-8.9 8.2s25.8-1 49.8-1.9L0 103.9h22.2L74.6 66c10.2-.4 17.2-.6 17.3-.6 12.2-.3 19-11.1 19-11.1H90.8l42.4-30.6-31.5 51.1c-6.7 11.7-10 20.1-11.1 29.1h18.2c.7-7.6 3.3-15.5 8-23.3L159.7 9c3-4.9 5.6-8.9 5.6-8.9zM248 62c-.2 1.5.4 2.5 3.5 4.5l4.9 3.2c5.3 3.5 7.5 8.8 6.8 13.1-1.8 12-10.6 21.7-29.4 21.7-8.2 0-11.9-.3-21.7-1.9l7.3-12.3c6.8 1.2 10.6 1.8 15.7 1.8 7.1 0 9.9-3.2 10.3-5.8.2-1.5-.5-3.3-3.9-5.6l-3.9-2.8c-6.2-4.5-7.9-8-7.1-13.5 1.6-10.6 13.9-18.8 30.9-18.8 5.4 0 11.2.3 17.6 1l-6.9 11.6c-4.2-.3-11-.7-15.8-.5-4.7.1-7.9 1.8-8.3 4.3M381.7 96.5c2.1 0 3.7 1.7 3.7 3.8s-1.7 3.8-3.7 3.8c-2.1 0-3.7-1.7-3.7-3.8s1.6-3.8 3.7-3.8m0 6.8c1.6 0 2.9-1.3 2.9-3s-1.3-3-2.9-3-2.9 1.3-2.9 3 1.3 3 2.9 3m-.5-1h-.8v-4.1h1.4c.8 0 1.4.6 1.4 1.3 0 .6-.4 1-.9 1.2l.9 1.6h-.9l-.9-1.5h-.3v1.5zm.5-2.2c.5 0 .7-.2.7-.6s-.3-.6-.7-.6h-.5v1.2zM49.6 163.1H37l-2.6 7.1H28l11.9-31.1h7l11.9 31.1h-6.6zM39 157.6h8.6l-4.3-11.8zM80.4 170.2v-31.1h6.1v31.1zM122 158.2h-3.2v12h-6.1v-31.1h12.2c6.1 0 9.9 4.2 9.9 9.6 0 4.3-2.5 7.6-6.6 8.8l6.7 12.7h-6.8zm1.7-5.2c3.1 0 4.9-1.8 4.9-4.3 0-2.6-1.8-4.3-4.9-4.3h-4.9v8.7h4.9zM159.3 170.2v-31.1h6.1v25.3h13.9v5.8zM203 170.2v-31.1h6.1v31.1zM255.5 170.2l-14.1-22.1v22.1h-6.1v-31.1h7.6l13 20.6v-20.6h6.1v31.1zM288.1 170.2v-31.1h19.5v5.7h-13.4v7.1h12.2v5.4h-12.2v7.2h13.4v5.7zM348.3 148.2c-.3-1.7-1.7-4.4-5.7-4.4-2.9 0-4.9 1.9-4.9 4 0 1.7 1.1 3.1 3.4 3.5l4.3.8c5.7 1.1 8.7 4.8 8.7 9.2 0 4.8-4 9.6-11.2 9.6-8.3 0-11.9-5.3-12.4-9.8l5.6-1.5c.3 3.1 2.4 5.8 6.8 5.8 3.2 0 5-1.6 5-3.8 0-1.8-1.4-3.2-3.8-3.7l-4.3-.9c-5-1-8.2-4.2-8.2-8.9 0-5.5 5-9.8 10.8-9.8 7.6 0 10.5 4.6 11.2 8.1z\"/></svg>"};
var official300 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-300","title":"Alaska Airlines","viewBox":"0 0 144 63","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-300__title AS-tagline-300__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 144 63\"><title id=\"AS-tagline-300__title\">Alaska Airlines</title><desc id=\"AS-tagline-300__desc\">Logo image for Alaska Airlines</desc><path d=\"M70.6 1.7 54.2 29.3c-1.7 2.8-2.6 5.7-2.9 8.5h-6.4c.4-3.5 1.8-6.8 4.6-11.6L61 6.9c2.3-3.8 4.6-5.2 8.7-5.2zM69.3 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6.1-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L83.9 17c-2.8-.3-5.6-.4-8.5-.4M129.5 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L144 17c-2.8-.3-5.6-.4-8.5-.4\"/><path d=\"M116.5 43.6h-1.9c-2.5 0-4.7-1.7-5.3-4.1l-2.9-11-5.4 9.1h-6.2l17.4-29.4c2.2-3.8 4.6-5.2 8.7-5.2h.6l-11.6 19.5 8.7-6h7L111 26.7zM59.1 0c-5.9 0-8.9 1.6-14.7 5.7L25 19.8H12.5c-3.6 0-6.5.1-8.8 2.3l-3.2 3s9.4-.4 18.1-.7L0 37.8h8.1l19-13.8c3.7-.1 6.3-.2 6.3-.2 4.4-.1 6.9-4 6.9-4H33L48.4 8.6 37 27.2c-2.5 4.3-3.6 7.3-4 10.6h6.6c.3-2.8 1.2-5.6 2.9-8.5l15.6-26c1.1-1.8 2-3.3 2-3.3zM90.2 22.5c-.1.6.1.9 1.3 1.6l1.8 1.2c1.9 1.3 2.7 3.2 2.5 4.8-.6 4.4-3.9 7.9-10.7 7.9-3 0-4.3-.1-7.9-.7l2.6-4.5c2.5.4 3.9.7 5.7.6 2.6 0 3.6-1.2 3.7-2.1.1-.6-.2-1.2-1.4-2.1l-1.4-1c-2.3-1.6-2.9-2.9-2.6-4.9.6-3.9 5-6.8 11.2-6.8 1.9 0 4.1.1 6.4.4L99 21.1c-1.5-.1-4-.2-5.8-.2-1.7.1-2.9.7-3 1.6M140.4 33.9c1.1 0 2.1.9 2.1 2.1 0 1.1-.9 2.1-2.1 2.1-1.1 0-2-.9-2-2.1 0-1.1.9-2.1 2-2.1m0 3.7c.9 0 1.6-.7 1.6-1.7 0-.9-.7-1.7-1.6-1.7s-1.6.7-1.6 1.7.7 1.7 1.6 1.7m-.2-.5h-.4v-2.2h.8c.4 0 .8.3.8.7 0 .3-.2.6-.5.7l.5.9h-.5l-.5-.8h-.2zm.3-1.2c.3 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.7h.3zM18.1 59.3h-4.6l-.9 2.6h-2.3l4.3-11.3h2.6l4.3 11.3h-2.4zm-3.8-2h3.1L15.8 53zM29.3 61.9V50.6h2.2v11.3zM44.4 57.6h-1.1V62h-2.2V50.6h4.4c2.2 0 3.6 1.5 3.6 3.5 0 1.6-.9 2.8-2.4 3.2l2.4 4.6h-2.5zm.7-1.9c1.1 0 1.8-.6 1.8-1.6s-.7-1.6-1.8-1.6h-1.8v3.1h1.8zM58 61.9V50.6h2.2v9.2h5v2.1zM73.8 61.9V50.6H76v11.3zM92.9 61.9l-5.1-8v8h-2.2V50.6h2.7l4.7 7.5v-7.5h2.2v11.3zM104.8 61.9V50.6h7.1v2.1H107v2.6h4.4v2H107v2.6h4.9V62h-7.1zM126.6 53.9c-.1-.6-.6-1.6-2.1-1.6-1.1 0-1.8.7-1.8 1.4 0 .6.4 1.1 1.2 1.3l1.6.3c2.1.4 3.2 1.7 3.2 3.3 0 1.7-1.5 3.5-4.1 3.5-3 0-4.3-1.9-4.5-3.5l2-.5c.1 1.1.9 2.1 2.5 2.1 1.2 0 1.8-.6 1.8-1.4 0-.7-.5-1.2-1.4-1.3l-1.6-.3c-1.8-.4-3-1.5-3-3.2 0-2 1.8-3.5 3.9-3.5 2.7 0 3.8 1.7 4.1 2.9z\"/></svg>"};
var official300 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-300","title":"Alaska Airlines","viewBox":"0 0 144 63","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-300__title AS-tagline-300__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 144 63\" part=\"svg\"><title id=\"AS-tagline-300__title\">Alaska Airlines</title><desc id=\"AS-tagline-300__desc\">Logo image for Alaska Airlines</desc><path d=\"M70.6 1.7 54.2 29.3c-1.7 2.8-2.6 5.7-2.9 8.5h-6.4c.4-3.5 1.8-6.8 4.6-11.6L61 6.9c2.3-3.8 4.6-5.2 8.7-5.2zM69.3 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6.1-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L83.9 17c-2.8-.3-5.6-.4-8.5-.4M129.5 30.7c-1.2 1.1-3.5 2.8-5.5 2.9-1.4-.1-1.4-1.3-.5-3.1 3.5-6.7 7.1-10.2 11.6-10.2h.8zm6-14.1c-8.3 0-13.5 4.9-18 15.5-1.1 2.7-1.8 6 2.1 5.9 2.2 0 5.9-1.2 8.4-3-.2.9-.3 2.1-.2 2.8h5.8c.2-2.3 1.1-5.1 3-8.6L144 17c-2.8-.3-5.6-.4-8.5-.4\"/><path d=\"M116.5 43.6h-1.9c-2.5 0-4.7-1.7-5.3-4.1l-2.9-11-5.4 9.1h-6.2l17.4-29.4c2.2-3.8 4.6-5.2 8.7-5.2h.6l-11.6 19.5 8.7-6h7L111 26.7zM59.1 0c-5.9 0-8.9 1.6-14.7 5.7L25 19.8H12.5c-3.6 0-6.5.1-8.8 2.3l-3.2 3s9.4-.4 18.1-.7L0 37.8h8.1l19-13.8c3.7-.1 6.3-.2 6.3-.2 4.4-.1 6.9-4 6.9-4H33L48.4 8.6 37 27.2c-2.5 4.3-3.6 7.3-4 10.6h6.6c.3-2.8 1.2-5.6 2.9-8.5l15.6-26c1.1-1.8 2-3.3 2-3.3zM90.2 22.5c-.1.6.1.9 1.3 1.6l1.8 1.2c1.9 1.3 2.7 3.2 2.5 4.8-.6 4.4-3.9 7.9-10.7 7.9-3 0-4.3-.1-7.9-.7l2.6-4.5c2.5.4 3.9.7 5.7.6 2.6 0 3.6-1.2 3.7-2.1.1-.6-.2-1.2-1.4-2.1l-1.4-1c-2.3-1.6-2.9-2.9-2.6-4.9.6-3.9 5-6.8 11.2-6.8 1.9 0 4.1.1 6.4.4L99 21.1c-1.5-.1-4-.2-5.8-.2-1.7.1-2.9.7-3 1.6M140.4 33.9c1.1 0 2.1.9 2.1 2.1 0 1.1-.9 2.1-2.1 2.1-1.1 0-2-.9-2-2.1 0-1.1.9-2.1 2-2.1m0 3.7c.9 0 1.6-.7 1.6-1.7 0-.9-.7-1.7-1.6-1.7s-1.6.7-1.6 1.7.7 1.7 1.6 1.7m-.2-.5h-.4v-2.2h.8c.4 0 .8.3.8.7 0 .3-.2.6-.5.7l.5.9h-.5l-.5-.8h-.2zm.3-1.2c.3 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.7h.3zM18.1 59.3h-4.6l-.9 2.6h-2.3l4.3-11.3h2.6l4.3 11.3h-2.4zm-3.8-2h3.1L15.8 53zM29.3 61.9V50.6h2.2v11.3zM44.4 57.6h-1.1V62h-2.2V50.6h4.4c2.2 0 3.6 1.5 3.6 3.5 0 1.6-.9 2.8-2.4 3.2l2.4 4.6h-2.5zm.7-1.9c1.1 0 1.8-.6 1.8-1.6s-.7-1.6-1.8-1.6h-1.8v3.1h1.8zM58 61.9V50.6h2.2v9.2h5v2.1zM73.8 61.9V50.6H76v11.3zM92.9 61.9l-5.1-8v8h-2.2V50.6h2.7l4.7 7.5v-7.5h2.2v11.3zM104.8 61.9V50.6h7.1v2.1H107v2.6h4.4v2H107v2.6h4.9V62h-7.1zM126.6 53.9c-.1-.6-.6-1.6-2.1-1.6-1.1 0-1.8.7-1.8 1.4 0 .6.4 1.1 1.2 1.3l1.6.3c2.1.4 3.2 1.7 3.2 3.3 0 1.7-1.5 3.5-4.1 3.5-3 0-4.3-1.9-4.5-3.5l2-.5c.1 1.1.9 2.1 2.5 2.1 1.2 0 1.8-.6 1.8-1.4 0-.7-.5-1.2-1.4-1.3l-1.6-.3c-1.8-.4-3-1.5-3-3.2 0-2 1.8-3.5 3.9-3.5 2.7 0 3.8 1.7 4.1 2.9z\"/></svg>"};
var official200 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-200","title":"Alaska Airlines","viewBox":"0 0 83 35","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-200__title AS-tagline-200__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 83 35\"><title id=\"AS-tagline-200__title\">Alaska Airlines</title><desc id=\"AS-tagline-200__desc\">Logo image for Alaska Airlines</desc><path d=\"M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3\"/><path d=\"M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z\"/></svg>"};
var official200 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-200","title":"Alaska Airlines","viewBox":"0 0 83 35","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-200__title AS-tagline-200__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 83 35\" part=\"svg\"><title id=\"AS-tagline-200__title\">Alaska Airlines</title><desc id=\"AS-tagline-200__desc\">Logo image for Alaska Airlines</desc><path d=\"M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3\"/><path d=\"M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z\"/></svg>"};
var official100 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-100","title":"Alaska Airlines","viewBox":"0 0 57 24","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-100__title AS-tagline-100__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 57 24\"><title id=\"AS-tagline-100__title\">Alaska Airlines</title><desc id=\"AS-tagline-100__desc\">Logo image for Alaska Airlines</desc><path d=\"M6.8 22.2H5.1l-.4 1h-.9L5.5 19h1L8 23.2h-.8zm-1.4-.7h1.2L6 19.9zM11 23.2V19h.8v4.2zM16.7 21.6h-.4v1.6h-.8V19h1.7c.8 0 1.4.6 1.4 1.3q0 .9-.9 1.2l.9 1.7h-.9zm.2-.7c.4 0 .7-.2.7-.6s-.2-.6-.7-.6h-.7v1.2zM21.7 23.2V19h.8v3.5h1.9v.8h-2.7zM27.7 23.2V19h.8v4.2zM34.9 23.2l-1.9-3v3h-.8V19h1l1.8 2.8V19h.8v4.2zM39.3 23.2V19H42v.8h-1.8v1h1.7v.7h-1.7v1H42v.8h-2.7zM47.5 20.2c0-.2-.2-.6-.8-.6-.4 0-.7.3-.7.5s.1.4.5.5l.6.1c.8.2 1.2.7 1.2 1.2 0 .7-.5 1.3-1.5 1.3-1.1 0-1.6-.7-1.7-1.3l.8-.2c0 .4.3.8.9.8.4 0 .7-.2.7-.5 0-.2-.2-.4-.5-.5l-.6-.1c-.7-.1-1.1-.6-1.1-1.2 0-.8.7-1.3 1.5-1.3 1 0 1.4.6 1.5 1.1zM26.5.6 20.3 11c-.6 1.1-1 2.1-1.1 3.2h-2.4c.2-1.3.7-2.6 1.7-4.3l4.3-7.2c.9-1.4 1.7-2 3.3-2h.4zM26 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.3zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2l2.7-4.6c-1.1-.1-2.1-.2-3.2-.2M48.5 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.4zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2L54 6.4c-1-.1-2.1-.2-3.2-.2\"/><path d=\"M43.7 16.4H43c-.9 0-1.7-.6-2-1.5l-1.1-4.1-2 3.4h-2.3l6.5-11c.8-1.4 1.7-2 3.3-2h.2l-4.3 7.3 3.2-2.2h2.6L41.6 10zM22.2 0c-2.2 0-3.3.6-5.5 2.1L9.4 7.4H4.7c-1.4 0-2.4.1-3.3.9L.2 9.4s3.5-.1 6.8-.3l-7 5h3L10.2 9c1.4-.1 2.4-.1 2.4-.1 1.7 0 2.6-1.5 2.6-1.5h-2.7l5.8-4.2-4.3 7c-.9 1.6-1.4 2.7-1.5 4H15c.1-1 .4-2.1 1.1-3.2L22 1.2c.2-.7.5-1.2.5-1.2zM33.8 8.4c0 .2.1.3.5.6l.7.5c.7.5 1 1.2.9 1.8-.2 1.6-1.4 3-4 3-1.1 0-1.6 0-3-.3l1-1.7c.9.2 1.5.2 2.1.2 1 0 1.3-.4 1.4-.8 0-.2-.1-.5-.5-.8l-.5-.4c-.9-.6-1.1-1.1-1-1.8.2-1.4 1.9-2.6 4.2-2.6.7 0 1.5 0 2.4.1l-.9 1.6c-.6 0-1.5-.1-2.2-.1-.6.2-1 .4-1.1.7M55.2 10.9c.9 0 1.7.8 1.7 1.7s-.8 1.7-1.7 1.7-1.7-.8-1.7-1.7.8-1.7 1.7-1.7m0 3.1c.7 0 1.3-.6 1.3-1.4s-.6-1.4-1.3-1.4-1.3.6-1.3 1.4.6 1.4 1.3 1.4m-.2-.5h-.3v-1.8h.6c.4 0 .6.3.6.6s-.2.5-.4.5l.4.7h-.4l-.4-.7H55zm.2-1q.3 0 .3-.3t-.3-.3H55v.5h.2z\"/></svg>"};
var official100 = {"hidden":"true","category":"restricted","role":"img","color":"currentColor","desc":"Logo image for Alaska Airlines","width":"100%","height":"auto","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","path":"/icons/restricted","style":"","type":"restricted","name":"AS-tagline-100","title":"Alaska Airlines","viewBox":"0 0 57 24","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"AS-tagline-100__title AS-tagline-100__desc\" role=\"img\" style=\"min-width:100%;height:auto;fill:currentColor\" viewBox=\"0 0 57 24\" part=\"svg\"><title id=\"AS-tagline-100__title\">Alaska Airlines</title><desc id=\"AS-tagline-100__desc\">Logo image for Alaska Airlines</desc><path d=\"M6.8 22.2H5.1l-.4 1h-.9L5.5 19h1L8 23.2h-.8zm-1.4-.7h1.2L6 19.9zM11 23.2V19h.8v4.2zM16.7 21.6h-.4v1.6h-.8V19h1.7c.8 0 1.4.6 1.4 1.3q0 .9-.9 1.2l.9 1.7h-.9zm.2-.7c.4 0 .7-.2.7-.6s-.2-.6-.7-.6h-.7v1.2zM21.7 23.2V19h.8v3.5h1.9v.8h-2.7zM27.7 23.2V19h.8v4.2zM34.9 23.2l-1.9-3v3h-.8V19h1l1.8 2.8V19h.8v4.2zM39.3 23.2V19H42v.8h-1.8v1h1.7v.7h-1.7v1H42v.8h-2.7zM47.5 20.2c0-.2-.2-.6-.8-.6-.4 0-.7.3-.7.5s.1.4.5.5l.6.1c.8.2 1.2.7 1.2 1.2 0 .7-.5 1.3-1.5 1.3-1.1 0-1.6-.7-1.7-1.3l.8-.2c0 .4.3.8.9.8.4 0 .7-.2.7-.5 0-.2-.2-.4-.5-.5l-.6-.1c-.7-.1-1.1-.6-1.1-1.2 0-.8.7-1.3 1.5-1.3 1 0 1.4.6 1.5 1.1zM26.5.6 20.3 11c-.6 1.1-1 2.1-1.1 3.2h-2.4c.2-1.3.7-2.6 1.7-4.3l4.3-7.2c.9-1.4 1.7-2 3.3-2h.4zM26 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.3zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2l2.7-4.6c-1.1-.1-2.1-.2-3.2-.2M48.5 11.5c-.5.4-1.3 1-2.1 1.1-.5 0-.5-.5-.2-1.2 1.3-2.5 2.7-3.8 4.4-3.8h.4zm2.3-5.3c-3.1 0-5 1.8-6.7 5.8-.4 1-.7 2.2.8 2.2.8 0 2.2-.5 3.2-1.1-.1.3-.1.8-.1 1.1h2.2c.1-.9.4-1.9 1.1-3.2L54 6.4c-1-.1-2.1-.2-3.2-.2\"/><path d=\"M43.7 16.4H43c-.9 0-1.7-.6-2-1.5l-1.1-4.1-2 3.4h-2.3l6.5-11c.8-1.4 1.7-2 3.3-2h.2l-4.3 7.3 3.2-2.2h2.6L41.6 10zM22.2 0c-2.2 0-3.3.6-5.5 2.1L9.4 7.4H4.7c-1.4 0-2.4.1-3.3.9L.2 9.4s3.5-.1 6.8-.3l-7 5h3L10.2 9c1.4-.1 2.4-.1 2.4-.1 1.7 0 2.6-1.5 2.6-1.5h-2.7l5.8-4.2-4.3 7c-.9 1.6-1.4 2.7-1.5 4H15c.1-1 .4-2.1 1.1-3.2L22 1.2c.2-.7.5-1.2.5-1.2zM33.8 8.4c0 .2.1.3.5.6l.7.5c.7.5 1 1.2.9 1.8-.2 1.6-1.4 3-4 3-1.1 0-1.6 0-3-.3l1-1.7c.9.2 1.5.2 2.1.2 1 0 1.3-.4 1.4-.8 0-.2-.1-.5-.5-.8l-.5-.4c-.9-.6-1.1-1.1-1-1.8.2-1.4 1.9-2.6 4.2-2.6.7 0 1.5 0 2.4.1l-.9 1.6c-.6 0-1.5-.1-2.2-.1-.6.2-1 .4-1.1.7M55.2 10.9c.9 0 1.7.8 1.7 1.7s-.8 1.7-1.7 1.7-1.7-.8-1.7-1.7.8-1.7 1.7-1.7m0 3.1c.7 0 1.3-.6 1.3-1.4s-.6-1.4-1.3-1.4-1.3.6-1.3 1.4.6 1.4 1.3 1.4m-.2-.5h-.3v-1.8h.6c.4 0 .6.3.6.6s-.2.5-.4.5l.4.7h-.4l-.4-.7H55zm.2-1q.3 0 .3-.3t-.3-.3H55v.5h.2z\"/></svg>"};

@@ -206,0 +208,0 @@ var styleCss = i$3`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;--ds-size-300:100%;width:100%;height:100%}:host([onDark]) .logo{color:var(--ds-color-base-white, #ffffff)}`;

131

dist/auro-icon__bundled.js

@@ -82,3 +82,3 @@ /**

var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":false,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
var error = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":true,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};

@@ -113,3 +113,3 @@ /* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */

var styleCss$1 = i$3`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}.labelContainer{line-height:1.8}`;
var styleCss = i$3`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}:host([customSize]){--auro-size-lg:100% --ds-size-300: 100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.labelContainer{line-height:1.8}`;

@@ -155,3 +155,3 @@ /* eslint-disable one-var */

return i$3`
${styleCss$1}
${styleCss}
`;

@@ -183,10 +183,12 @@ }

async firstUpdated() {
const svg = await this.fetchIcon(this.category, this.name);
if (!this.customSvg) {
const svg = await this.fetchIcon(this.category, this.name);
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
this.svg = penDOM.body.firstChild;
this.svg = penDOM.body.firstChild;
}
}

@@ -196,4 +198,6 @@ }

var styleCss = i$3`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;line-height:unset}:host .primary{color:var(--ds-color-icon-primary-default, #626b79)}:host .emphasis{color:var(--ds-color-icon-emphasis-default, #222222)}:host .accent{color:var(--ds-color-icon-accent-default, #0074c8)}:host .disabled{color:var(--ds-color-icon-disabled-default, rgba(0, 0, 0, 0.15))}:host .error{color:var(--ds-color-alert-error-default, #df0b37)}:host .success{color:var(--ds-color-alert-success-default, #00805d)}:host .advisory{color:var(--ds-color-alert-advisory-default, #fff0cd)}:host .warning{color:var(--ds-color-alert-warning-default, #de750c)}:host([onDark]) .logo{color:var(--ds-color-base-white, #ffffff)}:host([onDark]) .primary{color:var(--ds-color-icon-primary-inverse, #9fabbb)}:host([onDark]) .emphasis{color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark]) .accent{color:var(--ds-color-icon-accent-inverse, #00cff0)}:host([onDark]) .disabled{color:var(--ds-color-icon-disabled-inverse, rgba(255, 255, 255, 0.4))}:host([onDark]) .error{color:var(--ds-color-alert-error-inverse, #ff999b)}:host([onDark]) .success{color:var(--ds-color-alert-success-inverse, #69cf96)}:host([onDark]) .advisory{color:var(--ds-color-alert-advisory-inverse, #fff0cd)}:host([customSize]){--auro-size-lg:100% --ds-size-300: 100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}`;
var tokensCss = i$3`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, $ds-color-icon-primary-default)}`;
var colorCss = i$3`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #fef8e9)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license

@@ -211,10 +215,14 @@ // See LICENSE in the project root for license information.

* @attr {Boolean} customColor - Removes primary selector.
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
* @attr {Boolean} label - Exposes content in slot as icon label.
* @attr {Boolean} primary - Sets the icon to use the baseline primary icon style.
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} advisory - Sets the icon to use the advisory style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} info - Sets the icon to use the info style.
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
* @attr {Boolean} success - Sets the icon to use the success style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} warning - Sets the icon to use the warning style.

@@ -224,2 +232,3 @@ * @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.

* @slot - Hidden from visibility, used for a11y if icon description is needed.
* @slot svg - Used for custom SVG content.
*/

@@ -244,12 +253,16 @@

privateDefaults() {
this.primary = false;
this.label = false;
this.emphasis = false;
this.accent = false;
this.customColor = false;
this.customSvg = false;
this.disabled = false;
this.emphasis = false;
this.error = false;
this.info = false;
this.label = false;
this.primary = false;
this.secondary = false;
this.subtle = false;
this.success = false;
this.advisory = false;
this.tertiary = false;
this.warning = false;
this.customColor = false;
}

@@ -261,51 +274,62 @@

...super.properties,
category: {
accent: {
type: Boolean,
reflect: true
},
ariaHidden: {
type: String,
reflect: true
},
name: {
category: {
type: String,
reflect: true
},
primary: {
customColor: {
type: Boolean
},
customSvg: {
type: Boolean
},
disabled: {
type: Boolean,
reflect: true
},
label: {
emphasis: {
type: Boolean,
reflect: true
},
emphasis: {
error: {
type: Boolean,
reflect: true
},
accent: {
info: {
type: Boolean,
reflect: true
},
disabled: {
label: {
type: Boolean,
reflect: true
},
error: {
name: {
type: String,
reflect: true
},
primary: {
type: Boolean,
reflect: true
},
success: {
secondary: {
type: Boolean,
reflect: true
},
advisory: {
subtle: {
type: Boolean,
reflect: true
},
warning: {
success: {
type: Boolean,
reflect: true
},
customColor: {
type: Boolean
},
ariaHidden: {
type: String,
tertiary: {
type: Boolean,
reflect: true

@@ -315,2 +339,6 @@ },

type: String
},
warning: {
type: Boolean,
reflect: true
}

@@ -323,3 +351,5 @@ };

super.styles,
i$3`${styleCss}`
i$3`${tokensCss}`,
i$3`${styleCss}`,
i$3`${colorCss}`
];

@@ -351,14 +381,2 @@ }

render() {
const classes = {
'primary': !this.alaska && !this.alaskaTagline && !this.customColor,
'emphasis': this.emphasis,
'accent': this.accent,
'disabled': this.disabled,
'error': this.error,
'success': this.success,
'advisory': this.advisory,
'warning': this.warning,
'label': this.label
};
const a11y = {

@@ -369,10 +387,17 @@ 'labelContainer': true,

const classes = {
'label': this.label
};
return x`
<div
class="${e(classes)}"
title="${o(this.title ? this.title : undefined)}"
>
title="${o(this.title ? this.title : undefined)}">
<span aria-hidden="${o(this.ariaHidden ? this.ariaHidden : true)}" part="svg">
${this.svg}
${this.customSvg ? x`
<slot name="svg"></slot>
` : x`
${this.svg}
`
}
</span>

@@ -379,0 +404,0 @@

29

dist/auro-icon.d.ts

@@ -8,10 +8,14 @@ /**

* @attr {Boolean} customColor - Removes primary selector.
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
* @attr {Boolean} label - Exposes content in slot as icon label.
* @attr {Boolean} primary - Sets the icon to use the baseline primary icon style.
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} advisory - Sets the icon to use the advisory style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} info - Sets the icon to use the info style.
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
* @attr {Boolean} success - Sets the icon to use the success style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} warning - Sets the icon to use the warning style.

@@ -21,2 +25,3 @@ * @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.

* @slot - Hidden from visibility, used for a11y if icon description is needed.
* @slot svg - Used for custom SVG content.
*/

@@ -32,12 +37,16 @@ export class AuroIcon extends BaseIcon {

private privateDefaults;
primary: boolean;
label: boolean;
emphasis: boolean;
accent: boolean;
customColor: boolean;
customSvg: boolean;
disabled: boolean;
emphasis: boolean;
error: boolean;
info: boolean;
label: boolean;
primary: boolean;
secondary: boolean;
subtle: boolean;
success: boolean;
advisory: boolean;
tertiary: boolean;
warning: boolean;
customColor: boolean;
/**

@@ -44,0 +53,0 @@ * If component is registered as a custom name,

2

index.js

@@ -15,2 +15,2 @@ import { AuroIcon } from './src/auro-icon.js';

export { registerComponent }
export { registerComponent };

50

package.json

@@ -10,3 +10,3 @@ {

"name": "@aurodesignsystem/auro-icon",
"version": "4.4.0",
"version": "4.5.0-beta.1",
"description": "auro-icon HTML custom element",

@@ -25,3 +25,3 @@ "repository": {

"chalk": "^5.3.0",
"lit": "^3.1.2"
"lit": "^3.1.3"
},

@@ -34,9 +34,9 @@ "peerDependencies": {

"devDependencies": {
"@alaskaairux/icons": "^4.36.2",
"@aurodesignsystem/auro-library": "^2.5.1",
"@aurodesignsystem/design-tokens": "^4.3.1",
"@alaskaairux/icons": "^4.41.1",
"@aurodesignsystem/auro-library": "^2.6.0",
"@aurodesignsystem/design-tokens": "^4.6.1",
"@aurodesignsystem/eslint-config": "^1.3.1",
"@aurodesignsystem/webcorestylesheets": "^5.0.8",
"@commitlint/cli": "^18.6.1",
"@commitlint/config-conventional": "^18.6.2",
"@aurodesignsystem/webcorestylesheets": "^5.1.1",
"@commitlint/cli": "^19.3.0",
"@commitlint/config-conventional": "^19.2.2",
"@open-wc/testing": "^4.0.0",

@@ -46,6 +46,6 @@ "@rollup/plugin-node-resolve": "^15.2.3",

"@semantic-release/git": "^10.0.1",
"@semantic-release/npm": "^11.0.2",
"@web/dev-server": "^0.4.2",
"@web/test-runner": "^0.18.0",
"autoprefixer": "^10.4.17",
"@semantic-release/npm": "^12.0.1",
"@web/dev-server": "^0.4.5",
"@web/test-runner": "^0.18.2",
"autoprefixer": "^10.4.19",
"compression": "^1.7.4",

@@ -55,25 +55,25 @@ "concat": "^1.0.3",

"copyfiles": "^2.4.1",
"core-js": "^3.36.0",
"core-js": "^3.37.1",
"eslint": "^8.56.0",
"eslint-plugin-jsdoc": "^48.1.0",
"eslint-plugin-jsdoc": "^48.2.6",
"husky": "^9.0.11",
"lodash": "^4.17.21",
"markdown-magic": "^2.6.1",
"nodemon": "^3.0.3",
"nodemon": "^3.1.1",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.35",
"postcss-discard-comments": "^6.0.1",
"postcss": "^8.4.38",
"postcss-discard-comments": "^7.0.0",
"postcss-selector-replace": "^1.0.2",
"rollup": "^4.12.0",
"rollup": "^4.18.0",
"rollup-plugin-serve": "^1.1.1",
"sass": "^1.71.0",
"semantic-release": "^23.0.2",
"sinon": "^17.0.1",
"stylelint": "^16.2.1",
"sass": "^1.77.2",
"semantic-release": "^23.1.1",
"sinon": "^18.0.0",
"stylelint": "^16.6.1",
"stylelint-config-idiomatic-order": "^10.0.0",
"stylelint-config-standard": "^36.0.0",
"stylelint-config-standard-scss": "^13.0.0",
"stylelint-config-standard-scss": "^13.1.0",
"stylelint-order": "^6.0.4",
"stylelint-scss": "^6.1.0",
"typescript": "^5.3.3",
"stylelint-scss": "^6.3.0",
"typescript": "^5.4.5",
"wc-sass-render": "^1.4.0",

@@ -80,0 +80,0 @@ "web-component-analyzer": "^2.0.0",

11

README.md

@@ -63,11 +63,2 @@ <!--

### CSS Custom Property fallbacks
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/cssFallbacks.md) -->
[CSS custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are [not supported](https://auro.alaskaair.com/support/custom-properties) in older browsers. For this, fallback properties are pre-generated and included with the npm.
Any update to the Auro Design Tokens will be immediately reflected with browsers that support CSS custom properties, legacy browsers will require updated components with pre-generated fallback properties.
<!-- AURO-GENERATED-CONTENT:END -->
### Define dependency in project component

@@ -111,3 +102,3 @@

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.0.8/dist/bundled/essentials.css" />
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@4.4.0/dist/auro-icon__bundled.js" type="module"></script>
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@4.5.0-beta.1/dist/auro-icon__bundled.js" type="module"></script>
```

@@ -114,0 +105,0 @@

111

src/auro-icon.js

@@ -12,3 +12,5 @@ // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license

import BaseIcon from "./baseIcon.js";
import styleCss from "./iconStyle-css.js";
import tokensCss from "./tokens-css.js";
import styleCss from "./style-css.js";
import colorCss from "./color-css.js";

@@ -23,10 +25,14 @@ // See https://git.io/JJ6SJ for "How to document your components using JSDoc"

* @attr {Boolean} customColor - Removes primary selector.
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
* @attr {Boolean} label - Exposes content in slot as icon label.
* @attr {Boolean} primary - Sets the icon to use the baseline primary icon style.
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
* @attr {Boolean} accent - Sets the icon to use the accent style.
* @attr {Boolean} advisory - Sets the icon to use the advisory style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} info - Sets the icon to use the info style.
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
* @attr {Boolean} success - Sets the icon to use the success style.
* @attr {Boolean} error - Sets the icon to use the error style.
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
* @attr {Boolean} warning - Sets the icon to use the warning style.

@@ -36,2 +42,3 @@ * @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.

* @slot - Hidden from visibility, used for a11y if icon description is needed.
* @slot svg - Used for custom SVG content.
*/

@@ -56,12 +63,16 @@

privateDefaults() {
this.primary = false;
this.label = false;
this.emphasis = false;
this.accent = false;
this.customColor = false;
this.customSvg = false;
this.disabled = false;
this.emphasis = false;
this.error = false;
this.info = false;
this.label = false;
this.primary = false;
this.secondary = false;
this.subtle = false;
this.success = false;
this.advisory = false;
this.tertiary = false;
this.warning = false;
this.customColor = false;
}

@@ -73,51 +84,62 @@

...super.properties,
category: {
accent: {
type: Boolean,
reflect: true
},
ariaHidden: {
type: String,
reflect: true
},
name: {
category: {
type: String,
reflect: true
},
primary: {
customColor: {
type: Boolean
},
customSvg: {
type: Boolean
},
disabled: {
type: Boolean,
reflect: true
},
label: {
emphasis: {
type: Boolean,
reflect: true
},
emphasis: {
error: {
type: Boolean,
reflect: true
},
accent: {
info: {
type: Boolean,
reflect: true
},
disabled: {
label: {
type: Boolean,
reflect: true
},
error: {
name: {
type: String,
reflect: true
},
primary: {
type: Boolean,
reflect: true
},
success: {
secondary: {
type: Boolean,
reflect: true
},
advisory: {
subtle: {
type: Boolean,
reflect: true
},
warning: {
success: {
type: Boolean,
reflect: true
},
customColor: {
type: Boolean
},
ariaHidden: {
type: String,
tertiary: {
type: Boolean,
reflect: true

@@ -127,2 +149,6 @@ },

type: String
},
warning: {
type: Boolean,
reflect: true
}

@@ -135,3 +161,5 @@ };

super.styles,
css`${styleCss}`
css`${tokensCss}`,
css`${styleCss}`,
css`${colorCss}`
];

@@ -163,14 +191,2 @@ }

render() {
const classes = {
'primary': true && !this.alaska && !this.alaskaTagline && !this.customColor,
'emphasis': this.emphasis,
'accent': this.accent,
'disabled': this.disabled,
'error': this.error,
'success': this.success,
'advisory': this.advisory,
'warning': this.warning,
'label': this.label
};
const a11y = {

@@ -181,10 +197,17 @@ 'labelContainer': true,

const classes = {
'label': this.label
};
return html`
<div
class="${classMap(classes)}"
title="${ifDefined(this.title ? this.title : undefined)}"
>
title="${ifDefined(this.title ? this.title : undefined)}">
<span aria-hidden="${ifDefined(this.ariaHidden ? this.ariaHidden : true)}" part="svg">
${this.svg}
${this.customSvg ? html`
<slot name="svg"></slot>
` : html`
${this.svg}
`
}
</span>

@@ -191,0 +214,0 @@

14

src/baseIcon.js

@@ -74,12 +74,14 @@ /* eslint-disable one-var */

async firstUpdated() {
const svg = await this.fetchIcon(this.category, this.name);
if (!this.customSvg) {
const svg = await this.fetchIcon(this.category, this.name);
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
if (svg) {
this.svg = svg;
} else if (!svg) {
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
this.svg = penDOM.body.firstChild;
this.svg = penDOM.body.firstChild;
}
}
}
}

2

src/style-css.js
import {css} from 'lit';
export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}.labelContainer{line-height:1.8}`;
export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}:host([customSize]){--auro-size-lg:100% --ds-size-300: 100%;width:100%;height:100%}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.labelContainer{line-height:1.8}`;
dist/iconStyle-css.d.ts
dist/iconStyle-css.d.ts.map
src/iconStyle-css.js
dist/auro-icon.d.ts.map

Sorry, the diff of this file is not supported yet

dist/baseIcon.d.ts.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc