@aurodesignsystem-dev/auro-lockup 0.0.0-pr75.1 → 0.0.0-pr85.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -58
- package/demo/api.md +110 -47
- package/demo/auro-lockup.min.js +31 -5
- package/demo/index.md +18 -135
- package/dist/{auro-lockup-C2sEQ8ey.js → auro-lockup-BQ9r11Ys.js} +3 -3
- package/dist/index.d.ts +194 -30
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +16 -9
package/README.md
CHANGED
|
@@ -28,17 +28,21 @@ The `auro-lockup` HTML custom element is a standardized use case element for aut
|
|
|
28
28
|
<!-- AURO-GENERATED-CONTENT This file is to be used for any additional content that should be included in the README.md which is specific to this component. -->
|
|
29
29
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
30
30
|
|
|
31
|
-
##
|
|
31
|
+
## Use Cases
|
|
32
32
|
|
|
33
|
-
<!-- AURO-GENERATED-CONTENT:START (
|
|
34
|
-
|
|
33
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
|
|
34
|
+
<!-- The below content is automatically added from ./docs/partials/useCases.md -->
|
|
35
|
+
The `auro-lockup` use cases include:
|
|
35
36
|
|
|
37
|
+
* Product lines
|
|
38
|
+
* Partner services
|
|
39
|
+
* Auxiliary sites
|
|
36
40
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
37
41
|
|
|
38
42
|
## Install
|
|
39
43
|
|
|
40
44
|
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentInstall.md) -->
|
|
41
|
-
[](https://github.com/AlaskaAirlines/auro-lockup/actions/workflows/release.yml)
|
|
42
46
|
[](https://www.npmjs.com/package/@aurodesignsystem/auro-lockup)
|
|
43
47
|
[](https://www.apache.org/licenses/LICENSE-2.0)
|
|
44
48
|
|
|
@@ -49,17 +53,10 @@ $ npm i @aurodesignsystem/auro-lockup
|
|
|
49
53
|
|
|
50
54
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
51
55
|
|
|
52
|
-
###
|
|
53
|
-
|
|
54
|
-
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/development/designTokens.md) -->
|
|
55
|
-
The use of any Auro custom element has a dependency on the [Auro Design Tokens](https://auro.alaskaair.com/getting-started/developers/design-tokens).
|
|
56
|
-
|
|
57
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
58
|
-
|
|
59
|
-
### Define dependency in project component
|
|
56
|
+
### Define Dependency in Project
|
|
60
57
|
|
|
61
58
|
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImportDescription.md) -->
|
|
62
|
-
Defining the
|
|
59
|
+
Defining the dependency within each project that is using the `<auro-lockup>` component.
|
|
63
60
|
|
|
64
61
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
65
62
|
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/componentImport.md) -->
|
|
@@ -69,19 +66,8 @@ import "@aurodesignsystem/auro-lockup";
|
|
|
69
66
|
```
|
|
70
67
|
|
|
71
68
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
72
|
-
**Reference component in HTML**
|
|
73
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
|
|
74
|
-
<!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
|
|
75
69
|
|
|
76
|
-
|
|
77
|
-
<auro-lockup>
|
|
78
|
-
<span slot="title">Place title text here</span>
|
|
79
|
-
<span slot="subtitle">Place subtitle text here</span>
|
|
80
|
-
</auro-lockup>
|
|
81
|
-
```
|
|
82
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
83
|
-
|
|
84
|
-
## Use CDN
|
|
70
|
+
### Use CDN
|
|
85
71
|
|
|
86
72
|
<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/auro-templates/main/templates/default/partials/usage/bundleInstallDescription.md) -->
|
|
87
73
|
In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
|
|
@@ -92,20 +78,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
|
|
|
92
78
|
|
|
93
79
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
94
80
|
|
|
95
|
-
##
|
|
96
|
-
|
|
97
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
|
|
98
|
-
<!-- The below content is automatically added from ./docs/partials/useCases.md -->
|
|
99
|
-
The `auro-lockup` use cases include:
|
|
100
|
-
|
|
101
|
-
* Product lines
|
|
102
|
-
* Partner services
|
|
103
|
-
* Auxiliary sites
|
|
104
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
105
|
-
|
|
106
|
-
## API Code Examples
|
|
107
|
-
|
|
108
|
-
### Default auro-lockup
|
|
81
|
+
## Basic Example
|
|
109
82
|
|
|
110
83
|
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
|
|
111
84
|
<!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
|
|
@@ -118,31 +91,49 @@ The `auro-lockup` use cases include:
|
|
|
118
91
|
```
|
|
119
92
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
120
93
|
|
|
121
|
-
##
|
|
94
|
+
## Custom Component Registration for Version Management
|
|
122
95
|
|
|
123
|
-
|
|
124
|
-
|
|
96
|
+
There are two key parts to every Auro component: the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element definition.
|
|
97
|
+
The class defines the component’s behavior, while the custom element registers it under a specific name so it can be used in HTML.
|
|
125
98
|
|
|
126
|
-
|
|
99
|
+
When you install the component as described on the `Install` page, the class is imported automatically, and the component is registered globally for you.
|
|
127
100
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
### Start development environment
|
|
101
|
+
However, if you need to load multiple versions of the same component on a single page (for example, when two projects depend on different versions), you can manually register the class under a custom element name to avoid conflicts.
|
|
131
102
|
|
|
132
|
-
|
|
133
|
-
Once the project has been cloned to your local resource and you have installed all the dependencies you will need to open a shell session to run the **dev server**.
|
|
103
|
+
You can do this by importing only the component class and using the `register(name)` method with a unique name:
|
|
134
104
|
|
|
135
|
-
|
|
136
|
-
|
|
105
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/customRegistration.md) -->
|
|
106
|
+
<!-- The below content is automatically added from ./docs/partials/customRegistration.md -->
|
|
107
|
+
|
|
108
|
+
```js
|
|
109
|
+
// Import the class only
|
|
110
|
+
import { AuroLockup } from '@aurodesignsystem/auro-lockup/class';
|
|
111
|
+
|
|
112
|
+
// Register with a custom name if desired
|
|
113
|
+
AuroLockup.register('custom-lockup');
|
|
137
114
|
```
|
|
138
115
|
|
|
139
|
-
|
|
140
|
-
|
|
116
|
+
This will create a new custom element `<custom-lockup>` that behaves exactly like `<auro-lockup>`, allowing both to coexist on the same page without interfering with each other.
|
|
141
117
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
118
|
+
<div class="exampleWrapper exampleWrapper--flex">
|
|
119
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./apiExamples/custom.html) -->
|
|
120
|
+
<!-- The below content is automatically added from ./apiExamples/custom.html -->
|
|
121
|
+
<custom-lockup>
|
|
122
|
+
<span slot="title">Place title text here</span>
|
|
123
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
124
|
+
</custom-lockup>
|
|
125
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
126
|
+
</div>
|
|
127
|
+
<auro-accordion alignRight>
|
|
128
|
+
<span slot="trigger">See code</span>
|
|
129
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/custom.html) -->
|
|
130
|
+
<!-- The below code snippet is automatically added from ./apiExamples/custom.html -->
|
|
142
131
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
132
|
+
```html
|
|
133
|
+
<custom-lockup>
|
|
134
|
+
<span slot="title">Place title text here</span>
|
|
135
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
136
|
+
</custom-lockup>
|
|
137
|
+
```
|
|
138
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
139
|
+
</auro-accordion>
|
package/demo/api.md
CHANGED
|
@@ -1,65 +1,124 @@
|
|
|
1
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
2
|
-
<!-- The below content is automatically added from
|
|
1
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/api.md) -->
|
|
2
|
+
<!-- The below content is automatically added from ./../docs/api.md -->
|
|
3
3
|
|
|
4
4
|
# auro-lockup
|
|
5
5
|
|
|
6
|
-
The auro-lockup element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
6
|
+
The `auro-lockup` element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
### Properties & Attributes
|
|
9
9
|
|
|
10
|
-
|
|
|
11
|
-
|
|
12
|
-
|
|
|
10
|
+
| Properties | Attributes | Modifiers | Type | Default | Description |
|
|
11
|
+
| ---------- | ---------- | --------- | ------- | --------- | -------------------------------------------------------------------------------------------------- |
|
|
12
|
+
| appearance | appearance | | string | `default` | Defines whether the component will be on lighter or darker backgrounds. |
|
|
13
|
+
| onDark | onDark | | boolean | | DEPRECATED - Use `appearance="inverse"` instead. |
|
|
14
|
+
| oneworld | oneworld | | boolean | | DEPRECATED - Use `variant="oneworld"` instead. |
|
|
15
|
+
| path | path | | string | | URL path for lockup link. |
|
|
16
|
+
| standard | standard | | boolean | | Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. |
|
|
17
|
+
| variant | variant | | string | | Sets lockup variant option. Only possible value is `oneworld`. |
|
|
13
18
|
|
|
14
|
-
|
|
19
|
+
### Methods
|
|
15
20
|
|
|
16
|
-
|
|
|
17
|
-
|
|
18
|
-
|
|
|
19
|
-
| [oneworld](#oneworld) | `oneworld` | `boolean` | false | (DEPRECATED) Replaces product name and tag line with Oneworld logo. |
|
|
20
|
-
| [path](#path) | `path` | `string` | "/" | URL path for lockup link. |
|
|
21
|
-
| [standard](#standard) | `standard` | `boolean` | false | Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. |
|
|
22
|
-
| [variant](#variant) | `variant` | `string` | | Sets lockup variant option. Only possible value is `oneworld`. |
|
|
21
|
+
| Name | Parameters | Return | Description |
|
|
22
|
+
| -------- | -------------------------------------------------------------------- | ------ | ------------------------------------------------- |
|
|
23
|
+
| register | `name` (string) - The name of the element that you want to register. | | This will register this element with the browser. |
|
|
23
24
|
|
|
24
|
-
|
|
25
|
+
### Slots
|
|
25
26
|
|
|
26
|
-
| Name
|
|
27
|
-
|
|
28
|
-
|
|
|
29
|
-
|
|
|
27
|
+
| Name | Description |
|
|
28
|
+
| -------- | ------------------------ |
|
|
29
|
+
| subtitle | Set sub-title for lockup |
|
|
30
|
+
| title | Set title for lockup |
|
|
30
31
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
31
32
|
|
|
32
|
-
##
|
|
33
|
+
## Basic
|
|
33
34
|
|
|
34
|
-
|
|
35
|
+
<div class="exampleWrapper">
|
|
36
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
37
|
+
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
38
|
+
<auro-lockup>
|
|
39
|
+
<span slot="title">Place title text here</span>
|
|
40
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
41
|
+
</auro-lockup>
|
|
42
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
43
|
+
</div>
|
|
44
|
+
<auro-accordion alignRight>
|
|
45
|
+
<span slot="trigger">See code</span>
|
|
46
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
47
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
48
|
+
|
|
49
|
+
```html
|
|
50
|
+
<auro-lockup>
|
|
51
|
+
<span slot="title">Place title text here</span>
|
|
52
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
53
|
+
</auro-lockup>
|
|
54
|
+
```
|
|
55
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
56
|
+
</auro-accordion>
|
|
35
57
|
|
|
36
|
-
|
|
58
|
+
## Property & Attribute Examples
|
|
37
59
|
|
|
38
|
-
|
|
60
|
+
### Appearance on Dark Backgrounds
|
|
39
61
|
|
|
40
|
-
Use
|
|
62
|
+
Use `appearance="inverse"` for the proper presentation on a darker background.
|
|
41
63
|
|
|
42
64
|
<div class="exampleWrapper--ondark">
|
|
43
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/
|
|
44
|
-
<!-- The below content is automatically added from ../apiExamples/
|
|
45
|
-
<auro-lockup appearance="inverse"
|
|
65
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverse-appearance.html) -->
|
|
66
|
+
<!-- The below content is automatically added from ../apiExamples/inverse-appearance.html -->
|
|
67
|
+
<auro-lockup appearance="inverse">
|
|
68
|
+
<span slot="title">Product Name</span>
|
|
69
|
+
<span slot="subtitle">Powered by Partner Name</span>
|
|
70
|
+
</auro-lockup>
|
|
46
71
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
47
|
-
</div>
|
|
72
|
+
</div>
|
|
48
73
|
<auro-accordion alignRight>
|
|
49
74
|
<span slot="trigger">See code</span>
|
|
50
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/
|
|
51
|
-
<!-- The below code snippet is automatically added from ../apiExamples/
|
|
75
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverse-appearance.html) -->
|
|
76
|
+
<!-- The below code snippet is automatically added from ../apiExamples/inverse-appearance.html -->
|
|
52
77
|
|
|
53
78
|
```html
|
|
54
|
-
<auro-lockup appearance="inverse"
|
|
79
|
+
<auro-lockup appearance="inverse">
|
|
80
|
+
<span slot="title">Product Name</span>
|
|
81
|
+
<span slot="subtitle">Powered by Partner Name</span>
|
|
82
|
+
</auro-lockup>
|
|
55
83
|
```
|
|
56
84
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
57
85
|
</auro-accordion>
|
|
86
|
+
<div class="exampleWrapper--ondark">
|
|
87
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverse-appearance-2.html) -->
|
|
88
|
+
<!-- The below content is automatically added from ../apiExamples/inverse-appearance-2.html -->
|
|
89
|
+
<auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
|
|
90
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
91
|
+
</div>
|
|
92
|
+
<auro-accordion alignRight>
|
|
93
|
+
<span slot="trigger">See code</span>
|
|
94
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverse-appearance-2.html) -->
|
|
95
|
+
<!-- The below code snippet is automatically added from ../apiExamples/inverse-appearance-2.html -->
|
|
58
96
|
|
|
59
|
-
|
|
97
|
+
```html
|
|
98
|
+
<auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
|
|
99
|
+
```
|
|
100
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
101
|
+
</auro-accordion>
|
|
102
|
+
<div class="exampleWrapper--ondark">
|
|
103
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverse-appearance-3.html) -->
|
|
104
|
+
<!-- The below content is automatically added from ../apiExamples/inverse-appearance-3.html -->
|
|
105
|
+
<auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
|
|
106
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
107
|
+
</div>
|
|
108
|
+
<auro-accordion alignRight>
|
|
109
|
+
<span slot="trigger">See code</span>
|
|
110
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverse-appearance-3.html) -->
|
|
111
|
+
<!-- The below code snippet is automatically added from ../apiExamples/inverse-appearance-3.html -->
|
|
60
112
|
|
|
61
|
-
|
|
62
|
-
|
|
113
|
+
```html
|
|
114
|
+
<auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
|
|
115
|
+
```
|
|
116
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
117
|
+
</auro-accordion>
|
|
118
|
+
|
|
119
|
+
### OneWorld Variant
|
|
120
|
+
|
|
121
|
+
Use `variant="oneworld"` to replace the product name and tag line with one**World** logo.
|
|
63
122
|
|
|
64
123
|
<div class="exampleWrapper">
|
|
65
124
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/oneworld.html) -->
|
|
@@ -78,8 +137,9 @@ Use the `oneWorld` property to replace the product name and tag line with one**W
|
|
|
78
137
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
79
138
|
</auro-accordion>
|
|
80
139
|
|
|
81
|
-
|
|
82
|
-
|
|
140
|
+
### Path
|
|
141
|
+
|
|
142
|
+
Use the `path` attribute to add a custom URL reference to the clickable lockup. The default is `/`.
|
|
83
143
|
|
|
84
144
|
<div class="exampleWrapper">
|
|
85
145
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/path.html) -->
|
|
@@ -98,8 +158,9 @@ Use the `path` property to add a custom URL reference to the clickable lockup. A
|
|
|
98
158
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
99
159
|
</auro-accordion>
|
|
100
160
|
|
|
101
|
-
|
|
102
|
-
|
|
161
|
+
### Standard
|
|
162
|
+
|
|
163
|
+
Use the `standard` attribute to use the standard Alaska logo in place of the official logo. Restricted to use with the one**World** logo.
|
|
103
164
|
|
|
104
165
|
<div class="exampleWrapper">
|
|
105
166
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/standard.html) -->
|
|
@@ -118,9 +179,10 @@ Use the `standard` property to use the standard Alaska logo in place of the offi
|
|
|
118
179
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
119
180
|
</auro-accordion>
|
|
120
181
|
|
|
121
|
-
|
|
182
|
+
## Slot Examples
|
|
122
183
|
|
|
123
|
-
|
|
184
|
+
### Title
|
|
185
|
+
|
|
124
186
|
Use the `title` slot to add lockup content.
|
|
125
187
|
|
|
126
188
|
<div class="exampleWrapper">
|
|
@@ -144,7 +206,8 @@ Use the `title` slot to add lockup content.
|
|
|
144
206
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
145
207
|
</auro-accordion>
|
|
146
208
|
|
|
147
|
-
|
|
209
|
+
### Subtitle
|
|
210
|
+
|
|
148
211
|
Use the `subtitle` slot to add lockup content.
|
|
149
212
|
|
|
150
213
|
<div class="exampleWrapper">
|
|
@@ -168,12 +231,12 @@ Use the `subtitle` slot to add lockup content.
|
|
|
168
231
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
169
232
|
</auro-accordion>
|
|
170
233
|
|
|
171
|
-
|
|
234
|
+
## Restyle Component with CSS Variables
|
|
172
235
|
|
|
173
|
-
The component may be restyled
|
|
236
|
+
The component may be restyled by changing the values of the following token(s).
|
|
174
237
|
|
|
175
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src
|
|
176
|
-
<!-- The below code snippet is automatically added from
|
|
238
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../src/styles/tokens.scss) -->
|
|
239
|
+
<!-- The below code snippet is automatically added from ./../src/styles/tokens.scss -->
|
|
177
240
|
|
|
178
241
|
```scss
|
|
179
242
|
@use "@aurodesignsystem/design-tokens/dist/legacy/auro-classic/SCSSVariables" as vac;
|
|
@@ -186,4 +249,4 @@ The component may be restyled using the following code sample and changing the v
|
|
|
186
249
|
--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #{v.$ds-basic-color-texticon-accent1});
|
|
187
250
|
}
|
|
188
251
|
```
|
|
189
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
252
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
package/demo/auro-lockup.min.js
CHANGED
|
@@ -72,6 +72,19 @@ class AuroLibraryRuntimeUtils {
|
|
|
72
72
|
|
|
73
73
|
return elemTag === tag || elem.hasAttribute(tag);
|
|
74
74
|
}
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Gets the text content of a named slot.
|
|
78
|
+
* @returns {String}
|
|
79
|
+
* @private
|
|
80
|
+
*/
|
|
81
|
+
getSlotText(elem, name) {
|
|
82
|
+
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
83
|
+
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
84
|
+
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
85
|
+
|
|
86
|
+
return text || null;
|
|
87
|
+
}
|
|
75
88
|
}
|
|
76
89
|
|
|
77
90
|
/**
|
|
@@ -119,10 +132,10 @@ const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{cons
|
|
|
119
132
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
120
133
|
*/const o=o=>o??E;
|
|
121
134
|
|
|
122
|
-
var colorCss = i$4`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
|
|
135
|
+
var colorCss = i$4`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([variant=oneworld]){--ds-auro-lockup-divider-color: transparent}
|
|
123
136
|
`;
|
|
124
137
|
|
|
125
|
-
var styleCss = i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
|
|
138
|
+
var styleCss = i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-200, 1rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-200, 1rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center}.headerTitle-tagline{padding-left:var(--ds-size-25, .125rem)}
|
|
126
139
|
`;
|
|
127
140
|
|
|
128
141
|
var tokensCss = i$4`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
|
|
@@ -133,7 +146,8 @@ var tokensCss = i$4`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-
|
|
|
133
146
|
|
|
134
147
|
|
|
135
148
|
/**
|
|
136
|
-
* The auro-lockup element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
149
|
+
* The `auro-lockup` element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
150
|
+
* @customElement auro-lockup
|
|
137
151
|
*
|
|
138
152
|
* @slot title - Set title for lockup
|
|
139
153
|
* @slot subtitle - Set sub-title for lockup
|
|
@@ -143,6 +157,10 @@ class AuroLockup extends i$1 {
|
|
|
143
157
|
constructor() {
|
|
144
158
|
super();
|
|
145
159
|
|
|
160
|
+
this._initializeDefaults();
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
_initializeDefaults() {
|
|
146
164
|
this.path = "/";
|
|
147
165
|
this.standard = false;
|
|
148
166
|
this.oneworld = false;
|
|
@@ -169,7 +187,15 @@ class AuroLockup extends i$1 {
|
|
|
169
187
|
},
|
|
170
188
|
|
|
171
189
|
/**
|
|
172
|
-
*
|
|
190
|
+
* DEPRECATED - Use `appearance="inverse"` instead.
|
|
191
|
+
*/
|
|
192
|
+
onDark: {
|
|
193
|
+
type: Boolean,
|
|
194
|
+
reflect: true
|
|
195
|
+
},
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
* DEPRECATED - Use `variant="oneworld"` instead.
|
|
173
199
|
*/
|
|
174
200
|
oneworld: {
|
|
175
201
|
type: Boolean,
|
|
@@ -207,7 +233,7 @@ class AuroLockup extends i$1 {
|
|
|
207
233
|
|
|
208
234
|
/**
|
|
209
235
|
* This will register this element with the browser.
|
|
210
|
-
* @param {string} [name="auro-lockup"] - The name of element that you want to register
|
|
236
|
+
* @param {string} [name="auro-lockup"] - The name of the element that you want to register.
|
|
211
237
|
*
|
|
212
238
|
* @example
|
|
213
239
|
* AuroLockup.register("custom-lockup") // this will register this element to <custom-lockup/>
|
package/demo/index.md
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<!--
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
THIS PAGE'S CONTENT SHOULD BE KEPT MINIMAL.
|
|
3
|
+
ONLY ADD EXAMPLES THAT ARE TRULY NECESSARY FOR THE INDEX PAGE — THE BASIC EXAMPLE IS USUALLY ENOUGH.
|
|
4
|
+
ALL OTHER EXAMPLES SHOULD GO IN THE API DOCUMENTATION.
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
|
-
# Lockup
|
|
8
|
-
|
|
9
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
10
|
-
<!-- The below content is automatically added from
|
|
7
|
+
# Lockup
|
|
8
|
+
|
|
9
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
|
|
10
|
+
<!-- The below content is automatically added from ./../docs/partials/description.md -->
|
|
11
11
|
The `auro-lockup` HTML custom element is a standardized use case element for authorized Alaska Airlines extended experiences.
|
|
12
12
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
13
13
|
|
|
14
|
-
##
|
|
15
|
-
|
|
16
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
17
|
-
<!-- The below content is automatically added from
|
|
14
|
+
## Use Cases
|
|
15
|
+
|
|
16
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
|
|
17
|
+
<!-- The below content is automatically added from ./../docs/partials/useCases.md -->
|
|
18
18
|
The `auro-lockup` use cases include:
|
|
19
19
|
|
|
20
20
|
* Product lines
|
|
@@ -22,11 +22,13 @@ The `auro-lockup` use cases include:
|
|
|
22
22
|
* Auxiliary sites
|
|
23
23
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
24
24
|
|
|
25
|
-
##
|
|
25
|
+
## Example(s)
|
|
26
26
|
|
|
27
|
+
### Basic
|
|
28
|
+
|
|
27
29
|
<div class="exampleWrapper">
|
|
28
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
29
|
-
<!-- The below content is automatically added from
|
|
30
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
31
|
+
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
30
32
|
<auro-lockup>
|
|
31
33
|
<span slot="title">Place title text here</span>
|
|
32
34
|
<span slot="subtitle">Place subtitle text here</span>
|
|
@@ -35,8 +37,8 @@ The `auro-lockup` use cases include:
|
|
|
35
37
|
</div>
|
|
36
38
|
<auro-accordion alignRight>
|
|
37
39
|
<span slot="trigger">See code</span>
|
|
38
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src
|
|
39
|
-
<!-- The below code snippet is automatically added from
|
|
40
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
41
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
40
42
|
|
|
41
43
|
```html
|
|
42
44
|
<auro-lockup>
|
|
@@ -45,123 +47,4 @@ The `auro-lockup` use cases include:
|
|
|
45
47
|
</auro-lockup>
|
|
46
48
|
```
|
|
47
49
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
48
|
-
</auro-accordion>
|
|
49
|
-
|
|
50
|
-
## auro-lockup with Oneworld logo
|
|
51
|
-
|
|
52
|
-
The following examples illustrate the standard and official versions of the Alaska logo. By default, the official version of the Alaska logo is used. Use the `standard` attribute to display the Alaska logo sans the tagline.
|
|
53
|
-
|
|
54
|
-
The `standard` property is only supported with the `oneworld` option.
|
|
55
|
-
|
|
56
|
-
<div class="exampleWrapper">
|
|
57
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/oneworldStandard.html) -->
|
|
58
|
-
<!-- The below content is automatically added from ../apiExamples/oneworldStandard.html -->
|
|
59
|
-
<auro-lockup standard variant="oneworld"></auro-lockup>
|
|
60
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
61
|
-
</div>
|
|
62
|
-
<auro-accordion alignRight>
|
|
63
|
-
<span slot="trigger">See code</span>
|
|
64
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/oneworldStandard.html) -->
|
|
65
|
-
<!-- The below code snippet is automatically added from ../apiExamples/oneworldStandard.html -->
|
|
66
|
-
|
|
67
|
-
```html
|
|
68
|
-
<auro-lockup standard variant="oneworld"></auro-lockup>
|
|
69
|
-
```
|
|
70
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
71
|
-
</auro-accordion>
|
|
72
|
-
|
|
73
|
-
## auro-lockup appearance options
|
|
74
|
-
|
|
75
|
-
For lockup use with dark backgrounds or a dark mode, use the `appearance="inverse"` attribute.
|
|
76
|
-
|
|
77
|
-
<div class="exampleWrapper--ondark">
|
|
78
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverseAppearance.html) -->
|
|
79
|
-
<!-- The below content is automatically added from ../apiExamples/inverseAppearance.html -->
|
|
80
|
-
<auro-lockup appearance="inverse">
|
|
81
|
-
<span slot="title">Product Name</span>
|
|
82
|
-
<span slot="subtitle">Powered by Partner Name</span>
|
|
83
|
-
</auro-lockup>
|
|
84
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
85
|
-
</div>
|
|
86
|
-
<auro-accordion alignRight>
|
|
87
|
-
<span slot="trigger">See code</span>
|
|
88
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverseAppearance.html) -->
|
|
89
|
-
<!-- The below code snippet is automatically added from ../apiExamples/inverseAppearance.html -->
|
|
90
|
-
|
|
91
|
-
```html
|
|
92
|
-
<auro-lockup appearance="inverse">
|
|
93
|
-
<span slot="title">Product Name</span>
|
|
94
|
-
<span slot="subtitle">Powered by Partner Name</span>
|
|
95
|
-
</auro-lockup>
|
|
96
|
-
```
|
|
97
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
98
|
-
</auro-accordion>
|
|
99
|
-
<div class="exampleWrapper--ondark">
|
|
100
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverseAppearance-2.html) -->
|
|
101
|
-
<!-- The below content is automatically added from ../apiExamples/inverseAppearance-2.html -->
|
|
102
|
-
<auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
|
|
103
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
104
|
-
</div>
|
|
105
|
-
<auro-accordion alignRight>
|
|
106
|
-
<span slot="trigger">See code</span>
|
|
107
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverseAppearance-2.html) -->
|
|
108
|
-
<!-- The below code snippet is automatically added from ../apiExamples/inverseAppearance-2.html -->
|
|
109
|
-
|
|
110
|
-
```html
|
|
111
|
-
<auro-lockup appearance="inverse" variant="oneworld"></auro-lockup>
|
|
112
|
-
```
|
|
113
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
114
|
-
</auro-accordion>
|
|
115
|
-
<div class="exampleWrapper--ondark">
|
|
116
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverseAppearance-3.html) -->
|
|
117
|
-
<!-- The below content is automatically added from ../apiExamples/inverseAppearance-3.html -->
|
|
118
|
-
<auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
|
|
119
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
120
|
-
</div>
|
|
121
|
-
<auro-accordion alignRight>
|
|
122
|
-
<span slot="trigger">See code</span>
|
|
123
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverseAppearance-3.html) -->
|
|
124
|
-
<!-- The below code snippet is automatically added from ../apiExamples/inverseAppearance-3.html -->
|
|
125
|
-
|
|
126
|
-
```html
|
|
127
|
-
<auro-lockup appearance="inverse" standard variant="oneworld"></auro-lockup>
|
|
128
|
-
```
|
|
129
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
130
|
-
</auro-accordion>
|
|
131
|
-
|
|
132
|
-
## Recommended Use and Version Control
|
|
133
|
-
|
|
134
|
-
There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-lockup` custom element is defined automatically.
|
|
135
|
-
|
|
136
|
-
To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `AuroLockup.register(name)` method and pass in a unique name.
|
|
137
|
-
|
|
138
|
-
```js
|
|
139
|
-
import { AuroLockup } from '@aurodesignsystem/auro-lockup/class';
|
|
140
|
-
|
|
141
|
-
AuroLockup.register('custom-lockup');
|
|
142
|
-
```
|
|
143
|
-
|
|
144
|
-
This will create a new custom element that you can use in your HTML that will function identically to the `<auro-lockup>` element.
|
|
145
|
-
|
|
146
|
-
<div class="exampleWrapper exampleWrapper--flex">
|
|
147
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/custom.html) -->
|
|
148
|
-
<!-- The below content is automatically added from ../apiExamples/custom.html -->
|
|
149
|
-
<custom-lockup>
|
|
150
|
-
<span slot="title">Place title text here</span>
|
|
151
|
-
<span slot="subtitle">Place subtitle text here</span>
|
|
152
|
-
</custom-lockup>
|
|
153
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
154
|
-
</div>
|
|
155
|
-
<auro-accordion alignRight>
|
|
156
|
-
<span slot="trigger">See code</span>
|
|
157
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/custom.html) -->
|
|
158
|
-
<!-- The below code snippet is automatically added from ../apiExamples/custom.html -->
|
|
159
|
-
|
|
160
|
-
```html
|
|
161
|
-
<custom-lockup>
|
|
162
|
-
<span slot="title">Place title text here</span>
|
|
163
|
-
<span slot="subtitle">Place subtitle text here</span>
|
|
164
|
-
</custom-lockup>
|
|
165
|
-
```
|
|
166
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
167
50
|
</auro-accordion>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{css as e,LitElement as s,html as a}from"lit";import{classMap as t}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<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>',r='<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>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=e`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
|
|
2
|
-
`,m=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
|
|
1
|
+
import{css as e,LitElement as s,html as a}from"lit";import{classMap as t}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<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>',r='<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>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}getSlotText(e,s){const a=e.shadowRoot?.querySelector(`slot[name="${s}"]`);return(a?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}var n=e`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([variant=oneworld]){--ds-auro-lockup-divider-color: transparent}
|
|
2
|
+
`,m=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-200, 1rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-200, 1rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center}.headerTitle-tagline{padding-left:var(--ds-size-25, .125rem)}
|
|
3
3
|
`,h=e`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
|
|
4
|
-
`;class g extends s{constructor(){super(),this.path="/",this.standard=!1,this.oneworld=!1,this.runtimeUtils=new o}static get properties(){return{appearance:{type:String,reflect:!0},oneworld:{type:Boolean,reflect:!0},path:{type:String},standard:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup")}updated(){this.oneworld&&this.setAttribute("variant","oneworld")}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return a`${s}`}render(){const e={logoIcon:!0,logoDivider:!this.variant};return a`
|
|
4
|
+
`;class g extends s{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.path="/",this.standard=!1,this.oneworld=!1,this.runtimeUtils=new o}static get properties(){return{appearance:{type:String,reflect:!0},onDark:{type:Boolean,reflect:!0},oneworld:{type:Boolean,reflect:!0},path:{type:String},standard:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup")}updated(){this.oneworld&&this.setAttribute("variant","oneworld")}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return a`${s}`}render(){const e={logoIcon:!0,logoDivider:!this.variant};return a`
|
|
5
5
|
<a href=${this.path} class="headerLinkBox">
|
|
6
6
|
<div class="${t(e)}">
|
|
7
7
|
${i(this.standard&&"oneworld"===this.variant?this.generateIconHtml(c):this.generateIconHtml(r))}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,30 +1,194 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
`,m=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
|
|
2
|
+
import type { AuroLockup } from "src/auro-lockup.js";
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* This type can be used to create scoped tags for your components.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
*
|
|
9
|
+
* ```ts
|
|
10
|
+
* import type { ScopedElements } from "path/to/library/jsx-integration";
|
|
11
|
+
*
|
|
12
|
+
* declare module "my-library" {
|
|
13
|
+
* namespace JSX {
|
|
14
|
+
* interface IntrinsicElements
|
|
15
|
+
* extends ScopedElements<'test-', ''> {}
|
|
16
|
+
* }
|
|
17
|
+
* }
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @deprecated Runtime scoped elements result in duplicate types and can confusing for developers. It is recommended to use the `prefix` and `suffix` options to generate new types instead.
|
|
21
|
+
*/
|
|
22
|
+
export type ScopedElements<
|
|
23
|
+
Prefix extends string = "",
|
|
24
|
+
Suffix extends string = ""
|
|
25
|
+
> = {
|
|
26
|
+
[Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
type BaseProps<T extends HTMLElement> = {
|
|
30
|
+
|
|
31
|
+
/** Content added between the opening and closing tags of the element */
|
|
32
|
+
children?: any;
|
|
33
|
+
/** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
|
|
34
|
+
class?: string;
|
|
35
|
+
/** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
|
|
36
|
+
className?: string;
|
|
37
|
+
/** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
|
|
38
|
+
classList?: Record<string, boolean | undefined>;
|
|
39
|
+
/** Specifies the text direction of the element. */
|
|
40
|
+
dir?: "ltr" | "rtl";
|
|
41
|
+
/** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
|
|
42
|
+
exportparts?: string;
|
|
43
|
+
/** For <label> and <output>, lets you associate the label with some control. */
|
|
44
|
+
htmlFor?: string;
|
|
45
|
+
/** Specifies whether the element should be hidden. */
|
|
46
|
+
hidden?: boolean | string;
|
|
47
|
+
/** A unique identifier for the element. */
|
|
48
|
+
id?: string;
|
|
49
|
+
/** Keys tell React which array item each component corresponds to */
|
|
50
|
+
key?: string | number;
|
|
51
|
+
/** Specifies the language of the element. */
|
|
52
|
+
lang?: string;
|
|
53
|
+
/** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
|
|
54
|
+
part?: string;
|
|
55
|
+
/** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
|
|
56
|
+
ref?: T | ((e: T) => void);
|
|
57
|
+
/** Adds a reference for a custom element slot */
|
|
58
|
+
slot?: string;
|
|
59
|
+
/** Prop for setting inline styles */
|
|
60
|
+
style?: Record<string, string | number>;
|
|
61
|
+
/** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
|
|
62
|
+
tabIndex?: number;
|
|
63
|
+
/** Specifies the tooltip text for the element. */
|
|
64
|
+
title?: string;
|
|
65
|
+
/** Passing 'no' excludes the element content from being translated. */
|
|
66
|
+
translate?: "yes" | "no";
|
|
67
|
+
/** The popover global attribute is used to designate an element as a popover element. */
|
|
68
|
+
popover?: "auto" | "hint" | "manual";
|
|
69
|
+
/** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
|
|
70
|
+
popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
|
|
71
|
+
/** Specifies the action to be performed on a popover element being controlled by a control element. */
|
|
72
|
+
popovertargetaction?: "show" | "hide" | "toggle";
|
|
73
|
+
|
|
74
|
+
} ;
|
|
75
|
+
|
|
76
|
+
type BaseEvents = {
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
export type AuroLockupProps = {
|
|
84
|
+
/** Defines whether the component will be on lighter or darker backgrounds. */
|
|
85
|
+
"appearance"?: AuroLockup['appearance'];
|
|
86
|
+
/** DEPRECATED - Use `appearance="inverse"` instead. */
|
|
87
|
+
"onDark"?: AuroLockup['onDark'];
|
|
88
|
+
/** DEPRECATED - Use `variant="oneworld"` instead. */
|
|
89
|
+
"oneworld"?: AuroLockup['oneworld'];
|
|
90
|
+
/** URL path for lockup link. */
|
|
91
|
+
"path"?: AuroLockup['path'];
|
|
92
|
+
/** Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. */
|
|
93
|
+
"standard"?: AuroLockup['standard'];
|
|
94
|
+
/** Sets lockup variant option. Only possible value is `oneworld`. */
|
|
95
|
+
"variant"?: AuroLockup['variant'];
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
export type CustomElements = {
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* The `auro-lockup` element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.
|
|
105
|
+
*
|
|
106
|
+
* ## Attributes & Properties
|
|
107
|
+
*
|
|
108
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
109
|
+
*
|
|
110
|
+
* - `appearance`: Defines whether the component will be on lighter or darker backgrounds.
|
|
111
|
+
* - `onDark`: DEPRECATED - Use `appearance="inverse"` instead.
|
|
112
|
+
* - `oneworld`: DEPRECATED - Use `variant="oneworld"` instead.
|
|
113
|
+
* - `path`: URL path for lockup link.
|
|
114
|
+
* - `standard`: Uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute.
|
|
115
|
+
* - `variant`: Sets lockup variant option. Only possible value is `oneworld`.
|
|
116
|
+
*
|
|
117
|
+
* ## Slots
|
|
118
|
+
*
|
|
119
|
+
* Areas where markup can be added to the component.
|
|
120
|
+
*
|
|
121
|
+
* - `subtitle`: Set sub-title for lockup
|
|
122
|
+
* - `title`: Set title for lockup
|
|
123
|
+
*
|
|
124
|
+
* ## Methods
|
|
125
|
+
*
|
|
126
|
+
* Methods that can be called to access component functionality.
|
|
127
|
+
*
|
|
128
|
+
* - `_initializeDefaults() => void`: undefined
|
|
129
|
+
* - `register(name?: string = "auro-lockup") => void`: This will register this element with the browser.
|
|
130
|
+
*/
|
|
131
|
+
"auro-lockup": Partial<AuroLockupProps & BaseProps<AuroLockup> & BaseEvents>;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
export type CustomCssProperties = {
|
|
135
|
+
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
declare module 'react' {
|
|
140
|
+
namespace JSX {
|
|
141
|
+
interface IntrinsicElements extends CustomElements {}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
declare module 'preact' {
|
|
147
|
+
namespace JSX {
|
|
148
|
+
interface IntrinsicElements extends CustomElements {}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
declare module '@builder.io/qwik' {
|
|
154
|
+
namespace JSX {
|
|
155
|
+
interface IntrinsicElements extends CustomElements {}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
declare module '@stencil/core' {
|
|
161
|
+
namespace JSX {
|
|
162
|
+
interface IntrinsicElements extends CustomElements {}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
declare module 'hono/jsx' {
|
|
168
|
+
namespace JSX {
|
|
169
|
+
interface IntrinsicElements extends CustomElements {}
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
declare module 'react-native' {
|
|
175
|
+
namespace JSX {
|
|
176
|
+
interface IntrinsicElements extends CustomElements {}
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
declare global {
|
|
182
|
+
namespace JSX {
|
|
183
|
+
interface IntrinsicElements extends CustomElements {}
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
}
|
|
187
|
+
declare global {
|
|
188
|
+
namespace svelteHTML {
|
|
189
|
+
interface IntrinsicElements extends CustomElements {}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
export { AuroLockup } from "./index.js";
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroLockup}from"./auro-lockup-
|
|
1
|
+
export{A as AuroLockup}from"./auro-lockup-BQ9r11Ys.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-lockup-
|
|
1
|
+
import{A as i}from"./auro-lockup-BQ9r11Ys.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-lockup",
|
|
10
|
-
"version": "0.0.0-
|
|
10
|
+
"version": "0.0.0-pr85.0",
|
|
11
11
|
"description": "auro-lockup HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
"node": ">=20"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"lit": "^3.3.
|
|
24
|
+
"lit": "^3.3.2"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@alaskaairux/icons": "^5.
|
|
28
|
-
"@aurodesignsystem/auro-cli": "^3.0
|
|
27
|
+
"@alaskaairux/icons": "^5.14.0",
|
|
28
|
+
"@aurodesignsystem/auro-cli": "^3.5.0",
|
|
29
29
|
"@aurodesignsystem/auro-config": "^1.3.1",
|
|
30
|
-
"@aurodesignsystem/auro-library": "^5.5.
|
|
31
|
-
"@aurodesignsystem/design-tokens": "^8.
|
|
32
|
-
"@aurodesignsystem/webcorestylesheets": "10.
|
|
30
|
+
"@aurodesignsystem/auro-library": "^5.5.4",
|
|
31
|
+
"@aurodesignsystem/design-tokens": "^8.7.0",
|
|
32
|
+
"@aurodesignsystem/webcorestylesheets": "^10.1.4",
|
|
33
33
|
"husky": "^9.1.7"
|
|
34
34
|
},
|
|
35
35
|
"browserslist": [
|
|
@@ -63,7 +63,12 @@
|
|
|
63
63
|
"exports": {
|
|
64
64
|
"./package.json": "./package.json",
|
|
65
65
|
"./readme.md": "./README.md",
|
|
66
|
-
".": "./
|
|
66
|
+
"./custom-elements.json": "./custom-elements.json",
|
|
67
|
+
".": {
|
|
68
|
+
"module": "./dist/registered.js",
|
|
69
|
+
"types": "./dist/index.d.ts",
|
|
70
|
+
"default": "./dist/registered.js"
|
|
71
|
+
},
|
|
67
72
|
"./demo/*.md": "./demo/*.md",
|
|
68
73
|
"./demo/*.js": "./demo/*.min.js",
|
|
69
74
|
"./class": {
|
|
@@ -79,5 +84,7 @@
|
|
|
79
84
|
"README.md",
|
|
80
85
|
"LICENSE",
|
|
81
86
|
"NOTICE"
|
|
82
|
-
]
|
|
87
|
+
],
|
|
88
|
+
"custom-elements.json": "custom-elements.json",
|
|
89
|
+
"customElements": "custom-elements.json"
|
|
83
90
|
}
|