Skip to content

Commit

Permalink
build: update eslint config and all other dependencies
Browse files Browse the repository at this point in the history
  • Loading branch information
@jordanjones243 @jason-capsule42
jordanjones243 authored and jason-capsule42 committed Oct 4, 2024
1 parent 756a31c commit b2dbcc6
Show file tree
Hide file tree
Showing 6 changed files with 203 additions and 254 deletions.
5 changes: 0 additions & 5 deletions .eslintrc
View file

This file was deleted.

156 changes: 79 additions & 77 deletions demo/api.md
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,39 @@
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../api.md) -->
<!-- The below content is automatically added from ./../api.md -->

<!-- The below content is automatically added from ./../api.md -->

# auro-lockup

The auro-lockup element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.

The auro-lockup element is a standardized custom element for the use in headers of Alaska Airlines extended experiences.

## Attributes

| Attribute | Type | Description |
|-----------|-----------|------------------|
|-----------|-----------|------------------|
| [onDark](#onDark) | `Boolean` | Toggle onDark UI |

## Properties

| Property | Attribute | Type | Default | Description |
|------------|------------|-----------|---------|--------------------------------------------------|
| [oneworld](#oneworld) | `oneworld` | `boolean` | false | replaces product name and tag line with Oneworld logo |
| [path](#path) | `path` | `String` | "/" | URL path for lockup link |
|------------|------------|-----------|---------|--------------------------------------------------|
| [oneworld](#oneworld) | `oneworld` | `boolean` | false | replaces product name and tag line with Oneworld logo |
| [path](#path) | `path` | `String` | "/" | URL path for lockup link |
| [standard](#standard) | `standard` | `boolean` | false | uses the standard Alaska logo in place of the official logo, requires use of `oneWorld` attribute. |

## Slots

| Name | Description |
|------------|--------------------------|
| [subtitle](#subtitle) | Set sub-title for lockup |
|------------|--------------------------|
| [subtitle](#subtitle) | Set sub-title for lockup |
| [title](#title) | Set title for lockup |
<!-- AURO-GENERATED-CONTENT:END -->

<!-- AURO-GENERATED-CONTENT:END -->

## API Examples

See the following examples for use-case illustrations of API options.

### Attribute Examples

#### <a name="onDark"></a>`onDark`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
See the following examples for use-case illustrations of API options.

### Attribute Examples

#### <a name="onDark"></a>`onDark`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Use the `onDark` attribute for the proper presentation on a darker background.

<div class="exampleWrapper--ondark">
Expand All @@ -43,19 +43,19 @@ Use the `onDark` attribute for the proper presentation on a darker background.
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/onDarkExample.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/onDarkExample.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/onDarkExample.html -->

```html
<auro-lockup onDark></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

### Property Examples

#### <a name="oneWorld"></a>`oneWorld`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
<auro-lockup onDark></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

### Property Examples

#### <a name="oneWorld"></a>`oneWorld`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Use the `oneWorld` property to replace the product name and tag line with one**World** logo.

<div class="exampleWrapper">
Expand All @@ -65,17 +65,17 @@ Use the `oneWorld` property to replace the product name and tag line with one**W
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/oneWorld.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/oneWorld.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/oneWorld.html -->

```html
<auro-lockup oneworld></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="path"></a>`path`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
<auro-lockup oneworld></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="path"></a>`path`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Use the `path` property to add a custom URL reference to the clickable lockup. A `/` is set by default.

<div class="exampleWrapper">
Expand All @@ -85,17 +85,17 @@ Use the `path` property to add a custom URL reference to the clickable lockup. A
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/path.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/path.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/path.html -->

```html
<auro-lockup path="https://www.alaskaair.com"></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="standard"></a>`standard`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
<auro-lockup path="https://www.alaskaair.com"></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="standard"></a>`standard`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Use the `standard` property to use the standard Alaska logo in place of the official logo. Restricted to use with the one**World** logo.

<div class="exampleWrapper">
Expand All @@ -105,19 +105,19 @@ Use the `standard` property to use the standard Alaska logo in place of the offi
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/standard.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/standard.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/standard.html -->

```html
<auro-lockup standard oneWorld></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

### Slot Examples

#### <a name="title"></a>`title`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
<auro-lockup standard oneWorld></auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

### Slot Examples

#### <a name="title"></a>`title`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Usd the `title` slot to add lockup content.

<div class="exampleWrapper">
Expand All @@ -129,19 +129,19 @@ Usd the `title` slot to add lockup content.
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/title.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/title.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/title.html -->

```html
<auro-lockup>
<span slot="title">Product Name</span>
</auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="subtitle"></a>`subtitle`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
</auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

#### <a name="subtitle"></a>`subtitle`<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>
Usd the `subtitle` slot to add lockup content.

<div class="exampleWrapper">
Expand All @@ -153,31 +153,33 @@ Usd the `subtitle` slot to add lockup content.
<!-- AURO-GENERATED-CONTENT:END -->
</div>
<auro-accordion alignRight>
<span slot="trigger">See code</span>
<span slot="trigger">See code</span>
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/subtitle.html) -->
<!-- The below code snippet is automatically added from ./../../apiExamples/subtitle.html -->

<!-- The below code snippet is automatically added from ./../../apiExamples/subtitle.html -->

```html
<auro-lockup>
<span slot="subtitle">Powered by Partner Name</span>
</auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

</auro-lockup>
```
<!-- AURO-GENERATED-CONTENT:END -->
</auro-accordion>

### Theme Support

The component may be restyled using the following code sample and changing the values of the following token(s).

<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.scss) -->
<!-- The below code snippet is automatically added from ./../../src/tokens.scss -->

<!-- The below code snippet is automatically added from ./../../src/tokens.scss -->

```scss
@import './../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables';

:host {
--ds-auro-lockup-alaska-logo-color: var(--ds-color-brand-lounge, #{$ds-color-brand-lounge});
--ds-auro-lockup-divider-color: var(--ds-color-border-divider-default, #{$ds-color-border-divider-default});
--ds-auro-lockup-subtitle-color: var(--ds-color-base-gray-700, #{$ds-color-base-gray-700}); // Need tier 2 token for this
--ds-auro-lockup-title-color: var(--ds-color-brand-breeze-400, #{$ds-color-brand-breeze-400}); // Need tier 2 token for this
}
```
<!-- AURO-GENERATED-CONTENT:END -->
<!-- AURO-GENERATED-CONTENT:END -->
13 changes: 13 additions & 0 deletions eslint.config.mjs
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import path from "node:path";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all
});
export default [...compat.extends("@aurodesignsystem/eslint-config")];
Loading

0 comments on commit b2dbcc6

Please sign in to comment.