From 6bd0aebbe9f93ed0581a3e0db85e3ec6b9a5f8cb Mon Sep 17 00:00:00 2001 From: Jason Baker Date: Mon, 17 Aug 2026 14:20:25 -0700 Subject: [PATCH 1/2] build: commit built dist artifacts and untrack dist from gitignore --- .gitignore | 1 - .../bundled/legacy/auro-classic+fv.global.css | 141 +++ .../legacy/auro-classic+fv.global.min.css | 5 + dist/bundled/legacy/auro-classic.global.css | 137 +++ .../legacy/auro-classic.global.min.css | 5 + dist/bundled/themes/alaska-classic.global.css | 577 ++++++++++ .../themes/alaska-classic.global.min.css | 5 + dist/bundled/themes/alaska.global.css | 617 +++++++++++ dist/bundled/themes/alaska.global.min.css | 5 + dist/bundled/themes/hawaiian.global.css | 570 ++++++++++ dist/bundled/themes/hawaiian.global.min.css | 5 + dist/bundled/type/classes.alaska.css | 249 +++++ dist/bundled/type/classes.alaska.min.css | 5 + dist/bundled/type/classes.css | 249 +++++ dist/bundled/type/classes.min.css | 5 + dist/demoWrapper.css | 8 + dist/elementDemoStyles.css | 997 ++++++++++++++++++ docs/index.html | 6 +- 18 files changed, 3583 insertions(+), 4 deletions(-) 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/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/.gitignore b/.gitignore index 39d4bd69..a40814da 100644 --- a/.gitignore +++ b/.gitignore @@ -5,7 +5,6 @@ build test results coverage/ -dist example/temp example/prodBuild/ example/tokensBuild/ 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 00000000..50eef048 --- /dev/null +++ b/dist/bundled/legacy/auro-classic+fv.global.css @@ -0,0 +1,141 @@ +/* + 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 { + transition: all 0.15s ease; + text-decoration: underline; + color: var(--ds-advanced-color-hyperlink-text); + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: var(--ds-advanced-color-hyperlink-text, #2c67b5); +} +.hyperlink:focus-visible { + outline-color: var(--ds-advanced-color-state-focused, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: var(--ds-advanced-color-hyperlink-text-hover); + } +} +.hyperlink:focus-visible { + outline-color: var(--ds-color-border-ui-focus-default, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: var(--ds-size-50, 0.25rem); + outline-offset: unset; +} +.hyperlink--ondark { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: var(--ds-advanced-color-hyperlink-text-inverse-hover); + } +} +.hyperlink--ondark:visited { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} + +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 00000000..f2326ea5 --- /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{border-radius:3px;color:var(--ds-advanced-color-hyperlink-text);outline-color:transparent;outline-offset:unset;outline-style:solid;outline-width:1px;transition:all .15s ease}.hyperlink:visited{color:var(--ds-advanced-color-hyperlink-text,#2c67b5)}.hyperlink:focus-visible{outline-color:var(--ds-advanced-color-state-focused,#2c67b5)}@media (hover:hover){.hyperlink:hover{color:var(--ds-advanced-color-hyperlink-text-hover);text-decoration:none}}.hyperlink:focus-visible{outline-color:var(--ds-color-border-ui-focus-default,#2c67b5);outline-offset:var(--ds-size-25,.125rem)}.hyperlink--nav{display:block;text-decoration:none}@media (hover:hover){.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--nav:focus-visible{outline-offset:unset;outline-width:var(--ds-size-50,.25rem)}.hyperlink--ondark{color:var(--ds-advanced-color-hyperlink-text-inverse)}@media (hover:hover){.hyperlink--ondark:hover{color:var(--ds-advanced-color-hyperlink-text-inverse-hover)}}.hyperlink--ondark:visited{color:var(--ds-advanced-color-hyperlink-text-inverse)}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 00000000..5072981f --- /dev/null +++ b/dist/bundled/legacy/auro-classic.global.css @@ -0,0 +1,137 @@ +/* + 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 { + transition: all 0.15s ease; + text-decoration: underline; + color: var(--ds-advanced-color-hyperlink-text); + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: var(--ds-advanced-color-hyperlink-text, #2c67b5); +} +.hyperlink:focus-visible { + outline-color: var(--ds-advanced-color-state-focused, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: var(--ds-advanced-color-hyperlink-text-hover); + } +} +.hyperlink:focus-visible { + outline-color: var(--ds-color-border-ui-focus-default, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: var(--ds-size-50, 0.25rem); + outline-offset: unset; +} +.hyperlink--ondark { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: var(--ds-advanced-color-hyperlink-text-inverse-hover); + } +} +.hyperlink--ondark:visited { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} + +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 00000000..a0077d06 --- /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{border-radius:3px;color:var(--ds-advanced-color-hyperlink-text);outline-color:transparent;outline-offset:unset;outline-style:solid;outline-width:1px;transition:all .15s ease}.hyperlink:visited{color:var(--ds-advanced-color-hyperlink-text,#2c67b5)}.hyperlink:focus-visible{outline-color:var(--ds-advanced-color-state-focused,#2c67b5)}@media (hover:hover){.hyperlink:hover{color:var(--ds-advanced-color-hyperlink-text-hover);text-decoration:none}}.hyperlink:focus-visible{outline-color:var(--ds-color-border-ui-focus-default,#2c67b5);outline-offset:var(--ds-size-25,.125rem)}.hyperlink--nav{display:block;text-decoration:none}@media (hover:hover){.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--nav:focus-visible{outline-offset:unset;outline-width:var(--ds-size-50,.25rem)}.hyperlink--ondark{color:var(--ds-advanced-color-hyperlink-text-inverse)}@media (hover:hover){.hyperlink--ondark:hover{color:var(--ds-advanced-color-hyperlink-text-inverse-hover)}}.hyperlink--ondark:visited{color:var(--ds-advanced-color-hyperlink-text-inverse)}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 00000000..db36472a --- /dev/null +++ b/dist/bundled/themes/alaska-classic.global.css @@ -0,0 +1,577 @@ +@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 { + transition: all 0.15s ease; + text-decoration: underline; + color: #2875b5; + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: #2875b5; +} +.hyperlink:focus-visible { + outline-color: #01426a; + outline-offset: 0.125rem; +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: #01426a; + } +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: 0.25rem; + outline-offset: unset; +} +.hyperlink--ondark { + color: #ffffff; +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: #ebf3f9; + } +} +.hyperlink--ondark:visited { + color: #ffffff; +} + +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-letter-spacing: 0; + --wcss-body-default-weight: 450; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-default-emphasized-weight: 700; + --wcss-body-default-emphasized-font-size: 1rem; + --wcss-body-default-emphasized-line-height: 1.5rem; + --wcss-body-lg-weight: 450; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-lg-emphasized-weight: 700; + --wcss-body-lg-emphasized-font-size: 1.125rem; + --wcss-body-lg-emphasized-line-height: 1.625rem; + --wcss-body-sm-weight: 450; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-sm-emphasized-weight: 700; + --wcss-body-sm-emphasized-font-size: 0.875rem; + --wcss-body-sm-emphasized-line-height: 1.25rem; + --wcss-body-xs-weight: 450; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-xs-emphasized-weight: 700; + --wcss-body-xs-emphasized-font-size: 0.75rem; + --wcss-body-xs-emphasized-line-height: 1rem; + --wcss-body-2xs-weight: 450; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-body-2xs-emphasized-weight: 700; + --wcss-body-2xs-emphasized-font-size: 0.625rem; + --wcss-body-2xs-emphasized-line-height: 0.875rem; + --wcss-body-weight: var(--wcss-body-default-weight); + --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-default-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-default-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-default-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-emphasized-font-size); + line-height: var(--wcss-body-default-emphasized-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-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-lg-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-emphasized-font-size); + line-height: var(--wcss-body-lg-emphasized-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-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-sm-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-emphasized-font-size); + line-height: var(--wcss-body-sm-emphasized-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-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-xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-emphasized-font-size); + line-height: var(--wcss-body-xs-emphasized-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.body-2xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-emphasized-font-size); + line-height: var(--wcss-body-2xs-emphasized-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); + letter-spacing: var(--wcss-display-2xl-letter-spacing); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); + letter-spacing: var(--wcss-display-xl-letter-spacing); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); + letter-spacing: var(--wcss-display-lg-letter-spacing); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); + letter-spacing: var(--wcss-display-md-letter-spacing); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); + letter-spacing: var(--wcss-display-sm-letter-spacing); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); + letter-spacing: var(--wcss-display-xs-letter-spacing); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); + letter-spacing: var(--wcss-heading-xl-letter-spacing); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); + letter-spacing: var(--wcss-heading-lg-letter-spacing); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); + letter-spacing: var(--wcss-heading-md-letter-spacing); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); + letter-spacing: var(--wcss-heading-sm-letter-spacing); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); + letter-spacing: var(--wcss-heading-xs-letter-spacing); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + letter-spacing: var(--wcss-accent-md-letter-spacing); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + 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 00000000..64413aad --- /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{border-radius:3px;outline-color:transparent;outline-offset:unset;outline-style:solid;outline-width:1px;transition:all .15s ease}.hyperlink,.hyperlink:visited{color:#2875b5}.hyperlink:focus-visible{outline-color:#01426a;outline-offset:.125rem}@media (hover:hover){.hyperlink:hover{color:#01426a;text-decoration:none}}.hyperlink--nav{display:block;text-decoration:none}@media (hover:hover){.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--nav:focus-visible{outline-offset:unset;outline-width:.25rem}.hyperlink--ondark{color:#fff}@media (hover:hover){.hyperlink--ondark:hover{color:#ebf3f9}}.hyperlink--ondark:visited{color:#fff}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-letter-spacing:0;--wcss-body-default-weight:450;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-default-emphasized-weight:700;--wcss-body-default-emphasized-font-size:1rem;--wcss-body-default-emphasized-line-height:1.5rem;--wcss-body-lg-weight:450;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-lg-emphasized-weight:700;--wcss-body-lg-emphasized-font-size:1.125rem;--wcss-body-lg-emphasized-line-height:1.625rem;--wcss-body-sm-weight:450;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-sm-emphasized-weight:700;--wcss-body-sm-emphasized-font-size:0.875rem;--wcss-body-sm-emphasized-line-height:1.25rem;--wcss-body-xs-weight:450;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-xs-emphasized-weight:700;--wcss-body-xs-emphasized-font-size:0.75rem;--wcss-body-xs-emphasized-line-height:1rem;--wcss-body-2xs-weight:450;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-body-2xs-emphasized-weight:700;--wcss-body-2xs-emphasized-font-size:0.625rem;--wcss-body-2xs-emphasized-line-height:0.875rem;--wcss-body-weight:var(--wcss-body-default-weight);--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);font-weight:var(--wcss-body-default-weight);line-height:var(--wcss-body-default-line-height)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size);font-weight:var(--wcss-body-default-emphasized-weight);line-height:var(--wcss-body-default-emphasized-line-height)}.body-lg{font-size:var(--wcss-body-lg-font-size);font-weight:var(--wcss-body-lg-weight);line-height:var(--wcss-body-lg-line-height)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size);font-weight:var(--wcss-body-lg-emphasized-weight);line-height:var(--wcss-body-lg-emphasized-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);font-weight:var(--wcss-body-sm-weight);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size);font-weight:var(--wcss-body-sm-emphasized-weight);line-height:var(--wcss-body-sm-emphasized-line-height)}.body-xs{font-size:var(--wcss-body-xs-font-size);font-weight:var(--wcss-body-xs-weight);line-height:var(--wcss-body-xs-line-height)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size);font-weight:var(--wcss-body-xs-emphasized-weight);line-height:var(--wcss-body-xs-emphasized-line-height)}.body-2xs{font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-2xs-weight);line-height:var(--wcss-body-2xs-line-height)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size);font-weight:var(--wcss-body-2xs-emphasized-weight);line-height:var(--wcss-body-2xs-emphasized-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 00000000..2363a6a4 --- /dev/null +++ b/dist/bundled/themes/alaska.global.css @@ -0,0 +1,617 @@ +@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 { + transition: all 0.15s ease; + text-decoration: underline; + color: #2875b5; + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: #2875b5; +} +.hyperlink:focus-visible { + outline-color: #01426a; + outline-offset: 0.125rem; +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: #01426a; + } +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: 0.25rem; + outline-offset: unset; +} +.hyperlink--ondark { + color: #ffffff; +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: #ebf3f9; + } +} +.hyperlink--ondark:visited { + color: #ffffff; +} + +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: "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: "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: "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: "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-letter-spacing: 0; + --wcss-body-default-weight: 450; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-default-emphasized-weight: 500; + --wcss-body-default-emphasized-font-size: 1rem; + --wcss-body-default-emphasized-line-height: 1.5rem; + --wcss-body-lg-weight: 450; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-lg-emphasized-weight: 500; + --wcss-body-lg-emphasized-font-size: 1.125rem; + --wcss-body-lg-emphasized-line-height: 1.625rem; + --wcss-body-sm-weight: 450; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-sm-emphasized-weight: 500; + --wcss-body-sm-emphasized-font-size: 0.875rem; + --wcss-body-sm-emphasized-line-height: 1.25rem; + --wcss-body-xs-weight: 450; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-xs-emphasized-weight: 500; + --wcss-body-xs-emphasized-font-size: 0.75rem; + --wcss-body-xs-emphasized-line-height: 1rem; + --wcss-body-2xs-weight: 450; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-body-2xs-emphasized-weight: 500; + --wcss-body-2xs-emphasized-font-size: 0.625rem; + --wcss-body-2xs-emphasized-line-height: 0.875rem; + --wcss-body-weight: var(--wcss-body-default-weight); + --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: "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-default-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-default-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-default-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-emphasized-font-size); + line-height: var(--wcss-body-default-emphasized-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-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-lg-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-emphasized-font-size); + line-height: var(--wcss-body-lg-emphasized-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-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-sm-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-emphasized-font-size); + line-height: var(--wcss-body-sm-emphasized-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-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-xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-emphasized-font-size); + line-height: var(--wcss-body-xs-emphasized-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.body-2xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-emphasized-font-size); + line-height: var(--wcss-body-2xs-emphasized-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); + letter-spacing: var(--wcss-display-2xl-letter-spacing); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); + letter-spacing: var(--wcss-display-xl-letter-spacing); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); + letter-spacing: var(--wcss-display-lg-letter-spacing); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); + letter-spacing: var(--wcss-display-md-letter-spacing); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); + letter-spacing: var(--wcss-display-sm-letter-spacing); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); + letter-spacing: var(--wcss-display-xs-letter-spacing); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); + letter-spacing: var(--wcss-heading-xl-letter-spacing); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); + letter-spacing: var(--wcss-heading-lg-letter-spacing); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); + letter-spacing: var(--wcss-heading-md-letter-spacing); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); + letter-spacing: var(--wcss-heading-sm-letter-spacing); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); + letter-spacing: var(--wcss-heading-xs-letter-spacing); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + letter-spacing: var(--wcss-accent-md-letter-spacing); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + 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 00000000..1d3f785c --- /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{border-radius:3px;outline-color:transparent;outline-offset:unset;outline-style:solid;outline-width:1px;transition:all .15s ease}.hyperlink,.hyperlink:visited{color:#2875b5}.hyperlink:focus-visible{outline-color:#01426a;outline-offset:.125rem}@media (hover:hover){.hyperlink:hover{color:#01426a;text-decoration:none}}.hyperlink--nav{display:block;text-decoration:none}@media (hover:hover){.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--nav:focus-visible{outline-offset:unset;outline-width:.25rem}.hyperlink--ondark{color:#fff}@media (hover:hover){.hyperlink--ondark:hover{color:#ebf3f9}}.hyperlink--ondark:visited{color:#fff}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:"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:"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:"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:"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-letter-spacing:0;--wcss-body-default-weight:450;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-default-emphasized-weight:500;--wcss-body-default-emphasized-font-size:1rem;--wcss-body-default-emphasized-line-height:1.5rem;--wcss-body-lg-weight:450;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-lg-emphasized-weight:500;--wcss-body-lg-emphasized-font-size:1.125rem;--wcss-body-lg-emphasized-line-height:1.625rem;--wcss-body-sm-weight:450;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-sm-emphasized-weight:500;--wcss-body-sm-emphasized-font-size:0.875rem;--wcss-body-sm-emphasized-line-height:1.25rem;--wcss-body-xs-weight:450;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-xs-emphasized-weight:500;--wcss-body-xs-emphasized-font-size:0.75rem;--wcss-body-xs-emphasized-line-height:1rem;--wcss-body-2xs-weight:450;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-body-2xs-emphasized-weight:500;--wcss-body-2xs-emphasized-font-size:0.625rem;--wcss-body-2xs-emphasized-line-height:0.875rem;--wcss-body-weight:var(--wcss-body-default-weight);--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:"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);font-weight:var(--wcss-body-default-weight);line-height:var(--wcss-body-default-line-height)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size);font-weight:var(--wcss-body-default-emphasized-weight);line-height:var(--wcss-body-default-emphasized-line-height)}.body-lg{font-size:var(--wcss-body-lg-font-size);font-weight:var(--wcss-body-lg-weight);line-height:var(--wcss-body-lg-line-height)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size);font-weight:var(--wcss-body-lg-emphasized-weight);line-height:var(--wcss-body-lg-emphasized-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);font-weight:var(--wcss-body-sm-weight);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size);font-weight:var(--wcss-body-sm-emphasized-weight);line-height:var(--wcss-body-sm-emphasized-line-height)}.body-xs{font-size:var(--wcss-body-xs-font-size);font-weight:var(--wcss-body-xs-weight);line-height:var(--wcss-body-xs-line-height)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size);font-weight:var(--wcss-body-xs-emphasized-weight);line-height:var(--wcss-body-xs-emphasized-line-height)}.body-2xs{font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-2xs-weight);line-height:var(--wcss-body-2xs-line-height)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size);font-weight:var(--wcss-body-2xs-emphasized-weight);line-height:var(--wcss-body-2xs-emphasized-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 00000000..18b7a588 --- /dev/null +++ b/dist/bundled/themes/hawaiian.global.css @@ -0,0 +1,570 @@ +@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 { + transition: all 0.15s ease; + text-decoration: underline; + color: #ce0c88; + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: #ce0c88; +} +.hyperlink:focus-visible { + outline-color: #463c8f; + outline-offset: 0.125rem; +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: #831a57; + } +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: 0.25rem; + outline-offset: unset; +} +.hyperlink--ondark { + color: #ffffff; +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: #ffffff; + } +} +.hyperlink--ondark:visited { + color: #ffffff; +} + +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-letter-spacing: 0; + --wcss-body-default-weight: 400; + --wcss-body-default-font-size: 1rem; + --wcss-body-default-line-height: 1.5rem; + --wcss-body-default-emphasized-weight: 500; + --wcss-body-default-emphasized-font-size: 1rem; + --wcss-body-default-emphasized-line-height: 1.5rem; + --wcss-body-lg-weight: 400; + --wcss-body-lg-font-size: 1.125rem; + --wcss-body-lg-line-height: 1.625rem; + --wcss-body-lg-emphasized-weight: 500; + --wcss-body-lg-emphasized-font-size: 1.125rem; + --wcss-body-lg-emphasized-line-height: 1.625rem; + --wcss-body-sm-weight: 400; + --wcss-body-sm-font-size: 0.875rem; + --wcss-body-sm-line-height: 1.25rem; + --wcss-body-sm-emphasized-weight: 500; + --wcss-body-sm-emphasized-font-size: 0.875rem; + --wcss-body-sm-emphasized-line-height: 1.25rem; + --wcss-body-xs-weight: 400; + --wcss-body-xs-font-size: 0.75rem; + --wcss-body-xs-line-height: 1rem; + --wcss-body-xs-emphasized-weight: 500; + --wcss-body-xs-emphasized-font-size: 0.75rem; + --wcss-body-xs-emphasized-line-height: 1rem; + --wcss-body-2xs-weight: 400; + --wcss-body-2xs-font-size: 0.625rem; + --wcss-body-2xs-line-height: 0.875rem; + --wcss-body-2xs-emphasized-weight: 500; + --wcss-body-2xs-emphasized-font-size: 0.625rem; + --wcss-body-2xs-emphasized-line-height: 0.875rem; + --wcss-body-weight: var(--wcss-body-default-weight); + --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: 500; + --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: 500; + --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: ; + --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: ; + --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: ; + --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: ; + --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: ; + --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: ; + --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: ; + --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-default-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-default-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-default-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-emphasized-font-size); + line-height: var(--wcss-body-default-emphasized-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-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-lg-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-emphasized-font-size); + line-height: var(--wcss-body-lg-emphasized-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-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-sm-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-emphasized-font-size); + line-height: var(--wcss-body-sm-emphasized-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-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-xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-emphasized-font-size); + line-height: var(--wcss-body-xs-emphasized-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.body-2xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-emphasized-font-size); + line-height: var(--wcss-body-2xs-emphasized-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); + letter-spacing: var(--wcss-display-2xl-letter-spacing); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); + letter-spacing: var(--wcss-display-xl-letter-spacing); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); + letter-spacing: var(--wcss-display-lg-letter-spacing); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); + letter-spacing: var(--wcss-display-md-letter-spacing); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); + letter-spacing: var(--wcss-display-sm-letter-spacing); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); + letter-spacing: var(--wcss-display-xs-letter-spacing); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); + letter-spacing: var(--wcss-heading-xl-letter-spacing); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); + letter-spacing: var(--wcss-heading-lg-letter-spacing); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); + letter-spacing: var(--wcss-heading-md-letter-spacing); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); + letter-spacing: var(--wcss-heading-sm-letter-spacing); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); + letter-spacing: var(--wcss-heading-xs-letter-spacing); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + 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); + 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); + 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); + 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); + 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); + 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); + 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 00000000..86b449c7 --- /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{border-radius:3px;outline-color:transparent;outline-offset:unset;outline-style:solid;outline-width:1px;transition:all .15s ease}.hyperlink,.hyperlink:visited{color:#ce0c88}.hyperlink:focus-visible{outline-color:#463c8f;outline-offset:.125rem}@media (hover:hover){.hyperlink:hover{color:#831a57;text-decoration:none}}.hyperlink--nav{display:block;text-decoration:none}@media (hover:hover){.hyperlink--nav:hover{text-decoration:underline}}.hyperlink--nav:focus-visible{outline-offset:unset;outline-width:.25rem}.hyperlink--ondark{color:#fff}@media (hover:hover){.hyperlink--ondark:hover{color:#fff}}.hyperlink--ondark:visited{color:#fff}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-letter-spacing:0;--wcss-body-default-weight:400;--wcss-body-default-font-size:1rem;--wcss-body-default-line-height:1.5rem;--wcss-body-default-emphasized-weight:500;--wcss-body-default-emphasized-font-size:1rem;--wcss-body-default-emphasized-line-height:1.5rem;--wcss-body-lg-weight:400;--wcss-body-lg-font-size:1.125rem;--wcss-body-lg-line-height:1.625rem;--wcss-body-lg-emphasized-weight:500;--wcss-body-lg-emphasized-font-size:1.125rem;--wcss-body-lg-emphasized-line-height:1.625rem;--wcss-body-sm-weight:400;--wcss-body-sm-font-size:0.875rem;--wcss-body-sm-line-height:1.25rem;--wcss-body-sm-emphasized-weight:500;--wcss-body-sm-emphasized-font-size:0.875rem;--wcss-body-sm-emphasized-line-height:1.25rem;--wcss-body-xs-weight:400;--wcss-body-xs-font-size:0.75rem;--wcss-body-xs-line-height:1rem;--wcss-body-xs-emphasized-weight:500;--wcss-body-xs-emphasized-font-size:0.75rem;--wcss-body-xs-emphasized-line-height:1rem;--wcss-body-2xs-weight:400;--wcss-body-2xs-font-size:0.625rem;--wcss-body-2xs-line-height:0.875rem;--wcss-body-2xs-emphasized-weight:500;--wcss-body-2xs-emphasized-font-size:0.625rem;--wcss-body-2xs-emphasized-line-height:0.875rem;--wcss-body-weight:var(--wcss-body-default-weight);--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:500;--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:500;--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: ;--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: ;--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: ;--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: ;--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: ;--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: ;--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: ;--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);font-weight:var(--wcss-body-default-weight);line-height:var(--wcss-body-default-line-height)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size);font-weight:var(--wcss-body-default-emphasized-weight);line-height:var(--wcss-body-default-emphasized-line-height)}.body-lg{font-size:var(--wcss-body-lg-font-size);font-weight:var(--wcss-body-lg-weight);line-height:var(--wcss-body-lg-line-height)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size);font-weight:var(--wcss-body-lg-emphasized-weight);line-height:var(--wcss-body-lg-emphasized-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);font-weight:var(--wcss-body-sm-weight);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size);font-weight:var(--wcss-body-sm-emphasized-weight);line-height:var(--wcss-body-sm-emphasized-line-height)}.body-xs{font-size:var(--wcss-body-xs-font-size);font-weight:var(--wcss-body-xs-weight);line-height:var(--wcss-body-xs-line-height)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size);font-weight:var(--wcss-body-xs-emphasized-weight);line-height:var(--wcss-body-xs-emphasized-line-height)}.body-2xs{font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-2xs-weight);line-height:var(--wcss-body-2xs-line-height)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size);font-weight:var(--wcss-body-2xs-emphasized-weight);line-height:var(--wcss-body-2xs-emphasized-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);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);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);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);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);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);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);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 00000000..3b23e4cd --- /dev/null +++ b/dist/bundled/type/classes.alaska.css @@ -0,0 +1,249 @@ +@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-default-weight, ); + 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-default-emphasized { + 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-default-emphasized-weight, ); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-default-emphasized-font-size, 1rem); + line-height: var(--wcss-body-default-emphasized-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-lg-weight, ); + 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-lg-emphasized { + 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-lg-emphasized-weight, ); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-lg-emphasized-font-size, 1.125rem); + line-height: var(--wcss-body-lg-emphasized-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-sm-weight, ); + 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-sm-emphasized { + 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-sm-emphasized-weight, ); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-sm-emphasized-font-size, 0.875rem); + line-height: var(--wcss-body-sm-emphasized-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-xs-weight, ); + 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-xs-emphasized { + 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-xs-emphasized-weight, ); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-xs-emphasized-font-size, 0.75rem); + line-height: var(--wcss-body-xs-emphasized-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-2xs-weight, ); + 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); +} + +.body-2xs-emphasized { + 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-2xs-emphasized-weight, ); + letter-spacing: var(--wcss-body-letter-spacing, 0); + font-size: var(--wcss-body-2xs-emphasized-font-size, 0.625rem); + line-height: var(--wcss-body-2xs-emphasized-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); + 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)); + letter-spacing: var(--wcss-display-2xl-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-display-xl-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-display-lg-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-display-md-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-display-sm-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-display-xs-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-heading-xl-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-heading-lg-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-heading-md-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-heading-sm-letter-spacing, 0); +} + +.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-weight: var(--wcss-heading-xs-weight, 300); + 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)); + letter-spacing: var(--wcss-heading-xs-letter-spacing, 0); +} + +.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-weight: var(--wcss-heading-2xs-weight, 300); + 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)); + letter-spacing: var(--wcss-heading-2xs-letter-spacing, 0); +} + +.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-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)); + letter-spacing: var(--wcss-accent-2xl-letter-spacing, 0.05em); + 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-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)); + letter-spacing: var(--wcss-accent-xl-letter-spacing, 0.05em); + 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); + 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)); + letter-spacing: var(--wcss-accent-lg-letter-spacing, 0.05em); + 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-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)); + letter-spacing: var(--wcss-accent-md-letter-spacing, 0.05em); + 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); + 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)); + letter-spacing: var(--wcss-accent-sm-letter-spacing, 0.05em); + 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-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)); + letter-spacing: var(--wcss-accent-xs-letter-spacing, 0.1em); + 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); + 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)); + letter-spacing: var(--wcss-accent-2xs-letter-spacing, 0.1em); + 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 00000000..98559fad --- /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);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height,1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family,"AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing,0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size,1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height,1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size,1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height,1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family,"AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing,0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size,1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height,1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size,.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height,1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family,"AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing,0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size,.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height,1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size,.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height,1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family,"AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing,0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size,.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height,1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size,.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height,.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family,"AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing,0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size,.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-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,300);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,300);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 00000000..754f45f3 --- /dev/null +++ b/dist/bundled/type/classes.css @@ -0,0 +1,249 @@ +@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-default-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-default-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-default-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-default-emphasized-font-size); + line-height: var(--wcss-body-default-emphasized-line-height); +} + +.body-lg { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-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-lg-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-lg-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-lg-emphasized-font-size); + line-height: var(--wcss-body-lg-emphasized-line-height); +} + +.body-sm { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-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-sm-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-sm-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-sm-emphasized-font-size); + line-height: var(--wcss-body-sm-emphasized-line-height); +} + +.body-xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-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-xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-xs-emphasized-font-size); + line-height: var(--wcss-body-xs-emphasized-line-height); +} + +.body-2xs { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-font-size); + line-height: var(--wcss-body-2xs-line-height); +} + +.body-2xs-emphasized { + font-family:var(--wcss-body-family), var(--wcss-body-family-fallback); + font-weight: var(--wcss-body-2xs-emphasized-weight); + letter-spacing: var(--wcss-body-letter-spacing); + font-size: var(--wcss-body-2xs-emphasized-font-size); + line-height: var(--wcss-body-2xs-emphasized-line-height); +} + +.display-2xl { + font-family:var(--wcss-display-2xl-family), var(--wcss-display-2xl-family-fallback); + font-weight: var(--wcss-display-2xl-weight); + line-height: var(--wcss-display-2xl-line-height); + font-size: var(--wcss-display-2xl-font-size); + letter-spacing: var(--wcss-display-2xl-letter-spacing); +} + +.display-xl { + font-family:var(--wcss-display-xl-family), var(--wcss-display-xl-family-fallback); + font-weight: var(--wcss-display-xl-weight); + line-height: var(--wcss-display-xl-line-height); + font-size: var(--wcss-display-xl-font-size); + letter-spacing: var(--wcss-display-xl-letter-spacing); +} + +.display-lg { + font-family:var(--wcss-display-lg-family), var(--wcss-display-lg-family-fallback); + font-weight: var(--wcss-display-lg-weight); + line-height: var(--wcss-display-lg-line-height); + font-size: var(--wcss-display-lg-font-size); + letter-spacing: var(--wcss-display-lg-letter-spacing); +} + +.display-md { + font-family:var(--wcss-display-md-family), var(--wcss-display-md-family-fallback); + font-weight: var(--wcss-display-md-weight); + line-height: var(--wcss-display-md-line-height); + font-size: var(--wcss-display-md-font-size); + letter-spacing: var(--wcss-display-md-letter-spacing); +} + +.display-sm { + font-family:var(--wcss-display-sm-family), var(--wcss-display-sm-family-fallback); + font-weight: var(--wcss-display-sm-weight); + line-height: var(--wcss-display-sm-line-height); + font-size: var(--wcss-display-sm-font-size); + letter-spacing: var(--wcss-display-sm-letter-spacing); +} + +.display-xs { + font-family:var(--wcss-display-xs-family), var(--wcss-display-xs-family-fallback); + font-weight: var(--wcss-display-xs-weight); + line-height: var(--wcss-display-xs-line-height); + font-size: var(--wcss-display-xs-font-size); + letter-spacing: var(--wcss-display-xs-letter-spacing); +} + +.heading-xl { + font-family:var(--wcss-heading-xl-family), var(--wcss-heading-xl-family-fallback); + font-weight: var(--wcss-heading-xl-weight); + line-height: var(--wcss-heading-xl-line-height); + font-size: var(--wcss-heading-xl-font-size); + letter-spacing: var(--wcss-heading-xl-letter-spacing); +} + +.heading-lg { + font-family:var(--wcss-heading-lg-family), var(--wcss-heading-lg-family-fallback); + font-weight: var(--wcss-heading-lg-weight); + line-height: var(--wcss-heading-lg-line-height); + font-size: var(--wcss-heading-lg-font-size); + letter-spacing: var(--wcss-heading-lg-letter-spacing); +} + +.heading-md { + font-family:var(--wcss-heading-md-family), var(--wcss-heading-md-family-fallback); + font-weight: var(--wcss-heading-md-weight); + line-height: var(--wcss-heading-md-line-height); + font-size: var(--wcss-heading-md-font-size); + letter-spacing: var(--wcss-heading-md-letter-spacing); +} + +.heading-sm { + font-family:var(--wcss-heading-sm-family), var(--wcss-heading-sm-family-fallback); + font-weight: var(--wcss-heading-sm-weight); + line-height: var(--wcss-heading-sm-line-height); + font-size: var(--wcss-heading-sm-font-size); + letter-spacing: var(--wcss-heading-sm-letter-spacing); +} + +.heading-xs { + font-family:var(--wcss-heading-xs-family), var(--wcss-heading-xs-family-fallback); + font-weight: var(--wcss-heading-xs-weight); + line-height: var(--wcss-heading-xs-line-height); + font-size: var(--wcss-heading-xs-font-size); + letter-spacing: var(--wcss-heading-xs-letter-spacing); +} + +.heading-2xs { + font-family:var(--wcss-heading-2xs-family), var(--wcss-heading-2xs-family-fallback); + font-weight: var(--wcss-heading-2xs-weight); + line-height: var(--wcss-heading-2xs-line-height); + font-size: var(--wcss-heading-2xs-font-size); + letter-spacing: var(--wcss-heading-2xs-letter-spacing); +} + +.accent-2xl { + font-family:var(--wcss-accent-2xl-family), var(--wcss-accent-2xl-family-fallback); + font-weight: var(--wcss-accent-2xl-weight); + line-height: var(--wcss-accent-2xl-line-height); + font-size: var(--wcss-accent-2xl-font-size); + letter-spacing: var(--wcss-accent-2xl-letter-spacing); + text-transform: uppercase; +} + +.accent-xl { + font-family:var(--wcss-accent-xl-family), var(--wcss-accent-xl-family-fallback); + font-weight: var(--wcss-accent-xl-weight); + line-height: var(--wcss-accent-xl-line-height); + font-size: var(--wcss-accent-xl-font-size); + letter-spacing: var(--wcss-accent-xl-letter-spacing); + text-transform: uppercase; +} + +.accent-lg { + font-family:var(--wcss-accent-lg-family), var(--wcss-accent-lg-family-fallback); + font-weight: var(--wcss-accent-lg-weight); + line-height: var(--wcss-accent-lg-line-height); + font-size: var(--wcss-accent-lg-font-size); + letter-spacing: var(--wcss-accent-lg-letter-spacing); + text-transform: uppercase; +} + +.accent-md { + font-family:var(--wcss-accent-md-family), var(--wcss-accent-md-family-fallback); + font-weight: var(--wcss-accent-md-weight); + line-height: var(--wcss-accent-md-line-height); + font-size: var(--wcss-accent-md-font-size); + letter-spacing: var(--wcss-accent-md-letter-spacing); + text-transform: uppercase; +} + +.accent-sm { + font-family:var(--wcss-accent-sm-family), var(--wcss-accent-sm-family-fallback); + font-weight: var(--wcss-accent-sm-weight); + line-height: var(--wcss-accent-sm-line-height); + font-size: var(--wcss-accent-sm-font-size); + letter-spacing: var(--wcss-accent-sm-letter-spacing); + text-transform: uppercase; +} + +.accent-xs { + font-family:var(--wcss-accent-xs-family), var(--wcss-accent-xs-family-fallback); + font-weight: var(--wcss-accent-xs-weight); + line-height: var(--wcss-accent-xs-line-height); + font-size: var(--wcss-accent-xs-font-size); + letter-spacing: var(--wcss-accent-xs-letter-spacing); + text-transform: uppercase; +} + +.accent-2xs { + font-family:var(--wcss-accent-2xs-family), var(--wcss-accent-2xs-family-fallback); + font-weight: var(--wcss-accent-2xs-weight); + line-height: var(--wcss-accent-2xs-line-height); + font-size: var(--wcss-accent-2xs-font-size); + letter-spacing: var(--wcss-accent-2xs-letter-spacing); + 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 00000000..89ce3034 --- /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);font-weight:var(--wcss-body-default-weight);line-height:var(--wcss-body-default-line-height)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size);font-weight:var(--wcss-body-default-emphasized-weight);line-height:var(--wcss-body-default-emphasized-line-height)}.body-lg{font-size:var(--wcss-body-lg-font-size);font-weight:var(--wcss-body-lg-weight);line-height:var(--wcss-body-lg-line-height)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size);font-weight:var(--wcss-body-lg-emphasized-weight);line-height:var(--wcss-body-lg-emphasized-line-height)}.body-sm{font-size:var(--wcss-body-sm-font-size);font-weight:var(--wcss-body-sm-weight);line-height:var(--wcss-body-sm-line-height)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size);font-weight:var(--wcss-body-sm-emphasized-weight);line-height:var(--wcss-body-sm-emphasized-line-height)}.body-xs{font-size:var(--wcss-body-xs-font-size);font-weight:var(--wcss-body-xs-weight);line-height:var(--wcss-body-xs-line-height)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size);font-weight:var(--wcss-body-xs-emphasized-weight);line-height:var(--wcss-body-xs-emphasized-line-height)}.body-2xs{font-size:var(--wcss-body-2xs-font-size);font-weight:var(--wcss-body-2xs-weight);line-height:var(--wcss-body-2xs-line-height)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family),var(--wcss-body-family-fallback);letter-spacing:var(--wcss-body-letter-spacing)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size);font-weight:var(--wcss-body-2xs-emphasized-weight);line-height:var(--wcss-body-2xs-emphasized-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 00000000..30978d91 --- /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 00000000..a606a403 --- /dev/null +++ b/dist/elementDemoStyles.css @@ -0,0 +1,997 @@ +/* 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; + grid-template-areas: "breadcrumbs" "anchornav" "main"; + gap: 2rem; +} +@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; + grid-template-areas: "breadcrumbs" "sidenav" "main"; + gap: 2rem; +} +@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; + grid-template-areas: "breadcrumbs" "sidenav" "anchornav" "main"; + gap: 2rem; +} +@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 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 table tr:nth-child(even) { + background-color: var(--ds-color-container-secondary-default, #f7f7f7); +} +.auro_table th, .auro-markdown table th { + text-align: left; + font-weight: var(--ds-text-heading-default-weight, 500); +} +@media screen and (min-width: 576px) { + .auro_table, .auro-markdown table { + display: table; + width: 100%; + } +} +.auro_table thead, .auro-markdown table thead { + border-collapse: collapse; + border-bottom: 1px solid var(--ds-color-border-tertiary-default, #dddddd); +} +.auro_table th, .auro-markdown table th, +.auro_table td, +.auro-markdown 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 { + text-decoration: underline; +} + +.hyperlink { + transition: all 0.15s ease; + text-decoration: underline; + color: var(--ds-advanced-color-hyperlink-text); + border-radius: 3px; + outline-offset: unset; + outline-style: solid; + outline-width: 1px; + outline-color: transparent; +} +.hyperlink:visited { + color: var(--ds-advanced-color-hyperlink-text, #2c67b5); +} +.hyperlink:focus-visible { + outline-color: var(--ds-advanced-color-state-focused, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +@media (hover: hover) { + .hyperlink:hover { + text-decoration: none; + color: var(--ds-advanced-color-hyperlink-text-hover); + } +} +.hyperlink:focus-visible { + outline-color: var(--ds-color-border-ui-focus-default, #2c67b5); + outline-offset: var(--ds-size-25, 0.125rem); +} +.hyperlink--nav { + display: block; + text-decoration: none; +} +@media (hover: hover) { + .hyperlink--nav:hover { + text-decoration: underline; + } +} +.hyperlink--nav:focus-visible { + outline-width: var(--ds-size-50, 0.25rem); + outline-offset: unset; +} +.hyperlink--ondark { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} +@media (hover: hover) { + .hyperlink--ondark:hover { + color: var(--ds-advanced-color-hyperlink-text-inverse-hover); + } +} +.hyperlink--ondark:visited { + color: var(--ds-advanced-color-hyperlink-text-inverse); +} + +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); +} + +/* stylelint-disable selector-type-no-unknown */ +.auro-markdown p:last-child { + margin-bottom: 0; +} +.hljs { + background-color: unset !important; + padding: unset !important; +} + +pre { + background: var(--ds-color-brand-gray-100, #f7f7f7) !important; + border: unset !important; + padding: var(--ds-size-200) !important; + margin-bottom: var(--ds-size-300, 1.5rem) !important; + border-style: solid !important; + border-width: 1px !important; + border-color: var(--ds-color-border-secondary-default) !important; + border-radius: 0.5rem; + margin-top: var(--ds-size-200) !important; + box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1) !important; + overflow-x: scroll !important; +} +pre code { + font-size: 0.85rem !important; + font-family: monospace; + text-shadow: none; +} + +.pre-wrapper:last-of-type pre { + margin-bottom: 0 !important; +} + +code:not(.html):not(.css):not(.js):not([class*=language-]) { + color: var(--ds-color-brand-flamingo-500, #b82b47); + margin-bottom: 0 !important; +} + +.token.operator { + background-color: unset !important; +} + +auro-accordion:not(.section) { + margin-top: 1rem !important; + display: block; +} + +auro-accordion:not(.section):nth-child(2) { + margin-block-start: 0; +} + +auro-accordion[class~=section]::part(accordion) { + padding-right: 2px; + display: block; +} + +.accordion-content { + padding-top: 1rem; +} + +.token.operator { + background-color: unset !important; +} + +auro-accordion:not(auro-accordion-group *) { + margin-top: 1rem !important; + display: block; +} + +.pre-wrapper { + position: relative; +} + +.copy-btn { + position: absolute; + top: 6px; + right: 6px; + opacity: 0; + transition: opacity 0.15s ease; + background: var(--ds-color-container-primary-default, #fff); + border: 1px solid var(--ds-color-border-secondary-default, #ccc); + border-radius: 4px; + padding: 4px 8px; + cursor: pointer; + font-size: 12px; + line-height: 1; + color: var(--ds-color-text-secondary-default, #333); + z-index: 1; +} +.copy-btn:hover { + background: var(--ds-color-container-secondary-default, #f0f0f0); +} + +.pre-wrapper:hover .copy-btn { + opacity: 1; +} + +.exampleWrapper { + background-color: var(--ds-basic-color-surface-default); + padding: 1rem; + border-radius: 0.5rem; + margin-top: 1rem; +} + +.exampleWrapper--ondark { + background-color: var(--ds-basic-color-surface-inverse); + padding: 1rem; + border-radius: 0.5rem; + margin-top: 1rem; +} + +table { + --ds-color-container-secondary-default: transparent; +} +table.compressed { + width: unset !important; + margin: var(--ds-size-50) 0 var(--ds-size-100) !important; +} +table.compressed th, +table.compressed td { + padding: var(--ds-size-50) !important; +} + +tr:not(:last-of-type) { + border-bottom: 1px solid var(--ds-color-border-tertiary-default); +} + +body { + padding: 0; + display: flex; + flex-direction: column; +} + +main { + display: flex; + flex-direction: column; + min-height: 0; + flex: 1; +} + +.contentWrapper { + display: flex; + flex-direction: row-reverse; + gap: 25px; + align-items: flex-start; +} +.contentWrapper > nav { + width: 200px; + flex-shrink: 0; + position: sticky; + top: 0; + height: 100vh; + overflow-y: auto; +} +.contentWrapper > nav auro-nav { + display: block; +} + +.mainContent { + flex: 1; + display: flex; + flex-direction: column; + flex-basis: 0; + box-sizing: border-box; + min-width: 0; +} + +.scrollWrapper { + flex: 1; + min-height: 0; +} + +auro-nav { + max-width: 200px; + position: sticky; + top: 2rem; + align-self: flex-start; + max-height: calc(100vh - 4rem); + overflow-y: auto; +} + +auro-anchorlink[class~=level2] { + padding-left: var(--ds-size-200); +} + +p:first-of-type { + margin-top: 0; +} + +.note, +.warning { + margin: 10px 0; + padding: 10px; + border-radius: 6px; + font-style: italic; +} + +.note { + background-color: var(--ds-basic-color-surface-neutral-subtle); + color: var(--ds-basic-color-texticon-muted); +} + +.warning { + background-color: var(--ds-basic-color-status-error-subtle); + color: var(--ds-basic-color-status-error); +} + +auro-header { + margin-top: 1rem; +} diff --git a/docs/index.html b/docs/index.html index 5bfa514e..ef804fcc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,5 +1,5 @@ -@aurodesignsystem/webcorestylesheets - v11.1.2