@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.6 → 0.0.0-pr1628.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/getting-started.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +2 -2
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +23 -22
- package/components/form/demo/getting-started.min.js +23 -22
- package/components/form/demo/index.min.js +23 -22
- package/components/form/demo/registerDemoDeps.min.js +23 -22
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/accessibility.md +1 -1
- package/components/radio/demo/api.md +6 -6
- package/components/radio/demo/customize.md +1 -1
- package/components/radio/demo/customize.min.js +7 -7
- package/components/radio/demo/design.md +1 -1
- package/components/radio/demo/getting-started.md +4 -4
- package/components/radio/demo/getting-started.min.js +7 -7
- package/components/radio/demo/index.md +1 -1
- package/components/radio/demo/index.min.js +7 -7
- package/components/radio/demo/keyboard-behavior.md +1 -1
- package/components/radio/demo/voiceover.md +1 -1
- package/components/radio/dist/auro-radio-group.d.ts +3 -3
- package/components/radio/dist/auro-radio.d.ts +3 -3
- package/components/radio/dist/index.js +7 -7
- package/components/radio/dist/registered.js +7 -7
- package/components/select/demo/api.md +1 -1
- package/components/select/demo/customize.min.js +6 -5
- package/components/select/demo/getting-started.min.js +6 -5
- package/components/select/demo/index.min.js +6 -5
- package/components/select/dist/auro-select.d.ts +4 -3
- package/components/select/dist/index.js +6 -5
- package/components/select/dist/registered.js +6 -5
- package/custom-elements.json +12 -12
- package/package.json +1 -1
|
@@ -12716,7 +12716,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
|
|
|
12716
12716
|
}
|
|
12717
12717
|
};
|
|
12718
12718
|
|
|
12719
|
-
var formkitVersion$8 = '
|
|
12719
|
+
var formkitVersion$8 = '202611082102';
|
|
12720
12720
|
|
|
12721
12721
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12722
12722
|
// See LICENSE in the project root for license information.
|
|
@@ -27402,7 +27402,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
|
|
|
27402
27402
|
}
|
|
27403
27403
|
};
|
|
27404
27404
|
|
|
27405
|
-
var formkitVersion$2$1 = '
|
|
27405
|
+
var formkitVersion$2$1 = '202611082102';
|
|
27406
27406
|
|
|
27407
27407
|
let l$1$2 = class l{generateElementName(e,t){let s=e;return s+="-",s+=t.replace(/[.]/g,"_"),s}generateTag(s,o,a){const r=this.generateElementName(s,o),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let h$1$2 = class h{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`),o=(s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim();return o||null}};let d$1$2 = class d{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,s=(t,o=t&&t.closest(e))=>t&&t!==document&&t!==window?o||s(t.getRootNode().host):null){return s(t)}handleComponentTagRename(e,t){const s=t.toLowerCase();e.tagName.toLowerCase()!==s&&e.setAttribute(s,true);}elementMatch(e,t){const s=t.toLowerCase();return e.tagName.toLowerCase()===s||e.hasAttribute(s)}getSlotText(e,t){const s=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (s?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>.loader-shape>span{border-color:var(--ds-auro-loader-border-color);background-color:var(--ds-auro-loader-background-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>.loader-shape>span{--ds-auro-loader-background-color: transparent}:host([orbit])>.loader-shape>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>.loader-shape>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
27408
27408
|
`,u$4$2=i$4`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );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-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );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-size:var(--wcss-body-sm-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-sm-emphasized-font-size, .875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );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-size:var(--wcss-body-xs-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-xs-emphasized-font-size, .75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );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-size:var(--wcss-body-2xs-font-size, .625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, .875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-2xs-emphasized-font-size, .625rem);font-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host{position:relative;display:inline-flex;flex-direction:column;align-items:center}:host([message-position=top]){flex-direction:column-reverse}:host([message-position=left]){flex-direction:row-reverse}:host([message-position=right]){flex-direction:row}:host([has-message]){gap:var(--ds-auro-loader-message-spacing)}.loader-shape{position:relative;display:inline-block;width:2rem;height:2rem;flex-shrink:0;font-size:0}.loader-shape>span{position:absolute;top:0;left:0;display:inline-block;width:2rem;height:2rem;box-sizing:border-box;border-width:0;border-style:solid;border-radius:100%;float:none}:host([xs])>.loader-shape{width:1.2rem;height:1.2rem}:host([xs])>.loader-shape>span{width:1.2rem;height:1.2rem}:host([sm])>.loader-shape{width:3rem;height:3rem}:host([sm])>.loader-shape>span{width:3rem;height:3rem}:host([md])>.loader-shape{width:5rem;height:5rem}:host([md])>.loader-shape>span{width:5rem;height:5rem}:host([lg])>.loader-shape{width:8rem;height:8rem}:host([lg])>.loader-shape>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]){position:relative}:host([pulse])>.loader-shape{position:relative;width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>.loader-shape>span{position:relative;width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse])>.loader-shape>span:nth-child(1){animation-delay:-.4s}:host([pulse])>.loader-shape>span:nth-child(2){animation-delay:-.2s}:host([pulse])>.loader-shape>span:nth-child(3){animation-delay:0ms}:host([pulse][xs])>.loader-shape{width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>.loader-shape>span{width:.65rem;height:.65rem;margin:var(--margin-xs)}:host([pulse][sm])>.loader-shape{width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>.loader-shape>span{width:2rem;height:2rem;margin:var(--margin-sm)}:host([pulse][md])>.loader-shape{width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>.loader-shape>span{width:3rem;height:3rem;margin:var(--margin-md)}:host([pulse][lg])>.loader-shape{width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>.loader-shape>span{width:5rem;height:5rem;margin:var(--margin-lg)}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]){opacity:1}:host([orbit])>.loader-shape>span{border-width:5px;opacity:1}:host([orbit])>.loader-shape>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>.loader-shape>span{border-width:8px}:host([orbit][md])>.loader-shape>span{border-width:13px}:host([orbit][lg])>.loader-shape>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>.loader-shape>svg{width:100%;height:100%;animation:rotate 2s linear infinite;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{animation:ringworm 1.5s ease-in-out infinite;stroke-dashoffset:0;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;display:block;overflow:hidden;width:100%;height:0;font-size:unset}:host([laser])>.no-animation,:host([laser])>.message-region{display:none}:host([laser])>.loader-shape>span{position:fixed;z-index:100;width:100%;height:.25rem;border-radius:0}:host([laser])>.loader-shape>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>.loader-shape>span:nth-child(2){width:50%;border-color:currentcolor;animation:laser 2s linear infinite;opacity:1}:host([laser][sm])>.loader-shape>span:nth-child(2){width:20%}:host([laser][md])>.loader-shape>span:nth-child(2){width:30%}:host([laser][lg])>.loader-shape>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>.loader-shape>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}.message-region{min-width:0;color:var(--ds-auro-loader-message-color)}.message-list{padding:0;margin:0}slot[name=message]::slotted([hidden]){display:none!important}:host>.no-animation{display:none;min-width:0}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>.loader-shape{display:none}:host>.loader-shape>span{opacity:1}:host>.no-animation{display:block}:host([has-default-content])>.message-region{display:none}:host([has-message]:not([has-default-content]))>.no-animation{display:none}}
|
|
@@ -33526,7 +33526,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
|
|
|
33526
33526
|
}
|
|
33527
33527
|
};
|
|
33528
33528
|
|
|
33529
|
-
var formkitVersion$1$3 = '
|
|
33529
|
+
var formkitVersion$1$3 = '202611082102';
|
|
33530
33530
|
|
|
33531
33531
|
/**
|
|
33532
33532
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -47714,7 +47714,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
|
|
|
47714
47714
|
}
|
|
47715
47715
|
};
|
|
47716
47716
|
|
|
47717
|
-
var formkitVersion$7 = '
|
|
47717
|
+
var formkitVersion$7 = '202611082102';
|
|
47718
47718
|
|
|
47719
47719
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47720
47720
|
// See LICENSE in the project root for license information.
|
|
@@ -53028,7 +53028,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
|
|
|
53028
53028
|
}
|
|
53029
53029
|
};
|
|
53030
53030
|
|
|
53031
|
-
var formkitVersion$1$2 = '
|
|
53031
|
+
var formkitVersion$1$2 = '202611082102';
|
|
53032
53032
|
|
|
53033
53033
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
53034
53034
|
// See LICENSE in the project root for license information.
|
|
@@ -57625,7 +57625,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
|
|
|
57625
57625
|
}
|
|
57626
57626
|
};
|
|
57627
57627
|
|
|
57628
|
-
var formkitVersion$6 = '
|
|
57628
|
+
var formkitVersion$6 = '202611082102';
|
|
57629
57629
|
|
|
57630
57630
|
/**
|
|
57631
57631
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -61403,7 +61403,7 @@ class AuroRadio extends i$2 {
|
|
|
61403
61403
|
},
|
|
61404
61404
|
|
|
61405
61405
|
/**
|
|
61406
|
-
* ID
|
|
61406
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
61407
61407
|
* @private
|
|
61408
61408
|
*/
|
|
61409
61409
|
inputId: {
|
|
@@ -61449,7 +61449,7 @@ class AuroRadio extends i$2 {
|
|
|
61449
61449
|
},
|
|
61450
61450
|
|
|
61451
61451
|
/**
|
|
61452
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
61452
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
61453
61453
|
* @private
|
|
61454
61454
|
*/
|
|
61455
61455
|
role: {
|
|
@@ -61458,7 +61458,7 @@ class AuroRadio extends i$2 {
|
|
|
61458
61458
|
},
|
|
61459
61459
|
|
|
61460
61460
|
/**
|
|
61461
|
-
*
|
|
61461
|
+
* Records whether someone has interacted with the radio button.
|
|
61462
61462
|
* @private
|
|
61463
61463
|
*/
|
|
61464
61464
|
touched: {
|
|
@@ -62455,7 +62455,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
|
|
|
62455
62455
|
}
|
|
62456
62456
|
};
|
|
62457
62457
|
|
|
62458
|
-
var formkitVersion$5 = '
|
|
62458
|
+
var formkitVersion$5 = '202611082102';
|
|
62459
62459
|
|
|
62460
62460
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
62461
62461
|
// See LICENSE in the project root for license information.
|
|
@@ -62490,7 +62490,7 @@ var formkitVersion$5 = '202611082047';
|
|
|
62490
62490
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
62491
62491
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
62492
62492
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
62493
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
62493
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
62494
62494
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
62495
62495
|
* @slot default - The `auro-radio` elements in the group.
|
|
62496
62496
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -62600,7 +62600,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
62600
62600
|
},
|
|
62601
62601
|
|
|
62602
62602
|
/**
|
|
62603
|
-
*
|
|
62603
|
+
* Records whether the `legend` slot has content.
|
|
62604
62604
|
* @private
|
|
62605
62605
|
*/
|
|
62606
62606
|
hasLegend: {
|
|
@@ -62694,7 +62694,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
62694
62694
|
},
|
|
62695
62695
|
|
|
62696
62696
|
/**
|
|
62697
|
-
*
|
|
62697
|
+
* Records whether someone has interacted with the group.
|
|
62698
62698
|
* @private
|
|
62699
62699
|
*/
|
|
62700
62700
|
touched: {
|
|
@@ -64442,7 +64442,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
|
|
|
64442
64442
|
}
|
|
64443
64443
|
};
|
|
64444
64444
|
|
|
64445
|
-
var formkitVersion$4 = '
|
|
64445
|
+
var formkitVersion$4 = '202611082102';
|
|
64446
64446
|
|
|
64447
64447
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
64448
64448
|
// See LICENSE in the project root for license information.
|
|
@@ -70192,7 +70192,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
|
|
|
70192
70192
|
}
|
|
70193
70193
|
};
|
|
70194
70194
|
|
|
70195
|
-
var formkitVersion$2 = '
|
|
70195
|
+
var formkitVersion$2 = '202611082102';
|
|
70196
70196
|
|
|
70197
70197
|
/**
|
|
70198
70198
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -84380,7 +84380,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
|
|
|
84380
84380
|
}
|
|
84381
84381
|
};
|
|
84382
84382
|
|
|
84383
|
-
var formkitVersion$1$1 = '
|
|
84383
|
+
var formkitVersion$1$1 = '202611082102';
|
|
84384
84384
|
|
|
84385
84385
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
84386
84386
|
// See LICENSE in the project root for license information.
|
|
@@ -85666,7 +85666,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
|
|
|
85666
85666
|
}
|
|
85667
85667
|
};
|
|
85668
85668
|
|
|
85669
|
-
var formkitVersion$3 = '
|
|
85669
|
+
var formkitVersion$3 = '202611082102';
|
|
85670
85670
|
|
|
85671
85671
|
var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
85672
85672
|
|
|
@@ -95819,7 +95819,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
95819
95819
|
}
|
|
95820
95820
|
};
|
|
95821
95821
|
|
|
95822
|
-
var formkitVersion$1 = '
|
|
95822
|
+
var formkitVersion$1 = '202611082102';
|
|
95823
95823
|
|
|
95824
95824
|
/**
|
|
95825
95825
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -98159,7 +98159,7 @@ class AuroHelpText extends i$2 {
|
|
|
98159
98159
|
}
|
|
98160
98160
|
}
|
|
98161
98161
|
|
|
98162
|
-
var formkitVersion = '
|
|
98162
|
+
var formkitVersion = '202611082102';
|
|
98163
98163
|
|
|
98164
98164
|
var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );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-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );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-size:var(--wcss-body-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );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-size:var(--wcss-body-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );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-size:var(--wcss-body-2xs-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.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-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );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-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;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-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.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-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.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(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
98165
98165
|
|
|
@@ -98337,6 +98337,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
98337
98337
|
|
|
98338
98338
|
/**
|
|
98339
98339
|
* Deprecated: Use `placement` instead.
|
|
98340
|
+
* Moves the bib to whichever side of the trigger has the most space.
|
|
98340
98341
|
* The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
|
|
98341
98342
|
* @deprecated Use `placement` instead.
|
|
98342
98343
|
* @category ui
|
|
@@ -98666,7 +98667,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
98666
98667
|
},
|
|
98667
98668
|
|
|
98668
98669
|
/**
|
|
98669
|
-
*
|
|
98670
|
+
* Records whether focus has moved into the select since it was created or last reset.
|
|
98670
98671
|
* @private
|
|
98671
98672
|
*/
|
|
98672
98673
|
touched: {
|
|
@@ -98954,7 +98955,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
98954
98955
|
}
|
|
98955
98956
|
|
|
98956
98957
|
/**
|
|
98957
|
-
* Updates the
|
|
98958
|
+
* Updates the value and `displayValue` content shown in the trigger to match `optionSelected`.
|
|
98958
98959
|
* @private
|
|
98959
98960
|
* @returns {void}
|
|
98960
98961
|
*/
|
|
@@ -99039,7 +99040,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
99039
99040
|
}
|
|
99040
99041
|
|
|
99041
99042
|
/**
|
|
99042
|
-
* Sets aria-setsize and aria-posinset on each menu option so screen readers
|
|
99043
|
+
* Sets `aria-setsize` and `aria-posinset` on each menu option so screen readers
|
|
99043
99044
|
* can announce position even when the listbox context is broken by
|
|
99044
99045
|
* shadow DOM boundaries.
|
|
99045
99046
|
* @private
|
|
@@ -12622,7 +12622,7 @@ class AuroHelpText extends i$3 {
|
|
|
12622
12622
|
}
|
|
12623
12623
|
}
|
|
12624
12624
|
|
|
12625
|
-
var formkitVersion = '
|
|
12625
|
+
var formkitVersion = '202611082102';
|
|
12626
12626
|
|
|
12627
12627
|
/**
|
|
12628
12628
|
* @license
|
|
@@ -12622,7 +12622,7 @@ class AuroHelpText extends i$3 {
|
|
|
12622
12622
|
}
|
|
12623
12623
|
}
|
|
12624
12624
|
|
|
12625
|
-
var formkitVersion = '
|
|
12625
|
+
var formkitVersion = '202611082102';
|
|
12626
12626
|
|
|
12627
12627
|
/**
|
|
12628
12628
|
* @license
|
|
@@ -12622,7 +12622,7 @@ class AuroHelpText extends i$3 {
|
|
|
12622
12622
|
}
|
|
12623
12623
|
}
|
|
12624
12624
|
|
|
12625
|
-
var formkitVersion = '
|
|
12625
|
+
var formkitVersion = '202611082102';
|
|
12626
12626
|
|
|
12627
12627
|
/**
|
|
12628
12628
|
* @license
|
|
@@ -12564,7 +12564,7 @@ class AuroHelpText extends LitElement {
|
|
|
12564
12564
|
}
|
|
12565
12565
|
}
|
|
12566
12566
|
|
|
12567
|
-
var formkitVersion = '
|
|
12567
|
+
var formkitVersion = '202611082102';
|
|
12568
12568
|
|
|
12569
12569
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12570
12570
|
// See LICENSE in the project root for license information.
|
|
@@ -12564,7 +12564,7 @@ class AuroHelpText extends LitElement {
|
|
|
12564
12564
|
}
|
|
12565
12565
|
}
|
|
12566
12566
|
|
|
12567
|
-
var formkitVersion = '
|
|
12567
|
+
var formkitVersion = '202611082102';
|
|
12568
12568
|
|
|
12569
12569
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12570
12570
|
// See LICENSE in the project root for license information.
|
|
@@ -122,12 +122,12 @@ A group of radio buttons with a shared label that lets people choose exactly one
|
|
|
122
122
|
|
|
123
123
|
### Slots
|
|
124
124
|
|
|
125
|
-
| Name | Category | Required | Relevant when | Description
|
|
126
|
-
| ------------- | -------- | -------- | ------------- |
|
|
127
|
-
| helpText | ui | | | Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it.
|
|
128
|
-
| legend | ui | Yes | | Label for the group, such as "Seat preference". Screen readers announce it as the group's name.
|
|
129
|
-
| optionalLabel | ui | | `!required` | Text shown after the legend when the group isn't `required`, such as "
|
|
130
|
-
| default | | | | The `auro-radio` elements in the group.
|
|
125
|
+
| Name | Category | Required | Relevant when | Description |
|
|
126
|
+
| ------------- | -------- | -------- | ------------- | ------------------------------------------------------------------------------------------------------------------------- |
|
|
127
|
+
| helpText | ui | | | Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. |
|
|
128
|
+
| legend | ui | Yes | | Label for the group, such as "Seat preference". Screen readers announce it as the group's name. |
|
|
129
|
+
| optionalLabel | ui | | `!required` | Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". |
|
|
130
|
+
| default | | | | The `auro-radio` elements in the group. |
|
|
131
131
|
|
|
132
132
|
### CSS shadow parts
|
|
133
133
|
|
|
@@ -279,7 +279,7 @@ class AuroRadio extends i$2 {
|
|
|
279
279
|
},
|
|
280
280
|
|
|
281
281
|
/**
|
|
282
|
-
* ID
|
|
282
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
283
283
|
* @private
|
|
284
284
|
*/
|
|
285
285
|
inputId: {
|
|
@@ -325,7 +325,7 @@ class AuroRadio extends i$2 {
|
|
|
325
325
|
},
|
|
326
326
|
|
|
327
327
|
/**
|
|
328
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
328
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
329
329
|
* @private
|
|
330
330
|
*/
|
|
331
331
|
role: {
|
|
@@ -334,7 +334,7 @@ class AuroRadio extends i$2 {
|
|
|
334
334
|
},
|
|
335
335
|
|
|
336
336
|
/**
|
|
337
|
-
*
|
|
337
|
+
* Records whether someone has interacted with the radio button.
|
|
338
338
|
* @private
|
|
339
339
|
*/
|
|
340
340
|
touched: {
|
|
@@ -1338,7 +1338,7 @@ class AuroHelpText extends i$2 {
|
|
|
1338
1338
|
}
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
-
var formkitVersion = '
|
|
1341
|
+
var formkitVersion = '202611082102';
|
|
1342
1342
|
|
|
1343
1343
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1344
1344
|
// See LICENSE in the project root for license information.
|
|
@@ -1373,7 +1373,7 @@ var formkitVersion = '202611082047';
|
|
|
1373
1373
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1374
1374
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1375
1375
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1376
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1376
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1377
1377
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1378
1378
|
* @slot default - The `auro-radio` elements in the group.
|
|
1379
1379
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1483,7 +1483,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1483
1483
|
},
|
|
1484
1484
|
|
|
1485
1485
|
/**
|
|
1486
|
-
*
|
|
1486
|
+
* Records whether the `legend` slot has content.
|
|
1487
1487
|
* @private
|
|
1488
1488
|
*/
|
|
1489
1489
|
hasLegend: {
|
|
@@ -1577,7 +1577,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1577
1577
|
},
|
|
1578
1578
|
|
|
1579
1579
|
/**
|
|
1580
|
-
*
|
|
1580
|
+
* Records whether someone has interacted with the group.
|
|
1581
1581
|
* @private
|
|
1582
1582
|
*/
|
|
1583
1583
|
touched: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<auro-header level="1" id="overview">Radio
|
|
1
|
+
<auro-header level="1" id="overview">Radio: Getting started</auro-header>
|
|
2
2
|
<div class="contentWrapper">
|
|
3
3
|
<nav>
|
|
4
4
|
<auro-nav anchorNavContent=".scrollWrapper">
|
|
@@ -284,13 +284,13 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
|
|
|
284
284
|
<auro-header level="4" id="slot-helpText">helpText</auro-header>
|
|
285
285
|
<p>Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it.</p>
|
|
286
286
|
<auro-header level="4" id="slot-optionalLabel">optionalLabel</auro-header>
|
|
287
|
-
<p>Text shown after the legend when the group isn't <code>required</code>, such as "
|
|
287
|
+
<p>Text shown after the legend when the group isn't <code>required</code>, such as a translated "(optional)". It replaces the default <em>"(optional)"</em> text.</p>
|
|
288
288
|
<div class="exampleWrapper">
|
|
289
289
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/optional-label.html) -->
|
|
290
290
|
<!-- The below content is automatically added from ./../apiExamples/optional-label.html -->
|
|
291
291
|
<auro-radio-group>
|
|
292
292
|
<span slot="legend">Form label goes here</span>
|
|
293
|
-
<span slot="optionalLabel">
|
|
293
|
+
<span slot="optionalLabel"> (not required)</span>
|
|
294
294
|
<auro-radio id="labelRadio1" label="Yes" name="radioDemo" value="yes"></auro-radio>
|
|
295
295
|
<auro-radio id="labelRadio2" label="No" name="radioDemo" value="no"></auro-radio>
|
|
296
296
|
<auro-radio id="labelRadio3" label="Maybe" name="radioDemo" value="maybe"></auro-radio>
|
|
@@ -303,7 +303,7 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
|
|
|
303
303
|
<!-- The below code snippet is automatically added from ./../apiExamples/optional-label.html -->
|
|
304
304
|
<pre class="language-html"><code class="language-html"><auro-radio-group>
|
|
305
305
|
<span slot="legend">Form label goes here</span>
|
|
306
|
-
<span slot="optionalLabel">
|
|
306
|
+
<span slot="optionalLabel"> (not required)</span>
|
|
307
307
|
<auro-radio id="labelRadio1" label="Yes" name="radioDemo" value="yes"></auro-radio>
|
|
308
308
|
<auro-radio id="labelRadio2" label="No" name="radioDemo" value="no"></auro-radio>
|
|
309
309
|
<auro-radio id="labelRadio3" label="Maybe" name="radioDemo" value="maybe"></auro-radio>
|
|
@@ -279,7 +279,7 @@ class AuroRadio extends i$2 {
|
|
|
279
279
|
},
|
|
280
280
|
|
|
281
281
|
/**
|
|
282
|
-
* ID
|
|
282
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
283
283
|
* @private
|
|
284
284
|
*/
|
|
285
285
|
inputId: {
|
|
@@ -325,7 +325,7 @@ class AuroRadio extends i$2 {
|
|
|
325
325
|
},
|
|
326
326
|
|
|
327
327
|
/**
|
|
328
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
328
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
329
329
|
* @private
|
|
330
330
|
*/
|
|
331
331
|
role: {
|
|
@@ -334,7 +334,7 @@ class AuroRadio extends i$2 {
|
|
|
334
334
|
},
|
|
335
335
|
|
|
336
336
|
/**
|
|
337
|
-
*
|
|
337
|
+
* Records whether someone has interacted with the radio button.
|
|
338
338
|
* @private
|
|
339
339
|
*/
|
|
340
340
|
touched: {
|
|
@@ -1338,7 +1338,7 @@ class AuroHelpText extends i$2 {
|
|
|
1338
1338
|
}
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
-
var formkitVersion = '
|
|
1341
|
+
var formkitVersion = '202611082102';
|
|
1342
1342
|
|
|
1343
1343
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1344
1344
|
// See LICENSE in the project root for license information.
|
|
@@ -1373,7 +1373,7 @@ var formkitVersion = '202611082047';
|
|
|
1373
1373
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1374
1374
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1375
1375
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1376
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1376
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1377
1377
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1378
1378
|
* @slot default - The `auro-radio` elements in the group.
|
|
1379
1379
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1483,7 +1483,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1483
1483
|
},
|
|
1484
1484
|
|
|
1485
1485
|
/**
|
|
1486
|
-
*
|
|
1486
|
+
* Records whether the `legend` slot has content.
|
|
1487
1487
|
* @private
|
|
1488
1488
|
*/
|
|
1489
1489
|
hasLegend: {
|
|
@@ -1577,7 +1577,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1577
1577
|
},
|
|
1578
1578
|
|
|
1579
1579
|
/**
|
|
1580
|
-
*
|
|
1580
|
+
* Records whether someone has interacted with the group.
|
|
1581
1581
|
* @private
|
|
1582
1582
|
*/
|
|
1583
1583
|
touched: {
|
|
@@ -279,7 +279,7 @@ class AuroRadio extends i$2 {
|
|
|
279
279
|
},
|
|
280
280
|
|
|
281
281
|
/**
|
|
282
|
-
* ID
|
|
282
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
283
283
|
* @private
|
|
284
284
|
*/
|
|
285
285
|
inputId: {
|
|
@@ -325,7 +325,7 @@ class AuroRadio extends i$2 {
|
|
|
325
325
|
},
|
|
326
326
|
|
|
327
327
|
/**
|
|
328
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
328
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
329
329
|
* @private
|
|
330
330
|
*/
|
|
331
331
|
role: {
|
|
@@ -334,7 +334,7 @@ class AuroRadio extends i$2 {
|
|
|
334
334
|
},
|
|
335
335
|
|
|
336
336
|
/**
|
|
337
|
-
*
|
|
337
|
+
* Records whether someone has interacted with the radio button.
|
|
338
338
|
* @private
|
|
339
339
|
*/
|
|
340
340
|
touched: {
|
|
@@ -1338,7 +1338,7 @@ class AuroHelpText extends i$2 {
|
|
|
1338
1338
|
}
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
-
var formkitVersion = '
|
|
1341
|
+
var formkitVersion = '202611082102';
|
|
1342
1342
|
|
|
1343
1343
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1344
1344
|
// See LICENSE in the project root for license information.
|
|
@@ -1373,7 +1373,7 @@ var formkitVersion = '202611082047';
|
|
|
1373
1373
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1374
1374
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1375
1375
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1376
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1376
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1377
1377
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1378
1378
|
* @slot default - The `auro-radio` elements in the group.
|
|
1379
1379
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1483,7 +1483,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1483
1483
|
},
|
|
1484
1484
|
|
|
1485
1485
|
/**
|
|
1486
|
-
*
|
|
1486
|
+
* Records whether the `legend` slot has content.
|
|
1487
1487
|
* @private
|
|
1488
1488
|
*/
|
|
1489
1489
|
hasLegend: {
|
|
@@ -1577,7 +1577,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1577
1577
|
},
|
|
1578
1578
|
|
|
1579
1579
|
/**
|
|
1580
|
-
*
|
|
1580
|
+
* Records whether someone has interacted with the group.
|
|
1581
1581
|
* @private
|
|
1582
1582
|
*/
|
|
1583
1583
|
touched: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<auro-header level="1" id="overview">Radio
|
|
1
|
+
<auro-header level="1" id="overview">Radio: VoiceOver behavior</auro-header>
|
|
2
2
|
<p>This page documents the VoiceOver experience when using the <code><auro-radio></code> component. It covers announcements and gestures for interacting with radio groups.</p>
|
|
3
3
|
<auro-header level="2" id="voiceOverInteractiveAnnouncements">Interactive announcements</auro-header>
|
|
4
4
|
<auro-header level="3" id="voiceOverFocusAnnouncement">Focus</auro-header>
|