From 994a67904a805e838ce348ef952bc18291d7aaf0 Mon Sep 17 00:00:00 2001 From: rmenner Date: Fri, 30 Jan 2026 15:37:36 -0500 Subject: [PATCH 1/3] ci: add workflow to update design-tokens version --- .github/workflows/update-design-tokens.yml | 46 ++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 .github/workflows/update-design-tokens.yml diff --git a/.github/workflows/update-design-tokens.yml b/.github/workflows/update-design-tokens.yml new file mode 100644 index 0000000..c75e650 --- /dev/null +++ b/.github/workflows/update-design-tokens.yml @@ -0,0 +1,46 @@ +name: Update design-tokens version +on: + workflow_dispatch: + inputs: + ticket-number: + description: 'The GitHub ticket number to associate this change with' + required: true + type: number + change-type: + description: | + The type of change being made: + + • feat: new tokens + • fix: corrections to existing tokens + required: true + type: choice + options: + - feat + - fix + +jobs: + update-design-tokens: + runs-on: ubuntu-latest + permissions: + # Need to be able to create new branches and commits + contents: write + pull-requests: write + steps: + - name: Install Node.js + uses: actions/setup-node@v4 + - name: Clone repo + uses: actions/checkout@v4 + - name: Install dependencies + run: npm ci + - name: Update design-tokens to latest version + run: npx npm-check-updates -f "@aurodesignsystem/design-tokens" -u --install always + - name: Build project + run: npm run build + - name: Create pull request + uses: peter-evans/create-pull-request@v5 + with: + commit-message: '${{ inputs.change-type }}: update tokens from auro ADO#${{ inputs.ticket-number }}' + title: Update latest from auro design-tokens + body: 'Update latest from auro design-tokens from file: https://www.figma.com/file/${{ secrets.FIGMA_FILE_KEY }}' + branch: update-tokens + branch-suffix: timestamp From ac0f713068204cd2833035b76d48873f3efc151e Mon Sep 17 00:00:00 2001 From: rmenner Date: Fri, 30 Jan 2026 15:40:45 -0500 Subject: [PATCH 2/3] chore: update description for ticket number input to reference ADO --- .github/workflows/update-design-tokens.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/update-design-tokens.yml b/.github/workflows/update-design-tokens.yml index c75e650..806bd2b 100644 --- a/.github/workflows/update-design-tokens.yml +++ b/.github/workflows/update-design-tokens.yml @@ -3,7 +3,7 @@ on: workflow_dispatch: inputs: ticket-number: - description: 'The GitHub ticket number to associate this change with' + description: 'The ADO ticket number to associate this change with' required: true type: number change-type: From 2e1aa492bb03e0db491e7d7547332098d54bbe6a Mon Sep 17 00:00:00 2001 From: rmenner Date: Mon, 9 Feb 2026 14:00:20 -0500 Subject: [PATCH 3/3] chore: update commit message format for design-tokens pull request and remove 'dist' from .gitignore --- .github/workflows/update-design-tokens.yml | 2 +- .gitignore | 1 - dist/auroElement/README.md | 86 ++ dist/auroElement/_auroElement.scss | 45 + dist/auroElement/auroElement.js | 38 + dist/auroElement/auroElement.mjs | 38 + .../bundled/legacy/auro-classic+fv.global.css | 117 +++ .../legacy/auro-classic+fv.global.min.css | 5 + dist/bundled/legacy/auro-classic.global.css | 113 +++ .../legacy/auro-classic.global.min.css | 5 + dist/bundled/themes/alaska-classic.global.css | 497 +++++++++++ .../themes/alaska-classic.global.min.css | 5 + dist/bundled/themes/alaska.global.css | 521 +++++++++++ dist/bundled/themes/alaska.global.min.css | 5 + dist/bundled/themes/auro-1.global.css | 521 +++++++++++ dist/bundled/themes/auro-1.global.min.css | 5 + dist/bundled/themes/auro-2.global.css | 457 ++++++++++ dist/bundled/themes/auro-2.global.min.css | 5 + dist/bundled/themes/hawaiian.global.css | 497 +++++++++++ dist/bundled/themes/hawaiian.global.min.css | 5 + dist/bundled/type/classes.alaska.css | 209 +++++ dist/bundled/type/classes.alaska.min.css | 5 + dist/bundled/type/classes.css | 209 +++++ dist/bundled/type/classes.min.css | 5 + dist/demoWrapper.css | 8 + dist/elementDemoStyles.css | 829 ++++++++++++++++++ docs/index.html | 6 +- 27 files changed, 4234 insertions(+), 5 deletions(-) create mode 100644 dist/auroElement/README.md create mode 100644 dist/auroElement/_auroElement.scss create mode 100644 dist/auroElement/auroElement.js create mode 100644 dist/auroElement/auroElement.mjs create mode 100644 dist/bundled/legacy/auro-classic+fv.global.css create mode 100644 dist/bundled/legacy/auro-classic+fv.global.min.css create mode 100644 dist/bundled/legacy/auro-classic.global.css create mode 100644 dist/bundled/legacy/auro-classic.global.min.css create mode 100644 dist/bundled/themes/alaska-classic.global.css create mode 100644 dist/bundled/themes/alaska-classic.global.min.css create mode 100644 dist/bundled/themes/alaska.global.css create mode 100644 dist/bundled/themes/alaska.global.min.css create mode 100644 dist/bundled/themes/auro-1.global.css create mode 100644 dist/bundled/themes/auro-1.global.min.css create mode 100644 dist/bundled/themes/auro-2.global.css create mode 100644 dist/bundled/themes/auro-2.global.min.css create mode 100644 dist/bundled/themes/hawaiian.global.css create mode 100644 dist/bundled/themes/hawaiian.global.min.css create mode 100644 dist/bundled/type/classes.alaska.css create mode 100644 dist/bundled/type/classes.alaska.min.css create mode 100644 dist/bundled/type/classes.css create mode 100644 dist/bundled/type/classes.min.css create mode 100644 dist/demoWrapper.css create mode 100644 dist/elementDemoStyles.css diff --git a/.github/workflows/update-design-tokens.yml b/.github/workflows/update-design-tokens.yml index 806bd2b..f9db837 100644 --- a/.github/workflows/update-design-tokens.yml +++ b/.github/workflows/update-design-tokens.yml @@ -39,7 +39,7 @@ jobs: - name: Create pull request uses: peter-evans/create-pull-request@v5 with: - commit-message: '${{ inputs.change-type }}: update tokens from auro ADO#${{ inputs.ticket-number }}' + commit-message: '${{ inputs.change-type }}: update tokens from auro AB#${{ inputs.ticket-number }}' title: Update latest from auro design-tokens body: 'Update latest from auro design-tokens from file: https://www.figma.com/file/${{ secrets.FIGMA_FILE_KEY }}' branch: update-tokens diff --git a/.gitignore b/.gitignore index 39d4bd6..a40814d 100644 --- a/.gitignore +++ b/.gitignore @@ -5,7 +5,6 @@ build test results coverage/ -dist example/temp example/prodBuild/ example/tokensBuild/ diff --git a/dist/auroElement/README.md b/dist/auroElement/README.md new file mode 100644 index 0000000..d96132d --- /dev/null +++ b/dist/auroElement/README.md @@ -0,0 +1,86 @@ +# What is auroElement? + +The concept of auroElement is that it is an extension of the base litElement class. When your component imports auroElement you are inheriting new base functionality. + +## Accessibility + +When building a component with the auroElement base class you will inherit a simple API for accessibility support. + +| Property | Attribute | Type | Description | +|------------------|------------------|-----------|--------------------------------------------------| +| `hidden` | `hidden` | `Boolean` | If present, the component will be hidden both visually and from screen readers | +| `hiddenAudible` | `hiddenAudible` | `Boolean` | If present, the component will be hidden from screen readers, but seen visually | +| `hiddenVisually` | `hiddenVisually` | `Boolean` | If present, the component will be hidden visually, but still read by screen readers | + +### Install + +The auroElement.js is already included with the base setup of a web component within the WCSS package. Installing requires a few modifications to the structure of the component. + +Find the following + +```js +import { LitElement, html, css } from "lit"; +``` + +Update to the following + +```js +import { html, css } from "lit"; +import AuroElement from '@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement.mjs'; +``` + +**Note:** The legacy `/auroElement.js` is deprecated and will no longer be supported. Any reference to this file should be updated to point to `/auroElement.mjs`. + +### Add supporting styles + +To complete the install, be sure to add the following to the `./src/styles.scss` file + +```scss +@import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement"; +``` + +### Update class + +In the component's JS file, find the following + +```js +class [Namespace][Name] extends LitElement { ... } +``` + +Update to + +```js +class [Namespace][Name] extends AuroElement { ... } +``` + +### Update properties + +In the component's class, find the following + +```js +static get properties() { + return { + + }; +} +``` + +And update to include the `super` keyword is used to access and call functions on an object's parent. + +```js +static get properties() { + return { + ...super.properties, + }; +} +``` + +### Update HTML template + +Within the auroElement will be the `hideAudible()` method. In order to make full use of auroElement's accessibility features, be sure to add the following to the HTML element(s) you wish to hide from screen readers. + +```html +aria-hidden="${this.hideAudible(this.hiddenAudible)}" +``` + +This completes the install of auroElement and all its supported features. diff --git a/dist/auroElement/_auroElement.scss b/dist/auroElement/_auroElement.scss new file mode 100644 index 0000000..f697e30 --- /dev/null +++ b/dist/auroElement/_auroElement.scss @@ -0,0 +1,45 @@ +// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license +// See LICENSE in the project root for license information. + +// --------------------------------------------------------------------- + +@import '../../src/utilityClasses/displayProperties'; + +/// Component a11y support for `:host`
+/// For use with auroElement.js base class and web component development +/// +/// @group Component-support +/// @example scss - Default selector +/// :host {} +/// +/// @example scss - import mixin file +/// @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement"; +:host { + @extend .util_displayBlock; +} + +/// Component a11y support for `:host` selector with `hidden` attribute
+/// For use with auroElement.js base class and web component development +/// +/// @group Component-support +/// @example scss - Default selector +/// :host([hidden]:not(:focus):not(:active)) {} +/// +/// @example scss - import mixin file +/// @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement"; +:host([hidden]:not(:focus):not(:active)) { + @extend .util_displayHidden; +} + +/// Component a11y support for `:host` selector with `hiddenVisually` attribute
+/// For use with auroElement.js base class and web component development +/// +/// @group Component-support +/// @example scss - Default selector +/// :host([hiddenVisually]:not(:focus):not(:active)) {} +/// +/// @example scss - import mixin file +/// @import "./node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement"; +:host([hiddenVisually]:not(:focus):not(:active)) { + @extend .util_displayHiddenVisually; +} diff --git a/dist/auroElement/auroElement.js b/dist/auroElement/auroElement.js new file mode 100644 index 0000000..634976c --- /dev/null +++ b/dist/auroElement/auroElement.js @@ -0,0 +1,38 @@ +// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license +// See LICENSE in the project root for license information. + +// --------------------------------------------------------------------- + +import { LitElement } from "lit"; + +/** + * @attr {Boolean} hidden - If present, the component will be hidden both visually and from screen readers + * @attr {Boolean} hiddenVisually - If present, the component will be hidden visually, but still read by screen readers + * @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually + */ + +export default class AuroElement extends LitElement { + + // function to define props used within the scope of this component + static get properties() { + return { + hidden: { type: Boolean, + reflect: true }, + hiddenVisually: { type: Boolean, + reflect: true }, + hiddenAudible: { type: Boolean, + reflect: true }, + }; + } + + /** + * @private Function that determines state of aria-hidden + */ + hideAudible(value) { + if (value) { + return 'true' + } + + return 'false' + } +} diff --git a/dist/auroElement/auroElement.mjs b/dist/auroElement/auroElement.mjs new file mode 100644 index 0000000..634976c --- /dev/null +++ b/dist/auroElement/auroElement.mjs @@ -0,0 +1,38 @@ +// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license +// See LICENSE in the project root for license information. + +// --------------------------------------------------------------------- + +import { LitElement } from "lit"; + +/** + * @attr {Boolean} hidden - If present, the component will be hidden both visually and from screen readers + * @attr {Boolean} hiddenVisually - If present, the component will be hidden visually, but still read by screen readers + * @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually + */ + +export default class AuroElement extends LitElement { + + // function to define props used within the scope of this component + static get properties() { + return { + hidden: { type: Boolean, + reflect: true }, + hiddenVisually: { type: Boolean, + reflect: true }, + hiddenAudible: { type: Boolean, + reflect: true }, + }; + } + + /** + * @private Function that determines state of aria-hidden + */ + hideAudible(value) { + if (value) { + return 'true' + } + + return 'false' + } +} diff --git a/dist/bundled/legacy/auro-classic+fv.global.css b/dist/bundled/legacy/auro-classic+fv.global.css new file mode 100644 index 0000000..4825390 --- /dev/null +++ b/dist/bundled/legacy/auro-classic+fv.global.css @@ -0,0 +1,117 @@ +/* + Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + See LICENSE in the project root for license information. +*/ +/* --------------------------------------------------------------------- */ +/* + This file is reserved for CDN consumption of web components using the Auro Classic theme + with Focus Visible (fv) and not intended to be used with standard dynamic projects. + + This theme is DEPRECATED and will be removed in the future. + + Provided for backwards compatibility. +*/ +*:focus-visible { + outline: 1px solid var(--ds-color-border-ui-focus-default, #2c67b5); +} + +/* + Essentials for Auro Classic theme +*/ +: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, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); +} + +/* stylelint-disable-line scss/dollar-variable-first-in-block */ +.fineprint { + font-family: var(--ds-font-family-default, "AS Circular", "Helvetica Neue", Arial, sans-serif); + font-size: var(--ds-text-body-size-xs, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); + color: var(--ds-color-text-secondary-default, #525252); +} + +@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"); +} \ No newline at end of file diff --git a/dist/bundled/legacy/auro-classic+fv.global.min.css b/dist/bundled/legacy/auro-classic+fv.global.min.css new file mode 100644 index 0000000..f65dccb --- /dev/null +++ b/dist/bundled/legacy/auro-classic+fv.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus-visible{outline:1px solid var(--ds-color-border-ui-focus-default,#2c67b5)}: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%}.baseType,body{color:var(--ds-color-text-primary-default,#2a2a2a);font-family:var(--ds-font-family-default,"AS Circular","Helvetica Neue",Arial,sans-serif);font-size:var(--ds-text-body-size-default,1rem);font-variant-ligatures:no-common-ligatures;font-weight:var(--ds-text-body-default-weight,500);margin:0}.baseParagraph,.baseType,body{line-height:var(--ds-text-body-height-default,1.5rem)}.baseParagraph{margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.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{color:var(--ds-color-text-ui-hover-default,#193d73);text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:var(--ds-text-body-size-xs,.75rem);line-height:var(--ds-text-body-height-xs,1rem)}.fineprint{color:var(--ds-color-text-secondary-default,#525252);font-family:var(--ds-font-family-default,"AS Circular","Helvetica Neue",Arial,sans-serif)}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-heading-display-weight,100);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-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-heading-medium-weight,300);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-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-body-default-weight,500);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")} \ No newline at end of file diff --git a/dist/bundled/legacy/auro-classic.global.css b/dist/bundled/legacy/auro-classic.global.css new file mode 100644 index 0000000..cd429f5 --- /dev/null +++ b/dist/bundled/legacy/auro-classic.global.css @@ -0,0 +1,113 @@ +/* + Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + See LICENSE in the project root for license information. +*/ +/* --------------------------------------------------------------------- */ +/* + This file is reserved for CDN consumption of web components using the Auro Classic theme + and not intended to be used with standard dynamic projects. + + This theme is DEPRECATED and will be removed in the future. + + Provided for backwards compatibility. +*/ +/* + Essentials for Auro Classic theme +*/ +: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, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); +} + +/* stylelint-disable-line scss/dollar-variable-first-in-block */ +.fineprint { + font-family: var(--ds-font-family-default, "AS Circular", "Helvetica Neue", Arial, sans-serif); + font-size: var(--ds-text-body-size-xs, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); + color: var(--ds-color-text-secondary-default, #525252); +} + +@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"); +} \ No newline at end of file diff --git a/dist/bundled/legacy/auro-classic.global.min.css b/dist/bundled/legacy/auro-classic.global.min.css new file mode 100644 index 0000000..25c5da6 --- /dev/null +++ b/dist/bundled/legacy/auro-classic.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +: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%}.baseType,body{color:var(--ds-color-text-primary-default,#2a2a2a);font-family:var(--ds-font-family-default,"AS Circular","Helvetica Neue",Arial,sans-serif);font-size:var(--ds-text-body-size-default,1rem);font-variant-ligatures:no-common-ligatures;font-weight:var(--ds-text-body-default-weight,500);margin:0}.baseParagraph,.baseType,body{line-height:var(--ds-text-body-height-default,1.5rem)}.baseParagraph{margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.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{color:var(--ds-color-text-ui-hover-default,#193d73);text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:var(--ds-text-body-size-xs,.75rem);line-height:var(--ds-text-body-height-xs,1rem)}.fineprint{color:var(--ds-color-text-secondary-default,#525252);font-family:var(--ds-font-family-default,"AS Circular","Helvetica Neue",Arial,sans-serif)}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-heading-display-weight,100);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-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-heading-medium-weight,300);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-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:var(--ds-text-body-default-weight,500);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")} \ No newline at end of file diff --git a/dist/bundled/themes/alaska-classic.global.css b/dist/bundled/themes/alaska-classic.global.css new file mode 100644 index 0000000..78fd843 --- /dev/null +++ b/dist/bundled/themes/alaska-classic.global.css @@ -0,0 +1,497 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +/* --------------------------------------------------------------------- */ +/* + * This file is reserved for CDN consumption of web components using the Alaska theme + * and not intended to be used with standard dynamic projects. + */ +/* + Base essentials mixin – shared styles across all themes, + excluding legacy themes such as Auro Classic. + + Accepts a map of SCSS variable name mappings for theme-specific values +*/ +:focus:not(:focus-visible) { + outline: 3px solid transparent; +} + +html { + box-sizing: border-box; + font-size: 1rem; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body, +.baseType { + margin: 0; + color: #2a2a2a; + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 450; + line-height: 1.5rem; + letter-spacing: 0; + font-variant-ligatures: no-common-ligatures; +} + +.baseParagraph { + margin: 0 0 1rem; + line-height: 1.5rem; +} +.baseParagraph .hyperlink { + text-decoration: underline; +} + +.hyperlink { + text-decoration: underline; + color: #2875b5; +} +.hyperlink:visited { + color: #2875b5; +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +.hyperlink--nav:not(.is-touching):hover { + text-decoration: underline !important; +} +.hyperlink--ondark { + color: #ffffff; +} +.hyperlink--ondark:not(.is-touching):hover { + color: #ebf3f9; +} +.hyperlink--ondark:visited { + color: #ffffff; +} +.hyperlink:not(.is-touching):hover { + text-decoration: none; + color: #01426a; +} + +img { + max-width: 100%; +} + +small, +.type--small { + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + letter-spacing: 0; +} + +.fineprint { + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + color: #676767; + letter-spacing: 0; +} + +@font-face { + font-family: "AS Circular"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 450; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 500; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +:root { + --wcss-body-family: "AS Circular"; + --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-body-weight: 450; + --wcss-body-letter-spacing: 0; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-display-2xl-family: "AS Circular"; + --wcss-display-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-2xl-letter-spacing: 0; + --wcss-display-2xl-weight: 300; + --wcss-display-2xl-line-height: 1.3; + --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem); + --wcss-display-xl-family: "AS Circular"; + --wcss-display-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xl-letter-spacing: 0; + --wcss-display-xl-weight: 300; + --wcss-display-xl-line-height: 1.3; + --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem); + --wcss-display-lg-family: "AS Circular"; + --wcss-display-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-lg-letter-spacing: 0; + --wcss-display-lg-weight: 300; + --wcss-display-lg-line-height: 1.3; + --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem); + --wcss-display-md-family: "AS Circular"; + --wcss-display-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-md-letter-spacing: 0; + --wcss-display-md-weight: 300; + --wcss-display-md-line-height: 1.3; + --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem); + --wcss-display-sm-family: "AS Circular"; + --wcss-display-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-sm-letter-spacing: 0; + --wcss-display-sm-weight: 300; + --wcss-display-sm-line-height: 1.3; + --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem); + --wcss-display-xs-family: "AS Circular"; + --wcss-display-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xs-letter-spacing: 0; + --wcss-display-xs-weight: 300; + --wcss-display-xs-line-height: 1.3; + --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem); + --wcss-heading-xl-family: "AS Circular"; + --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xl-letter-spacing: 0; + --wcss-heading-xl-weight: 450; + --wcss-heading-xl-line-height: 1.3; + --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem); + --wcss-heading-lg-family: "AS Circular"; + --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-lg-letter-spacing: 0; + --wcss-heading-lg-weight: 450; + --wcss-heading-lg-line-height: 1.3; + --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem); + --wcss-heading-md-family: "AS Circular"; + --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-md-letter-spacing: 0; + --wcss-heading-md-weight: 500; + --wcss-heading-md-line-height: 1.3; + --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem); + --wcss-heading-sm-family: "AS Circular"; + --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-sm-letter-spacing: 0; + --wcss-heading-sm-weight: 500; + --wcss-heading-sm-line-height: 1.3; + --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem); + --wcss-heading-xs-family: "AS Circular"; + --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xs-letter-spacing: 0; + --wcss-heading-xs-weight: 500; + --wcss-heading-xs-line-height: 1.3; + --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem); + --wcss-heading-2xs-family: "AS Circular"; + --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-2xs-letter-spacing: 0; + --wcss-heading-2xs-weight: 500; + --wcss-heading-2xs-line-height: 1.3; + --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem); + --wcss-accent-2xl-family: "AS Circular"; + --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xl-letter-spacing: 0.05em; + --wcss-accent-2xl-weight: 450; + --wcss-accent-2xl-line-height: 1; + --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem); + --wcss-accent-xl-family: "AS Circular"; + --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xl-letter-spacing: 0.05em; + --wcss-accent-xl-weight: 450; + --wcss-accent-xl-line-height: 1.3; + --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem); + --wcss-accent-lg-family: "AS Circular"; + --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-lg-letter-spacing: 0.05em; + --wcss-accent-lg-weight: 450; + --wcss-accent-lg-line-height: 1.3; + --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem); + --wcss-accent-md-family: "AS Circular"; + --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-md-letter-spacing: 0.05em; + --wcss-accent-md-weight: 500; + --wcss-accent-md-line-height: 1.3; + --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem); + --wcss-accent-sm-family: "AS Circular"; + --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-sm-letter-spacing: 0.05em; + --wcss-accent-sm-weight: 500; + --wcss-accent-sm-line-height: 1.3; + --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem); + --wcss-accent-xs-family: "AS Circular"; + --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xs-letter-spacing: 0.1em; + --wcss-accent-xs-weight: 500; + --wcss-accent-xs-line-height: 1.3; + --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem); + --wcss-accent-2xs-family: "AS Circular"; + --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xs-letter-spacing: 0.1em; + --wcss-accent-2xs-weight: 450; + --wcss-accent-2xs-line-height: 1.3; + --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem); +} + +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/themes/alaska-classic.global.min.css b/dist/bundled/themes/alaska-classic.global.min.css new file mode 100644 index 0000000..39a5a99 --- /dev/null +++ b/dist/bundled/themes/alaska-classic.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.baseType,body{color:#2a2a2a;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-variant-ligatures:no-common-ligatures;font-weight:450;letter-spacing:0;line-height:1.5rem;margin:0}.baseParagraph{line-height:1.5rem;margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.hyperlink:visited{color:#2875b5}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:#fff}.hyperlink--ondark:not(.is-touching):hover{color:#ebf3f9}.hyperlink--ondark:visited{color:#fff}.hyperlink:not(.is-touching):hover{color:#01426a;text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:.75rem;font-weight:450;letter-spacing:0;line-height:1rem}.fineprint{color:#676767;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}:root{--wcss-body-family:"AS Circular";--wcss-body-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-body-weight:450;--wcss-body-letter-spacing:0;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-display-2xl-family:"AS Circular";--wcss-display-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-2xl-letter-spacing:0;--wcss-display-2xl-weight:300;--wcss-display-2xl-line-height:1.3;--wcss-display-2xl-font-size:clamp(3.5rem,6vw,5.375rem);--wcss-display-xl-family:"AS Circular";--wcss-display-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xl-letter-spacing:0;--wcss-display-xl-weight:300;--wcss-display-xl-line-height:1.3;--wcss-display-xl-font-size:clamp(3rem,5.3333333333vw,4.5rem);--wcss-display-lg-family:"AS Circular";--wcss-display-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-lg-letter-spacing:0;--wcss-display-lg-weight:300;--wcss-display-lg-line-height:1.3;--wcss-display-lg-font-size:clamp(2.75rem,4.6666666667vw,4rem);--wcss-display-md-family:"AS Circular";--wcss-display-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-md-letter-spacing:0;--wcss-display-md-weight:300;--wcss-display-md-line-height:1.3;--wcss-display-md-font-size:clamp(2.5rem,4vw,3.5rem);--wcss-display-sm-family:"AS Circular";--wcss-display-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-sm-letter-spacing:0;--wcss-display-sm-weight:300;--wcss-display-sm-line-height:1.3;--wcss-display-sm-font-size:clamp(2rem,3.6666666667vw,3rem);--wcss-display-xs-family:"AS Circular";--wcss-display-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xs-letter-spacing:0;--wcss-display-xs-weight:300;--wcss-display-xs-line-height:1.3;--wcss-display-xs-font-size:clamp(1.75rem,3vw,2.375rem);--wcss-heading-xl-family:"AS Circular";--wcss-heading-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xl-letter-spacing:0;--wcss-heading-xl-weight:450;--wcss-heading-xl-line-height:1.3;--wcss-heading-xl-font-size:clamp(2rem,3vw,2.5rem);--wcss-heading-lg-family:"AS Circular";--wcss-heading-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-lg-letter-spacing:0;--wcss-heading-lg-weight:450;--wcss-heading-lg-line-height:1.3;--wcss-heading-lg-font-size:clamp(1.75rem,2.6666666667vw,2.25rem);--wcss-heading-md-family:"AS Circular";--wcss-heading-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-md-letter-spacing:0;--wcss-heading-md-weight:500;--wcss-heading-md-line-height:1.3;--wcss-heading-md-font-size:clamp(1.625rem,2.3333333333vw,1.75rem);--wcss-heading-sm-family:"AS Circular";--wcss-heading-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-sm-letter-spacing:0;--wcss-heading-sm-weight:500;--wcss-heading-sm-line-height:1.3;--wcss-heading-sm-font-size:clamp(1.375rem,2vw,1.5rem);--wcss-heading-xs-family:"AS Circular";--wcss-heading-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xs-letter-spacing:0;--wcss-heading-xs-weight:500;--wcss-heading-xs-line-height:1.3;--wcss-heading-xs-font-size:clamp(1.25rem,1.6666666667vw,1.25rem);--wcss-heading-2xs-family:"AS Circular";--wcss-heading-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-2xs-letter-spacing:0;--wcss-heading-2xs-weight:500;--wcss-heading-2xs-line-height:1.3;--wcss-heading-2xs-font-size:clamp(1.125rem,1.5vw,1.125rem);--wcss-accent-2xl-family:"AS Circular";--wcss-accent-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xl-letter-spacing:0.05em;--wcss-accent-2xl-weight:450;--wcss-accent-2xl-line-height:1;--wcss-accent-2xl-font-size:clamp(2rem,3.1666666667vw,2.375rem);--wcss-accent-xl-family:"AS Circular";--wcss-accent-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xl-letter-spacing:0.05em;--wcss-accent-xl-weight:450;--wcss-accent-xl-line-height:1.3;--wcss-accent-xl-font-size:clamp(1.625rem,2.3333333333vw,2rem);--wcss-accent-lg-family:"AS Circular";--wcss-accent-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-lg-letter-spacing:0.05em;--wcss-accent-lg-weight:450;--wcss-accent-lg-line-height:1.3;--wcss-accent-lg-font-size:clamp(1.5rem,2.1666666667vw,1.75rem);--wcss-accent-md-family:"AS Circular";--wcss-accent-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-md-letter-spacing:0.05em;--wcss-accent-md-weight:500;--wcss-accent-md-line-height:1.3;--wcss-accent-md-font-size:clamp(1.375rem,1.8333333333vw,1.5rem);--wcss-accent-sm-family:"AS Circular";--wcss-accent-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-sm-letter-spacing:0.05em;--wcss-accent-sm-weight:500;--wcss-accent-sm-line-height:1.3;--wcss-accent-sm-font-size:clamp(1.125rem,1.5vw,1.25rem);--wcss-accent-xs-family:"AS Circular";--wcss-accent-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xs-letter-spacing:0.1em;--wcss-accent-xs-weight:500;--wcss-accent-xs-line-height:1.3;--wcss-accent-xs-font-size:clamp(1rem,1.3333333333vw,1rem);--wcss-accent-2xs-family:"AS Circular";--wcss-accent-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xs-letter-spacing:0.1em;--wcss-accent-2xs-weight:450;--wcss-accent-2xs-line-height:1.3;--wcss-accent-2xs-font-size:clamp(0.875rem,1.1666666667vw,0.875rem)}.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/bundled/themes/alaska.global.css b/dist/bundled/themes/alaska.global.css new file mode 100644 index 0000000..9db8d4b --- /dev/null +++ b/dist/bundled/themes/alaska.global.css @@ -0,0 +1,521 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +/* --------------------------------------------------------------------- */ +/* + * This file is reserved for CDN consumption of web components using the Alaska theme + * and not intended to be used with standard dynamic projects. + */ +/* + Base essentials mixin – shared styles across all themes, + excluding legacy themes such as Auro Classic. + + Accepts a map of SCSS variable name mappings for theme-specific values +*/ +:focus:not(:focus-visible) { + outline: 3px solid transparent; +} + +html { + box-sizing: border-box; + font-size: 1rem; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body, +.baseType { + margin: 0; + color: #2a2a2a; + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 450; + line-height: 1.5rem; + letter-spacing: 0; + font-variant-ligatures: no-common-ligatures; +} + +.baseParagraph { + margin: 0 0 1rem; + line-height: 1.5rem; +} +.baseParagraph .hyperlink { + text-decoration: underline; +} + +.hyperlink { + text-decoration: underline; + color: #2875b5; +} +.hyperlink:visited { + color: #2875b5; +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +.hyperlink--nav:not(.is-touching):hover { + text-decoration: underline !important; +} +.hyperlink--ondark { + color: #ffffff; +} +.hyperlink--ondark:not(.is-touching):hover { + color: #ebf3f9; +} +.hyperlink--ondark:visited { + color: #ffffff; +} +.hyperlink:not(.is-touching):hover { + text-decoration: none; + color: #01426a; +} + +img { + max-width: 100%; +} + +small, +.type--small { + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + letter-spacing: 0; +} + +.fineprint { + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + color: #676767; + letter-spacing: 0; +} + +@font-face { + font-family: "AS Circular"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 450; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Good OT"; + font-weight: 450; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondNews.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Good OT"; + font-weight: 500; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondMedium.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Good OT"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Good OT"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "Good OT"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "Good OT"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +:root { + --wcss-body-family: "AS Circular"; + --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-body-weight: 450; + --wcss-body-letter-spacing: 0; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-display-2xl-family: "AS Circular"; + --wcss-display-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-2xl-letter-spacing: 0; + --wcss-display-2xl-weight: 300; + --wcss-display-2xl-line-height: 1.3; + --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem); + --wcss-display-xl-family: "AS Circular"; + --wcss-display-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xl-letter-spacing: 0; + --wcss-display-xl-weight: 300; + --wcss-display-xl-line-height: 1.3; + --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem); + --wcss-display-lg-family: "AS Circular"; + --wcss-display-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-lg-letter-spacing: 0; + --wcss-display-lg-weight: 300; + --wcss-display-lg-line-height: 1.3; + --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem); + --wcss-display-md-family: "AS Circular"; + --wcss-display-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-md-letter-spacing: 0; + --wcss-display-md-weight: 300; + --wcss-display-md-line-height: 1.3; + --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem); + --wcss-display-sm-family: "AS Circular"; + --wcss-display-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-sm-letter-spacing: 0; + --wcss-display-sm-weight: 300; + --wcss-display-sm-line-height: 1.3; + --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem); + --wcss-display-xs-family: "AS Circular"; + --wcss-display-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xs-letter-spacing: 0; + --wcss-display-xs-weight: 300; + --wcss-display-xs-line-height: 1.3; + --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem); + --wcss-heading-xl-family: "AS Circular"; + --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xl-letter-spacing: 0; + --wcss-heading-xl-weight: 300; + --wcss-heading-xl-line-height: 1.3; + --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem); + --wcss-heading-lg-family: "AS Circular"; + --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-lg-letter-spacing: 0; + --wcss-heading-lg-weight: 300; + --wcss-heading-lg-line-height: 1.3; + --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem); + --wcss-heading-md-family: "AS Circular"; + --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-md-letter-spacing: 0; + --wcss-heading-md-weight: 300; + --wcss-heading-md-line-height: 1.3; + --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem); + --wcss-heading-sm-family: "AS Circular"; + --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-sm-letter-spacing: 0; + --wcss-heading-sm-weight: 300; + --wcss-heading-sm-line-height: 1.3; + --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem); + --wcss-heading-xs-family: "AS Circular"; + --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xs-letter-spacing: 0; + --wcss-heading-xs-weight: 450; + --wcss-heading-xs-line-height: 1.3; + --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem); + --wcss-heading-2xs-family: "AS Circular"; + --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-2xs-letter-spacing: 0; + --wcss-heading-2xs-weight: 450; + --wcss-heading-2xs-line-height: 1.3; + --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem); + --wcss-accent-2xl-family: "Good OT"; + --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xl-letter-spacing: 0.05em; + --wcss-accent-2xl-weight: 450; + --wcss-accent-2xl-line-height: 1; + --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem); + --wcss-accent-xl-family: "Good OT"; + --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xl-letter-spacing: 0.05em; + --wcss-accent-xl-weight: 450; + --wcss-accent-xl-line-height: 1.3; + --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem); + --wcss-accent-lg-family: "Good OT"; + --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-lg-letter-spacing: 0.05em; + --wcss-accent-lg-weight: 450; + --wcss-accent-lg-line-height: 1.3; + --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem); + --wcss-accent-md-family: "Good OT"; + --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-md-letter-spacing: 0.05em; + --wcss-accent-md-weight: 500; + --wcss-accent-md-line-height: 1.3; + --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem); + --wcss-accent-sm-family: "Good OT"; + --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-sm-letter-spacing: 0.05em; + --wcss-accent-sm-weight: 500; + --wcss-accent-sm-line-height: 1.3; + --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem); + --wcss-accent-xs-family: "Good OT"; + --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xs-letter-spacing: 0.1em; + --wcss-accent-xs-weight: 500; + --wcss-accent-xs-line-height: 1.3; + --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem); + --wcss-accent-2xs-family: "Good OT"; + --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xs-letter-spacing: 0.1em; + --wcss-accent-2xs-weight: 450; + --wcss-accent-2xs-line-height: 1.3; + --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem); +} + +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/themes/alaska.global.min.css b/dist/bundled/themes/alaska.global.min.css new file mode 100644 index 0000000..4616095 --- /dev/null +++ b/dist/bundled/themes/alaska.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.baseType,body{color:#2a2a2a;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-variant-ligatures:no-common-ligatures;font-weight:450;letter-spacing:0;line-height:1.5rem;margin:0}.baseParagraph{line-height:1.5rem;margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.hyperlink:visited{color:#2875b5}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:#fff}.hyperlink--ondark:not(.is-touching):hover{color:#ebf3f9}.hyperlink--ondark:visited{color:#fff}.hyperlink:not(.is-touching):hover{color:#01426a;text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:.75rem;font-weight:450;letter-spacing:0;line-height:1rem}.fineprint{color:#676767;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Good OT";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondNews.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Good OT";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/en-us/assets/font/GoodOT-CondMedium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Good OT";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Good OT";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"Good OT";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"Good OT";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}:root{--wcss-body-family:"AS Circular";--wcss-body-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-body-weight:450;--wcss-body-letter-spacing:0;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-display-2xl-family:"AS Circular";--wcss-display-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-2xl-letter-spacing:0;--wcss-display-2xl-weight:300;--wcss-display-2xl-line-height:1.3;--wcss-display-2xl-font-size:clamp(3.5rem,6vw,5.375rem);--wcss-display-xl-family:"AS Circular";--wcss-display-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xl-letter-spacing:0;--wcss-display-xl-weight:300;--wcss-display-xl-line-height:1.3;--wcss-display-xl-font-size:clamp(3rem,5.3333333333vw,4.5rem);--wcss-display-lg-family:"AS Circular";--wcss-display-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-lg-letter-spacing:0;--wcss-display-lg-weight:300;--wcss-display-lg-line-height:1.3;--wcss-display-lg-font-size:clamp(2.75rem,4.6666666667vw,4rem);--wcss-display-md-family:"AS Circular";--wcss-display-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-md-letter-spacing:0;--wcss-display-md-weight:300;--wcss-display-md-line-height:1.3;--wcss-display-md-font-size:clamp(2.5rem,4vw,3.5rem);--wcss-display-sm-family:"AS Circular";--wcss-display-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-sm-letter-spacing:0;--wcss-display-sm-weight:300;--wcss-display-sm-line-height:1.3;--wcss-display-sm-font-size:clamp(2rem,3.6666666667vw,3rem);--wcss-display-xs-family:"AS Circular";--wcss-display-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xs-letter-spacing:0;--wcss-display-xs-weight:300;--wcss-display-xs-line-height:1.3;--wcss-display-xs-font-size:clamp(1.75rem,3vw,2.375rem);--wcss-heading-xl-family:"AS Circular";--wcss-heading-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xl-letter-spacing:0;--wcss-heading-xl-weight:300;--wcss-heading-xl-line-height:1.3;--wcss-heading-xl-font-size:clamp(2rem,3vw,2.5rem);--wcss-heading-lg-family:"AS Circular";--wcss-heading-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-lg-letter-spacing:0;--wcss-heading-lg-weight:300;--wcss-heading-lg-line-height:1.3;--wcss-heading-lg-font-size:clamp(1.75rem,2.6666666667vw,2.25rem);--wcss-heading-md-family:"AS Circular";--wcss-heading-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-md-letter-spacing:0;--wcss-heading-md-weight:300;--wcss-heading-md-line-height:1.3;--wcss-heading-md-font-size:clamp(1.625rem,2.3333333333vw,1.75rem);--wcss-heading-sm-family:"AS Circular";--wcss-heading-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-sm-letter-spacing:0;--wcss-heading-sm-weight:300;--wcss-heading-sm-line-height:1.3;--wcss-heading-sm-font-size:clamp(1.375rem,2vw,1.5rem);--wcss-heading-xs-family:"AS Circular";--wcss-heading-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xs-letter-spacing:0;--wcss-heading-xs-weight:450;--wcss-heading-xs-line-height:1.3;--wcss-heading-xs-font-size:clamp(1.25rem,1.6666666667vw,1.25rem);--wcss-heading-2xs-family:"AS Circular";--wcss-heading-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-2xs-letter-spacing:0;--wcss-heading-2xs-weight:450;--wcss-heading-2xs-line-height:1.3;--wcss-heading-2xs-font-size:clamp(1.125rem,1.5vw,1.125rem);--wcss-accent-2xl-family:"Good OT";--wcss-accent-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xl-letter-spacing:0.05em;--wcss-accent-2xl-weight:450;--wcss-accent-2xl-line-height:1;--wcss-accent-2xl-font-size:clamp(2rem,3.1666666667vw,2.375rem);--wcss-accent-xl-family:"Good OT";--wcss-accent-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xl-letter-spacing:0.05em;--wcss-accent-xl-weight:450;--wcss-accent-xl-line-height:1.3;--wcss-accent-xl-font-size:clamp(1.625rem,2.3333333333vw,2rem);--wcss-accent-lg-family:"Good OT";--wcss-accent-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-lg-letter-spacing:0.05em;--wcss-accent-lg-weight:450;--wcss-accent-lg-line-height:1.3;--wcss-accent-lg-font-size:clamp(1.5rem,2.1666666667vw,1.75rem);--wcss-accent-md-family:"Good OT";--wcss-accent-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-md-letter-spacing:0.05em;--wcss-accent-md-weight:500;--wcss-accent-md-line-height:1.3;--wcss-accent-md-font-size:clamp(1.375rem,1.8333333333vw,1.5rem);--wcss-accent-sm-family:"Good OT";--wcss-accent-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-sm-letter-spacing:0.05em;--wcss-accent-sm-weight:500;--wcss-accent-sm-line-height:1.3;--wcss-accent-sm-font-size:clamp(1.125rem,1.5vw,1.25rem);--wcss-accent-xs-family:"Good OT";--wcss-accent-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xs-letter-spacing:0.1em;--wcss-accent-xs-weight:500;--wcss-accent-xs-line-height:1.3;--wcss-accent-xs-font-size:clamp(1rem,1.3333333333vw,1rem);--wcss-accent-2xs-family:"Good OT";--wcss-accent-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xs-letter-spacing:0.1em;--wcss-accent-2xs-weight:450;--wcss-accent-2xs-line-height:1.3;--wcss-accent-2xs-font-size:clamp(0.875rem,1.1666666667vw,0.875rem)}.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/bundled/themes/auro-1.global.css b/dist/bundled/themes/auro-1.global.css new file mode 100644 index 0000000..968eef3 --- /dev/null +++ b/dist/bundled/themes/auro-1.global.css @@ -0,0 +1,521 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +/* --------------------------------------------------------------------- */ +/* + * This file is reserved for CDN consumption of web components using the Alaska theme + * and not intended to be used with standard dynamic projects. + */ +/* + Base essentials mixin – shared styles across all themes, + excluding legacy themes such as Auro Classic. + + Accepts a map of SCSS variable name mappings for theme-specific values +*/ +:focus:not(:focus-visible) { + outline: 3px solid transparent; +} + +html { + box-sizing: border-box; + font-size: 1rem; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body, +.baseType { + margin: 0; + color: #101d2c; + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 450; + line-height: 1.5rem; + letter-spacing: 0; + font-variant-ligatures: no-common-ligatures; +} + +.baseParagraph { + margin: 0 0 1rem; + line-height: 1.5rem; +} +.baseParagraph .hyperlink { + text-decoration: underline; +} + +.hyperlink { + text-decoration: underline; + color: #101d2c; +} +.hyperlink:visited { + color: #101d2c; +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +.hyperlink--nav:not(.is-touching):hover { + text-decoration: underline !important; +} +.hyperlink--ondark { + color: #faf9f5; +} +.hyperlink--ondark:not(.is-touching):hover { + color: #cfe0ef; +} +.hyperlink--ondark:visited { + color: #faf9f5; +} +.hyperlink:not(.is-touching):hover { + text-decoration: none; + color: #005fa7; +} + +img { + max-width: 100%; +} + +small, +.type--small { + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + letter-spacing: 0; +} + +.fineprint { + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + color: #6a717c; + letter-spacing: 0; +} + +@font-face { + font-family: "AS Circular"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 450; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 500; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Teodor"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/Teodor-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Teodor"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 450; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "AS Circular"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "Teodor"; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +:root { + --wcss-body-family: "AS Circular"; + --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-body-weight: 450; + --wcss-body-letter-spacing: 0; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-display-2xl-family: Teodor; + --wcss-display-2xl-family-fallback: Georgia, serif; + --wcss-display-2xl-letter-spacing: 0; + --wcss-display-2xl-weight: 300; + --wcss-display-2xl-line-height: 1.3; + --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem); + --wcss-display-xl-family: Teodor; + --wcss-display-xl-family-fallback: Georgia, serif; + --wcss-display-xl-letter-spacing: 0; + --wcss-display-xl-weight: 300; + --wcss-display-xl-line-height: 1.3; + --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem); + --wcss-display-lg-family: Teodor; + --wcss-display-lg-family-fallback: Georgia, serif; + --wcss-display-lg-letter-spacing: 0; + --wcss-display-lg-weight: 300; + --wcss-display-lg-line-height: 1.3; + --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem); + --wcss-display-md-family: Teodor; + --wcss-display-md-family-fallback: Georgia, serif; + --wcss-display-md-letter-spacing: 0; + --wcss-display-md-weight: 300; + --wcss-display-md-line-height: 1.3; + --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem); + --wcss-display-sm-family: Teodor; + --wcss-display-sm-family-fallback: Georgia, serif; + --wcss-display-sm-letter-spacing: 0; + --wcss-display-sm-weight: 300; + --wcss-display-sm-line-height: 1.3; + --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem); + --wcss-display-xs-family: Teodor; + --wcss-display-xs-family-fallback: Georgia, serif; + --wcss-display-xs-letter-spacing: 0; + --wcss-display-xs-weight: 300; + --wcss-display-xs-line-height: 1.3; + --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem); + --wcss-heading-xl-family: "AS Circular"; + --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xl-letter-spacing: 0; + --wcss-heading-xl-weight: 300; + --wcss-heading-xl-line-height: 1.3; + --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem); + --wcss-heading-lg-family: "AS Circular"; + --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-lg-letter-spacing: 0; + --wcss-heading-lg-weight: 300; + --wcss-heading-lg-line-height: 1.3; + --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem); + --wcss-heading-md-family: "AS Circular"; + --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-md-letter-spacing: 0; + --wcss-heading-md-weight: 300; + --wcss-heading-md-line-height: 1.3; + --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem); + --wcss-heading-sm-family: "AS Circular"; + --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-sm-letter-spacing: 0; + --wcss-heading-sm-weight: 300; + --wcss-heading-sm-line-height: 1.3; + --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem); + --wcss-heading-xs-family: "AS Circular"; + --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xs-letter-spacing: 0; + --wcss-heading-xs-weight: 300; + --wcss-heading-xs-line-height: 1.3; + --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem); + --wcss-heading-2xs-family: "AS Circular"; + --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-2xs-letter-spacing: 0; + --wcss-heading-2xs-weight: 300; + --wcss-heading-2xs-line-height: 1.3; + --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem); + --wcss-accent-2xl-family: "AS Circular"; + --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xl-letter-spacing: 0.05em; + --wcss-accent-2xl-weight: 500; + --wcss-accent-2xl-line-height: 1; + --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem); + --wcss-accent-xl-family: "AS Circular"; + --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xl-letter-spacing: 0.05em; + --wcss-accent-xl-weight: 500; + --wcss-accent-xl-line-height: 1.3; + --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem); + --wcss-accent-lg-family: "AS Circular"; + --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-lg-letter-spacing: 0.05em; + --wcss-accent-lg-weight: 500; + --wcss-accent-lg-line-height: 1.3; + --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem); + --wcss-accent-md-family: "AS Circular"; + --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-md-letter-spacing: 0.05em; + --wcss-accent-md-weight: 500; + --wcss-accent-md-line-height: 1.3; + --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem); + --wcss-accent-sm-family: "AS Circular"; + --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-sm-letter-spacing: 0.05em; + --wcss-accent-sm-weight: 500; + --wcss-accent-sm-line-height: 1.3; + --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem); + --wcss-accent-xs-family: "AS Circular"; + --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xs-letter-spacing: 0.1em; + --wcss-accent-xs-weight: 500; + --wcss-accent-xs-line-height: 1.3; + --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem); + --wcss-accent-2xs-family: "AS Circular"; + --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xs-letter-spacing: 0.1em; + --wcss-accent-2xs-weight: 500; + --wcss-accent-2xs-line-height: 1.3; + --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem); +} + +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/themes/auro-1.global.min.css b/dist/bundled/themes/auro-1.global.min.css new file mode 100644 index 0000000..604a0db --- /dev/null +++ b/dist/bundled/themes/auro-1.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.baseType,body{color:#101d2c;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-variant-ligatures:no-common-ligatures;font-weight:450;letter-spacing:0;line-height:1.5rem;margin:0}.baseParagraph{line-height:1.5rem;margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.hyperlink:visited{color:#101d2c}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:#faf9f5}.hyperlink--ondark:not(.is-touching):hover{color:#cfe0ef}.hyperlink--ondark:visited{color:#faf9f5}.hyperlink:not(.is-touching):hover{color:#005fa7;text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:.75rem;font-weight:450;letter-spacing:0;line-height:1rem}.fineprint{color:#6a717c;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Teodor";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/Teodor-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Teodor";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-300.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"Teodor";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-300.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}:root{--wcss-body-family:"AS Circular";--wcss-body-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-body-weight:450;--wcss-body-letter-spacing:0;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-display-2xl-family:Teodor;--wcss-display-2xl-family-fallback:Georgia,serif;--wcss-display-2xl-letter-spacing:0;--wcss-display-2xl-weight:300;--wcss-display-2xl-line-height:1.3;--wcss-display-2xl-font-size:clamp(3.5rem,6vw,5.375rem);--wcss-display-xl-family:Teodor;--wcss-display-xl-family-fallback:Georgia,serif;--wcss-display-xl-letter-spacing:0;--wcss-display-xl-weight:300;--wcss-display-xl-line-height:1.3;--wcss-display-xl-font-size:clamp(3rem,5.3333333333vw,4.5rem);--wcss-display-lg-family:Teodor;--wcss-display-lg-family-fallback:Georgia,serif;--wcss-display-lg-letter-spacing:0;--wcss-display-lg-weight:300;--wcss-display-lg-line-height:1.3;--wcss-display-lg-font-size:clamp(2.75rem,4.6666666667vw,4rem);--wcss-display-md-family:Teodor;--wcss-display-md-family-fallback:Georgia,serif;--wcss-display-md-letter-spacing:0;--wcss-display-md-weight:300;--wcss-display-md-line-height:1.3;--wcss-display-md-font-size:clamp(2.5rem,4vw,3.5rem);--wcss-display-sm-family:Teodor;--wcss-display-sm-family-fallback:Georgia,serif;--wcss-display-sm-letter-spacing:0;--wcss-display-sm-weight:300;--wcss-display-sm-line-height:1.3;--wcss-display-sm-font-size:clamp(2rem,3.6666666667vw,3rem);--wcss-display-xs-family:Teodor;--wcss-display-xs-family-fallback:Georgia,serif;--wcss-display-xs-letter-spacing:0;--wcss-display-xs-weight:300;--wcss-display-xs-line-height:1.3;--wcss-display-xs-font-size:clamp(1.75rem,3vw,2.375rem);--wcss-heading-xl-family:"AS Circular";--wcss-heading-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xl-letter-spacing:0;--wcss-heading-xl-weight:300;--wcss-heading-xl-line-height:1.3;--wcss-heading-xl-font-size:clamp(2rem,3vw,2.5rem);--wcss-heading-lg-family:"AS Circular";--wcss-heading-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-lg-letter-spacing:0;--wcss-heading-lg-weight:300;--wcss-heading-lg-line-height:1.3;--wcss-heading-lg-font-size:clamp(1.75rem,2.6666666667vw,2.25rem);--wcss-heading-md-family:"AS Circular";--wcss-heading-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-md-letter-spacing:0;--wcss-heading-md-weight:300;--wcss-heading-md-line-height:1.3;--wcss-heading-md-font-size:clamp(1.625rem,2.3333333333vw,1.75rem);--wcss-heading-sm-family:"AS Circular";--wcss-heading-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-sm-letter-spacing:0;--wcss-heading-sm-weight:300;--wcss-heading-sm-line-height:1.3;--wcss-heading-sm-font-size:clamp(1.375rem,2vw,1.5rem);--wcss-heading-xs-family:"AS Circular";--wcss-heading-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xs-letter-spacing:0;--wcss-heading-xs-weight:300;--wcss-heading-xs-line-height:1.3;--wcss-heading-xs-font-size:clamp(1.25rem,1.6666666667vw,1.25rem);--wcss-heading-2xs-family:"AS Circular";--wcss-heading-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-2xs-letter-spacing:0;--wcss-heading-2xs-weight:300;--wcss-heading-2xs-line-height:1.3;--wcss-heading-2xs-font-size:clamp(1.125rem,1.5vw,1.125rem);--wcss-accent-2xl-family:"AS Circular";--wcss-accent-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xl-letter-spacing:0.05em;--wcss-accent-2xl-weight:500;--wcss-accent-2xl-line-height:1;--wcss-accent-2xl-font-size:clamp(2rem,3.1666666667vw,2.375rem);--wcss-accent-xl-family:"AS Circular";--wcss-accent-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xl-letter-spacing:0.05em;--wcss-accent-xl-weight:500;--wcss-accent-xl-line-height:1.3;--wcss-accent-xl-font-size:clamp(1.625rem,2.3333333333vw,2rem);--wcss-accent-lg-family:"AS Circular";--wcss-accent-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-lg-letter-spacing:0.05em;--wcss-accent-lg-weight:500;--wcss-accent-lg-line-height:1.3;--wcss-accent-lg-font-size:clamp(1.5rem,2.1666666667vw,1.75rem);--wcss-accent-md-family:"AS Circular";--wcss-accent-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-md-letter-spacing:0.05em;--wcss-accent-md-weight:500;--wcss-accent-md-line-height:1.3;--wcss-accent-md-font-size:clamp(1.375rem,1.8333333333vw,1.5rem);--wcss-accent-sm-family:"AS Circular";--wcss-accent-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-sm-letter-spacing:0.05em;--wcss-accent-sm-weight:500;--wcss-accent-sm-line-height:1.3;--wcss-accent-sm-font-size:clamp(1.125rem,1.5vw,1.25rem);--wcss-accent-xs-family:"AS Circular";--wcss-accent-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xs-letter-spacing:0.1em;--wcss-accent-xs-weight:500;--wcss-accent-xs-line-height:1.3;--wcss-accent-xs-font-size:clamp(1rem,1.3333333333vw,1rem);--wcss-accent-2xs-family:"AS Circular";--wcss-accent-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xs-letter-spacing:0.1em;--wcss-accent-2xs-weight:500;--wcss-accent-2xs-line-height:1.3;--wcss-accent-2xs-font-size:clamp(0.875rem,1.1666666667vw,0.875rem)}.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/bundled/themes/auro-2.global.css b/dist/bundled/themes/auro-2.global.css new file mode 100644 index 0000000..30d6de1 --- /dev/null +++ b/dist/bundled/themes/auro-2.global.css @@ -0,0 +1,457 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +/* --------------------------------------------------------------------- */ +/* + * This file is reserved for CDN consumption of web components using the Alaska theme + * and not intended to be used with standard dynamic projects. + */ +/* + Base essentials mixin – shared styles across all themes, + excluding legacy themes such as Auro Classic. + + Accepts a map of SCSS variable name mappings for theme-specific values +*/ +:focus:not(:focus-visible) { + outline: 3px solid transparent; +} + +html { + box-sizing: border-box; + font-size: 1rem; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body, +.baseType { + margin: 0; + color: #2a2a2a; + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 450; + line-height: 1.5rem; + letter-spacing: 0; + font-variant-ligatures: no-common-ligatures; +} + +.baseParagraph { + margin: 0 0 1rem; + line-height: 1.5rem; +} +.baseParagraph .hyperlink { + text-decoration: underline; +} + +.hyperlink { + text-decoration: underline; + color: #2875b5; +} +.hyperlink:visited { + color: #2875b5; +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +.hyperlink--nav:not(.is-touching):hover { + text-decoration: underline !important; +} +.hyperlink--ondark { + color: #ffffff; +} +.hyperlink--ondark:not(.is-touching):hover { + color: #ebf3f9; +} +.hyperlink--ondark:visited { + color: #ffffff; +} +.hyperlink:not(.is-touching):hover { + text-decoration: none; + color: #01426a; +} + +img { + max-width: 100%; +} + +small, +.type--small { + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + letter-spacing: 0; +} + +.fineprint { + font-family: "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 0.75rem; + font-weight: 450; + line-height: 1rem; + color: #676767; + letter-spacing: 0; +} + +@font-face { + font-family: "AS Circular"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 500; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "AS Circular"; + font-weight: 450; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Good OT"; + font-weight: 300; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/Teodor-Light.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +:root { + --wcss-body-family: "AS Circular"; + --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-body-weight: 450; + --wcss-body-letter-spacing: 0; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-display-2xl-family: "AS Circular"; + --wcss-display-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-2xl-letter-spacing: 0; + --wcss-display-2xl-weight: 300; + --wcss-display-2xl-line-height: 1.3; + --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem); + --wcss-display-xl-family: "AS Circular"; + --wcss-display-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xl-letter-spacing: 0; + --wcss-display-xl-weight: 300; + --wcss-display-xl-line-height: 1.3; + --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem); + --wcss-display-lg-family: "AS Circular"; + --wcss-display-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-lg-letter-spacing: 0; + --wcss-display-lg-weight: 300; + --wcss-display-lg-line-height: 1.3; + --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem); + --wcss-display-md-family: "AS Circular"; + --wcss-display-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-md-letter-spacing: 0; + --wcss-display-md-weight: 300; + --wcss-display-md-line-height: 1.3; + --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem); + --wcss-display-sm-family: "AS Circular"; + --wcss-display-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-sm-letter-spacing: 0; + --wcss-display-sm-weight: 300; + --wcss-display-sm-line-height: 1.3; + --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem); + --wcss-display-xs-family: "AS Circular"; + --wcss-display-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-display-xs-letter-spacing: 0; + --wcss-display-xs-weight: 300; + --wcss-display-xs-line-height: 1.3; + --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem); + --wcss-heading-xl-family: "AS Circular"; + --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xl-letter-spacing: 0; + --wcss-heading-xl-weight: 300; + --wcss-heading-xl-line-height: 1.3; + --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem); + --wcss-heading-lg-family: "AS Circular"; + --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-lg-letter-spacing: 0; + --wcss-heading-lg-weight: 300; + --wcss-heading-lg-line-height: 1.3; + --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem); + --wcss-heading-md-family: "AS Circular"; + --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-md-letter-spacing: 0; + --wcss-heading-md-weight: 300; + --wcss-heading-md-line-height: 1.3; + --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem); + --wcss-heading-sm-family: "AS Circular"; + --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-sm-letter-spacing: 0; + --wcss-heading-sm-weight: 300; + --wcss-heading-sm-line-height: 1.3; + --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem); + --wcss-heading-xs-family: "AS Circular"; + --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xs-letter-spacing: 0; + --wcss-heading-xs-weight: 300; + --wcss-heading-xs-line-height: 1.3; + --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem); + --wcss-heading-2xs-family: "AS Circular"; + --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-2xs-letter-spacing: 0; + --wcss-heading-2xs-weight: 300; + --wcss-heading-2xs-line-height: 1.3; + --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem); + --wcss-accent-2xl-family: "AS Circular"; + --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xl-letter-spacing: 0.05em; + --wcss-accent-2xl-weight: 500; + --wcss-accent-2xl-line-height: 1; + --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem); + --wcss-accent-xl-family: "AS Circular"; + --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xl-letter-spacing: 0.05em; + --wcss-accent-xl-weight: 500; + --wcss-accent-xl-line-height: 1.3; + --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem); + --wcss-accent-lg-family: "AS Circular"; + --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-lg-letter-spacing: 0.05em; + --wcss-accent-lg-weight: 500; + --wcss-accent-lg-line-height: 1.3; + --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem); + --wcss-accent-md-family: "AS Circular"; + --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-md-letter-spacing: 0.05em; + --wcss-accent-md-weight: 500; + --wcss-accent-md-line-height: 1.3; + --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem); + --wcss-accent-sm-family: "AS Circular"; + --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-sm-letter-spacing: 0.05em; + --wcss-accent-sm-weight: 500; + --wcss-accent-sm-line-height: 1.3; + --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem); + --wcss-accent-xs-family: "AS Circular"; + --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xs-letter-spacing: 0.1em; + --wcss-accent-xs-weight: 500; + --wcss-accent-xs-line-height: 1.3; + --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem); + --wcss-accent-2xs-family: "AS Circular"; + --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xs-letter-spacing: 0.1em; + --wcss-accent-2xs-weight: 500; + --wcss-accent-2xs-line-height: 1.3; + --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem); +} + +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/themes/auro-2.global.min.css b/dist/bundled/themes/auro-2.global.min.css new file mode 100644 index 0000000..217d08d --- /dev/null +++ b/dist/bundled/themes/auro-2.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.baseType,body{color:#2a2a2a;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-variant-ligatures:no-common-ligatures;font-weight:450;letter-spacing:0;line-height:1.5rem;margin:0}.baseParagraph{line-height:1.5rem;margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.hyperlink:visited{color:#2875b5}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark{color:#fff}.hyperlink--ondark:not(.is-touching):hover{color:#ebf3f9}.hyperlink--ondark:visited{color:#fff}.hyperlink:not(.is-touching):hover{color:#01426a;text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:.75rem;font-weight:450;letter-spacing:0;line-height:1rem}.fineprint{color:#676767;font-family:"AS Circular",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"AS Circular";font-style:normal;font-weight:450;src:url(https://resource.alaskaair.net/en-us/assets/font/ASCircularWeb-Book.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Good OT";font-style:normal;font-weight:300;src:url(https://resource.alaskaair.net/en-us/assets/font/Teodor-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}:root{--wcss-body-family:"AS Circular";--wcss-body-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-body-weight:450;--wcss-body-letter-spacing:0;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-display-2xl-family:"AS Circular";--wcss-display-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-2xl-letter-spacing:0;--wcss-display-2xl-weight:300;--wcss-display-2xl-line-height:1.3;--wcss-display-2xl-font-size:clamp(3.5rem,6vw,5.375rem);--wcss-display-xl-family:"AS Circular";--wcss-display-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xl-letter-spacing:0;--wcss-display-xl-weight:300;--wcss-display-xl-line-height:1.3;--wcss-display-xl-font-size:clamp(3rem,5.3333333333vw,4.5rem);--wcss-display-lg-family:"AS Circular";--wcss-display-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-lg-letter-spacing:0;--wcss-display-lg-weight:300;--wcss-display-lg-line-height:1.3;--wcss-display-lg-font-size:clamp(2.75rem,4.6666666667vw,4rem);--wcss-display-md-family:"AS Circular";--wcss-display-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-md-letter-spacing:0;--wcss-display-md-weight:300;--wcss-display-md-line-height:1.3;--wcss-display-md-font-size:clamp(2.5rem,4vw,3.5rem);--wcss-display-sm-family:"AS Circular";--wcss-display-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-sm-letter-spacing:0;--wcss-display-sm-weight:300;--wcss-display-sm-line-height:1.3;--wcss-display-sm-font-size:clamp(2rem,3.6666666667vw,3rem);--wcss-display-xs-family:"AS Circular";--wcss-display-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-display-xs-letter-spacing:0;--wcss-display-xs-weight:300;--wcss-display-xs-line-height:1.3;--wcss-display-xs-font-size:clamp(1.75rem,3vw,2.375rem);--wcss-heading-xl-family:"AS Circular";--wcss-heading-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xl-letter-spacing:0;--wcss-heading-xl-weight:300;--wcss-heading-xl-line-height:1.3;--wcss-heading-xl-font-size:clamp(2rem,3vw,2.5rem);--wcss-heading-lg-family:"AS Circular";--wcss-heading-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-lg-letter-spacing:0;--wcss-heading-lg-weight:300;--wcss-heading-lg-line-height:1.3;--wcss-heading-lg-font-size:clamp(1.75rem,2.6666666667vw,2.25rem);--wcss-heading-md-family:"AS Circular";--wcss-heading-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-md-letter-spacing:0;--wcss-heading-md-weight:300;--wcss-heading-md-line-height:1.3;--wcss-heading-md-font-size:clamp(1.625rem,2.3333333333vw,1.75rem);--wcss-heading-sm-family:"AS Circular";--wcss-heading-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-sm-letter-spacing:0;--wcss-heading-sm-weight:300;--wcss-heading-sm-line-height:1.3;--wcss-heading-sm-font-size:clamp(1.375rem,2vw,1.5rem);--wcss-heading-xs-family:"AS Circular";--wcss-heading-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xs-letter-spacing:0;--wcss-heading-xs-weight:300;--wcss-heading-xs-line-height:1.3;--wcss-heading-xs-font-size:clamp(1.25rem,1.6666666667vw,1.25rem);--wcss-heading-2xs-family:"AS Circular";--wcss-heading-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-2xs-letter-spacing:0;--wcss-heading-2xs-weight:300;--wcss-heading-2xs-line-height:1.3;--wcss-heading-2xs-font-size:clamp(1.125rem,1.5vw,1.125rem);--wcss-accent-2xl-family:"AS Circular";--wcss-accent-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xl-letter-spacing:0.05em;--wcss-accent-2xl-weight:500;--wcss-accent-2xl-line-height:1;--wcss-accent-2xl-font-size:clamp(2rem,3.1666666667vw,2.375rem);--wcss-accent-xl-family:"AS Circular";--wcss-accent-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xl-letter-spacing:0.05em;--wcss-accent-xl-weight:500;--wcss-accent-xl-line-height:1.3;--wcss-accent-xl-font-size:clamp(1.625rem,2.3333333333vw,2rem);--wcss-accent-lg-family:"AS Circular";--wcss-accent-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-lg-letter-spacing:0.05em;--wcss-accent-lg-weight:500;--wcss-accent-lg-line-height:1.3;--wcss-accent-lg-font-size:clamp(1.5rem,2.1666666667vw,1.75rem);--wcss-accent-md-family:"AS Circular";--wcss-accent-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-md-letter-spacing:0.05em;--wcss-accent-md-weight:500;--wcss-accent-md-line-height:1.3;--wcss-accent-md-font-size:clamp(1.375rem,1.8333333333vw,1.5rem);--wcss-accent-sm-family:"AS Circular";--wcss-accent-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-sm-letter-spacing:0.05em;--wcss-accent-sm-weight:500;--wcss-accent-sm-line-height:1.3;--wcss-accent-sm-font-size:clamp(1.125rem,1.5vw,1.25rem);--wcss-accent-xs-family:"AS Circular";--wcss-accent-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xs-letter-spacing:0.1em;--wcss-accent-xs-weight:500;--wcss-accent-xs-line-height:1.3;--wcss-accent-xs-font-size:clamp(1rem,1.3333333333vw,1rem);--wcss-accent-2xs-family:"AS Circular";--wcss-accent-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xs-letter-spacing:0.1em;--wcss-accent-2xs-weight:500;--wcss-accent-2xs-line-height:1.3;--wcss-accent-2xs-font-size:clamp(0.875rem,1.1666666667vw,0.875rem)}.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/bundled/themes/hawaiian.global.css b/dist/bundled/themes/hawaiian.global.css new file mode 100644 index 0000000..05efbfe --- /dev/null +++ b/dist/bundled/themes/hawaiian.global.css @@ -0,0 +1,497 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +/* --------------------------------------------------------------------- */ +/* + * This file is reserved for CDN consumption of web components using the Alaska theme + * and not intended to be used with standard dynamic projects. + */ +/* + Base essentials mixin – shared styles across all themes, + excluding legacy themes such as Auro Classic. + + Accepts a map of SCSS variable name mappings for theme-specific values +*/ +:focus:not(:focus-visible) { + outline: 3px solid transparent; +} + +html { + box-sizing: border-box; + font-size: 1rem; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body, +.baseType { + margin: 0; + color: #000000; + font-family: "Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.5rem; + letter-spacing: 0; + font-variant-ligatures: no-common-ligatures; +} + +.baseParagraph { + margin: 0 0 1rem; + line-height: 1.5rem; +} +.baseParagraph .hyperlink { + text-decoration: underline; +} + +.hyperlink { + text-decoration: underline; + color: #ce0c88; +} +.hyperlink:visited { + color: #ce0c88; +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +.hyperlink--nav:not(.is-touching):hover { + text-decoration: underline !important; +} +.hyperlink--ondark { + color: #ffffff; +} +.hyperlink--ondark:not(.is-touching):hover { + color: #ffffff; +} +.hyperlink--ondark:visited { + color: #ffffff; +} +.hyperlink:not(.is-touching):hover { + text-decoration: none; + color: #831a57; +} + +img { + max-width: 100%; +} + +small, +.type--small { + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + letter-spacing: 0; +} + +.fineprint { + font-family: "Slate Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 0.75rem; + font-weight: 400; + line-height: 1rem; + color: #3d3d3d; + letter-spacing: 0; +} + +@font-face { + font-family: "Chronicle Display"; + font-weight: 600; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/ChronicleDisplay-Semibold.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Slate Pro"; + font-weight: 400; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/SlatePro-Regular.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Slate Pro"; + font-weight: 500; + font-style: normal; + font-display: fallback; + src: url("https://resource.alaskaair.net/en-us/assets/font/SlatePro-Medium.woff2") format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF; +} +@font-face { + font-family: "Chronicle Display"; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v55-japanese-600.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Slate Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Slate Pro"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2") format("woff2"); + unicode-range: U+3000-303F, U+3040-309F, U+30A0-30FF, U+31F0-31FF, U+4E00-9FFF, U+FF00-FFEF; +} +@font-face { + font-family: "Chronicle Display"; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-600.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "Slate Pro"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +@font-face { + font-family: "Slate Pro"; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2") format("woff2"); + unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; +} +:root { + --wcss-body-family: "Slate Pro"; + --wcss-body-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-body-weight: 400; + --wcss-body-letter-spacing: 0; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-display-2xl-family: "Chronicle Display"; + --wcss-display-2xl-family-fallback: Georgia, serif; + --wcss-display-2xl-letter-spacing: 0; + --wcss-display-2xl-weight: 600; + --wcss-display-2xl-line-height: 1.3; + --wcss-display-2xl-font-size: clamp(3.5rem, 6vw, 5.375rem); + --wcss-display-xl-family: "Chronicle Display"; + --wcss-display-xl-family-fallback: Georgia, serif; + --wcss-display-xl-letter-spacing: 0; + --wcss-display-xl-weight: 600; + --wcss-display-xl-line-height: 1.3; + --wcss-display-xl-font-size: clamp(3rem, 5.3333333333vw, 4.5rem); + --wcss-display-lg-family: "Chronicle Display"; + --wcss-display-lg-family-fallback: Georgia, serif; + --wcss-display-lg-letter-spacing: 0; + --wcss-display-lg-weight: 600; + --wcss-display-lg-line-height: 1.3; + --wcss-display-lg-font-size: clamp(2.75rem, 4.6666666667vw, 4rem); + --wcss-display-md-family: "Chronicle Display"; + --wcss-display-md-family-fallback: Georgia, serif; + --wcss-display-md-letter-spacing: 0; + --wcss-display-md-weight: 600; + --wcss-display-md-line-height: 1.3; + --wcss-display-md-font-size: clamp(2.5rem, 4vw, 3.5rem); + --wcss-display-sm-family: "Chronicle Display"; + --wcss-display-sm-family-fallback: Georgia, serif; + --wcss-display-sm-letter-spacing: 0; + --wcss-display-sm-weight: 600; + --wcss-display-sm-line-height: 1.3; + --wcss-display-sm-font-size: clamp(2rem, 3.6666666667vw, 3rem); + --wcss-display-xs-family: "Chronicle Display"; + --wcss-display-xs-family-fallback: Georgia, serif; + --wcss-display-xs-letter-spacing: 0; + --wcss-display-xs-weight: 600; + --wcss-display-xs-line-height: 1.3; + --wcss-display-xs-font-size: clamp(1.75rem, 3vw, 2.375rem); + --wcss-heading-xl-family: "Slate Pro"; + --wcss-heading-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xl-letter-spacing: 0; + --wcss-heading-xl-weight: 400; + --wcss-heading-xl-line-height: 1.3; + --wcss-heading-xl-font-size: clamp(2rem, 3vw, 2.5rem); + --wcss-heading-lg-family: "Slate Pro"; + --wcss-heading-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-lg-letter-spacing: 0; + --wcss-heading-lg-weight: 400; + --wcss-heading-lg-line-height: 1.3; + --wcss-heading-lg-font-size: clamp(1.75rem, 2.6666666667vw, 2.25rem); + --wcss-heading-md-family: "Slate Pro"; + --wcss-heading-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-md-letter-spacing: 0; + --wcss-heading-md-weight: 500; + --wcss-heading-md-line-height: 1.3; + --wcss-heading-md-font-size: clamp(1.625rem, 2.3333333333vw, 1.75rem); + --wcss-heading-sm-family: "Slate Pro"; + --wcss-heading-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-sm-letter-spacing: 0; + --wcss-heading-sm-weight: 500; + --wcss-heading-sm-line-height: 1.3; + --wcss-heading-sm-font-size: clamp(1.375rem, 2vw, 1.5rem); + --wcss-heading-xs-family: "Slate Pro"; + --wcss-heading-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-xs-letter-spacing: 0; + --wcss-heading-xs-weight: 500; + --wcss-heading-xs-line-height: 1.3; + --wcss-heading-xs-font-size: clamp(1.25rem, 1.6666666667vw, 1.25rem); + --wcss-heading-2xs-family: "Slate Pro"; + --wcss-heading-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-heading-2xs-letter-spacing: 0; + --wcss-heading-2xs-weight: 500; + --wcss-heading-2xs-line-height: 1.3; + --wcss-heading-2xs-font-size: clamp(1.125rem, 1.5vw, 1.125rem); + --wcss-accent-2xl-family: "Slate Pro"; + --wcss-accent-2xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xl-letter-spacing: 0.05em; + --wcss-accent-2xl-weight: 400; + --wcss-accent-2xl-line-height: 1; + --wcss-accent-2xl-font-size: clamp(2rem, 3.1666666667vw, 2.375rem); + --wcss-accent-xl-family: "Slate Pro"; + --wcss-accent-xl-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xl-letter-spacing: 0.05em; + --wcss-accent-xl-weight: 400; + --wcss-accent-xl-line-height: 1.3; + --wcss-accent-xl-font-size: clamp(1.625rem, 2.3333333333vw, 2rem); + --wcss-accent-lg-family: "Slate Pro"; + --wcss-accent-lg-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-lg-letter-spacing: 0.05em; + --wcss-accent-lg-weight: 400; + --wcss-accent-lg-line-height: 1.3; + --wcss-accent-lg-font-size: clamp(1.5rem, 2.1666666667vw, 1.75rem); + --wcss-accent-md-family: "Slate Pro"; + --wcss-accent-md-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-md-letter-spacing: 0.05em; + --wcss-accent-md-weight: 500; + --wcss-accent-md-line-height: 1.3; + --wcss-accent-md-font-size: clamp(1.375rem, 1.8333333333vw, 1.5rem); + --wcss-accent-sm-family: "Slate Pro"; + --wcss-accent-sm-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-sm-letter-spacing: 0.05em; + --wcss-accent-sm-weight: 500; + --wcss-accent-sm-line-height: 1.3; + --wcss-accent-sm-font-size: clamp(1.125rem, 1.5vw, 1.25rem); + --wcss-accent-xs-family: "Slate Pro"; + --wcss-accent-xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-xs-letter-spacing: 0.1em; + --wcss-accent-xs-weight: 500; + --wcss-accent-xs-line-height: 1.3; + --wcss-accent-xs-font-size: clamp(1rem, 1.3333333333vw, 1rem); + --wcss-accent-2xs-family: "Slate Pro"; + --wcss-accent-2xs-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; + --wcss-accent-2xs-letter-spacing: 0.1em; + --wcss-accent-2xs-weight: 400; + --wcss-accent-2xs-line-height: 1.3; + --wcss-accent-2xs-font-size: clamp(0.875rem, 1.1666666667vw, 0.875rem); +} + +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/themes/hawaiian.global.min.css b/dist/bundled/themes/hawaiian.global.min.css new file mode 100644 index 0000000..e62630a --- /dev/null +++ b/dist/bundled/themes/hawaiian.global.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +:focus:not(:focus-visible){outline:3px solid transparent}html{box-sizing:border-box;font-size:1rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.baseType,body{color:#000;font-family:"Slate Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-variant-ligatures:no-common-ligatures;font-weight:400;letter-spacing:0;line-height:1.5rem;margin:0}.baseParagraph{line-height:1.5rem;margin:0 0 1rem}.baseParagraph .hyperlink,.hyperlink{text-decoration:underline}.hyperlink,.hyperlink:visited{color:#ce0c88}.hyperlink--nav{display:block;text-decoration:none}.hyperlink--nav:not(.is-touching):hover{text-decoration:underline!important}.hyperlink--ondark,.hyperlink--ondark:not(.is-touching):hover,.hyperlink--ondark:visited{color:#fff}.hyperlink:not(.is-touching):hover{color:#831a57;text-decoration:none}img{max-width:100%}.fineprint,.type--small,small{font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1rem}.fineprint{color:#3d3d3d;font-family:"Slate Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@font-face{font-display:fallback;font-family:"Chronicle Display";font-style:normal;font-weight:600;src:url(https://resource.alaskaair.net/en-us/assets/font/ChronicleDisplay-Semibold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Slate Pro";font-style:normal;font-weight:400;src:url(https://resource.alaskaair.net/en-us/assets/font/SlatePro-Regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:fallback;font-family:"Slate Pro";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/en-us/assets/font/SlatePro-Medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF}@font-face{font-display:swap;font-family:"Chronicle Display";font-style:normal;font-weight:600;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v55-japanese-600.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Slate Pro";font-style:normal;font-weight:400;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-400.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Slate Pro";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ja-jp/assets/font/noto-sans-jp-v54-japanese-500.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-display:swap;font-family:"Chronicle Display";font-style:normal;font-weight:600;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-600.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"Slate Pro";font-style:normal;font-weight:400;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-400.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}@font-face{font-display:swap;font-family:"Slate Pro";font-style:normal;font-weight:500;src:url(https://resource.alaskaair.net/ko-kr/assets/font/noto-sans-kr-v38-korean-500.woff2) format("woff2");unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF}:root{--wcss-body-family:"Slate Pro";--wcss-body-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-body-weight:400;--wcss-body-letter-spacing:0;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-display-2xl-family:"Chronicle Display";--wcss-display-2xl-family-fallback:Georgia,serif;--wcss-display-2xl-letter-spacing:0;--wcss-display-2xl-weight:600;--wcss-display-2xl-line-height:1.3;--wcss-display-2xl-font-size:clamp(3.5rem,6vw,5.375rem);--wcss-display-xl-family:"Chronicle Display";--wcss-display-xl-family-fallback:Georgia,serif;--wcss-display-xl-letter-spacing:0;--wcss-display-xl-weight:600;--wcss-display-xl-line-height:1.3;--wcss-display-xl-font-size:clamp(3rem,5.3333333333vw,4.5rem);--wcss-display-lg-family:"Chronicle Display";--wcss-display-lg-family-fallback:Georgia,serif;--wcss-display-lg-letter-spacing:0;--wcss-display-lg-weight:600;--wcss-display-lg-line-height:1.3;--wcss-display-lg-font-size:clamp(2.75rem,4.6666666667vw,4rem);--wcss-display-md-family:"Chronicle Display";--wcss-display-md-family-fallback:Georgia,serif;--wcss-display-md-letter-spacing:0;--wcss-display-md-weight:600;--wcss-display-md-line-height:1.3;--wcss-display-md-font-size:clamp(2.5rem,4vw,3.5rem);--wcss-display-sm-family:"Chronicle Display";--wcss-display-sm-family-fallback:Georgia,serif;--wcss-display-sm-letter-spacing:0;--wcss-display-sm-weight:600;--wcss-display-sm-line-height:1.3;--wcss-display-sm-font-size:clamp(2rem,3.6666666667vw,3rem);--wcss-display-xs-family:"Chronicle Display";--wcss-display-xs-family-fallback:Georgia,serif;--wcss-display-xs-letter-spacing:0;--wcss-display-xs-weight:600;--wcss-display-xs-line-height:1.3;--wcss-display-xs-font-size:clamp(1.75rem,3vw,2.375rem);--wcss-heading-xl-family:"Slate Pro";--wcss-heading-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xl-letter-spacing:0;--wcss-heading-xl-weight:400;--wcss-heading-xl-line-height:1.3;--wcss-heading-xl-font-size:clamp(2rem,3vw,2.5rem);--wcss-heading-lg-family:"Slate Pro";--wcss-heading-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-lg-letter-spacing:0;--wcss-heading-lg-weight:400;--wcss-heading-lg-line-height:1.3;--wcss-heading-lg-font-size:clamp(1.75rem,2.6666666667vw,2.25rem);--wcss-heading-md-family:"Slate Pro";--wcss-heading-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-md-letter-spacing:0;--wcss-heading-md-weight:500;--wcss-heading-md-line-height:1.3;--wcss-heading-md-font-size:clamp(1.625rem,2.3333333333vw,1.75rem);--wcss-heading-sm-family:"Slate Pro";--wcss-heading-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-sm-letter-spacing:0;--wcss-heading-sm-weight:500;--wcss-heading-sm-line-height:1.3;--wcss-heading-sm-font-size:clamp(1.375rem,2vw,1.5rem);--wcss-heading-xs-family:"Slate Pro";--wcss-heading-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-xs-letter-spacing:0;--wcss-heading-xs-weight:500;--wcss-heading-xs-line-height:1.3;--wcss-heading-xs-font-size:clamp(1.25rem,1.6666666667vw,1.25rem);--wcss-heading-2xs-family:"Slate Pro";--wcss-heading-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-heading-2xs-letter-spacing:0;--wcss-heading-2xs-weight:500;--wcss-heading-2xs-line-height:1.3;--wcss-heading-2xs-font-size:clamp(1.125rem,1.5vw,1.125rem);--wcss-accent-2xl-family:"Slate Pro";--wcss-accent-2xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xl-letter-spacing:0.05em;--wcss-accent-2xl-weight:400;--wcss-accent-2xl-line-height:1;--wcss-accent-2xl-font-size:clamp(2rem,3.1666666667vw,2.375rem);--wcss-accent-xl-family:"Slate Pro";--wcss-accent-xl-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xl-letter-spacing:0.05em;--wcss-accent-xl-weight:400;--wcss-accent-xl-line-height:1.3;--wcss-accent-xl-font-size:clamp(1.625rem,2.3333333333vw,2rem);--wcss-accent-lg-family:"Slate Pro";--wcss-accent-lg-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-lg-letter-spacing:0.05em;--wcss-accent-lg-weight:400;--wcss-accent-lg-line-height:1.3;--wcss-accent-lg-font-size:clamp(1.5rem,2.1666666667vw,1.75rem);--wcss-accent-md-family:"Slate Pro";--wcss-accent-md-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-md-letter-spacing:0.05em;--wcss-accent-md-weight:500;--wcss-accent-md-line-height:1.3;--wcss-accent-md-font-size:clamp(1.375rem,1.8333333333vw,1.5rem);--wcss-accent-sm-family:"Slate Pro";--wcss-accent-sm-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-sm-letter-spacing:0.05em;--wcss-accent-sm-weight:500;--wcss-accent-sm-line-height:1.3;--wcss-accent-sm-font-size:clamp(1.125rem,1.5vw,1.25rem);--wcss-accent-xs-family:"Slate Pro";--wcss-accent-xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-xs-letter-spacing:0.1em;--wcss-accent-xs-weight:500;--wcss-accent-xs-line-height:1.3;--wcss-accent-xs-font-size:clamp(1rem,1.3333333333vw,1rem);--wcss-accent-2xs-family:"Slate Pro";--wcss-accent-2xs-family-fallback:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wcss-accent-2xs-letter-spacing:0.1em;--wcss-accent-2xs-weight:400;--wcss-accent-2xs-line-height:1.3;--wcss-accent-2xs-font-size:clamp(0.875rem,1.1666666667vw,0.875rem)}.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/bundled/type/classes.alaska.css b/dist/bundled/type/classes.alaska.css new file mode 100644 index 0000000..9109869 --- /dev/null +++ b/dist/bundled/type/classes.alaska.css @@ -0,0 +1,209 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ + +/* --------------------------------------------------------------------- */ +/* + * Generates common typography classes with Alaska theme fallbacks. + * These classes are identical across themes but reference the Alaska theme's fallback values. + */ +.body-default { + 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); + font-size: var(--wcss-body-default-font-size, 1rem); + line-height: var(--wcss-body-default-line-height, 1.5rem); +} + +.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); + font-size: var(--wcss-body-lg-font-size, 1.125rem); + line-height: var(--wcss-body-lg-line-height, 1.625rem); +} + +.body-sm { + 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); + font-size: var(--wcss-body-sm-font-size, 0.875rem); + line-height: var(--wcss-body-sm-line-height, 1.25rem); +} + +.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); + font-size: var(--wcss-body-xs-font-size, 0.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-weight: var(--wcss-body-weight, 450); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-2xs-font-size, 0.625rem); + line-height: var(--wcss-body-2xs-line-height, 0.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); + letter-spacing: var(--wcss-display-2xl-letter-spacing, 0); + font-weight: var(--wcss-display-2xl-weight, 300); + line-height: var(--wcss-display-2xl-line-height, 1.3); + font-size: var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem)); +} + +.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); + letter-spacing: var(--wcss-display-xl-letter-spacing, 0); + font-weight: var(--wcss-display-xl-weight, 300); + line-height: var(--wcss-display-xl-line-height, 1.3); + font-size: var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem)); +} + +.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); + letter-spacing: var(--wcss-display-lg-letter-spacing, 0); + font-weight: var(--wcss-display-lg-weight, 300); + line-height: var(--wcss-display-lg-line-height, 1.3); + font-size: var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem)); +} + +.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); + letter-spacing: var(--wcss-display-md-letter-spacing, 0); + font-weight: var(--wcss-display-md-weight, 300); + line-height: var(--wcss-display-md-line-height, 1.3); + font-size: var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem)); +} + +.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); + letter-spacing: var(--wcss-display-sm-letter-spacing, 0); + font-weight: var(--wcss-display-sm-weight, 300); + line-height: var(--wcss-display-sm-line-height, 1.3); + font-size: var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem)); +} + +.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); + letter-spacing: var(--wcss-display-xs-letter-spacing, 0); + font-weight: var(--wcss-display-xs-weight, 300); + line-height: var(--wcss-display-xs-line-height, 1.3); + font-size: var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem)); +} + +.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); + letter-spacing: var(--wcss-heading-xl-letter-spacing, 0); + font-weight: var(--wcss-heading-xl-weight, 300); + line-height: var(--wcss-heading-xl-line-height, 1.3); + font-size: var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem)); +} + +.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); + letter-spacing: var(--wcss-heading-lg-letter-spacing, 0); + font-weight: var(--wcss-heading-lg-weight, 300); + line-height: var(--wcss-heading-lg-line-height, 1.3); + font-size: var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem)); +} + +.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); + letter-spacing: var(--wcss-heading-md-letter-spacing, 0); + font-weight: var(--wcss-heading-md-weight, 300); + line-height: var(--wcss-heading-md-line-height, 1.3); + font-size: var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem)); +} + +.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); + letter-spacing: var(--wcss-heading-sm-letter-spacing, 0); + font-weight: var(--wcss-heading-sm-weight, 300); + line-height: var(--wcss-heading-sm-line-height, 1.3); + font-size: var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem)); +} + +.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); + letter-spacing: var(--wcss-heading-xs-letter-spacing, 0); + font-weight: var(--wcss-heading-xs-weight, 450); + line-height: var(--wcss-heading-xs-line-height, 1.3); + font-size: var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem)); +} + +.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); + letter-spacing: var(--wcss-heading-2xs-letter-spacing, 0); + font-weight: var(--wcss-heading-2xs-weight, 450); + line-height: var(--wcss-heading-2xs-line-height, 1.3); + font-size: var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem)); +} + +.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); + letter-spacing: var(--wcss-accent-2xl-letter-spacing, 0.05em); + font-weight: var(--wcss-accent-2xl-weight, 450); + line-height: var(--wcss-accent-2xl-line-height, 1); + font-size: var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem)); + 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); + letter-spacing: var(--wcss-accent-xl-letter-spacing, 0.05em); + font-weight: var(--wcss-accent-xl-weight, 450); + line-height: var(--wcss-accent-xl-line-height, 1.3); + font-size: var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem)); + text-transform: uppercase; +} + +.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); + letter-spacing: var(--wcss-accent-lg-letter-spacing, 0.05em); + font-weight: var(--wcss-accent-lg-weight, 450); + line-height: var(--wcss-accent-lg-line-height, 1.3); + font-size: var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem)); + 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); + letter-spacing: var(--wcss-accent-md-letter-spacing, 0.05em); + font-weight: var(--wcss-accent-md-weight, 500); + line-height: var(--wcss-accent-md-line-height, 1.3); + font-size: var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem)); + text-transform: uppercase; +} + +.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); + letter-spacing: var(--wcss-accent-sm-letter-spacing, 0.05em); + font-weight: var(--wcss-accent-sm-weight, 500); + line-height: var(--wcss-accent-sm-line-height, 1.3); + font-size: var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem)); + 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); + letter-spacing: var(--wcss-accent-xs-letter-spacing, 0.1em); + font-weight: var(--wcss-accent-xs-weight, 500); + line-height: var(--wcss-accent-xs-line-height, 1.3); + font-size: var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem)); + text-transform: uppercase; +} + +.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); + letter-spacing: var(--wcss-accent-2xs-letter-spacing, 0.1em); + font-weight: var(--wcss-accent-2xs-weight, 450); + line-height: var(--wcss-accent-2xs-line-height, 1.3); + font-size: var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem)); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/type/classes.alaska.min.css b/dist/bundled/type/classes.alaska.min.css new file mode 100644 index 0000000..e82f06a --- /dev/null +++ b/dist/bundled/type/classes.alaska.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +.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} \ No newline at end of file diff --git a/dist/bundled/type/classes.css b/dist/bundled/type/classes.css new file mode 100644 index 0000000..c95931b --- /dev/null +++ b/dist/bundled/type/classes.css @@ -0,0 +1,209 @@ +@charset "UTF-8"; +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ + +/* --------------------------------------------------------------------- */ +/* + * Generates common typography classes for use across all themes. + * These classes are identical across themes and only reference the CSS custom properties. + */ +.body-default { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-font-size); + line-height: var(--wcss-body-default-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-font-size); + line-height: var(--wcss-body-lg-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-font-size); + line-height: var(--wcss-body-sm-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-font-size); + line-height: var(--wcss-body-xs-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + letter-spacing: var(--wcss-display-2xl-letter-spacing); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + letter-spacing: var(--wcss-display-xl-letter-spacing); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + letter-spacing: var(--wcss-display-lg-letter-spacing); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + letter-spacing: var(--wcss-display-md-letter-spacing); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + letter-spacing: var(--wcss-display-sm-letter-spacing); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + letter-spacing: var(--wcss-display-xs-letter-spacing); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + letter-spacing: var(--wcss-heading-xl-letter-spacing); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + letter-spacing: var(--wcss-heading-lg-letter-spacing); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + letter-spacing: var(--wcss-heading-md-letter-spacing); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + letter-spacing: var(--wcss-heading-sm-letter-spacing); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + letter-spacing: var(--wcss-heading-xs-letter-spacing); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + letter-spacing: var(--wcss-accent-md-letter-spacing); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + text-transform: uppercase; +} \ No newline at end of file diff --git a/dist/bundled/type/classes.min.css b/dist/bundled/type/classes.min.css new file mode 100644 index 0000000..d0bcd06 --- /dev/null +++ b/dist/bundled/type/classes.min.css @@ -0,0 +1,5 @@ +/* + * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license + * See LICENSE in the project root for license information. + */ +.body-default{font-size:var(--wcss-body-default-font-size);line-height:var(--wcss-body-default-line-height)}.body-default,.body-lg{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg{font-size:var(--wcss-body-lg-font-size);line-height:var(--wcss-body-lg-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs{font-size:var(--wcss-body-xs-font-size);line-height:var(--wcss-body-xs-line-height)}.body-2xs{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-weight);letter-spacing:var(--wcss-body-letter-spacing);line-height:var(--wcss-body-2xs-line-height)}.display-2xl{font-family:var(--wcss-display-2xl-family),var(--wcss-display-2xl-family-fallback);font-size:var(--wcss-display-2xl-font-size);font-weight:var(--wcss-display-2xl-weight);letter-spacing:var(--wcss-display-2xl-letter-spacing);line-height:var(--wcss-display-2xl-line-height)}.display-xl{font-family:var(--wcss-display-xl-family),var(--wcss-display-xl-family-fallback);font-size:var(--wcss-display-xl-font-size);font-weight:var(--wcss-display-xl-weight);letter-spacing:var(--wcss-display-xl-letter-spacing);line-height:var(--wcss-display-xl-line-height)}.display-lg{font-family:var(--wcss-display-lg-family),var(--wcss-display-lg-family-fallback);font-size:var(--wcss-display-lg-font-size);font-weight:var(--wcss-display-lg-weight);letter-spacing:var(--wcss-display-lg-letter-spacing);line-height:var(--wcss-display-lg-line-height)}.display-md{font-family:var(--wcss-display-md-family),var(--wcss-display-md-family-fallback);font-size:var(--wcss-display-md-font-size);font-weight:var(--wcss-display-md-weight);letter-spacing:var(--wcss-display-md-letter-spacing);line-height:var(--wcss-display-md-line-height)}.display-sm{font-family:var(--wcss-display-sm-family),var(--wcss-display-sm-family-fallback);font-size:var(--wcss-display-sm-font-size);font-weight:var(--wcss-display-sm-weight);letter-spacing:var(--wcss-display-sm-letter-spacing);line-height:var(--wcss-display-sm-line-height)}.display-xs{font-family:var(--wcss-display-xs-family),var(--wcss-display-xs-family-fallback);font-size:var(--wcss-display-xs-font-size);font-weight:var(--wcss-display-xs-weight);letter-spacing:var(--wcss-display-xs-letter-spacing);line-height:var(--wcss-display-xs-line-height)}.heading-xl{font-family:var(--wcss-heading-xl-family),var(--wcss-heading-xl-family-fallback);font-size:var(--wcss-heading-xl-font-size);font-weight:var(--wcss-heading-xl-weight);letter-spacing:var(--wcss-heading-xl-letter-spacing);line-height:var(--wcss-heading-xl-line-height)}.heading-lg{font-family:var(--wcss-heading-lg-family),var(--wcss-heading-lg-family-fallback);font-size:var(--wcss-heading-lg-font-size);font-weight:var(--wcss-heading-lg-weight);letter-spacing:var(--wcss-heading-lg-letter-spacing);line-height:var(--wcss-heading-lg-line-height)}.heading-md{font-family:var(--wcss-heading-md-family),var(--wcss-heading-md-family-fallback);font-size:var(--wcss-heading-md-font-size);font-weight:var(--wcss-heading-md-weight);letter-spacing:var(--wcss-heading-md-letter-spacing);line-height:var(--wcss-heading-md-line-height)}.heading-sm{font-family:var(--wcss-heading-sm-family),var(--wcss-heading-sm-family-fallback);font-size:var(--wcss-heading-sm-font-size);font-weight:var(--wcss-heading-sm-weight);letter-spacing:var(--wcss-heading-sm-letter-spacing);line-height:var(--wcss-heading-sm-line-height)}.heading-xs{font-family:var(--wcss-heading-xs-family),var(--wcss-heading-xs-family-fallback);font-size:var(--wcss-heading-xs-font-size);font-weight:var(--wcss-heading-xs-weight);letter-spacing:var(--wcss-heading-xs-letter-spacing);line-height:var(--wcss-heading-xs-line-height)}.heading-2xs{font-family:var(--wcss-heading-2xs-family),var(--wcss-heading-2xs-family-fallback);font-size:var(--wcss-heading-2xs-font-size);font-weight:var(--wcss-heading-2xs-weight);letter-spacing:var(--wcss-heading-2xs-letter-spacing);line-height:var(--wcss-heading-2xs-line-height)}.accent-2xl{font-family:var(--wcss-accent-2xl-family),var(--wcss-accent-2xl-family-fallback);font-size:var(--wcss-accent-2xl-font-size);font-weight:var(--wcss-accent-2xl-weight);letter-spacing:var(--wcss-accent-2xl-letter-spacing);line-height:var(--wcss-accent-2xl-line-height)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family),var(--wcss-accent-xl-family-fallback);font-size:var(--wcss-accent-xl-font-size);font-weight:var(--wcss-accent-xl-weight);letter-spacing:var(--wcss-accent-xl-letter-spacing);line-height:var(--wcss-accent-xl-line-height)}.accent-lg{font-family:var(--wcss-accent-lg-family),var(--wcss-accent-lg-family-fallback);font-size:var(--wcss-accent-lg-font-size);font-weight:var(--wcss-accent-lg-weight);letter-spacing:var(--wcss-accent-lg-letter-spacing);line-height:var(--wcss-accent-lg-line-height)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family),var(--wcss-accent-md-family-fallback);font-size:var(--wcss-accent-md-font-size);font-weight:var(--wcss-accent-md-weight);letter-spacing:var(--wcss-accent-md-letter-spacing);line-height:var(--wcss-accent-md-line-height)}.accent-sm{font-family:var(--wcss-accent-sm-family),var(--wcss-accent-sm-family-fallback);font-size:var(--wcss-accent-sm-font-size);font-weight:var(--wcss-accent-sm-weight);letter-spacing:var(--wcss-accent-sm-letter-spacing);line-height:var(--wcss-accent-sm-line-height)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family),var(--wcss-accent-xs-family-fallback);font-size:var(--wcss-accent-xs-font-size);font-weight:var(--wcss-accent-xs-weight);letter-spacing:var(--wcss-accent-xs-letter-spacing);line-height:var(--wcss-accent-xs-line-height)}.accent-2xs{font-family:var(--wcss-accent-2xs-family),var(--wcss-accent-2xs-family-fallback);font-size:var(--wcss-accent-2xs-font-size);font-weight:var(--wcss-accent-2xs-weight);letter-spacing:var(--wcss-accent-2xs-letter-spacing);line-height:var(--wcss-accent-2xs-line-height);text-transform:uppercase} \ No newline at end of file diff --git a/dist/demoWrapper.css b/dist/demoWrapper.css new file mode 100644 index 0000000..30978d9 --- /dev/null +++ b/dist/demoWrapper.css @@ -0,0 +1,8 @@ +body { + padding: var(--ds-size-400, 2rem); +} + +main { + margin: 0 auto; + max-width: 64rem; +} diff --git a/dist/elementDemoStyles.css b/dist/elementDemoStyles.css new file mode 100644 index 0000000..224d68d --- /dev/null +++ b/dist/elementDemoStyles.css @@ -0,0 +1,829 @@ +/* stylelint-disable no-invalid-position-at-import-rule */ +.container { + display: grid; + margin-left: auto; + margin-right: auto; + max-width: 1232px; +} + +.pagecontainer { + padding-left: 1rem; + padding-right: 1rem; + margin-left: auto; + margin-right: auto; + max-width: 1232px; +} +@media screen and (min-width: 576px) { + .pagecontainer { + padding-left: 1rem; + padding-right: 1rem; + } +} +@media screen and (min-width: 768px) { + .pagecontainer { + padding-left: 1.5rem; + padding-right: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .pagecontainer { + padding-left: 2rem; + padding-right: 2rem; + } +} +@media screen and (min-width: 1232px) { + .pagecontainer { + padding-left: 2rem; + padding-right: 2rem; + } +} +.pagecontainer.breadcrumbs { + margin-block-end: 3.35rem; +} + +.pageLayout-2colAnchorNav { + display: grid; + margin-left: auto; + margin-right: auto; + padding-left: 1rem; + padding-right: 1rem; + max-width: 1232px; + gap: 2rem; + grid-template-areas: "breadcrumbs" "anchornav" "main"; +} +@media screen and (min-width: 576px) { + .pageLayout-2colAnchorNav { + gap: var(--ds-grid-gutter-sm, 1rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-2colAnchorNav { + gap: var(--ds-grid-gutter-md, 1.5rem); + } +} +@media screen and (min-width: 1024px) { + .pageLayout-2colAnchorNav { + gap: var(--ds-grid-gutter-lg, 1.5rem); + } +} +@media screen and (min-width: 1232px) { + .pageLayout-2colAnchorNav { + gap: var(--ds-grid-gutter-xl, 2rem); + } +} +@media screen and (min-width: 576px) { + .pageLayout-2colAnchorNav { + padding-left: 1rem; + padding-right: 1rem; + } +} +@media screen and (min-width: 768px) { + .pageLayout-2colAnchorNav { + padding-left: 1.5rem; + padding-right: 1.5rem; + grid-template-columns: auto var(--fixed-anchor-width, 168px); + grid-template-areas: "breadcrumbs breadcrumbs" "main anchornav"; + } +} +@media screen and (min-width: 1024px) { + .pageLayout-2colAnchorNav { + padding-left: 2rem; + padding-right: 2rem; + } +} +@media screen and (min-width: 1232px) { + .pageLayout-2colAnchorNav { + padding-left: 2rem; + padding-right: 2rem; + } +} +.pageLayout-2colAnchorNav .breadcrumbs { + grid-area: breadcrumbs; +} +.pageLayout-2colAnchorNav .main { + grid-area: main; +} +.pageLayout-2colAnchorNav .main * { + scroll-margin-top: var(--ds-grid-margin-md, 1.5rem); +} +.pageLayout-2colAnchorNav .anchornav { + grid-area: anchornav; +} +@media screen and (min-width: 768px) { + .pageLayout-2colAnchorNav .anchornav { + position: sticky; + top: 0; + max-height: 100vh; + padding-top: var(--ds-grid-margin-xl, 2rem); + } +} + +.pageLayout-2colSideNav { + display: grid; + margin-left: auto; + margin-right: auto; + padding-left: 0; + padding-right: 0; + max-width: 1232px; + gap: 2rem; + grid-template-areas: "breadcrumbs" "sidenav" "main"; +} +@media screen and (min-width: 576px) { + .pageLayout-2colSideNav { + gap: var(--ds-grid-gutter-sm, 1rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-2colSideNav { + gap: var(--ds-grid-gutter-md, 1.5rem); + } +} +@media screen and (min-width: 1024px) { + .pageLayout-2colSideNav { + gap: var(--ds-grid-gutter-lg, 1.5rem); + } +} +@media screen and (min-width: 1232px) { + .pageLayout-2colSideNav { + gap: var(--ds-grid-gutter-xl, 2rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-2colSideNav { + padding-left: 1.5rem; + padding-right: 1.5rem; + grid-template-columns: var(--fixed-nav-width, 280px) auto; + grid-template-areas: "breadcrumbs breadcrumbs" "sidenav main"; + } +} +@media screen and (min-width: 1024px) { + .pageLayout-2colSideNav { + padding-left: 2rem; + padding-right: 2rem; + } +} +@media screen and (min-width: 1232px) { + .pageLayout-2colSideNav { + padding-left: 2rem; + padding-right: 2rem; + } +} +.pageLayout-2colSideNav .breadcrumbs { + grid-area: breadcrumbs; + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-2colSideNav .breadcrumbs { + padding-left: 0; + padding-right: 0; + } +} +.pageLayout-2colSideNav .sidenav { + grid-area: sidenav; + background-color: var(--ds-color-container-primary-default, #ffffff); + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-2colSideNav .sidenav { + padding-left: 0; + padding-right: 0; + background-color: transparent; + } +} +.pageLayout-2colSideNav .main { + grid-area: main; + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-2colSideNav .main { + padding-left: 0; + padding-right: 0; + } +} +.pageLayout-2colSideNav .main * { + scroll-margin-top: var(--ds-grid-margin-md, 1.5rem); +} + +.pageLayout-3col { + display: grid; + margin-left: auto; + margin-right: auto; + padding-left: 0; + padding-right: 0; + max-width: 1232px; + gap: 2rem; + grid-template-areas: "breadcrumbs" "sidenav" "anchornav" "main"; +} +@media screen and (min-width: 576px) { + .pageLayout-3col { + gap: var(--ds-grid-gutter-sm, 1rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-3col { + gap: var(--ds-grid-gutter-md, 1.5rem); + } +} +@media screen and (min-width: 1024px) { + .pageLayout-3col { + gap: var(--ds-grid-gutter-lg, 1.5rem); + } +} +@media screen and (min-width: 1232px) { + .pageLayout-3col { + gap: var(--ds-grid-gutter-xl, 2rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-3col { + padding-left: 1.5rem; + padding-right: 1.5rem; + grid-template-columns: var(--fixed-nav-width, 280px) auto var(--fixed-anchor-width, 168px); + grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs" "sidenav main anchornav"; + } +} +@media screen and (min-width: 1024px) { + .pageLayout-3col { + padding-left: 2rem; + padding-right: 2rem; + } +} +@media screen and (min-width: 1232px) { + .pageLayout-3col { + padding-left: 2rem; + padding-right: 2rem; + } +} +.pageLayout-3col .breadcrumbs { + grid-area: breadcrumbs; + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-3col .breadcrumbs { + padding-left: 0; + padding-right: 0; + } +} +.pageLayout-3col .sidenav { + grid-area: sidenav; + z-index: 1; + background-color: var(--ds-color-container-primary-default, #ffffff); + padding-left: 1rem; + padding-right: 1rem; + position: sticky; + top: 0; + --align-self: stretch; + align-self: var(--align-self); +} +@media screen and (min-width: 768px) { + .pageLayout-3col .sidenav { + padding-left: 0; + padding-right: 0; + background-color: transparent; + } +} +.pageLayout-3col .main { + grid-area: main; + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-3col .main { + padding-left: 0; + padding-right: 0; + } +} +.pageLayout-3col .main * { + scroll-margin-top: var(--ds-grid-margin-md, 1.5rem); +} +.pageLayout-3col .anchornav { + grid-area: anchornav; + padding-left: 1rem; + padding-right: 1rem; +} +@media screen and (min-width: 768px) { + .pageLayout-3col .anchornav { + position: sticky; + top: 0; + max-height: 100vh; + padding-top: var(--ds-grid-margin-xl, 2rem); + } +} +@media screen and (min-width: 768px) { + .pageLayout-3col .anchornav { + padding-left: 0; + padding-right: 0; + } +} + +@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"); +} +/* Document + ========================================================================== */ +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ +body { + margin: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +main { + display: block; +} + +/* Grouping content + ========================================================================== */ +hr { + overflow: visible; /* 1 */ + box-sizing: content-box; /* 2 */ + height: 0; /* 2 */ +} + +pre { + font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line font-family-no-duplicate-names */ + font-size: var(--ds-text-body-size-default, 1rem); /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ +a { + background-color: transparent; +} + +abbr[title] { + text-decoration: underline; /* 1 */ + text-decoration: underline dotted; /* 1 */ /* stylelint-disable-line declaration-block-no-duplicate-properties */ + border-bottom: none; /* 2 */ +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ /* stylelint-disable-line font-family-no-duplicate-names */ + font-size: var(--ds-text-body-size-default, 1rem); /* 2 */ +} + +sub, +sup { + position: relative; + vertical-align: baseline; + font-size: 75%; + line-height: 0; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +img { + border-style: none; +} + +/* Forms + ========================================================================== */ +button, +input, +optgroup, +select, +textarea { + margin: 0; /* 1 */ + font-family: inherit; /* 2 */ + font-size: 100%; /* 2 */ + line-height: var(--ds-text-body-height-default, 1.5rem); /* 2 */ +} + +button, +input { /* 1 */ + overflow: visible; +} + +button, +select { /* 1 */ + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: none; + appearance: none; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + display: table; /* 1 */ + box-sizing: border-box; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 2 */ + white-space: normal; /* 1 */ + color: inherit; /* 3 */ +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; /* 1 */ + -webkit-appearance: textfield; /* 2 */ + appearance: textfield; /* 2 */ +} + +::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} + +::-webkit-file-upload-button { + font: inherit; /* 1 */ + -webkit-appearance: button; /* 2 */ + appearance: button; /* 2 */ +} + +/* Interactive + ========================================================================== */ +details { + display: block; +} + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ +template { + display: none; +} + +[hidden] { + display: none; +} + +.heading, .auro-markdown h1, +.auro-markdown h2, +.auro-markdown h3 { + margin: calc(1rem + 0.75rem) 0; + letter-spacing: var(--ds-text-heading-default-spacing, -0.2px); + font-weight: var(--ds-text-heading-default-weight, 500); +} + +.heading--display, .auro-markdown h1 { + margin-top: 0; + font-size: var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem); + font-weight: var(--ds-text-heading-display-weight, 100); + line-height: var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem); +} +@media screen and (min-width: 768px) { + .heading--display, .auro-markdown h1 { + font-size: var(--ds-text-heading-display-size-breakpoint-md, 3rem); + line-height: var(--ds-text-heading-display-height-breakpoint-md, 3.75rem); + } +} +@media screen and (min-width: 1024px) { + .heading--display, .auro-markdown h1 { + font-size: var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem); + line-height: var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem); + } +} + +.heading--800 { + font-size: var(--ds-text-heading-800-size-breakpoint-sm, 2rem); + font-weight: var(--ds-text-heading-800-weight, 500); + line-height: var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem); +} +@media screen and (min-width: 768px) { + .heading--800 { + font-size: var(--ds-text-heading-800-size-breakpoint-md, 2.25rem); + line-height: var(--ds-text-heading-800-height-breakpoint-md, 2.625rem); + } +} +@media screen and (min-width: 1024px) { + .heading--800 { + font-size: var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem); + line-height: var(--ds-text-heading-800-height-breakpoint-lg, 3rem); + } +} + +.heading--700, .auro-markdown h2 { + font-size: var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem); + font-weight: var(--ds-text-heading-700-weight, 500); + line-height: var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem); +} +@media screen and (min-width: 768px) { + .heading--700, .auro-markdown h2 { + font-size: var(--ds-text-heading-700-size-breakpoint-md, 2rem); + line-height: var(--ds-text-heading-700-height-breakpoint-md, 2.375rem); + } +} +@media screen and (min-width: 1024px) { + .heading--700, .auro-markdown h2 { + font-size: var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem); + line-height: var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem); + } +} + +.heading--600, .auro-markdown h3 { + margin: 1rem 0; + font-size: var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem); + font-weight: var(--ds-text-heading-600-weight, 300); + line-height: var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem); +} +@media screen and (min-width: 768px) { + .heading--600, .auro-markdown h3 { + font-size: var(--ds-text-heading-600-size-breakpoint-md, 1.75rem); + line-height: var(--ds-text-heading-600-height-breakpoint-md, 2.125rem); + } +} +@media screen and (min-width: 1024px) { + .heading--600, .auro-markdown h3 { + font-size: var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem); + line-height: var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem); + } +} + +.heading--500, .auro-markdown h4 { + margin: 1rem 0; + font-size: var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem); + font-weight: var(--ds-text-heading-500-weight, 300); + line-height: var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem); +} +@media screen and (min-width: 768px) { + .heading--500, .auro-markdown h4 { + font-size: var(--ds-text-heading-500-size-breakpoint-md, 1.5rem); + line-height: var(--ds-text-heading-500-height-breakpoint-md, 1.875rem); + } +} +@media screen and (min-width: 1024px) { + .heading--500, .auro-markdown h4 { + font-size: var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem); + line-height: var(--ds-text-heading-500-height-breakpoint-lg, 2rem); + } +} + +.heading--400 { + margin: 0.75rem 0; + font-size: var(--ds-text-heading-400-size, 1.25rem); + font-weight: var(--ds-text-heading-400-weight, 300); + line-height: var(--ds-text-heading-400-height, 1.625rem); +} + +.heading--300 { + margin: 0.75rem 0; + font-size: var(--ds-text-heading-300-size, 1.125rem); + font-weight: var(--ds-text-heading-300-weight, 300); + line-height: var(--ds-text-heading-300-height, 1.625rem); +} + +blockquote { + margin-left: 0; + border-left: 1px solid var(--ds-color-border-ui-active-default, #225296); + padding: var(--ds-size-100, 0.5rem); + padding-left: var(--ds-size-400, 2rem); + color: var(--ds-color-text-secondary-default, #525252); + font-weight: 200; + margin-top: var(--ds-size-300, 1.5rem); + margin-bottom: var(--ds-size-300, 1.5rem); +} +blockquote p, blockquote .auro-markdown p, .auro-markdown blockquote p { + line-height: 2; +} +blockquote p:last-child { + margin-bottom: 0; +} +blockquote + p, .auro-markdown blockquote + p { + margin-bottom: var(--ds-size-400, 2rem); +} + +.auro_table, .auro-markdown main > table { + display: block; + overflow: scroll; + width: auto; + margin-bottom: var(--ds-size-400, 2rem); + border-spacing: var(--ds-size-150, 0.75rem); + border-collapse: collapse; + font-weight: var(--ds-text-heading-display-weight, 100); +} +.auro_table tr:nth-child(even), .auro-markdown main > table tr:nth-child(even) { + background-color: var(--ds-color-container-secondary-default, #f7f7f7); +} +.auro_table th, .auro-markdown main > table th { + text-align: left; + font-weight: var(--ds-text-heading-default-weight, 500); +} +@media screen and (min-width: 576px) { + .auro_table, .auro-markdown main > table { + display: table; + width: 100%; + } +} +.auro_table thead, .auro-markdown main > table thead { + border-collapse: collapse; + border-bottom: 1px solid var(--ds-color-border-tertiary-default, #dddddd); +} +.auro_table th, .auro-markdown main > table th, +.auro_table td, +.auro-markdown main > table td { + padding: var(--ds-size-200, 1rem); +} + +*:focus-visible { + outline: 1px solid var(--ds-color-border-ui-focus-default, #2c67b5); +} + +/* + Essentials for Auro Classic theme +*/ +: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, .baseParagraph .auro-markdown a, .auro-markdown .baseParagraph a { + text-decoration: underline; +} + +.hyperlink, .auro-markdown a { + text-decoration: underline; + color: var(--ds-color-text-ui-default-default, #2c67b5); +} +.hyperlink:visited, .auro-markdown a: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, .auro-markdown a: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, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); +} + +/* stylelint-disable-line scss/dollar-variable-first-in-block */ +p, .auro-markdown p { + margin: 0 0 1rem; + line-height: var(--ds-text-body-height-default, 1.5rem); +} + +.fineprint { + font-family: var(--ds-font-family-default, "AS Circular", "Helvetica Neue", Arial, sans-serif); + font-size: var(--ds-text-body-size-xs, 0.75rem); + line-height: var(--ds-text-body-height-xs, 1rem); + color: var(--ds-color-text-secondary-default, #525252); +} + +/* stylelint-disable selector-type-no-unknown */ +.auro-markdown p:last-child { + margin-bottom: 0; +} +:not(pre) > code[class*=language-], pre[class*=language-] { + background: var(--ds-basic-color-surface-neutral-medium, #c5c5c5); +} + +pre { + background: var(--ds-basic-color-surface-neutral-medium, #c5c5c5) !important; + border: unset !important; + margin-bottom: var(--ds-size-300, 1.5rem) !important; + padding-left: var(--ds-size-150, 0.75rem) !important; + padding-top: var(--ds-size-200, 1rem) !important; + padding-bottom: var(--ds-size-200, 1rem) !important; +} +pre code { + font-size: 0.85rem !important; +} + +auro-accordion pre { + background: none !important; + margin-top: 0 !important; + margin-bottom: 1rem !important; + padding: 0 !important; +} + +auro-accordion + .exampleWrapper, +auro-accordion + p, +.auro-markdown auro-accordion + p { + margin-top: 2rem !important; +} + +code[class*=language-], pre[class*=language-] { + font-family: monospace; +} + +code:not(.html):not(.css):not(.js) { + color: var(--ds-color-utility-pink-default, #f7738e); +} + +.exampleWrapper, +.exampleWrapper--ondark { + padding: 2rem; + border-radius: 0.5rem; + border-width: 1px; + margin-bottom: 1rem; + box-shadow: var(--ds-elevation-100, 0px 2px 4px 0px 0px 5px rgba(0, 0, 0, 0.15)); +} + +.exampleWrapper { + margin-bottom: 1rem; + border-style: solid; + border-color: var(--ds-basic-color-border-subtle, #dddddd); + background: var(--ds-basic-color-surface-default, #ffffff); +} + +.exampleWrapper--ondark { + background: var(--ds-basic-color-surface-inverse, #00274a); +} diff --git a/docs/index.html b/docs/index.html index 951ba13..d22715b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,5 +1,5 @@ -@aurodesignsystem/webcorestylesheets - v10.1.1