@aurodesignsystem-dev/auro-lockup 0.0.0-pr65.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/CHANGELOG.md +289 -0
- package/LICENSE +201 -0
- package/NOTICE +2 -0
- package/README.md +148 -0
- package/demo/api.html +56 -0
- package/demo/api.js +1 -0
- package/demo/api.md +187 -0
- package/demo/api.min.js +3 -0
- package/demo/auro-lockup.min.js +269 -0
- package/demo/index.html +54 -0
- package/demo/index.js +4 -0
- package/demo/index.md +167 -0
- package/demo/index.min.js +4 -0
- package/dist/auro-lockup-BxXukpTD.js +24 -0
- package/dist/index.d.ts +30 -0
- package/dist/index.js +1 -0
- package/dist/registered.js +1 -0
- package/package.json +81 -0
package/demo/index.md
ADDED
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
The index.md file is a compiled document. No edits should be made directly to this file.
|
|
3
|
+
README.md is created by running `npm run build:docs`.
|
|
4
|
+
This file is generated based on a template fetched from `../docs/partials/index.md`
|
|
5
|
+
-->
|
|
6
|
+
|
|
7
|
+
# Lockup
|
|
8
|
+
|
|
9
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../docs/partials/description.md) -->
|
|
10
|
+
<!-- The below content is automatically added from ../docs/partials/description.md -->
|
|
11
|
+
The `auro-lockup` HTML custom element is a standardized use case element for authorized Alaska Airlines extended experiences.
|
|
12
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
13
|
+
|
|
14
|
+
## auro-lockup use cases
|
|
15
|
+
|
|
16
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../docs/partials/useCases.md) -->
|
|
17
|
+
<!-- The below content is automatically added from ../docs/partials/useCases.md -->
|
|
18
|
+
The `auro-lockup` use cases include:
|
|
19
|
+
|
|
20
|
+
* Product lines
|
|
21
|
+
* Partner services
|
|
22
|
+
* Auxiliary sites
|
|
23
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
24
|
+
|
|
25
|
+
## auro-lockup default use
|
|
26
|
+
|
|
27
|
+
<div class="exampleWrapper">
|
|
28
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/basic.html) -->
|
|
29
|
+
<!-- The below content is automatically added from ../apiExamples/basic.html -->
|
|
30
|
+
<auro-lockup>
|
|
31
|
+
<span slot="title">Place title text here</span>
|
|
32
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
33
|
+
</auro-lockup>
|
|
34
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
35
|
+
</div>
|
|
36
|
+
<auro-accordion alignRight>
|
|
37
|
+
<span slot="trigger">See code</span>
|
|
38
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/basic.html) -->
|
|
39
|
+
<!-- The below code snippet is automatically added from ../apiExamples/basic.html -->
|
|
40
|
+
|
|
41
|
+
```html
|
|
42
|
+
<auro-lockup>
|
|
43
|
+
<span slot="title">Place title text here</span>
|
|
44
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
45
|
+
</auro-lockup>
|
|
46
|
+
```
|
|
47
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
48
|
+
</auro-accordion>
|
|
49
|
+
|
|
50
|
+
## auro-lockup with Oneworld logo
|
|
51
|
+
|
|
52
|
+
The following examples illustrate the standard and official versions of the Alaska logo. By default, the official version of the Alaska logo is used. Use the `standard` attribute to display the Alaska logo sans the tagline.
|
|
53
|
+
|
|
54
|
+
The `standard` property is only supported with the `oneworld` option.
|
|
55
|
+
|
|
56
|
+
<div class="exampleWrapper">
|
|
57
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/oneworldStandard.html) -->
|
|
58
|
+
<!-- The below content is automatically added from ../apiExamples/oneworldStandard.html -->
|
|
59
|
+
<auro-lockup standard variant="oneworld"></auro-lockup>
|
|
60
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
61
|
+
</div>
|
|
62
|
+
<auro-accordion alignRight>
|
|
63
|
+
<span slot="trigger">See code</span>
|
|
64
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/oneworldStandard.html) -->
|
|
65
|
+
<!-- The below code snippet is automatically added from ../apiExamples/oneworldStandard.html -->
|
|
66
|
+
|
|
67
|
+
```html
|
|
68
|
+
<auro-lockup standard variant="oneworld"></auro-lockup>
|
|
69
|
+
```
|
|
70
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
71
|
+
</auro-accordion>
|
|
72
|
+
|
|
73
|
+
## auro-lockup onDark
|
|
74
|
+
|
|
75
|
+
For lockup use with dark backgrounds or a dark mode, use the `onDark` attribute.
|
|
76
|
+
|
|
77
|
+
<div class="exampleWrapper--ondark">
|
|
78
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark.html) -->
|
|
79
|
+
<!-- The below content is automatically added from ../apiExamples/onDark.html -->
|
|
80
|
+
<auro-lockup onDark>
|
|
81
|
+
<span slot="title">Product Name</span>
|
|
82
|
+
<span slot="subtitle">Powered by Partner Name</span>
|
|
83
|
+
</auro-lockup>
|
|
84
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
85
|
+
</div>
|
|
86
|
+
<auro-accordion alignRight>
|
|
87
|
+
<span slot="trigger">See code</span>
|
|
88
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/onDark.html) -->
|
|
89
|
+
<!-- The below code snippet is automatically added from ../apiExamples/onDark.html -->
|
|
90
|
+
|
|
91
|
+
```html
|
|
92
|
+
<auro-lockup onDark>
|
|
93
|
+
<span slot="title">Product Name</span>
|
|
94
|
+
<span slot="subtitle">Powered by Partner Name</span>
|
|
95
|
+
</auro-lockup>
|
|
96
|
+
```
|
|
97
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
98
|
+
</auro-accordion>
|
|
99
|
+
<div class="exampleWrapper--ondark">
|
|
100
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark-2.html) -->
|
|
101
|
+
<!-- The below content is automatically added from ../apiExamples/onDark-2.html -->
|
|
102
|
+
<auro-lockup onDark variant="oneworld"></auro-lockup>
|
|
103
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
104
|
+
</div>
|
|
105
|
+
<auro-accordion alignRight>
|
|
106
|
+
<span slot="trigger">See code</span>
|
|
107
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/onDark-2.html) -->
|
|
108
|
+
<!-- The below code snippet is automatically added from ../apiExamples/onDark-2.html -->
|
|
109
|
+
|
|
110
|
+
```html
|
|
111
|
+
<auro-lockup onDark variant="oneworld"></auro-lockup>
|
|
112
|
+
```
|
|
113
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
114
|
+
</auro-accordion>
|
|
115
|
+
<div class="exampleWrapper--ondark">
|
|
116
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark-3.html) -->
|
|
117
|
+
<!-- The below content is automatically added from ../apiExamples/onDark-3.html -->
|
|
118
|
+
<auro-lockup onDark standard variant="oneworld"></auro-lockup>
|
|
119
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
120
|
+
</div>
|
|
121
|
+
<auro-accordion alignRight>
|
|
122
|
+
<span slot="trigger">See code</span>
|
|
123
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/onDark-3.html) -->
|
|
124
|
+
<!-- The below code snippet is automatically added from ../apiExamples/onDark-3.html -->
|
|
125
|
+
|
|
126
|
+
```html
|
|
127
|
+
<auro-lockup onDark standard variant="oneworld"></auro-lockup>
|
|
128
|
+
```
|
|
129
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
130
|
+
</auro-accordion>
|
|
131
|
+
|
|
132
|
+
## Recommended Use and Version Control
|
|
133
|
+
|
|
134
|
+
There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-lockup` custom element is defined automatically.
|
|
135
|
+
|
|
136
|
+
To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `AuroLockup.register(name)` method and pass in a unique name.
|
|
137
|
+
|
|
138
|
+
```js
|
|
139
|
+
import { AuroLockup } from '@aurodesignsystem/auro-lockup/class';
|
|
140
|
+
|
|
141
|
+
AuroLockup.register('custom-lockup');
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
This will create a new custom element that you can use in your HTML that will function identically to the `<auro-lockup>` element.
|
|
145
|
+
|
|
146
|
+
<div class="exampleWrapper exampleWrapper--flex">
|
|
147
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/custom.html) -->
|
|
148
|
+
<!-- The below content is automatically added from ../apiExamples/custom.html -->
|
|
149
|
+
<custom-lockup>
|
|
150
|
+
<span slot="title">Place title text here</span>
|
|
151
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
152
|
+
</custom-lockup>
|
|
153
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
154
|
+
</div>
|
|
155
|
+
<auro-accordion alignRight>
|
|
156
|
+
<span slot="trigger">See code</span>
|
|
157
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/custom.html) -->
|
|
158
|
+
<!-- The below code snippet is automatically added from ../apiExamples/custom.html -->
|
|
159
|
+
|
|
160
|
+
```html
|
|
161
|
+
<custom-lockup>
|
|
162
|
+
<span slot="title">Place title text here</span>
|
|
163
|
+
<span slot="subtitle">Place subtitle text here</span>
|
|
164
|
+
</custom-lockup>
|
|
165
|
+
```
|
|
166
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
167
|
+
</auro-accordion>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{css as e,LitElement as s,html as a}from"lit";import{classMap as t}from"lit/directives/class-map.js";import{ifDefined as i}from"lit/directives/if-defined.js";var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{})}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=e`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
|
|
2
|
+
`,m=e`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
|
|
3
|
+
`,h=e`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
|
|
4
|
+
`;class g extends s{constructor(){super(),this.path="/",this.standard=!1,this.oneworld=!1,this.runtimeUtils=new o}static get properties(){return{oneworld:{type:Boolean,reflect:!0},path:{type:String},standard:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup")}updated(){this.oneworld&&this.setAttribute("variant","oneworld")}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return a`${s}`}render(){const e={logoIcon:!0,logoDivider:!this.variant};return a`
|
|
5
|
+
<a href=${this.path} class="headerLinkBox">
|
|
6
|
+
<div class="${t(e)}">
|
|
7
|
+
${i(this.standard&&"oneworld"===this.variant?this.generateIconHtml(c):this.generateIconHtml(r))}
|
|
8
|
+
</div>
|
|
9
|
+
${i("oneworld"===this.variant?a`
|
|
10
|
+
<div class="oneworldLogo">
|
|
11
|
+
${this.generateIconHtml(l)}
|
|
12
|
+
</div>
|
|
13
|
+
`:a`
|
|
14
|
+
<div class="headerTitle">
|
|
15
|
+
<span class="headerTitle-title heading-lg">
|
|
16
|
+
<slot name="title"></slot>
|
|
17
|
+
</span>
|
|
18
|
+
<span class="headerTitle-tagline accent-xs">
|
|
19
|
+
<slot name="subtitle"></slot>
|
|
20
|
+
</span>
|
|
21
|
+
</div>
|
|
22
|
+
`)}
|
|
23
|
+
</a>
|
|
24
|
+
`}}export{g as A};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { css, LitElement, html } from 'lit';
|
|
2
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
3
|
+
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
4
|
+
|
|
5
|
+
var l='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 24 24" part="svg"><title id="oneworld__title">Airplane tail image for Oneworld Alliance</title><defs><radialGradient id="oneworld_svg__a" cx="23.632%" cy="17.875%" r="162.725%"><stop offset="0" stop-color="#fff" stop-opacity=".5"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".595"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".695"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".766"/><stop offset="1" stop-color="#161082" stop-opacity=".8"/></radialGradient><radialGradient id="oneworld_svg__b" cx="20.432%" cy="15.711%" r="77.841%" gradientTransform="matrix(.61524 .78834 -1.01126 .78922 .237 -.128)"><stop offset="0" stop-color="#fff" stop-opacity=".9"/><stop offset=".283" stop-color="#adabd3" stop-opacity=".615"/><stop offset=".58" stop-color="#5c58a8" stop-opacity=".316"/><stop offset=".791" stop-color="#2a248c" stop-opacity=".104"/><stop offset="1" stop-color="#161082" stop-opacity="0"/></radialGradient></defs><g fill="none" fill-rule="evenodd" transform="translate(1.5 1.5)"><path fill="#fff" fill-rule="nonzero" d="M0 10.483c0 5.78 4.7 10.482 10.483 10.482 5.781 0 10.482-4.7 10.482-10.482C20.965 4.7 16.262 0 10.483 0 4.703 0 0 4.7 0 10.483m1.07 0c0-5.192 4.222-9.414 9.413-9.414s9.412 4.223 9.412 9.414-4.222 9.412-9.412 9.412-9.414-4.222-9.414-9.412z"/><circle cx="10.483" cy="10.483" r="9.902" fill="#161082"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__a)" opacity=".5" transform="translate(.531 .531)"/><circle cx="9.952" cy="9.952" r="9.902" fill="url(#oneworld_svg__b)" transform="translate(.531 .531)"/><path fill="#fff" fill-rule="nonzero" d="M7.762 10.571c.044-.266.223-.446.49-.446.268 0 .446.225.446.446zm1.65.402c.044-.758-.357-1.383-1.16-1.383-.67 0-1.204.49-1.204 1.206 0 .757.49 1.203 1.248 1.203.491 0 .982-.224 1.116-.757h-.67q-.132.266-.4.266c-.313 0-.492-.223-.492-.535zm9.233.803c.58 0 .803-.49.803-.981s-.224-.982-.803-.982c-.535 0-.758.49-.758.982s.223.981.758.981m1.071.178h-.268v-.446c-.134.313-.49.491-.803.491-.67 0-1.025-.58-1.025-1.204 0-.625.312-1.205 1.025-1.205.357 0 .669.18.803.49V8.788h.267v3.167M9.546 9.68h.312l.58 1.964.535-1.964h.312l.536 1.964.58-1.964h.356l-.713 2.275h-.313l-.579-1.917-.536 1.917h-.312zm5.532 1.116c0 .669-.358 1.204-1.072 1.204-.713 0-1.07-.535-1.07-1.204s.357-1.205 1.07-1.205c.67.045 1.07.58 1.07 1.206m-1.873 0c0 .49.268.98.803.98.536 0 .803-.49.803-.981s-.267-.982-.803-.982c-.535.045-.803.535-.803.982m2.275-1.116h.268v.536a.87.87 0 0 1 .847-.58v.267c-.49-.044-.847.358-.847.804v1.204h-.267V9.68m1.427-.848h.312v3.122h-.268V8.832zM2.275 10.795c0-.267.09-.625.446-.625s.446.357.446.625-.09.624-.446.624-.446-.312-.446-.624m-.758 0c0 .669.491 1.204 1.204 1.204.714 0 1.205-.49 1.205-1.204 0-.67-.491-1.205-1.206-1.205-.713.045-1.204.535-1.204 1.206m2.811-1.117h.714v.313c.133-.224.446-.357.713-.357.758 0 .803.535.803.892v1.427H5.8v-1.07c0-.313.043-.624-.358-.624-.267 0-.401.223-.401.49V12h-.715V9.677"/></g></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-200__title AS-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 26" part="svg"><title id="AS-200__title">Alaska Airlines</title><desc id="AS-200__desc">Logo image for Alaska Airlines</desc><path d="M39.72 1.52 30.44 17a11.3 11.3 0 0 0-1.6 4.8h-3.62a16.5 16.5 0 0 1 2.6-6.51l6.47-10.84c1.29-2.15 2.58-2.93 4.92-2.93zM39.01 17.81a5.7 5.7 0 0 1-3.1 1.6c-.76 0-.79-.74-.27-1.73 1.95-3.74 4-5.72 6.53-5.71h.46zm3.43-7.94c-4.69 0-7.57 2.73-10.11 8.71-.64 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.14 1.58h3.29c.223-1.697.792-3.33 1.67-4.8l4.11-6.86a47 47 0 0 0-4.74-.27M72.82 17.81a5.66 5.66 0 0 1-3.09 1.6c-.76 0-.79-.74-.28-1.73 1.99-3.74 3.99-5.68 6.54-5.68h.45zm3.42-7.94c-4.69 0-7.57 2.73-10.12 8.71-.63 1.5-1 3.36 1.17 3.34a10 10 0 0 0 4.75-1.7 5.2 5.2 0 0 0-.13 1.58h3.29c.22-1.7.796-3.336 1.69-4.8L81 10.14a47 47 0 0 0-4.76-.27"/><path d="M65.55 25.11h-1.11a3.09 3.09 0 0 1-3-2.28l-1.6-6.17-3.05 5.14h-3.51l9.79-16.56c1.26-2.15 2.57-2.93 4.91-2.93h.36l-6.5 11 4.87-3.36h3.92l-8.19 5.64zM33.26.56c-3.3 0-5 .87-8.24 3.21l-11 7.9h-7c-2 0-3.66.08-4.94 1.29L.3 14.63l10.19-.39L0 21.8h4.53l10.74-7.74c2.08-.08 3.52-.14 3.53-.13a5.15 5.15 0 0 0 3.89-2.26h-4.11l8.67-6.26-6.44 10.44a15.4 15.4 0 0 0-2.27 5.95h3.72A11.34 11.34 0 0 1 23.9 17l8.77-14.61c.61-1 1.15-1.83 1.15-1.83zM50.73 13.23c0 .31.08.5.71.91l1 .66a2.85 2.85 0 0 1 1.4 2.67c-.37 2.46-2.17 4.44-6 4.44a22 22 0 0 1-4.4-.39L44.89 19c1.06.223 2.138.347 3.22.37 1.44 0 2-.66 2.1-1.19 0-.32-.11-.68-.79-1.15l-.8-.57c-1.28-.91-1.61-1.63-1.44-2.76.32-2.18 2.83-3.84 6.32-3.84a34 34 0 0 1 3.6.21l-1.4 2.37a31 31 0 0 0-3.24-.1c-1.02.04-1.66.39-1.73.89M80.69 18.27a1.86 1.86 0 1 1 .06 3.721 1.86 1.86 0 0 1-.06-3.72m0 3.35a1.49 1.49 0 1 0-1.44-1.49 1.45 1.45 0 0 0 1.44 1.49m-.25-.49h-.38v-2h.7a.65.65 0 0 1 .68.64.63.63 0 0 1-.44.6l.45.79h-.44l-.42-.76h-.15zm.28-1.13c.23 0 .35-.11.35-.3s-.12-.3-.35-.3h-.28v.6z"/></svg>',r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="AS-tagline-200__title AS-tagline-200__desc" role="img" style="min-width:100%;height:auto;fill:currentColor" viewBox="0 0 83 35" part="svg"><title id="AS-tagline-200__title">Alaska Airlines</title><desc id="AS-tagline-200__desc">Logo image for Alaska Airlines</desc><path d="M10.2 33.4H7.6l-.5 1.5H5.8l2.4-6.4h1.4l2.4 6.4h-1.3zM8 32.2h1.8l-.9-2.4zM16.5 34.8v-6.4h1.3v6.4zM25 32.4h-.6v2.5h-1.2v-6.4h2.5c1.2 0 2 .9 2 2 0 .9-.5 1.6-1.4 1.8l1.4 2.6h-1.4zm.3-1.1c.6 0 1-.4 1-.9s-.4-.9-1-.9h-1v1.8zM32.6 34.8v-6.4h1.2v5.2h2.8v1.2zM41.6 34.8v-6.4h1.3v6.4zM52.3 34.8l-2.9-4.5v4.5h-1.2v-6.4h1.5l2.6 4.2v-4.2h1.2v6.4zM59 34.8v-6.4h4v1.2h-2.7v1.5h2.5v1.1h-2.5v1.5H63v1.2h-4zM71.3 30.3c-.1-.4-.4-.9-1.2-.9-.6 0-1 .4-1 .8s.2.6.7.7l.9.2c1.2.2 1.8 1 1.8 1.9 0 1-.8 2-2.3 2-1.7 0-2.4-1.1-2.5-2l1.1-.3c.1.6.5 1.2 1.4 1.2.7 0 1-.3 1-.8 0-.4-.3-.7-.8-.8l-.9-.2c-1-.2-1.7-.9-1.7-1.8 0-1.1 1-2 2.2-2 1.5 0 2.1.9 2.3 1.7zM39.7 1l-9.2 15.5c-1 1.6-1.5 3.2-1.6 4.8h-3.6c.2-2 1-3.8 2.6-6.5L34.4 4c1.2-2.3 2.5-3 4.8-3zM39 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4.1-6.9c-1.7-.1-3.3-.2-4.9-.2M72.8 17.3c-.7.6-2 1.6-3.1 1.6-.8 0-.8-.7-.3-1.7 2-3.7 4-5.7 6.5-5.7h.5zm3.4-8c-4.7 0-7.6 2.7-10.1 8.7-.6 1.5-1 3.4 1.2 3.3 1.2 0 3.3-.7 4.8-1.7-.1.5-.2 1.2-.1 1.6h3.3c.1-1.3.6-2.9 1.7-4.8l4-6.8q-2.4-.3-4.8-.3"/><path d="M65.5 24.6h-1.1c-1.4 0-2.6-.9-3-2.3l-1.6-6.2-3.1 5.1h-3.5L63 4.6c1.3-2.1 2.6-2.9 4.9-2.9h.4l-6.5 11 4.9-3.4h3.9L62.4 15zM33.3 0c-3.3 0-5 .9-8.2 3.2l-11 7.9H7c-2 0-3.7.1-4.9 1.3L.3 14.1s5.3-.2 10.2-.4L0 21.2h4.5l10.7-7.7c2.1-.1 3.5-.1 3.5-.1 2.5-.1 3.9-2.3 3.9-2.3h-4.1l8.7-6.3-6.4 10.4c-1.4 2.4-2 4.1-2.3 5.9h3.7c.1-1.6.7-3.2 1.6-4.8l8.8-14.7c.6-1 1.1-1.8 1.1-1.8zM50.7 12.7c0 .3.1.5.7.9l1 .7c1.1.7 1.5 1.8 1.4 2.7-.4 2.5-2.2 4.4-6 4.4-1.7 0-2.4-.1-4.4-.4l1.5-2.5c1.4.2 2.2.4 3.2.4 1.4 0 2-.7 2.1-1.2 0-.3-.1-.7-.8-1.2l-.8-.6c-1.3-.9-1.6-1.6-1.4-2.8.3-2.2 2.8-3.8 6.3-3.8 1.1 0 2.3.1 3.6.2l-1.4 2.4c-.9-.1-2.3-.1-3.2-.1-1 0-1.7.4-1.8.9M80.7 17.7c1 0 1.8.8 1.8 1.9 0 1-.8 1.9-1.8 1.9s-1.8-.8-1.8-1.9c0-1 .8-1.9 1.8-1.9m0 3.4c.8 0 1.4-.6 1.4-1.5 0-.8-.6-1.5-1.4-1.5s-1.4.6-1.4 1.5c0 .8.6 1.5 1.4 1.5m-.2-.5h-.4v-2h.7c.4 0 .7.3.7.6s-.2.5-.4.6l.5.8H81l-.4-.8h-.2v.8zm.2-1.1c.2 0 .4-.1.4-.3s-.1-.3-.4-.3h-.3v.6z"/></svg>';class o{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,a=(s,t=s&&s.closest(e))=>s&&s!==document&&s!==window?t||a(s.getRootNode().host):null){return a(s)}handleComponentTagRename(e,s){const a=s.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,s){const a=s.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}var n=css`.headerLinkBox{color:var(--ds-auro-lockup-alaska-logo-color)}.logoIcon{border-right-color:var(--ds-auro-lockup-divider-color)}.headerTitle-title{color:var(--ds-auro-lockup-title-color)}.headerTitle-tagline{color:var(--ds-auro-lockup-subtitle-color)}:host([onDark]){--ds-auro-lockup-alaska-logo-color: #FFF;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider-inverse, rgba(255, 255, 255, .4));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-inverse, #ffffff)}
|
|
6
|
+
`,m=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.headerLinkBox{display:flex;text-decoration:none}.logoIcon{width:calc(var(--ds-size-800, 4rem) * 2);padding-right:var(--ds-size-100, .5rem);border-right-width:1px;border-right-style:solid;margin-right:var(--ds-size-100, .5rem)}.oneworldLogo{display:flex;width:calc(var(--ds-size-500, 2.5rem) + .1rem);flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem);margin-bottom:var(--ds-size-100, .5rem)}.headerTitle{display:flex;flex-direction:column;justify-content:center;padding-left:var(--ds-size-50, .25rem)}.headerTitle-tagline{padding-bottom:var(--ds-size-50, .25rem)}
|
|
7
|
+
`,h=css`:host{--ds-auro-lockup-alaska-logo-color: #02426D;--ds-auro-lockup-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-lockup-subtitle-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-lockup-title-color: var(--ds-basic-color-texticon-accent1, #265688)}
|
|
8
|
+
`;class g extends LitElement{constructor(){super(),this.path="/",this.standard=false,this.oneworld=false,this.runtimeUtils=new o;}static get properties(){return {oneworld:{type:Boolean,reflect:true},path:{type:String},standard:{type:Boolean,reflect:true},variant:{type:String,reflect:true}}}static get styles(){return [m,n,h]}static register(e="auro-lockup"){o.prototype.registerComponent(e,g);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-lockup");}updated(){this.oneworld&&this.setAttribute("variant","oneworld");}generateIconHtml(e){const s=(new DOMParser).parseFromString(e,"text/html").body.firstChild;return html`${s}`}render(){const e={logoIcon:true,logoDivider:!this.variant};return html`
|
|
9
|
+
<a href=${this.path} class="headerLinkBox">
|
|
10
|
+
<div class="${classMap(e)}">
|
|
11
|
+
${ifDefined(this.standard&&"oneworld"===this.variant?this.generateIconHtml(c):this.generateIconHtml(r))}
|
|
12
|
+
</div>
|
|
13
|
+
${ifDefined("oneworld"===this.variant?html`
|
|
14
|
+
<div class="oneworldLogo">
|
|
15
|
+
${this.generateIconHtml(l)}
|
|
16
|
+
</div>
|
|
17
|
+
`:html`
|
|
18
|
+
<div class="headerTitle">
|
|
19
|
+
<span class="headerTitle-title heading-lg">
|
|
20
|
+
<slot name="title"></slot>
|
|
21
|
+
</span>
|
|
22
|
+
<span class="headerTitle-tagline accent-xs">
|
|
23
|
+
<slot name="subtitle"></slot>
|
|
24
|
+
</span>
|
|
25
|
+
</div>
|
|
26
|
+
`)}
|
|
27
|
+
</a>
|
|
28
|
+
`}}
|
|
29
|
+
|
|
30
|
+
export { g as AuroLockup };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{A as AuroLockup}from"./auro-lockup-BxXukpTD.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{A as i}from"./auro-lockup-BxXukpTD.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|
package/package.json
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"//": [
|
|
3
|
+
"================================================================================",
|
|
4
|
+
"# To work within the development environment, run the following tasks",
|
|
5
|
+
" 1. $ npm run dev",
|
|
6
|
+
" 2. Go to http://localhost:8000",
|
|
7
|
+
"================================================================================"
|
|
8
|
+
],
|
|
9
|
+
"name": "@aurodesignsystem-dev/auro-lockup",
|
|
10
|
+
"version": "0.0.0-pr65.0",
|
|
11
|
+
"description": "auro-lockup HTML custom element",
|
|
12
|
+
"repository": {
|
|
13
|
+
"type": "git",
|
|
14
|
+
"url": "https://github.com/AlaskaAirlines/auro-lockup"
|
|
15
|
+
},
|
|
16
|
+
"type": "module",
|
|
17
|
+
"main": "dist/registered.js",
|
|
18
|
+
"types": "dist/index.d.ts",
|
|
19
|
+
"license": "Apache-2.0",
|
|
20
|
+
"engines": {
|
|
21
|
+
"node": "^20.x || ^22.x"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"lit": "^3.3.0"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@alaskaairux/icons": "^5.5.0",
|
|
28
|
+
"@aurodesignsystem/auro-cli": "^3.0.2",
|
|
29
|
+
"@aurodesignsystem/auro-config": "^1.3.0",
|
|
30
|
+
"@aurodesignsystem/auro-library": "^5.4.0",
|
|
31
|
+
"@aurodesignsystem/design-tokens": "^8.4.0",
|
|
32
|
+
"@aurodesignsystem/webcorestylesheets": "10.0.3",
|
|
33
|
+
"husky": "^9.1.7"
|
|
34
|
+
},
|
|
35
|
+
"browserslist": [
|
|
36
|
+
"last 2 Chrome versions",
|
|
37
|
+
"last 2 iOS major versions",
|
|
38
|
+
"last 2 Firefox versions",
|
|
39
|
+
"last 2 Edge versions",
|
|
40
|
+
"last 2 Safari major versions"
|
|
41
|
+
],
|
|
42
|
+
"publishConfig": {
|
|
43
|
+
"access": "public"
|
|
44
|
+
},
|
|
45
|
+
"keywords": [
|
|
46
|
+
"alaska airlines",
|
|
47
|
+
"auro",
|
|
48
|
+
"design system",
|
|
49
|
+
"web components"
|
|
50
|
+
],
|
|
51
|
+
"scripts": {
|
|
52
|
+
"build": "auro build",
|
|
53
|
+
"dev": "auro dev -w -s",
|
|
54
|
+
"dev:open": "auro dev -w -s --open",
|
|
55
|
+
"lint": "biome check --no-errors-on-unmatched && stylelint \"./src/**/*.scss\"",
|
|
56
|
+
"lint:fix": "biome check --fix --no-errors-on-unmatched && stylelint \"./src/**/*.scss\" --fix",
|
|
57
|
+
"test": "auro test",
|
|
58
|
+
"test:watch": "auro test --watch",
|
|
59
|
+
"prepare": "husky"
|
|
60
|
+
},
|
|
61
|
+
"exports": {
|
|
62
|
+
"./package.json": "./package.json",
|
|
63
|
+
"./readme.md": "./README.md",
|
|
64
|
+
".": "./dist/registered.js",
|
|
65
|
+
"./demo/*.md": "./demo/*.md",
|
|
66
|
+
"./demo/*.js": "./demo/*.min.js",
|
|
67
|
+
"./class": {
|
|
68
|
+
"module": "./dist/index.js",
|
|
69
|
+
"types": "./dist/index.d.ts",
|
|
70
|
+
"default": "./dist/index.js"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"files": [
|
|
74
|
+
"dist/**/*",
|
|
75
|
+
"demo/**/*",
|
|
76
|
+
"CHANGELOG.md",
|
|
77
|
+
"README.md",
|
|
78
|
+
"LICENSE",
|
|
79
|
+
"NOTICE"
|
|
80
|
+
]
|
|
81
|
+
}
|