@aurodesignsystem-dev/auro-tabs 0.0.0-pr65.2 → 0.0.0-pr66.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/demo/auro-tabpanel.min.js +21 -1159
- package/demo/index.md +2 -1
- package/demo/lit-element.min.js +1 -1
- package/dist/auro-tabpanel-DX0truCD.js +23 -0
- package/dist/index.d.ts +7 -8
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +1 -3
- package/dist/auro-tabpanel-CmmUnE99.js +0 -62
|
@@ -1,757 +1,11 @@
|
|
|
1
|
-
import { x,
|
|
1
|
+
import { x, a as i$2, i as i$3, T } from './lit-element.min.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* @license
|
|
5
5
|
* Copyright 2020 Google LLC
|
|
6
6
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
7
7
|
*/
|
|
8
|
-
const a=Symbol.for(""),o$
|
|
9
|
-
|
|
10
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
11
|
-
// See LICENSE in the project root for license information.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Generates a unique string to be used for child auro element naming.
|
|
18
|
-
* @private
|
|
19
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
20
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
21
|
-
* @returns {string} - Unique string to be used for naming.
|
|
22
|
-
*/
|
|
23
|
-
generateElementName(baseName, version) {
|
|
24
|
-
let result = baseName;
|
|
25
|
-
|
|
26
|
-
result += '-';
|
|
27
|
-
result += version.replace(/[.]/g, '_');
|
|
28
|
-
|
|
29
|
-
return result;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Generates a unique string to be used for child auro element naming.
|
|
34
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
35
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
36
|
-
* @returns {string} - Unique string to be used for naming.
|
|
37
|
-
*/
|
|
38
|
-
generateTag(baseName, version, tagClass) {
|
|
39
|
-
const elementName = this.generateElementName(baseName, version);
|
|
40
|
-
const tag = i$2`${s(elementName)}`;
|
|
41
|
-
|
|
42
|
-
if (!customElements.get(elementName)) {
|
|
43
|
-
customElements.define(elementName, class extends tagClass {});
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
return tag;
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
51
|
-
// See LICENSE in the project root for license information.
|
|
52
|
-
|
|
53
|
-
// ---------------------------------------------------------------------
|
|
54
|
-
|
|
55
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
56
|
-
|
|
57
|
-
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
58
|
-
|
|
59
|
-
/* eslint-disable jsdoc/require-param */
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* This will register a new custom element with the browser.
|
|
63
|
-
* @param {String} name - The name of the custom element.
|
|
64
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
65
|
-
* @returns {void}
|
|
66
|
-
*/
|
|
67
|
-
registerComponent(name, componentClass) {
|
|
68
|
-
if (!customElements.get(name)) {
|
|
69
|
-
customElements.define(name, class extends componentClass {});
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
75
|
-
* @returns {void}
|
|
76
|
-
*/
|
|
77
|
-
closestElement(
|
|
78
|
-
selector, // selector like in .closest()
|
|
79
|
-
base = this, // extra functionality to skip a parent
|
|
80
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
81
|
-
!el || el === document || el === window
|
|
82
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
83
|
-
: found
|
|
84
|
-
? found // found a selector INside this element
|
|
85
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
86
|
-
) {
|
|
87
|
-
return __Closest(base);
|
|
88
|
-
}
|
|
89
|
-
/* eslint-enable jsdoc/require-param */
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
93
|
-
* @param {Object} elem - The element to check.
|
|
94
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
95
|
-
* @returns {void}
|
|
96
|
-
*/
|
|
97
|
-
handleComponentTagRename(elem, tagName) {
|
|
98
|
-
const tag = tagName.toLowerCase();
|
|
99
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
100
|
-
|
|
101
|
-
if (elemTag !== tag) {
|
|
102
|
-
elem.setAttribute(tag, true);
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Validates if an element is a specific Auro component.
|
|
108
|
-
* @param {Object} elem - The element to validate.
|
|
109
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
110
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
111
|
-
*/
|
|
112
|
-
elementMatch(elem, tagName) {
|
|
113
|
-
const tag = tagName.toLowerCase();
|
|
114
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
115
|
-
|
|
116
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
117
|
-
}
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* @license
|
|
122
|
-
* Copyright 2018 Google LLC
|
|
123
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
124
|
-
*/const o$1=o=>o??E;
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* @license
|
|
128
|
-
* Copyright 2017 Google LLC
|
|
129
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
130
|
-
*/
|
|
131
|
-
const t={ATTRIBUTE:1},e$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* @license
|
|
135
|
-
* Copyright 2018 Google LLC
|
|
136
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
|
-
*/const e=e$1(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
|
|
138
|
-
|
|
139
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
140
|
-
// See LICENSE in the project root for license information.
|
|
141
|
-
|
|
142
|
-
// ---------------------------------------------------------------------
|
|
143
|
-
|
|
144
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
145
|
-
|
|
146
|
-
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
147
|
-
|
|
148
|
-
/* eslint-disable jsdoc/require-param */
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* This will register a new custom element with the browser.
|
|
152
|
-
* @param {String} name - The name of the custom element.
|
|
153
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
154
|
-
* @returns {void}
|
|
155
|
-
*/
|
|
156
|
-
registerComponent(name, componentClass) {
|
|
157
|
-
if (!customElements.get(name)) {
|
|
158
|
-
customElements.define(name, class extends componentClass {});
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/**
|
|
163
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
164
|
-
* @returns {void}
|
|
165
|
-
*/
|
|
166
|
-
closestElement(
|
|
167
|
-
selector, // selector like in .closest()
|
|
168
|
-
base = this, // extra functionality to skip a parent
|
|
169
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
170
|
-
!el || el === document || el === window
|
|
171
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
172
|
-
: found
|
|
173
|
-
? found // found a selector INside this element
|
|
174
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
175
|
-
) {
|
|
176
|
-
return __Closest(base);
|
|
177
|
-
}
|
|
178
|
-
/* eslint-enable jsdoc/require-param */
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
182
|
-
* @param {Object} elem - The element to check.
|
|
183
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
184
|
-
* @returns {void}
|
|
185
|
-
*/
|
|
186
|
-
handleComponentTagRename(elem, tagName) {
|
|
187
|
-
const tag = tagName.toLowerCase();
|
|
188
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
189
|
-
|
|
190
|
-
if (elemTag !== tag) {
|
|
191
|
-
elem.setAttribute(tag, true);
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
/**
|
|
196
|
-
* Validates if an element is a specific Auro component.
|
|
197
|
-
* @param {Object} elem - The element to validate.
|
|
198
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
199
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
200
|
-
*/
|
|
201
|
-
elementMatch(elem, tagName) {
|
|
202
|
-
const tag = tagName.toLowerCase();
|
|
203
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
204
|
-
|
|
205
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
206
|
-
}
|
|
207
|
-
};
|
|
208
|
-
|
|
209
|
-
var externalLink = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"external-link-stroke__title external-link-stroke__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title id=\"external-link-stroke__title\">Link to external site.</title><desc id=\"external-link-stroke__desc\">This indicates a link to an external site that may not follow the same accessibility or privacy policies as Alaska Airlines. By selecting a partner link you agree to share your data with these sites.</desc><path d=\"M7 6.25h5a.75.75 0 0 1 .102 1.494L12 7.75H7a1.25 1.25 0 0 0-1.244 1.123L5.75 9v8c0 .648.492 1.18 1.122 1.244L7 18.25h8a1.25 1.25 0 0 0 1.244-1.122L16.25 17v-5a.75.75 0 0 1 1.493-.101l.007.101v5a2.75 2.75 0 0 1-2.582 2.745L15 19.75H7a2.75 2.75 0 0 1-2.745-2.582L4.25 17V9a2.75 2.75 0 0 1 2.582-2.745zh5zm12.025-2 .125.015.11.032.128.061c.18.108.317.29.353.522l.009.12v5a.75.75 0 0 1-1.493.102L18.25 10V6.811l-6.72 6.72a.75.75 0 0 1-1.133-.977l.073-.084 6.718-6.72H14a.75.75 0 0 1-.743-.648L13.25 5a.75.75 0 0 1 .648-.743L14 4.25z\"/></svg>"};
|
|
210
|
-
|
|
211
|
-
var newWindow = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"new-window-stroke__title new-window-stroke__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title id=\"new-window-stroke__title\">Link will open a new tab or window.</title><desc id=\"new-window-stroke__desc\">Notice indicator to alert users that action will result in the browser opening a new tab or window.</desc><path fill-rule=\"evenodd\" d=\"M20.246 5.687a2.063 2.063 0 0 0-2.058-1.937H8.813l-.126.004A2.063 2.063 0 0 0 6.75 5.813v.937H6.5l-.168.005A2.75 2.75 0 0 0 3.75 9.5v8l.005.168A2.75 2.75 0 0 0 6.5 20.25h8l.168-.005A2.75 2.75 0 0 0 17.25 17.5v-.25h.938l.125-.004a2.063 2.063 0 0 0 1.937-2.058V5.813zM15.75 17.25H8.813a2.063 2.063 0 0 1-2.06-1.937l-.003-.126V8.25H6.5a1.25 1.25 0 0 0-1.244 1.123L5.25 9.5v8c0 .648.492 1.18 1.122 1.244l.128.006h8a1.25 1.25 0 0 0 1.243-1.122l.007-.128zm-6.625-12h8.75l.09.005a.875.875 0 0 1 .785.87v8.75l-.005.09a.875.875 0 0 1-.87.785h-8.75l-.09-.005a.875.875 0 0 1-.785-.87v-8.75l.005-.09a.875.875 0 0 1 .87-.785m4.28 1.757L13.507 7c.38 0 .693.3.743.69l.007.11-.007 1.938h2c.38 0 .694.301.743.691l.007.108c0 .405-.282.74-.648.792l-.102.007h-2.001l.001 1.865c0 .404-.282.739-.648.792L13.5 14c-.38 0-.694-.3-.743-.69l-.007-.11-.001-1.864H10.75c-.38 0-.694-.3-.743-.69L10 10.537c0-.404.282-.738.648-.791l.102-.008h2l.007-1.939c0-.404.282-.739.648-.792\"/></svg>"};
|
|
212
|
-
|
|
213
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
214
|
-
// See LICENSE in the project root for license information.
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
// build the component class
|
|
218
|
-
class ComponentBase extends i$3 {
|
|
219
|
-
constructor() {
|
|
220
|
-
super();
|
|
221
|
-
|
|
222
|
-
this.download = false;
|
|
223
|
-
this.relative = false;
|
|
224
|
-
this.secondary = false;
|
|
225
|
-
this.tertiary = false;
|
|
226
|
-
this.ondark = false;
|
|
227
|
-
this.small = false;
|
|
228
|
-
|
|
229
|
-
/**
|
|
230
|
-
* @private
|
|
231
|
-
*/
|
|
232
|
-
this.defaultReferrerPolicy = 'strict-origin-when-cross-origin';
|
|
233
|
-
|
|
234
|
-
/**
|
|
235
|
-
* @private
|
|
236
|
-
*/
|
|
237
|
-
this.ariapressed = 'false';
|
|
238
|
-
|
|
239
|
-
/**
|
|
240
|
-
* @private
|
|
241
|
-
*/
|
|
242
|
-
this.tabIsActive = 'false';
|
|
243
|
-
|
|
244
|
-
/**
|
|
245
|
-
* @private
|
|
246
|
-
*/
|
|
247
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
248
|
-
|
|
249
|
-
/*
|
|
250
|
-
If the component requires a touch detection,
|
|
251
|
-
please use this function to determine if a user is
|
|
252
|
-
actively touching a device, versus detecting if
|
|
253
|
-
the device is touch enables or a handheld device.
|
|
254
|
-
|
|
255
|
-
Also uncomment the touch detection lib above
|
|
256
|
-
*/
|
|
257
|
-
this.addEventListener('touchstart', function() {
|
|
258
|
-
this.classList.add('is-touching');
|
|
259
|
-
});
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
// function to define props used within the scope of this component
|
|
263
|
-
static get properties() {
|
|
264
|
-
return {
|
|
265
|
-
href: { type: String },
|
|
266
|
-
rel: { type: String },
|
|
267
|
-
role: { type: String },
|
|
268
|
-
target: { type: String },
|
|
269
|
-
download: { type: Boolean },
|
|
270
|
-
relative: { type: Boolean },
|
|
271
|
-
secondary: { type: Boolean },
|
|
272
|
-
tertiary: { type: Boolean },
|
|
273
|
-
ondark: { type: Boolean },
|
|
274
|
-
type: { type: String },
|
|
275
|
-
fluid: { type: Boolean },
|
|
276
|
-
referrerpolicy: { type: Boolean },
|
|
277
|
-
small: { type: Boolean }
|
|
278
|
-
};
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
firstUpdated() {
|
|
282
|
-
// Add the tag name as an attribute if it is different than the component name
|
|
283
|
-
this.runtimeUtils.handleComponentTagRename(this, 'auro-hyperlink');
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
/**
|
|
287
|
-
* Returns a safe URI based on the provided `href` and `relative` parameters.
|
|
288
|
-
* If `href` is truthy, it generates a safe URL using the `safeUrl` function.
|
|
289
|
-
* Otherwise, it returns an empty string.
|
|
290
|
-
*
|
|
291
|
-
* @example
|
|
292
|
-
* // Assuming this.href = 'http://example.com' and this.relative = false
|
|
293
|
-
* this.safeUri; // Returns 'http://example.com'
|
|
294
|
-
*
|
|
295
|
-
* @example
|
|
296
|
-
* // Assuming this.href = '' or this.href = null
|
|
297
|
-
* this.safeUri; // Returns ''
|
|
298
|
-
*
|
|
299
|
-
* @returns {string} The safe URI or an empty string.
|
|
300
|
-
*/
|
|
301
|
-
get safeUri() {
|
|
302
|
-
return this.href ? this.safeUrl(this.href, this.relative) : '';
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
/**
|
|
306
|
-
* Checks whether the provided URI (if available) includes the 'http' protocol.
|
|
307
|
-
* If the URI is truthy, it examines whether it contains 'http'.
|
|
308
|
-
* Otherwise, it returns false.
|
|
309
|
-
*
|
|
310
|
-
* @example
|
|
311
|
-
* // Assuming this.href = 'http://example.com'
|
|
312
|
-
* this.includesDomain; // Returns true
|
|
313
|
-
*
|
|
314
|
-
* @example
|
|
315
|
-
* // Assuming this.href = '/path/to/file'
|
|
316
|
-
* this.includesDomain; // Returns false
|
|
317
|
-
*
|
|
318
|
-
* @example
|
|
319
|
-
* // Assuming this.href = '' or this.href = null
|
|
320
|
-
* this.includesDomain; // Returns false
|
|
321
|
-
*
|
|
322
|
-
* @private
|
|
323
|
-
* @returns {boolean} True if the URI includes 'http', false otherwise.
|
|
324
|
-
*/
|
|
325
|
-
get includesDomain() {
|
|
326
|
-
return this.href ? this.safeUri.includes('http') : false;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
/**
|
|
330
|
-
* Generates a safe URL based on the provided `href` and `relative` parameters.
|
|
331
|
-
* If `href` is falsy, it returns `undefined`.
|
|
332
|
-
*
|
|
333
|
-
* @example
|
|
334
|
-
* // Assuming href = 'http://example.com' and relative = false
|
|
335
|
-
* this.safeUrl(href, relative); // Returns 'https://example.com'
|
|
336
|
-
*
|
|
337
|
-
* @example
|
|
338
|
-
* // Assuming href = '/path/to/file' and relative = true
|
|
339
|
-
* this.safeUrl(href, relative); // Returns '/path/to/file'
|
|
340
|
-
*
|
|
341
|
-
* @example
|
|
342
|
-
* // Assuming href = 'javascript:alert("Hello")'
|
|
343
|
-
* this.safeUrl(href, relative); // Returns undefined
|
|
344
|
-
*
|
|
345
|
-
* @private
|
|
346
|
-
* @param {string} href - The original URL.
|
|
347
|
-
* @param {boolean} relative - Indicates whether the URL is relative.
|
|
348
|
-
* @returns {string|undefined} The safe URL or `undefined`.
|
|
349
|
-
*/
|
|
350
|
-
safeUrl(href, relative) {
|
|
351
|
-
if (!href) {
|
|
352
|
-
return undefined;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
const url = new URL(href, 'https://www.alaskaair.com');
|
|
356
|
-
|
|
357
|
-
switch (url.protocol) {
|
|
358
|
-
case 'tel:':
|
|
359
|
-
case 'sms:':
|
|
360
|
-
case 'mailto:':
|
|
361
|
-
return href;
|
|
362
|
-
|
|
363
|
-
// Specifically want to render NO shadowDOM for the following refs
|
|
364
|
-
case 'javascript:':
|
|
365
|
-
case 'data:':
|
|
366
|
-
case 'vbscript:':
|
|
367
|
-
return undefined;
|
|
368
|
-
|
|
369
|
-
default:
|
|
370
|
-
if (!relative) {
|
|
371
|
-
url.protocol = 'https:';
|
|
372
|
-
return url.href;
|
|
373
|
-
} else {
|
|
374
|
-
return href.replace(/^[^:]+:/, "");
|
|
375
|
-
}
|
|
376
|
-
}
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
/**
|
|
380
|
-
* Generates an HTML element containing an SVG icon based on the provided `svgContent`.
|
|
381
|
-
*
|
|
382
|
-
* @example
|
|
383
|
-
* // Assuming svgContent = '<svg><path d="..."/></svg>'
|
|
384
|
-
* this.generateIconHtml(svgContent); // Returns HTML element containing the SVG icon
|
|
385
|
-
*
|
|
386
|
-
* @private
|
|
387
|
-
* @param {string} svgContent - The SVG content to be embedded.
|
|
388
|
-
* @returns {Element} The HTML element containing the SVG icon.
|
|
389
|
-
*/
|
|
390
|
-
generateIconHtml(svgContent) {
|
|
391
|
-
const dom = new DOMParser().parseFromString(svgContent, 'text/html');
|
|
392
|
-
const svg = dom.body.firstChild;
|
|
393
|
-
|
|
394
|
-
svg.setAttribute('slot', 'svg');
|
|
395
|
-
|
|
396
|
-
return u`<${this.iconTag} customColor customSvg part="targetIcon">${svg}</${this.iconTag}>`;
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
/**
|
|
400
|
-
* Generates an icon HTML element based on the target attribute.
|
|
401
|
-
*
|
|
402
|
-
* @example
|
|
403
|
-
* // Assuming target = '_blank' and this.safeUri = 'http://alaskaair.com'
|
|
404
|
-
* this.targetIcon(target); // Returns HTML element containing the new window icon
|
|
405
|
-
*
|
|
406
|
-
* @example
|
|
407
|
-
* // Assuming target = '_blank' and this.safeUri = 'http://external.com'
|
|
408
|
-
* this.targetIcon(target); // Returns HTML element containing the external link icon
|
|
409
|
-
*
|
|
410
|
-
* @example
|
|
411
|
-
* // Assuming target = '_self' or this.safeUri = '/relative/path'
|
|
412
|
-
* this.targetIcon(target); // Returns undefined
|
|
413
|
-
*
|
|
414
|
-
* @private
|
|
415
|
-
* @param {string} target - The target attribute of the anchor element.
|
|
416
|
-
* @returns {HTMLElement|undefined} The HTML element containing the icon, or undefined if no icon is generated.
|
|
417
|
-
*/
|
|
418
|
-
targetIcon(target) {
|
|
419
|
-
|
|
420
|
-
/**
|
|
421
|
-
* Checks if a URL's domain is from the 'alaskaair.com' domain or its subdomains.
|
|
422
|
-
* @param {string} url - The URL to check.
|
|
423
|
-
* @returns {boolean} Returns true if the URL's domain is 'alaskaair.com' or one of its subdomains, otherwise false.
|
|
424
|
-
*/
|
|
425
|
-
const isAlaskaAirDomain = (url) => {
|
|
426
|
-
const urlObject = new URL(url);
|
|
427
|
-
return urlObject.hostname.endsWith('.alaskaair.com');
|
|
428
|
-
};
|
|
429
|
-
|
|
430
|
-
// If target is '_blank' and the URL's domain is 'alaskaair.com' or one of its subdomains, return icon for new window
|
|
431
|
-
if (target === '_blank' && isAlaskaAirDomain(this.safeUri)) {
|
|
432
|
-
return this.generateIconHtml(newWindow.svg);
|
|
433
|
-
} else if (target === '_blank' && !isAlaskaAirDomain(this.safeUri) && this.includesDomain) {
|
|
434
|
-
// If target is '_blank' and the URL does not belong to 'alaskaair.com' or its subdomains but contains a domain, return icon for external link
|
|
435
|
-
return this.generateIconHtml(externalLink.svg);
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
return undefined;
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
/**
|
|
442
|
-
* Returns the state of a tab as a string.
|
|
443
|
-
*
|
|
444
|
-
* @example
|
|
445
|
-
* // Assuming tabIsActive = true
|
|
446
|
-
* this.getTabState(tabIsActive); // Returns 'is-active'
|
|
447
|
-
*
|
|
448
|
-
* @example
|
|
449
|
-
* // Assuming tabIsActive = false
|
|
450
|
-
* this.getTabState(tabIsActive); // Returns ''
|
|
451
|
-
*
|
|
452
|
-
* @private
|
|
453
|
-
* @param {boolean} tabIsActive - Indicates whether the tab is active.
|
|
454
|
-
* @returns {string} 'is-active' if the tab is active, otherwise an empty string.
|
|
455
|
-
*/
|
|
456
|
-
getTabState(tabIsActive) {
|
|
457
|
-
return tabIsActive === true ? "is-active" : '';
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
/**
|
|
461
|
-
* Gets the rel attribute value based on target and rel values.
|
|
462
|
-
*
|
|
463
|
-
* @example
|
|
464
|
-
* // Assuming target = '_blank', rel = 'noFollow', and this.safeUri = 'http://alaskaair.com'
|
|
465
|
-
* this.getRelType(target, rel); // Returns 'noFollow'
|
|
466
|
-
*
|
|
467
|
-
* @example
|
|
468
|
-
* // Assuming target = '_blank', rel = undefined, this.safeUri = 'http://alaskaair.com', and this.includesDomain = true
|
|
469
|
-
* this.getRelType(target, rel); // Returns undefined
|
|
470
|
-
*
|
|
471
|
-
* @example
|
|
472
|
-
* // Assuming target = '_blank', rel = undefined, this.safeUri = 'http://external.com', this.includesDomain = true, and this.referrerpolicy = undefined
|
|
473
|
-
* this.getRelType(target, rel); // Returns 'noOpener noReferrer'
|
|
474
|
-
*
|
|
475
|
-
* @example
|
|
476
|
-
* // Assuming target = '_blank', rel = undefined, this.safeUri = 'http://external.com', this.includesDomain = true, and this.referrerpolicy = 'no-referrer'
|
|
477
|
-
* this.getRelType(target, rel); // Returns 'external'
|
|
478
|
-
*
|
|
479
|
-
* @private
|
|
480
|
-
* @param {string} target - The target attribute of the anchor element.
|
|
481
|
-
* @param {string} rel - The rel attribute of the anchor element.
|
|
482
|
-
* @returns {string|undefined} The rel attribute value or undefined if not applicable.
|
|
483
|
-
*/
|
|
484
|
-
getRelType(target, rel) {
|
|
485
|
-
|
|
486
|
-
if (rel) {
|
|
487
|
-
return rel;
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
if (target === '_blank' && this.safeUri.includes('alaskaair.com')) {
|
|
491
|
-
return rel;
|
|
492
|
-
}
|
|
493
|
-
|
|
494
|
-
if (target === '_blank' && this.includesDomain && !this.rel && !this.referrerpolicy) {
|
|
495
|
-
return 'noOpener noReferrer';
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
if (target === '_blank' && this.referrerpolicy) {
|
|
499
|
-
return 'external';
|
|
500
|
-
}
|
|
501
|
-
|
|
502
|
-
return undefined;
|
|
503
|
-
}
|
|
504
|
-
|
|
505
|
-
/**
|
|
506
|
-
* Sets the ARIA pressed state based on user interactions.
|
|
507
|
-
*
|
|
508
|
-
* @example
|
|
509
|
-
* // Assuming ariaPressed = false and user performs a mousedown event
|
|
510
|
-
* this.ariaPressedState(ariaPressed); // Returns true
|
|
511
|
-
*
|
|
512
|
-
* @example
|
|
513
|
-
* // Assuming ariaPressed = true and user performs a mouseup event
|
|
514
|
-
* this.ariaPressedState(ariaPressed); // Returns false
|
|
515
|
-
*
|
|
516
|
-
* @example
|
|
517
|
-
* // Assuming ariaPressed = false and user performs a keydown event with 'Enter' or 'Space'
|
|
518
|
-
* this.ariaPressedState(ariaPressed); // Returns true
|
|
519
|
-
*
|
|
520
|
-
* @example
|
|
521
|
-
* // Assuming ariaPressed = true and user performs a keyup event
|
|
522
|
-
* this.ariaPressedState(ariaPressed); // Returns false
|
|
523
|
-
*
|
|
524
|
-
* @private
|
|
525
|
-
* @param {boolean} ariaPressed - The initial value of the ARIA pressed state.
|
|
526
|
-
* @returns {boolean} The updated ARIA pressed state.
|
|
527
|
-
*/
|
|
528
|
-
ariaPressedState(ariaPressed) {
|
|
529
|
-
const ariaToggle = function (event) {
|
|
530
|
-
const ariaPressedNode = this.shadowRoot.querySelector('[aria-pressed]');
|
|
531
|
-
ariaPressedNode.setAttribute("aria-pressed", 'false');
|
|
532
|
-
|
|
533
|
-
if (event.type === 'mousedown') {
|
|
534
|
-
ariaPressedNode.ariaPressed = true;
|
|
535
|
-
} else {
|
|
536
|
-
ariaPressedNode.ariaPressed = false;
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
if (event.type === 'keydown') {
|
|
540
|
-
if (event.code === 'Enter' || event.code === 'Space') {
|
|
541
|
-
ariaPressedNode.ariaPressed = true;
|
|
542
|
-
} else {
|
|
543
|
-
ariaPressedNode.ariaPressed = false;
|
|
544
|
-
}
|
|
545
|
-
}
|
|
546
|
-
};
|
|
547
|
-
|
|
548
|
-
// Add event listeners
|
|
549
|
-
this.addEventListener('mousedown', ariaToggle);
|
|
550
|
-
this.addEventListener('mouseup', ariaToggle);
|
|
551
|
-
this.addEventListener('keydown', ariaToggle);
|
|
552
|
-
this.addEventListener('keyup', ariaToggle);
|
|
553
|
-
|
|
554
|
-
return ariaPressed;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
|
-
// function renders HTML and CSS into the scope of the component
|
|
558
|
-
render() {
|
|
559
|
-
return u`
|
|
560
|
-
${this.getMarkup()}
|
|
561
|
-
`;
|
|
562
|
-
}
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
566
|
-
// See LICENSE in the project root for license information.
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
class AuroDependencyVersioning {
|
|
570
|
-
|
|
571
|
-
/**
|
|
572
|
-
* Generates a unique string to be used for child auro element naming.
|
|
573
|
-
* @private
|
|
574
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
575
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
576
|
-
* @returns {string} - Unique string to be used for naming.
|
|
577
|
-
*/
|
|
578
|
-
generateElementName(baseName, version) {
|
|
579
|
-
let result = baseName;
|
|
580
|
-
|
|
581
|
-
result += '-';
|
|
582
|
-
result += version.replace(/[.]/g, '_');
|
|
583
|
-
|
|
584
|
-
return result;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
/**
|
|
588
|
-
* Generates a unique string to be used for child auro element naming.
|
|
589
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
590
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
591
|
-
* @returns {string} - Unique string to be used for naming.
|
|
592
|
-
*/
|
|
593
|
-
generateTag(baseName, version, tagClass) {
|
|
594
|
-
const elementName = this.generateElementName(baseName, version);
|
|
595
|
-
const tag = i$2`${s(elementName)}`;
|
|
596
|
-
|
|
597
|
-
if (!customElements.get(elementName)) {
|
|
598
|
-
customElements.define(elementName, class extends tagClass {});
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
return tag;
|
|
602
|
-
}
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
606
|
-
// See LICENSE in the project root for license information.
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
/**
|
|
610
|
-
* @attr {Boolean} hidden - If present, the component will be hidden both visually and from screen readers
|
|
611
|
-
* @attr {Boolean} hiddenVisually - If present, the component will be hidden visually, but still read by screen readers
|
|
612
|
-
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
613
|
-
*/
|
|
614
|
-
|
|
615
|
-
class AuroElement extends i$3 {
|
|
616
|
-
|
|
617
|
-
// function to define props used within the scope of this component
|
|
618
|
-
static get properties() {
|
|
619
|
-
return {
|
|
620
|
-
hidden: { type: Boolean,
|
|
621
|
-
reflect: true },
|
|
622
|
-
hiddenVisually: { type: Boolean,
|
|
623
|
-
reflect: true },
|
|
624
|
-
hiddenAudible: { type: Boolean,
|
|
625
|
-
reflect: true },
|
|
626
|
-
};
|
|
627
|
-
}
|
|
628
|
-
|
|
629
|
-
/**
|
|
630
|
-
* @private Function that determines state of aria-hidden
|
|
631
|
-
*/
|
|
632
|
-
hideAudible(value) {
|
|
633
|
-
if (value) {
|
|
634
|
-
return 'true'
|
|
635
|
-
}
|
|
636
|
-
|
|
637
|
-
return 'false'
|
|
638
|
-
}
|
|
639
|
-
}
|
|
640
|
-
|
|
641
|
-
var error = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
642
|
-
|
|
643
|
-
/* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */
|
|
644
|
-
|
|
645
|
-
const _fetchMap = new Map();
|
|
646
|
-
|
|
647
|
-
/**
|
|
648
|
-
* A callback to parse Response body.
|
|
649
|
-
*
|
|
650
|
-
* @callback ResponseParser
|
|
651
|
-
* @param {Fetch.Response} response
|
|
652
|
-
* @returns {Promise}
|
|
653
|
-
*/
|
|
654
|
-
|
|
655
|
-
/**
|
|
656
|
-
* A minimal in-memory map to de-duplicate Fetch API media requests.
|
|
657
|
-
*
|
|
658
|
-
* @param {String} uri
|
|
659
|
-
* @param {Object} [options={}]
|
|
660
|
-
* @param {ResponseParser} [options.responseParser=(response) => response.text()]
|
|
661
|
-
* @returns {Promise}
|
|
662
|
-
*/
|
|
663
|
-
const cacheFetch = (uri, options = {}) => {
|
|
664
|
-
const responseParser = options.responseParser || ((response) => response.text());
|
|
665
|
-
if (!_fetchMap.has(uri)) {
|
|
666
|
-
_fetchMap.set(uri, fetch(uri).then(responseParser));
|
|
667
|
-
}
|
|
668
|
-
return _fetchMap.get(uri);
|
|
669
|
-
};
|
|
670
|
-
|
|
671
|
-
var styleCss$4 = i$4`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.componentWrapper{display:flex}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelWrapper{margin-left:var(--ds-size-50, 0.25rem);line-height:1.8}`;
|
|
672
|
-
|
|
673
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
674
|
-
// See LICENSE in the project root for license information.
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
678
|
-
/**
|
|
679
|
-
* @attr {Boolean} onDark - Set value for on-dark version of auro-icon
|
|
680
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed
|
|
681
|
-
*/
|
|
682
|
-
|
|
683
|
-
// build the component class
|
|
684
|
-
class BaseIcon extends AuroElement {
|
|
685
|
-
constructor() {
|
|
686
|
-
super();
|
|
687
|
-
this.onDark = false;
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
// function to define props used within the scope of this component
|
|
691
|
-
static get properties() {
|
|
692
|
-
return {
|
|
693
|
-
...super.properties,
|
|
694
|
-
onDark: {
|
|
695
|
-
type: Boolean,
|
|
696
|
-
reflect: true
|
|
697
|
-
},
|
|
698
|
-
|
|
699
|
-
/**
|
|
700
|
-
* @private
|
|
701
|
-
*/
|
|
702
|
-
svg: {
|
|
703
|
-
attribute: false,
|
|
704
|
-
reflect: true
|
|
705
|
-
}
|
|
706
|
-
};
|
|
707
|
-
}
|
|
708
|
-
|
|
709
|
-
static get styles() {
|
|
710
|
-
return i$4`
|
|
711
|
-
${styleCss$4}
|
|
712
|
-
`;
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
/**
|
|
716
|
-
* Async function to fetch requested icon from npm CDN.
|
|
717
|
-
* @private
|
|
718
|
-
* @param {string} category - Icon category.
|
|
719
|
-
* @param {string} name - Icon name.
|
|
720
|
-
* @returns {SVGElement} DOM - Ready HTML to be appended.
|
|
721
|
-
*/
|
|
722
|
-
async fetchIcon(category, name) {
|
|
723
|
-
let iconHTML = '';
|
|
724
|
-
|
|
725
|
-
if (category === 'logos') {
|
|
726
|
-
iconHTML = await cacheFetch(`${this.uri}/${category}/${name}.svg`);
|
|
727
|
-
} else {
|
|
728
|
-
iconHTML = await cacheFetch(`${this.uri}/icons/${category}/${name}.svg`);
|
|
729
|
-
}
|
|
730
|
-
|
|
731
|
-
const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
|
|
732
|
-
|
|
733
|
-
return dom.body.querySelector('svg');
|
|
734
|
-
}
|
|
735
|
-
|
|
736
|
-
// lifecycle function
|
|
737
|
-
async firstUpdated() {
|
|
738
|
-
if (!this.customSvg) {
|
|
739
|
-
const svg = await this.fetchIcon(this.category, this.name);
|
|
740
|
-
|
|
741
|
-
if (svg) {
|
|
742
|
-
this.svg = svg;
|
|
743
|
-
} else if (!svg) {
|
|
744
|
-
const penDOM = new DOMParser().parseFromString(error.svg, 'text/html');
|
|
745
|
-
|
|
746
|
-
this.svg = penDOM.body.firstChild;
|
|
747
|
-
}
|
|
748
|
-
}
|
|
749
|
-
}
|
|
750
|
-
}
|
|
751
|
-
|
|
752
|
-
var tokensCss$1 = i$4`:host{--ds-auro-icon-color:var(--ds-color-icon-primary-default, #676767);--ds-auro-icon-size:var(--ds-size-300, 1.5rem)}`;
|
|
753
|
-
|
|
754
|
-
var colorCss$1 = i$4`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color:var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color:var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color:var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color:var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color:var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color:var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color:var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color:var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color:var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color:var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color:var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color:var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color:var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color:var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
8
|
+
const a=Symbol.for(""),o$1=t=>{if(t?.r===a)return t?._$litStatic$},l=new Map,n$1=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$1(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u=n$1(x);
|
|
755
9
|
|
|
756
10
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
757
11
|
// See LICENSE in the project root for license information.
|
|
@@ -823,390 +77,7 @@ class AuroLibraryRuntimeUtils {
|
|
|
823
77
|
}
|
|
824
78
|
}
|
|
825
79
|
|
|
826
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
827
|
-
// See LICENSE in the project root for license information.
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
class AuroIcon extends BaseIcon {
|
|
831
|
-
constructor() {
|
|
832
|
-
super();
|
|
833
|
-
|
|
834
|
-
this.privateDefaults();
|
|
835
|
-
}
|
|
836
|
-
|
|
837
|
-
/**
|
|
838
|
-
* Internal Defaults.
|
|
839
|
-
* @private
|
|
840
|
-
* @returns {void}
|
|
841
|
-
*/
|
|
842
|
-
privateDefaults() {
|
|
843
|
-
this.accent = false;
|
|
844
|
-
this.customColor = false;
|
|
845
|
-
this.customSvg = false;
|
|
846
|
-
this.disabled = false;
|
|
847
|
-
this.emphasis = false;
|
|
848
|
-
this.error = false;
|
|
849
|
-
this.info = false;
|
|
850
|
-
this.label = false;
|
|
851
|
-
this.primary = false;
|
|
852
|
-
this.secondary = false;
|
|
853
|
-
this.subtle = false;
|
|
854
|
-
this.success = false;
|
|
855
|
-
this.tertiary = false;
|
|
856
|
-
this.warning = false;
|
|
857
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
858
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
859
|
-
}
|
|
860
|
-
|
|
861
|
-
// function to define props used within the scope of this component
|
|
862
|
-
static get properties() {
|
|
863
|
-
return {
|
|
864
|
-
...super.properties,
|
|
865
|
-
|
|
866
|
-
/**
|
|
867
|
-
* Sets the icon to use the accent style.
|
|
868
|
-
*/
|
|
869
|
-
accent: {
|
|
870
|
-
type: Boolean,
|
|
871
|
-
reflect: true
|
|
872
|
-
},
|
|
873
|
-
|
|
874
|
-
/**
|
|
875
|
-
* Set aria-hidden value. Default is `true`. Option is `false`.
|
|
876
|
-
*/
|
|
877
|
-
ariaHidden: {
|
|
878
|
-
type: String,
|
|
879
|
-
reflect: true
|
|
880
|
-
},
|
|
881
|
-
|
|
882
|
-
/**
|
|
883
|
-
* The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
884
|
-
*/
|
|
885
|
-
category: {
|
|
886
|
-
type: String,
|
|
887
|
-
reflect: true
|
|
888
|
-
},
|
|
889
|
-
|
|
890
|
-
/**
|
|
891
|
-
* Allows custom color to be set.
|
|
892
|
-
*/
|
|
893
|
-
customColor: {
|
|
894
|
-
type: Boolean
|
|
895
|
-
},
|
|
896
|
-
|
|
897
|
-
/**
|
|
898
|
-
* When true, auro-icon will render a custom SVG inside the default slot.
|
|
899
|
-
*/
|
|
900
|
-
customSvg: {
|
|
901
|
-
type: Boolean
|
|
902
|
-
},
|
|
903
|
-
|
|
904
|
-
/**
|
|
905
|
-
* Sets the icon to use the disabled style.
|
|
906
|
-
*/
|
|
907
|
-
disabled: {
|
|
908
|
-
type: Boolean,
|
|
909
|
-
reflect: true
|
|
910
|
-
},
|
|
911
|
-
|
|
912
|
-
/**
|
|
913
|
-
* Sets the icon to use the emphasis style.
|
|
914
|
-
*/
|
|
915
|
-
emphasis: {
|
|
916
|
-
type: Boolean,
|
|
917
|
-
reflect: true
|
|
918
|
-
},
|
|
919
|
-
|
|
920
|
-
/**
|
|
921
|
-
* Sets the icon to use the error style.
|
|
922
|
-
*/
|
|
923
|
-
error: {
|
|
924
|
-
type: Boolean,
|
|
925
|
-
reflect: true
|
|
926
|
-
},
|
|
927
|
-
|
|
928
|
-
/**
|
|
929
|
-
* Sets the icon to use the info style.
|
|
930
|
-
*/
|
|
931
|
-
info: {
|
|
932
|
-
type: Boolean,
|
|
933
|
-
reflect: true
|
|
934
|
-
},
|
|
935
|
-
|
|
936
|
-
/**
|
|
937
|
-
* Exposes content in slot as icon label.
|
|
938
|
-
*/
|
|
939
|
-
label: {
|
|
940
|
-
type: Boolean,
|
|
941
|
-
reflect: true
|
|
942
|
-
},
|
|
943
|
-
|
|
944
|
-
/**
|
|
945
|
-
* The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage.
|
|
946
|
-
*/
|
|
947
|
-
name: {
|
|
948
|
-
type: String,
|
|
949
|
-
reflect: true
|
|
950
|
-
},
|
|
951
|
-
|
|
952
|
-
/**
|
|
953
|
-
* DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
954
|
-
*/
|
|
955
|
-
primary: {
|
|
956
|
-
type: Boolean,
|
|
957
|
-
reflect: true
|
|
958
|
-
},
|
|
959
|
-
|
|
960
|
-
/**
|
|
961
|
-
* Sets the icon to use the secondary style.
|
|
962
|
-
*/
|
|
963
|
-
secondary: {
|
|
964
|
-
type: Boolean,
|
|
965
|
-
reflect: true
|
|
966
|
-
},
|
|
967
|
-
|
|
968
|
-
/**
|
|
969
|
-
* Sets the icon to use the subtle style.
|
|
970
|
-
*/
|
|
971
|
-
subtle: {
|
|
972
|
-
type: Boolean,
|
|
973
|
-
reflect: true
|
|
974
|
-
},
|
|
975
|
-
|
|
976
|
-
/**
|
|
977
|
-
* Sets the icon to use the success style.
|
|
978
|
-
*/
|
|
979
|
-
success: {
|
|
980
|
-
type: Boolean,
|
|
981
|
-
reflect: true
|
|
982
|
-
},
|
|
983
|
-
|
|
984
|
-
/**
|
|
985
|
-
* Sets the icon to use the tertiary style.
|
|
986
|
-
*/
|
|
987
|
-
tertiary: {
|
|
988
|
-
type: Boolean,
|
|
989
|
-
reflect: true
|
|
990
|
-
},
|
|
991
|
-
|
|
992
|
-
/**
|
|
993
|
-
* Sets the icon to use the warning style.
|
|
994
|
-
*/
|
|
995
|
-
warning: {
|
|
996
|
-
type: Boolean,
|
|
997
|
-
reflect: true
|
|
998
|
-
}
|
|
999
|
-
};
|
|
1000
|
-
}
|
|
1001
|
-
|
|
1002
|
-
static get styles() {
|
|
1003
|
-
return [
|
|
1004
|
-
super.styles,
|
|
1005
|
-
i$4`${tokensCss$1}`,
|
|
1006
|
-
i$4`${styleCss$4}`,
|
|
1007
|
-
i$4`${colorCss$1}`
|
|
1008
|
-
];
|
|
1009
|
-
}
|
|
1010
|
-
|
|
1011
|
-
/**
|
|
1012
|
-
* This will register this element with the browser.
|
|
1013
|
-
* @param {string} [name="auro-icon"] - The name of element that you want to register to.
|
|
1014
|
-
*
|
|
1015
|
-
* @example
|
|
1016
|
-
* AuroIcon.register("custom-icon") // this will register this element to <custom-icon/>
|
|
1017
|
-
*
|
|
1018
|
-
*/
|
|
1019
|
-
static register(name = "auro-icon") {
|
|
1020
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
|
|
1021
|
-
}
|
|
1022
|
-
|
|
1023
|
-
connectedCallback() {
|
|
1024
|
-
super.connectedCallback();
|
|
1025
|
-
|
|
1026
|
-
// Add the tag name as an attribute if it is different than the component name
|
|
1027
|
-
this.runtimeUtils.handleComponentTagRename(this, 'auro-icon');
|
|
1028
|
-
}
|
|
1029
|
-
|
|
1030
|
-
/**
|
|
1031
|
-
* @private
|
|
1032
|
-
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
1033
|
-
*/
|
|
1034
|
-
exposeCssParts() {
|
|
1035
|
-
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
1036
|
-
}
|
|
1037
|
-
|
|
1038
|
-
async firstUpdated() {
|
|
1039
|
-
await super.firstUpdated();
|
|
1040
|
-
|
|
1041
|
-
// Removes the SVG description for screenreader if ariaHidden is set to true
|
|
1042
|
-
if (!this.hasAttribute('ariaHidden') && this.svg) {
|
|
1043
|
-
const svgDesc = this.svg.querySelector('desc');
|
|
1044
|
-
|
|
1045
|
-
if (svgDesc) {
|
|
1046
|
-
svgDesc.remove();
|
|
1047
|
-
this.svg.removeAttribute('aria-labelledby');
|
|
1048
|
-
}
|
|
1049
|
-
}
|
|
1050
|
-
}
|
|
1051
|
-
|
|
1052
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
1053
|
-
render() {
|
|
1054
|
-
const labelClasses = {
|
|
1055
|
-
'labelWrapper': true,
|
|
1056
|
-
'util_displayHiddenVisually': !this.label
|
|
1057
|
-
};
|
|
1058
|
-
|
|
1059
|
-
const svgClasses = {
|
|
1060
|
-
'svgWrapper': true,
|
|
1061
|
-
};
|
|
1062
|
-
|
|
1063
|
-
return x`
|
|
1064
|
-
<div class="componentWrapper">
|
|
1065
|
-
<div
|
|
1066
|
-
class="${e(svgClasses)}"
|
|
1067
|
-
title="${o$1(this.title || undefined)}">
|
|
1068
|
-
<span aria-hidden="${o$1(this.ariaHidden || true)}" part="svg">
|
|
1069
|
-
${this.customSvg ? x`
|
|
1070
|
-
<slot name="svg"></slot>
|
|
1071
|
-
` : x`
|
|
1072
|
-
${this.svg}
|
|
1073
|
-
`
|
|
1074
|
-
}
|
|
1075
|
-
</span>
|
|
1076
|
-
</div>
|
|
1077
|
-
|
|
1078
|
-
<div class="${e(labelClasses)}">
|
|
1079
|
-
<slot></slot>
|
|
1080
|
-
</div>
|
|
1081
|
-
</div>
|
|
1082
|
-
`;
|
|
1083
|
-
}
|
|
1084
|
-
}
|
|
1085
|
-
|
|
1086
|
-
var iconVersion = '7.0.0';
|
|
1087
|
-
|
|
1088
|
-
var styleCss$3 = i$4`:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block}:host([type=nav]) .hyperlink:focus{text-decoration:underline}:host([fluid][type=cta]),:host([fluid=true][type=cta]){width:100%;box-sizing:border-box}:host([fluid][type=cta]) .hyperlink--cta,:host([fluid=true][type=cta]) .hyperlink--cta{width:100%;box-sizing:border-box}.hyperlink{transition:all .15s ease;text-decoration:underline;white-space:nowrap}@media(hover: hover){.hyperlink:hover{text-decoration:none}.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--button{display:inline-block;padding:0 var(--ds-size-200, 1rem);text-decoration:none;color:var(--ds-color-text-ui-default-default, #2c67b5);border:1px solid transparent;line-height:var(--ds-unitless-scale-300, 3)}@media(hover: hover){.hyperlink--button:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-container-ui-primary-hover-default, #193d73)}}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:focus-visible{outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:unset}.hyperlink--cta{border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);text-align:center;vertical-align:middle;display:block;padding:0 var(--ds-size-200, 1rem);text-decoration:none;color:var(--ds-color-text-ui-default-default, #2c67b5);border:1px solid transparent;line-height:var(--ds-unitless-scale-300, 3)}@media(hover: hover){.hyperlink--cta:hover{cursor:pointer;text-decoration:underline;color:var(--ds-color-container-ui-primary-hover-default, #193d73)}}.hyperlink--cta:active{transform:scale(0.95)}.hyperlink--cta:focus-visible{outline-style:solid;outline-width:var(--ds-size-50, 0.25rem);outline-offset:calc(-1*(var(--ds-size-50, 0.25rem) + var(--ds-size-25, 0.125rem)))}.hyperlink--cta.hyperlink--secondary{outline-offset:calc(-1*(var(--ds-size-50, 0.25rem)))}.hyperlink--cta.hyperlink--tertiary{outline-offset:calc(-1*(var(--ds-size-50, 0.25rem)))}@media(hover: hover){.hyperlink--cta:hover{text-decoration:none}}@media screen and (min-width: 576px){.hyperlink--cta{display:inline-block;min-width:8.75rem;width:auto;padding:0 var(--ds-size-300, 1.5rem)}}.hyperlink--cta.hyperlink--secondary,.hyperlink--cta.hyperlink--tertiary,.hyperlink--cta.hyperlink--ondark{border-style:solid;border-width:1px}:host([small][type=cta]) .hyperlink--cta,:host([small=true][type=cta]) .hyperlink--cta{display:flex;min-width:unset;min-height:2.25rem;max-height:2.25rem;padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);line-height:var(--ds-unitless-scale-140, 1.4);font-size:var(--ds-text-body-size-sm, 0.875rem)}:host([small][type=cta]) .hyperlink--cta svg,:host([small=true][type=cta]) .hyperlink--cta svg{top:unset}[auro-icon]{--ds-auro-icon-size:var(--ds-size-300, 1.5rem);margin-left:var(--ds-size-25, 0.125rem)}`;
|
|
1089
|
-
|
|
1090
|
-
var colorCss = i$4`:host(:not([type=cta]):not([type=nav]):not([ondark])) a{color:var(--ds-auro-hyperlink-default-color-default);background-color:var(--ds-auro-hyperlink-default-container-color-default);outline-color:var(--ds-auro-hyperlink-default-outline-color-default);border-color:var(--ds-auro-hyperlink-default-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:visited{color:var(--ds-auro-hyperlink-visited-color-default);background-color:var(--ds-auro-hyperlink-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-visited-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-default);background-color:var(--ds-auro-hyperlink-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-focus-border-color-default)}@media(hover: hover){:host(:not([type=cta]):not([type=nav]):not([ondark])) a:hover{color:var(--ds-auro-hyperlink-hover-color-default);background-color:var(--ds-auro-hyperlink-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-hover-border-color-default)}}:host(:not([type=cta]):not([type=nav])[ondark]) a{color:var(--ds-auro-hyperlink-default-color-inverse);background-color:var(--ds-auro-hyperlink-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-default-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:visited{color:var(--ds-auro-hyperlink-visited-color-inverse);background-color:var(--ds-auro-hyperlink-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-visited-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-inverse);background-color:var(--ds-auro-hyperlink-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-focus-border-color-inverse)}@media(hover: hover){:host(:not([type=cta]):not([type=nav])[ondark]) a:hover{color:var(--ds-auro-hyperlink-hover-color-inverse);background-color:var(--ds-auro-hyperlink-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-hover-border-color-inverse)}}:host([type=nav]:not([ondark])) a{color:var(--ds-auro-hyperlink-nav-default-color-default);background-color:var(--ds-auro-hyperlink-nav-default-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-default-border-color-default)}:host([type=nav]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-default);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-default)}:host([type=nav]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-default);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-default)}@media(hover: hover){:host([type=nav]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-default);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-default)}}:host([type=nav][ondark]) a{color:var(--ds-auro-hyperlink-nav-default-color-inverse);background-color:var(--ds-auro-hyperlink-nav-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-default-border-color-inverse)}:host([type=nav][ondark]) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-inverse);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-inverse)}:host([type=nav][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-inverse);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-inverse)}@media(hover: hover){:host([type=nav][ondark]) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-inverse);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-inverse)}}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-default);background-color:var(--ds-auro-hyperlink-cta-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-default-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-default)}@media(hover: hover){:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-default)}}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-default-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-inverse)}}:host([type=cta][secondary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-default)}@media(hover: hover){:host([type=cta][secondary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-default)}}:host([type=cta][secondary][ondark]) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-inverse)}:host([type=cta][secondary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse)}:host([type=cta][secondary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][secondary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse)}}:host([type=cta][tertiary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-default)}@media(hover: hover){:host([type=cta][tertiary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-default)}}:host([type=cta][tertiary][ondark]) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][tertiary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse)}}`;
|
|
1091
|
-
|
|
1092
|
-
var tokensCss = i$4`:host{--ds-auro-hyperlink-default-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-default-container-color-default:transparent;--ds-auro-hyperlink-default-outline-color-default:transparent;--ds-auro-hyperlink-default-border-color-default:transparent;--ds-auro-hyperlink-visited-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-visited-container-color-default:transparent;--ds-auro-hyperlink-visited-outline-color-default:transparent;--ds-auro-hyperlink-visited-border-color-default:transparent;--ds-auro-hyperlink-focus-color-default:var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-hyperlink-focus-container-color-default:transparent;--ds-auro-hyperlink-focus-outline-color-default:transparent;--ds-auro-hyperlink-focus-border-color-default:transparent;--ds-auro-hyperlink-hover-color-default:var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-hover-container-color-default:transparent;--ds-auro-hyperlink-hover-outline-color-default:transparent;--ds-auro-hyperlink-hover-border-color-default:transparent;--ds-auro-hyperlink-default-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-default-container-color-inverse:transparent;--ds-auro-hyperlink-default-outline-color-inverse:transparent;--ds-auro-hyperlink-default-border-color-inverse:transparent;--ds-auro-hyperlink-visited-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-visited-container-color-inverse:transparent;--ds-auro-hyperlink-visited-outline-color-inverse:transparent;--ds-auro-hyperlink-visited-border-color-inverse:transparent;--ds-auro-hyperlink-focus-color-inverse:var(--ds-color-text-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-focus-container-color-inverse:transparent;--ds-auro-hyperlink-focus-outline-color-inverse:transparent;--ds-auro-hyperlink-focus-border-color-inverse:transparent;--ds-auro-hyperlink-hover-color-inverse:var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-hover-container-color-inverse:transparent;--ds-auro-hyperlink-hover-outline-color-inverse:transparent;--ds-auro-hyperlink-hover-border-color-inverse:transparent;--ds-auro-hyperlink-nav-default-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-default-container-color-default:transparent;--ds-auro-hyperlink-nav-default-outline-color-default:transparent;--ds-auro-hyperlink-nav-default-border-color-default:transparent;--ds-auro-hyperlink-nav-visited-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-visited-container-color-default:transparent;--ds-auro-hyperlink-nav-visited-outline-color-default:transparent;--ds-auro-hyperlink-nav-visited-border-color-default:transparent;--ds-auro-hyperlink-nav-focus-color-default:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-outline-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-border-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-hover-color-default:var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-nav-hover-container-color-default:transparent;--ds-auro-hyperlink-nav-hover-outline-color-default:transparent;--ds-auro-hyperlink-nav-hover-border-color-default:transparent;--ds-auro-hyperlink-nav-default-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-default-container-color-inverse:transparent;--ds-auro-hyperlink-nav-default-outline-color-inverse:transparent;--ds-auro-hyperlink-nav-default-border-color-inverse:transparent;--ds-auro-hyperlink-nav-visited-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-visited-container-color-inverse:transparent;--ds-auro-hyperlink-nav-visited-outline-color-inverse:transparent;--ds-auro-hyperlink-nav-visited-border-color-inverse:transparent;--ds-auro-hyperlink-nav-focus-color-inverse:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-inverse:var(--ds-color-container-ui-primary-focus-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-outline-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-border-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-hover-color-inverse:var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-nav-hover-container-color-inverse:transparent;--ds-auro-hyperlink-nav-hover-outline-color-inverse:transparent;--ds-auro-hyperlink-nav-hover-border-color-inverse:transparent;--ds-auro-hyperlink-cta-default-color-default:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-default-container-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-outline-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-border-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-color-default:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-visited-container-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-outline-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-border-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-color-default:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-focus-container-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-outline-color-default:var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-default:var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-hover-color-default:var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-hover-container-color-default:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-outline-color-default:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-border-color-default:var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-default-color-inverse:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-default-container-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-outline-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-border-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-color-inverse:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-visited-container-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-outline-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-border-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-color-inverse:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-focus-container-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-outline-color-inverse:var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-inverse:var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-hover-color-inverse:var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-hover-container-color-inverse:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-outline-color-inverse:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-border-color-inverse:var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-default-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-container-color-default:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-default-outline-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-border-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-container-color-default:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-visited-outline-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-border-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-container-color-default:var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-focus-outline-color-default:var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-border-color-default:var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-hover-color-default:var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-container-color-default:var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-secondary-hover-outline-color-default:var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-border-color-default:var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-default-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-container-color-inverse:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-border-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse:var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse:var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse:var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-hover-color-inverse:var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse:var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse:var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse:var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-default-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-default-container-color-default:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-default-outline-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-default:var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-visited-container-color-default:var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-default:var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-focus-container-color-default:var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-focus-border-color-default:var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-hover-color-default:var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-tertiary-hover-container-color-default:var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-default:transparent;--ds-auro-hyperlink-cta-tertiary-default-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse:transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse:transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse:var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse:transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse:transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-inverse:var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse:var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse:var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-hover-color-inverse:var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse:var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse:transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse:transparent}`;
|
|
1093
|
-
|
|
1094
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1095
|
-
// See LICENSE in the project root for license information.
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
1099
|
-
/**
|
|
1100
|
-
* `<auro-hyperlink>` is a component that wraps an HTML `<a>` element, providing additional styling and behavior.
|
|
1101
|
-
*
|
|
1102
|
-
* @attr {Boolean} download - If true, the linked resource will be downloaded when the hyperlink is clicked.
|
|
1103
|
-
* @attr {Boolean} fluid - If true and `type="cta"`, the hyperlink will have a fluid-width UI.
|
|
1104
|
-
* @attr {Boolean} ondark - If true, the hyperlink will be styled for use on a dark background.
|
|
1105
|
-
* @attr {Boolean} relative - If true, the auto URL re-write feature will be disabled.
|
|
1106
|
-
* @attr {Boolean} secondary - If true and `type="cta"`, the hyperlink will have a secondary UI.
|
|
1107
|
-
* @attr {Boolean} tertiary - If true and `type="cta"`, the hyperlink will have a tertiary UI.
|
|
1108
|
-
* @attr {Boolean} small - If true and `type="cta"`, the hyperlink will have a small UI.
|
|
1109
|
-
* @attr {Boolean} referrerpolicy - If true, sets `strict-origin-when-cross-origin` to control the referrer information sent with requests.
|
|
1110
|
-
* @attr {String} rel - Defines the relationship between the current document and the linked document.
|
|
1111
|
-
* @attr {String} role - Defines ARIA roles; currently supports `button` for extended experiences.
|
|
1112
|
-
* @attr {String} href - Defines the URL of the linked page.
|
|
1113
|
-
* @attr {String} target - Defines where to open the linked document.
|
|
1114
|
-
* @attr {String} type - Defines the type of hyperlink; accepts `nav` or `cta`.
|
|
1115
|
-
* @csspart link - Allows styling to be applied to the `a` element.
|
|
1116
|
-
* @csspart targetIcon - Allows styling to be applied to the icon that appears next to the hyperlink.
|
|
1117
|
-
*/
|
|
1118
|
-
|
|
1119
|
-
// build the component class
|
|
1120
|
-
class AuroHyperlink extends ComponentBase {
|
|
1121
|
-
constructor() {
|
|
1122
|
-
super();
|
|
1123
|
-
|
|
1124
|
-
const versioning = new AuroDependencyVersioning();
|
|
1125
|
-
|
|
1126
|
-
/**
|
|
1127
|
-
* @private
|
|
1128
|
-
*/
|
|
1129
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
// function to define props used within the scope of this component
|
|
1133
|
-
static get properties() {
|
|
1134
|
-
return {
|
|
1135
|
-
...super.properties
|
|
1136
|
-
};
|
|
1137
|
-
}
|
|
1138
|
-
|
|
1139
|
-
static get styles() {
|
|
1140
|
-
return [
|
|
1141
|
-
styleCss$3,
|
|
1142
|
-
colorCss,
|
|
1143
|
-
tokensCss
|
|
1144
|
-
];
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
/**
|
|
1149
|
-
* This will register this element with the browser.
|
|
1150
|
-
* @param {string} [name="auro-hyperlink"] - The name of element that you want to register to.
|
|
1151
|
-
*
|
|
1152
|
-
* @example
|
|
1153
|
-
* AuroHyperlink.register("custom-hyperlink") // this will register this element to <custom-hyperlink/>
|
|
1154
|
-
*
|
|
1155
|
-
*/
|
|
1156
|
-
static register(name = "auro-hyperlink") {
|
|
1157
|
-
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroHyperlink);
|
|
1158
|
-
}
|
|
1159
|
-
|
|
1160
|
-
/**
|
|
1161
|
-
* Generates an object containing CSS classes based on the properties of the component.
|
|
1162
|
-
*
|
|
1163
|
-
* @example
|
|
1164
|
-
* // Assuming this.safeUri = 'http://example.com', this.role = 'button', this.type = 'cta'
|
|
1165
|
-
* this.getMarkup(); // Returns { 'hyperlink': true, 'hyperlink--nav': false, 'hyperlink--ondark': false, 'hyperlink--button': true, 'hyperlink--cta': true, 'hyperlink--secondary': false }
|
|
1166
|
-
*
|
|
1167
|
-
* @example
|
|
1168
|
-
* // Assuming this.safeUri = '', this.role = '', this.type = 'nav', this.ondark = true, this.secondary = true
|
|
1169
|
-
* this.getMarkup(); // Returns { 'hyperlink': false, 'hyperlink--nav': true, 'hyperlink--ondark': true, 'hyperlink--button': false, 'hyperlink--cta': false, 'hyperlink--secondary': true }
|
|
1170
|
-
*
|
|
1171
|
-
* @private
|
|
1172
|
-
* @returns {object} An object containing CSS classes.
|
|
1173
|
-
*/
|
|
1174
|
-
getMarkup() {
|
|
1175
|
-
const classes = {
|
|
1176
|
-
'hyperlink': this.safeUri || this.role,
|
|
1177
|
-
'hyperlink--nav': this.type === 'nav',
|
|
1178
|
-
'hyperlink--ondark': this.ondark,
|
|
1179
|
-
'hyperlink--button': this.role,
|
|
1180
|
-
'hyperlink--cta': this.type === 'cta',
|
|
1181
|
-
'hyperlink--secondary': this.secondary,
|
|
1182
|
-
'hyperlink--tertiary': this.tertiary
|
|
1183
|
-
};
|
|
1184
|
-
|
|
1185
|
-
return u`
|
|
1186
|
-
${this.safeUri || this.role ? u`
|
|
1187
|
-
<a
|
|
1188
|
-
part="link"
|
|
1189
|
-
aria-pressed="${o$1(this.role === 'button' ? this.ariaPressedState(this.ariapressed) : undefined)}"
|
|
1190
|
-
class="${e(classes)}"
|
|
1191
|
-
href="${o$1(this.role ? undefined : this.safeUri)}"
|
|
1192
|
-
rel="${o$1(this.target || this.rel ? this.getRelType(this.target, this.rel) : undefined)}"
|
|
1193
|
-
referrerpolicy="${o$1(this.referrerpolicy ? this.defaultReferrerPolicy : undefined)}"
|
|
1194
|
-
role="${o$1(this.role === 'button' ? this.role : undefined)}"
|
|
1195
|
-
?download="${this.download}"
|
|
1196
|
-
target="${o$1(this.target && this.includesDomain ? this.target : undefined)}"
|
|
1197
|
-
tabindex="${o$1(this.role === 'button' ? '0' : undefined)}"
|
|
1198
|
-
>
|
|
1199
|
-
<slot></slot>
|
|
1200
|
-
${this.targetIcon(this.target, this.relative)}
|
|
1201
|
-
</a>`
|
|
1202
|
-
: u`<slot></slot>`}
|
|
1203
|
-
`;
|
|
1204
|
-
}
|
|
1205
|
-
}
|
|
1206
|
-
|
|
1207
|
-
var hyperlinkVersion = "5.0.1";
|
|
1208
|
-
|
|
1209
|
-
var styleCss$2 = i$4`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: .375rem;--ds-size-25: .125rem;--ds-size-50: .25rem;--ds-size-75: .375rem;--ds-size-100: .5rem;--ds-size-150: .75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: .25;--ds-unitless-scale-50: .5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: .3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, .15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, .15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, .2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: .5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: .625rem;--ds-text-body-size-xs: .75rem;--ds-text-body-size-sm: .875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, .5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, .03);--ds-color-base-white-200: rgba(255, 255, 255, .06);--ds-color-base-white-300: rgba(255, 255, 255, .12);--ds-color-base-white-400: rgba(255, 255, 255, .25);--ds-color-base-white-500: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, .4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, .03);--ds-color-base-black-200: rgba(0, 0, 0, .06);--ds-color-base-black-300: rgba(0, 0, 0, .12);--ds-color-base-black-400: rgba(0, 0, 0, .25);--ds-color-base-black-500: rgba(0, 0, 0, .5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, .15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, .12);--ds-color-border-divider-inverse: rgba(255, 255, 255, .25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, .2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, .3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, .03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, .06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, .03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, .06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, .25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, .12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, .25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, .15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, .2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, .03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, .03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, .06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, .06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-display-weight, 100);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltd55b385b9432ca51/ASCircularWeb-Light?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt1566a6d54c0bf457/ASCircularWeb-Light?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-medium-weight, 300);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltc48385a5d7dd0f20/ASCircularWeb-Medium?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltf30c93842722e935/ASCircularWeb-Medium?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-body-default-weight, 500);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt3b851fb0e0de3833/ASCircularWeb-Book?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt8b440e82e9793058/ASCircularWeb-Book?environment=production) format("woff")}:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:var(--ds-text-body-size-default, 1rem);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,.baseType{margin:0;color:var(--ds-color-text-primary-default, #2a2a2a);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-variant-ligatures:no-common-ligatures;font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph{margin:0 0 1rem;line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph .hyperlink{text-decoration:underline}.hyperlink{text-decoration:underline;color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink:visited{color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink--ondark:not(.is-touching):hover{color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}.hyperlink--ondark:visited{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink:not(.is-touching):hover{text-decoration:none;color:var(--ds-color-text-ui-hover-default, #193d73)}img{max-width:100%}small,.type--small{font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem)}.fineprint{font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem);color:var(--ds-color-text-secondary-default, #525252)}:host #tab-root{cursor:pointer;white-space:nowrap}:host([disabled]){pointer-events:none}:host(:focus-within),:host(:focus:not(:focus-visible)){position:relative;outline:none}:host(:focus-within):before,:host(:focus:not(:focus-visible)):before{position:absolute;top:0;left:50%;display:inline-block;width:100%;height:calc(100% + var(--ds-size-50, .25rem));border:1px solid var(--ds-color-border-active-default, #0074c8);border-radius:var(--ds-border-radius, .375rem);content:"";transform:translate(-50%)}
|
|
80
|
+
var styleCss$2 = i$2`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: .375rem;--ds-size-25: .125rem;--ds-size-50: .25rem;--ds-size-75: .375rem;--ds-size-100: .5rem;--ds-size-150: .75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: .25;--ds-unitless-scale-50: .5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: .3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, .15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, .15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, .2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: .5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: .625rem;--ds-text-body-size-xs: .75rem;--ds-text-body-size-sm: .875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, .5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, .03);--ds-color-base-white-200: rgba(255, 255, 255, .06);--ds-color-base-white-300: rgba(255, 255, 255, .12);--ds-color-base-white-400: rgba(255, 255, 255, .25);--ds-color-base-white-500: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, .4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, .03);--ds-color-base-black-200: rgba(0, 0, 0, .06);--ds-color-base-black-300: rgba(0, 0, 0, .12);--ds-color-base-black-400: rgba(0, 0, 0, .25);--ds-color-base-black-500: rgba(0, 0, 0, .5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, .15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, .12);--ds-color-border-divider-inverse: rgba(255, 255, 255, .25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, .2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, .3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, .03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, .06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, .03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, .06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, .25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, .12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, .25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, .15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, .2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, .03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, .03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, .06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, .06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-display-weight, 100);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltd55b385b9432ca51/ASCircularWeb-Light?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt1566a6d54c0bf457/ASCircularWeb-Light?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-medium-weight, 300);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltc48385a5d7dd0f20/ASCircularWeb-Medium?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltf30c93842722e935/ASCircularWeb-Medium?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-body-default-weight, 500);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt3b851fb0e0de3833/ASCircularWeb-Book?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt8b440e82e9793058/ASCircularWeb-Book?environment=production) format("woff")}:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:var(--ds-text-body-size-default, 1rem);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,.baseType{margin:0;color:var(--ds-color-text-primary-default, #2a2a2a);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-variant-ligatures:no-common-ligatures;font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph{margin:0 0 1rem;line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph .hyperlink{text-decoration:underline}.hyperlink{text-decoration:underline;color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink:visited{color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink--ondark:not(.is-touching):hover{color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}.hyperlink--ondark:visited{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink:not(.is-touching):hover{text-decoration:none;color:var(--ds-color-text-ui-hover-default, #193d73)}img{max-width:100%}small,.type--small{font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem)}.fineprint{font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem);color:var(--ds-color-text-secondary-default, #525252)}:host #tab-root{cursor:pointer;white-space:nowrap}:host([disabled]){pointer-events:none}:host(:focus-within),:host(:focus:not(:focus-visible)){position:relative;outline:none}:host(:focus-within):before,:host(:focus:not(:focus-visible)):before{position:absolute;top:0;left:50%;display:inline-block;width:100%;height:calc(100% + var(--ds-size-50, .25rem));border:1px solid var(--ds-color-border-active-default, #0074c8);border-radius:var(--ds-border-radius, .375rem);content:"";transform:translate(-50%)}
|
|
1210
81
|
`;
|
|
1211
82
|
|
|
1212
83
|
/* eslint-disable no-magic-numbers */
|
|
@@ -1260,23 +131,6 @@ class AuroTab extends i$3 {
|
|
|
1260
131
|
constructor() {
|
|
1261
132
|
super();
|
|
1262
133
|
|
|
1263
|
-
/**
|
|
1264
|
-
* Generate unique names for dependency components.
|
|
1265
|
-
* @private
|
|
1266
|
-
*/
|
|
1267
|
-
const versioning = new AuroDependencyVersioning$1();
|
|
1268
|
-
|
|
1269
|
-
/**
|
|
1270
|
-
* Dynamically generated hyperlink tag for tabs.
|
|
1271
|
-
* @private
|
|
1272
|
-
* @type {string}
|
|
1273
|
-
*/
|
|
1274
|
-
this.hyperlinkTag = versioning.generateTag(
|
|
1275
|
-
"auro-tab-hyperlink",
|
|
1276
|
-
hyperlinkVersion,
|
|
1277
|
-
AuroHyperlink,
|
|
1278
|
-
);
|
|
1279
|
-
|
|
1280
134
|
AuroTab.incrementInstanceCount();
|
|
1281
135
|
|
|
1282
136
|
this.handleTagName();
|
|
@@ -1338,7 +192,7 @@ class AuroTab extends i$3 {
|
|
|
1338
192
|
* @private
|
|
1339
193
|
*/
|
|
1340
194
|
handleTagName() {
|
|
1341
|
-
AuroLibraryRuntimeUtils
|
|
195
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(
|
|
1342
196
|
this,
|
|
1343
197
|
"auro-tab",
|
|
1344
198
|
);
|
|
@@ -1388,7 +242,7 @@ class AuroTab extends i$3 {
|
|
|
1388
242
|
*
|
|
1389
243
|
*/
|
|
1390
244
|
static register(name = "auro-tab") {
|
|
1391
|
-
AuroLibraryRuntimeUtils
|
|
245
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroTab);
|
|
1392
246
|
}
|
|
1393
247
|
|
|
1394
248
|
firstUpdated() {
|
|
@@ -1410,11 +264,18 @@ class AuroTab extends i$3 {
|
|
|
1410
264
|
}
|
|
1411
265
|
}
|
|
1412
266
|
|
|
267
|
+
/**
|
|
268
|
+
* @license
|
|
269
|
+
* Copyright 2017 Google LLC
|
|
270
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
271
|
+
*/
|
|
272
|
+
const t={ATTRIBUTE:1},e=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
273
|
+
|
|
1413
274
|
/**
|
|
1414
275
|
* @license
|
|
1415
276
|
* Copyright 2018 Google LLC
|
|
1416
277
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1417
|
-
*/const n="important",i=" !"+n,o=e
|
|
278
|
+
*/const n="important",i=" !"+n,o=e(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"style"!==t$1.name||t$1.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(e,[r]){const{style:s}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(r)),this.render(r);for(const t of this.ft)null==r[t]&&(this.ft.delete(t),t.includes("-")?s.removeProperty(t):s[t]=null);for(const t in r){const e=r[t];if(null!=e){this.ft.add(t);const r="string"==typeof e&&e.endsWith(i);t.includes("-")||r?s.setProperty(t,r?e.slice(0,-11):e,r?n:""):s[t]=e;}}return T}});
|
|
1418
279
|
|
|
1419
280
|
/**
|
|
1420
281
|
* @class ChildItemService
|
|
@@ -1618,7 +479,7 @@ class ChildItemService {
|
|
|
1618
479
|
}
|
|
1619
480
|
}
|
|
1620
481
|
|
|
1621
|
-
var styleCss$1 = i$4`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: .375rem;--ds-size-25: .125rem;--ds-size-50: .25rem;--ds-size-75: .375rem;--ds-size-100: .5rem;--ds-size-150: .75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: .25;--ds-unitless-scale-50: .5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: .3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, .15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, .15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, .2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: .5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: .625rem;--ds-text-body-size-xs: .75rem;--ds-text-body-size-sm: .875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, .5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, .03);--ds-color-base-white-200: rgba(255, 255, 255, .06);--ds-color-base-white-300: rgba(255, 255, 255, .12);--ds-color-base-white-400: rgba(255, 255, 255, .25);--ds-color-base-white-500: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, .4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, .03);--ds-color-base-black-200: rgba(0, 0, 0, .06);--ds-color-base-black-300: rgba(0, 0, 0, .12);--ds-color-base-black-400: rgba(0, 0, 0, .25);--ds-color-base-black-500: rgba(0, 0, 0, .5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, .15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, .12);--ds-color-border-divider-inverse: rgba(255, 255, 255, .25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, .2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, .3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, .03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, .06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, .03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, .06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, .25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, .12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, .25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, .15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, .2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, .03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, .03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, .06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, .06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-display-weight, 100);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltd55b385b9432ca51/ASCircularWeb-Light?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt1566a6d54c0bf457/ASCircularWeb-Light?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-medium-weight, 300);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltc48385a5d7dd0f20/ASCircularWeb-Medium?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltf30c93842722e935/ASCircularWeb-Medium?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-body-default-weight, 500);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt3b851fb0e0de3833/ASCircularWeb-Book?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt8b440e82e9793058/ASCircularWeb-Book?environment=production) format("woff")}:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:var(--ds-text-body-size-default, 1rem);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,.baseType{margin:0;color:var(--ds-color-text-primary-default, #2a2a2a);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-variant-ligatures:no-common-ligatures;font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph{margin:0 0 1rem;line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph .hyperlink{text-decoration:underline}.hyperlink{text-decoration:underline;color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink:visited{color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink--ondark:not(.is-touching):hover{color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}.hyperlink--ondark:visited{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink:not(.is-touching):hover{text-decoration:none;color:var(--ds-color-text-ui-hover-default, #193d73)}img{max-width:100%}small,.type--small{font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem)}.fineprint{font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem);color:var(--ds-color-text-secondary-default, #525252)}::slotted(auro-tabpanel){flex-basis:100%}:host{position:relative;display:block}.tabgroupContainer{display:flex;flex-direction:column;transition:scroll .5s ease-in-out}.tabgroup{position:relative;padding-bottom:0}.tabgroup ::slotted([slot=tabs]){display:flex;overflow:unset;width:fit-content;flex-wrap:nowrap}.sliderPositioner{position:absolute;bottom:-1px;left:0;display:flex;width:0;height:calc(var(--ds-size-25, .125rem) + 1px);align-items:center;justify-content:center;transition:all .25s}.slider{width:100%;height:100%;background-color:var(--ds-color-ui-active-default, #054687)}
|
|
482
|
+
var styleCss$1 = i$2`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: .375rem;--ds-size-25: .125rem;--ds-size-50: .25rem;--ds-size-75: .375rem;--ds-size-100: .5rem;--ds-size-150: .75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: .25;--ds-unitless-scale-50: .5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: .3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, .15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, .15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, .2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: .5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: .625rem;--ds-text-body-size-xs: .75rem;--ds-text-body-size-sm: .875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, .5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, .03);--ds-color-base-white-200: rgba(255, 255, 255, .06);--ds-color-base-white-300: rgba(255, 255, 255, .12);--ds-color-base-white-400: rgba(255, 255, 255, .25);--ds-color-base-white-500: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, .5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, .4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, .03);--ds-color-base-black-200: rgba(0, 0, 0, .06);--ds-color-base-black-300: rgba(0, 0, 0, .12);--ds-color-base-black-400: rgba(0, 0, 0, .25);--ds-color-base-black-500: rgba(0, 0, 0, .5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, .15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, .12);--ds-color-border-divider-inverse: rgba(255, 255, 255, .25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, .2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, .3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, .03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, .06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, .03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, .03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, .06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, .06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, .25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, .03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, .12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, .12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, .25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, .15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, .2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, .03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, .03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, .06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, .06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-display-weight, 100);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltd55b385b9432ca51/ASCircularWeb-Light?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt1566a6d54c0bf457/ASCircularWeb-Light?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-heading-medium-weight, 300);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltc48385a5d7dd0f20/ASCircularWeb-Medium?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/bltf30c93842722e935/ASCircularWeb-Medium?environment=production) format("woff")}@font-face{font-family:AS Circular;font-weight:var(--ds-text-body-default-weight, 500);font-style:normal;font-display:fallback;src:url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt3b851fb0e0de3833/ASCircularWeb-Book?environment=production) format("woff2"),url(https://www.alaskaair.com/v3/assets/blt2cefe12c88e9dd91/blt8b440e82e9793058/ASCircularWeb-Book?environment=production) format("woff")}:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:var(--ds-text-body-size-default, 1rem);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,.baseType{margin:0;color:var(--ds-color-text-primary-default, #2a2a2a);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-variant-ligatures:no-common-ligatures;font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph{margin:0 0 1rem;line-height:var(--ds-text-body-height-default, 1.5rem)}.baseParagraph .hyperlink{text-decoration:underline}.hyperlink{text-decoration:underline;color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink:visited{color:var(--ds-color-text-ui-default-default, #2c67b5)}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink--ondark:not(.is-touching):hover{color:var(--ds-color-text-ui-hover-inverse, #a8e9f7)}.hyperlink--ondark:visited{color:var(--ds-color-text-ui-default-inverse, #56bbde)}.hyperlink:not(.is-touching):hover{text-decoration:none;color:var(--ds-color-text-ui-hover-default, #193d73)}img{max-width:100%}small,.type--small{font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem)}.fineprint{font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-xs, .75rem);line-height:var(--ds-text-body-height-xs, 1rem);color:var(--ds-color-text-secondary-default, #525252)}::slotted(auro-tabpanel){flex-basis:100%}:host{position:relative;display:block}.tabgroupContainer{display:flex;flex-direction:column;transition:scroll .5s ease-in-out}.tabgroup{position:relative;padding-bottom:0}.tabgroup ::slotted([slot=tabs]){display:flex;overflow:unset;width:fit-content;flex-wrap:nowrap}.sliderPositioner{position:absolute;bottom:-1px;left:0;display:flex;width:0;height:calc(var(--ds-size-25, .125rem) + 1px);align-items:center;justify-content:center;transition:all .25s}.slider{width:100%;height:100%;background-color:var(--ds-color-ui-active-default, #054687)}
|
|
1622
483
|
`;
|
|
1623
484
|
|
|
1624
485
|
class TabIndexUtil {
|
|
@@ -1828,7 +689,7 @@ class AuroTabgroup extends i$3 {
|
|
|
1828
689
|
* @private
|
|
1829
690
|
*/
|
|
1830
691
|
handleTagName() {
|
|
1831
|
-
AuroLibraryRuntimeUtils
|
|
692
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(
|
|
1832
693
|
this,
|
|
1833
694
|
"auro-tabgroup",
|
|
1834
695
|
);
|
|
@@ -1878,7 +739,7 @@ class AuroTabgroup extends i$3 {
|
|
|
1878
739
|
*
|
|
1879
740
|
*/
|
|
1880
741
|
static register(name = "auro-tabgroup") {
|
|
1881
|
-
AuroLibraryRuntimeUtils
|
|
742
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroTabgroup);
|
|
1882
743
|
}
|
|
1883
744
|
|
|
1884
745
|
/**
|
|
@@ -1927,6 +788,7 @@ class AuroTabgroup extends i$3 {
|
|
|
1927
788
|
removeEventListeners() {
|
|
1928
789
|
this.removeEventListener("keydown", this.onKeyDown);
|
|
1929
790
|
this.removeEventListener("click", this.onClick);
|
|
791
|
+
this.resizeObserver?.disconnect();
|
|
1930
792
|
}
|
|
1931
793
|
|
|
1932
794
|
/**
|
|
@@ -2051,7 +913,7 @@ class AuroTabgroup extends i$3 {
|
|
|
2051
913
|
*/
|
|
2052
914
|
onClick(event) {
|
|
2053
915
|
const roleIsNotTab = event.target.getAttribute("role") !== "tab";
|
|
2054
|
-
const closestTab = event.target.closest(
|
|
916
|
+
const closestTab = event.target.closest("[role=tab]");
|
|
2055
917
|
|
|
2056
918
|
// If the click was not targeted on a tab element itself,
|
|
2057
919
|
// it was a click inside the a panel or on empty space. Nothing to do.
|
|
@@ -2240,7 +1102,7 @@ class AuroTabgroup extends i$3 {
|
|
|
2240
1102
|
}
|
|
2241
1103
|
}
|
|
2242
1104
|
|
|
2243
|
-
var styleCss = i$
|
|
1105
|
+
var styleCss = i$2`:focus:not(:focus-visible){outline:3px solid transparent}:host{display:block;width:100%}:host([hidden]){display:none}
|
|
2244
1106
|
`;
|
|
2245
1107
|
|
|
2246
1108
|
// Copyright (c) 2023 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
@@ -2299,7 +1161,7 @@ class AuroTabpanel extends i$3 {
|
|
|
2299
1161
|
*
|
|
2300
1162
|
*/
|
|
2301
1163
|
static register(name = "auro-tabpanel") {
|
|
2302
|
-
AuroLibraryRuntimeUtils
|
|
1164
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroTabpanel);
|
|
2303
1165
|
}
|
|
2304
1166
|
|
|
2305
1167
|
/**
|
|
@@ -2309,7 +1171,7 @@ class AuroTabpanel extends i$3 {
|
|
|
2309
1171
|
* @private
|
|
2310
1172
|
*/
|
|
2311
1173
|
handleTagName() {
|
|
2312
|
-
AuroLibraryRuntimeUtils
|
|
1174
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(
|
|
2313
1175
|
this,
|
|
2314
1176
|
"auro-tabpanel",
|
|
2315
1177
|
);
|