@aurodesignsystem-dev/auro-formkit 0.0.0-pr1581.1 → 0.0.0-pr1582.1
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 +28 -6
- package/components/combobox/demo/getting-started.min.js +28 -6
- package/components/combobox/demo/index.min.js +28 -6
- package/components/combobox/dist/index.js +28 -6
- package/components/combobox/dist/registered.js +28 -6
- package/components/counter/demo/customize.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 +28 -6
- package/components/datepicker/demo/index.min.js +28 -6
- package/components/datepicker/dist/index.js +28 -6
- package/components/datepicker/dist/registered.js +28 -6
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +27 -5
- 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 +88 -22
- package/components/form/demo/getting-started.min.js +88 -22
- package/components/form/demo/index.min.js +88 -22
- package/components/form/demo/registerDemoDeps.min.js +88 -22
- package/components/input/demo/api.md +1 -1
- package/components/input/demo/customize.md +1 -1
- package/components/input/demo/customize.min.js +26 -4
- package/components/input/demo/getting-started.min.js +26 -4
- package/components/input/demo/index.min.js +26 -4
- package/components/input/dist/auro-input.d.ts +8 -0
- package/components/input/dist/base-input.d.ts +2 -0
- package/components/input/dist/index.js +26 -4
- package/components/input/dist/registered.js +26 -4
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +16 -4
- package/package.json +3 -6
- package/ai/README.md +0 -142
- package/ai/_a11y-baseline.md +0 -27
- package/ai/_authored/_defaults.overlay.yaml +0 -81
- package/ai/_authored/auro-checkbox.overlay.yaml +0 -22
- package/ai/_authored/auro-combobox.overlay.yaml +0 -37
- package/ai/_authored/auro-counter.overlay.yaml +0 -23
- package/ai/_authored/auro-datepicker.overlay.yaml +0 -44
- package/ai/_authored/auro-dropdown.overlay.yaml +0 -35
- package/ai/_authored/auro-form.overlay.yaml +0 -12
- package/ai/_authored/auro-input.overlay.yaml +0 -33
- package/ai/_authored/auro-menu.overlay.yaml +0 -21
- package/ai/_authored/auro-radio.overlay.yaml +0 -19
- package/ai/_authored/auro-select.overlay.yaml +0 -37
- package/ai/_prompt-template.md +0 -33
- package/ai/llms.txt +0 -26
- package/ai/specs/auro-checkbox.spec.yaml +0 -181
- package/ai/specs/auro-combobox.spec.yaml +0 -349
- package/ai/specs/auro-counter.spec.yaml +0 -215
- package/ai/specs/auro-datepicker.spec.yaml +0 -395
- package/ai/specs/auro-dropdown.spec.yaml +0 -295
- package/ai/specs/auro-form.spec.yaml +0 -148
- package/ai/specs/auro-input.spec.yaml +0 -392
- package/ai/specs/auro-menu.spec.yaml +0 -213
- package/ai/specs/auro-radio.spec.yaml +0 -184
- package/ai/specs/auro-select.spec.yaml +0 -324
|
@@ -11862,6 +11862,8 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
|
|
|
11862
11862
|
|
|
11863
11863
|
/**
|
|
11864
11864
|
* If set, the label will remain fixed in the active position.
|
|
11865
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
11866
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
11865
11867
|
*/
|
|
11866
11868
|
activeLabel: {
|
|
11867
11869
|
type: Boolean,
|
|
@@ -13388,7 +13390,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
|
|
|
13388
13390
|
}
|
|
13389
13391
|
};
|
|
13390
13392
|
|
|
13391
|
-
var formkitVersion$8 = '
|
|
13393
|
+
var formkitVersion$8 = '202608111811';
|
|
13392
13394
|
|
|
13393
13395
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13394
13396
|
// See LICENSE in the project root for license information.
|
|
@@ -13489,15 +13491,35 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13489
13491
|
* @private
|
|
13490
13492
|
*/
|
|
13491
13493
|
get inputHidden() {
|
|
13494
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
13495
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
13496
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
13497
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
13498
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
13499
|
+
// preserved regardless.
|
|
13500
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
13501
|
+
|
|
13492
13502
|
return (
|
|
13493
13503
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
13494
13504
|
(
|
|
13505
|
+
!activeLabelRaisesInput &&
|
|
13495
13506
|
(!this.value || this.value.length === 0) &&
|
|
13496
13507
|
!this.hasFocus &&
|
|
13497
13508
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
13498
13509
|
);
|
|
13499
13510
|
}
|
|
13500
13511
|
|
|
13512
|
+
/**
|
|
13513
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
13514
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
13515
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
13516
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
13517
|
+
* @private
|
|
13518
|
+
*/
|
|
13519
|
+
get isClassicLayout() {
|
|
13520
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
13521
|
+
}
|
|
13522
|
+
|
|
13501
13523
|
/**
|
|
13502
13524
|
* Determines if the input should display in a state with no focus or value indication.
|
|
13503
13525
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -13543,7 +13565,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13543
13565
|
}
|
|
13544
13566
|
|
|
13545
13567
|
// classic layout (default)
|
|
13546
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
13568
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
13547
13569
|
}
|
|
13548
13570
|
|
|
13549
13571
|
/**
|
|
@@ -13639,7 +13661,8 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13639
13661
|
'wrapper': true,
|
|
13640
13662
|
'simple': this.simple,
|
|
13641
13663
|
'withValue': this.hasValue,
|
|
13642
|
-
'hasFocus': this.hasFocus
|
|
13664
|
+
'hasFocus': this.hasFocus,
|
|
13665
|
+
'activeLabel': this.activeLabel
|
|
13643
13666
|
};
|
|
13644
13667
|
}
|
|
13645
13668
|
|
|
@@ -13850,7 +13873,6 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
|
|
|
13850
13873
|
@input="${this.handleInput}"
|
|
13851
13874
|
.placeholder=${this.placeholderStr}
|
|
13852
13875
|
.role=${this.a11yRole}
|
|
13853
|
-
?activeLabel="${this.activeLabel}"
|
|
13854
13876
|
?disabled="${this.disabled}"
|
|
13855
13877
|
?required="${this.required}"
|
|
13856
13878
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -27820,7 +27842,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
|
|
|
27820
27842
|
}
|
|
27821
27843
|
};
|
|
27822
27844
|
|
|
27823
|
-
var formkitVersion$2$1 = '
|
|
27845
|
+
var formkitVersion$2$1 = '202608111811';
|
|
27824
27846
|
|
|
27825
27847
|
let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$2`${s$3(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$6`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-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])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
|
|
27826
27848
|
`,u$4$2=i$6`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;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;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
|
|
@@ -33551,7 +33573,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
|
|
|
33551
33573
|
}
|
|
33552
33574
|
};
|
|
33553
33575
|
|
|
33554
|
-
var formkitVersion$1$3 = '
|
|
33576
|
+
var formkitVersion$1$3 = '202608111811';
|
|
33555
33577
|
|
|
33556
33578
|
let AuroElement$2$2 = class AuroElement extends i$3 {
|
|
33557
33579
|
static get properties() {
|
|
@@ -45716,6 +45738,8 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
|
|
|
45716
45738
|
|
|
45717
45739
|
/**
|
|
45718
45740
|
* If set, the label will remain fixed in the active position.
|
|
45741
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
45742
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
45719
45743
|
*/
|
|
45720
45744
|
activeLabel: {
|
|
45721
45745
|
type: Boolean,
|
|
@@ -47242,7 +47266,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
|
|
|
47242
47266
|
}
|
|
47243
47267
|
};
|
|
47244
47268
|
|
|
47245
|
-
var formkitVersion$7 = '
|
|
47269
|
+
var formkitVersion$7 = '202608111811';
|
|
47246
47270
|
|
|
47247
47271
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
47248
47272
|
// See LICENSE in the project root for license information.
|
|
@@ -47343,15 +47367,35 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47343
47367
|
* @private
|
|
47344
47368
|
*/
|
|
47345
47369
|
get inputHidden() {
|
|
47370
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
47371
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
47372
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
47373
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
47374
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
47375
|
+
// preserved regardless.
|
|
47376
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
47377
|
+
|
|
47346
47378
|
return (
|
|
47347
47379
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
47348
47380
|
(
|
|
47381
|
+
!activeLabelRaisesInput &&
|
|
47349
47382
|
(!this.value || this.value.length === 0) &&
|
|
47350
47383
|
!this.hasFocus &&
|
|
47351
47384
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
47352
47385
|
);
|
|
47353
47386
|
}
|
|
47354
47387
|
|
|
47388
|
+
/**
|
|
47389
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
47390
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
47391
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
47392
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
47393
|
+
* @private
|
|
47394
|
+
*/
|
|
47395
|
+
get isClassicLayout() {
|
|
47396
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
47397
|
+
}
|
|
47398
|
+
|
|
47355
47399
|
/**
|
|
47356
47400
|
* Determines if the input should display in a state with no focus or value indication.
|
|
47357
47401
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -47397,7 +47441,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47397
47441
|
}
|
|
47398
47442
|
|
|
47399
47443
|
// classic layout (default)
|
|
47400
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
47444
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
47401
47445
|
}
|
|
47402
47446
|
|
|
47403
47447
|
/**
|
|
@@ -47493,7 +47537,8 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47493
47537
|
'wrapper': true,
|
|
47494
47538
|
'simple': this.simple,
|
|
47495
47539
|
'withValue': this.hasValue,
|
|
47496
|
-
'hasFocus': this.hasFocus
|
|
47540
|
+
'hasFocus': this.hasFocus,
|
|
47541
|
+
'activeLabel': this.activeLabel
|
|
47497
47542
|
};
|
|
47498
47543
|
}
|
|
47499
47544
|
|
|
@@ -47704,7 +47749,6 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
|
|
|
47704
47749
|
@input="${this.handleInput}"
|
|
47705
47750
|
.placeholder=${this.placeholderStr}
|
|
47706
47751
|
.role=${this.a11yRole}
|
|
47707
|
-
?activeLabel="${this.activeLabel}"
|
|
47708
47752
|
?disabled="${this.disabled}"
|
|
47709
47753
|
?required="${this.required}"
|
|
47710
47754
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -52224,7 +52268,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
|
|
|
52224
52268
|
}
|
|
52225
52269
|
};
|
|
52226
52270
|
|
|
52227
|
-
var formkitVersion$1$2 = '
|
|
52271
|
+
var formkitVersion$1$2 = '202608111811';
|
|
52228
52272
|
|
|
52229
52273
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
52230
52274
|
// See LICENSE in the project root for license information.
|
|
@@ -56377,7 +56421,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
|
|
|
56377
56421
|
}
|
|
56378
56422
|
};
|
|
56379
56423
|
|
|
56380
|
-
var formkitVersion$6 = '
|
|
56424
|
+
var formkitVersion$6 = '202608111811';
|
|
56381
56425
|
|
|
56382
56426
|
let AuroElement$1$2 = class AuroElement extends i$3 {
|
|
56383
56427
|
static get properties() {
|
|
@@ -60440,7 +60484,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
|
|
|
60440
60484
|
}
|
|
60441
60485
|
};
|
|
60442
60486
|
|
|
60443
|
-
var formkitVersion$5 = '
|
|
60487
|
+
var formkitVersion$5 = '202608111811';
|
|
60444
60488
|
|
|
60445
60489
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
60446
60490
|
// See LICENSE in the project root for license information.
|
|
@@ -62205,7 +62249,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
|
|
|
62205
62249
|
}
|
|
62206
62250
|
};
|
|
62207
62251
|
|
|
62208
|
-
var formkitVersion$4 = '
|
|
62252
|
+
var formkitVersion$4 = '202608111811';
|
|
62209
62253
|
|
|
62210
62254
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
62211
62255
|
// See LICENSE in the project root for license information.
|
|
@@ -67524,7 +67568,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
67524
67568
|
}
|
|
67525
67569
|
};
|
|
67526
67570
|
|
|
67527
|
-
var formkitVersion$2 = '
|
|
67571
|
+
var formkitVersion$2 = '202608111811';
|
|
67528
67572
|
|
|
67529
67573
|
let AuroElement$2$1 = class AuroElement extends i$3 {
|
|
67530
67574
|
static get properties() {
|
|
@@ -79689,6 +79733,8 @@ class BaseInput extends AuroElement$1$1 {
|
|
|
79689
79733
|
|
|
79690
79734
|
/**
|
|
79691
79735
|
* If set, the label will remain fixed in the active position.
|
|
79736
|
+
* Only applies to the classic/default layout; the emphasized and snowflake
|
|
79737
|
+
* layouts always render the label inside the field, so this has no effect there.
|
|
79692
79738
|
*/
|
|
79693
79739
|
activeLabel: {
|
|
79694
79740
|
type: Boolean,
|
|
@@ -81215,7 +81261,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
|
|
|
81215
81261
|
}
|
|
81216
81262
|
};
|
|
81217
81263
|
|
|
81218
|
-
var formkitVersion$1$1 = '
|
|
81264
|
+
var formkitVersion$1$1 = '202608111811';
|
|
81219
81265
|
|
|
81220
81266
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
81221
81267
|
// See LICENSE in the project root for license information.
|
|
@@ -81316,15 +81362,35 @@ class AuroInput extends BaseInput {
|
|
|
81316
81362
|
* @private
|
|
81317
81363
|
*/
|
|
81318
81364
|
get inputHidden() {
|
|
81365
|
+
// In the classic/default layout, activeLabel keeps the input row visible so
|
|
81366
|
+
// the label stays raised rather than collapsing to the centered placeholder
|
|
81367
|
+
// position. Emphasized/snowflake always render the label inside the field,
|
|
81368
|
+
// so activeLabel does not apply there. This only overrides the empty/
|
|
81369
|
+
// unfocused clause — the display-value clause (combobox/datepicker) is
|
|
81370
|
+
// preserved regardless.
|
|
81371
|
+
const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
|
|
81372
|
+
|
|
81319
81373
|
return (
|
|
81320
81374
|
this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
|
|
81321
81375
|
(
|
|
81376
|
+
!activeLabelRaisesInput &&
|
|
81322
81377
|
(!this.value || this.value.length === 0) &&
|
|
81323
81378
|
!this.hasFocus &&
|
|
81324
81379
|
(!this.placeholderStr || this.placeholderStr === '')
|
|
81325
81380
|
);
|
|
81326
81381
|
}
|
|
81327
81382
|
|
|
81383
|
+
/**
|
|
81384
|
+
* Whether the component is rendering the classic/default layout, meaning not
|
|
81385
|
+
* emphasized and not snowflake. Kept as a single source of truth so
|
|
81386
|
+
* layout-scoped behavior such as activeLabel stays consistent across getters.
|
|
81387
|
+
* @returns {boolean} - True for the classic/default layout.
|
|
81388
|
+
* @private
|
|
81389
|
+
*/
|
|
81390
|
+
get isClassicLayout() {
|
|
81391
|
+
return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
|
|
81392
|
+
}
|
|
81393
|
+
|
|
81328
81394
|
/**
|
|
81329
81395
|
* Determines if the input should display in a state with no focus or value indication.
|
|
81330
81396
|
* Returns true when the input has display content without focus and has a value,
|
|
@@ -81370,7 +81436,7 @@ class AuroInput extends BaseInput {
|
|
|
81370
81436
|
}
|
|
81371
81437
|
|
|
81372
81438
|
// classic layout (default)
|
|
81373
|
-
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
|
|
81439
|
+
return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
|
|
81374
81440
|
}
|
|
81375
81441
|
|
|
81376
81442
|
/**
|
|
@@ -81466,7 +81532,8 @@ class AuroInput extends BaseInput {
|
|
|
81466
81532
|
'wrapper': true,
|
|
81467
81533
|
'simple': this.simple,
|
|
81468
81534
|
'withValue': this.hasValue,
|
|
81469
|
-
'hasFocus': this.hasFocus
|
|
81535
|
+
'hasFocus': this.hasFocus,
|
|
81536
|
+
'activeLabel': this.activeLabel
|
|
81470
81537
|
};
|
|
81471
81538
|
}
|
|
81472
81539
|
|
|
@@ -81677,7 +81744,6 @@ class AuroInput extends BaseInput {
|
|
|
81677
81744
|
@input="${this.handleInput}"
|
|
81678
81745
|
.placeholder=${this.placeholderStr}
|
|
81679
81746
|
.role=${this.a11yRole}
|
|
81680
|
-
?activeLabel="${this.activeLabel}"
|
|
81681
81747
|
?disabled="${this.disabled}"
|
|
81682
81748
|
?required="${this.required}"
|
|
81683
81749
|
aria-activedescendant=${o$4(this.a11yActivedescendant)}
|
|
@@ -82371,7 +82437,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
|
|
|
82371
82437
|
}
|
|
82372
82438
|
};
|
|
82373
82439
|
|
|
82374
|
-
var formkitVersion$3 = '
|
|
82440
|
+
var formkitVersion$3 = '202608111811';
|
|
82375
82441
|
|
|
82376
82442
|
var styleCss$1$3 = i$6`.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}`;
|
|
82377
82443
|
|
|
@@ -91571,7 +91637,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
91571
91637
|
}
|
|
91572
91638
|
};
|
|
91573
91639
|
|
|
91574
|
-
var formkitVersion$1 = '
|
|
91640
|
+
var formkitVersion$1 = '202608111811';
|
|
91575
91641
|
|
|
91576
91642
|
class AuroElement extends i$3 {
|
|
91577
91643
|
static get properties() {
|
|
@@ -93682,7 +93748,7 @@ class AuroHelpText extends i$3 {
|
|
|
93682
93748
|
}
|
|
93683
93749
|
}
|
|
93684
93750
|
|
|
93685
|
-
var formkitVersion = '
|
|
93751
|
+
var formkitVersion = '202608111811';
|
|
93686
93752
|
|
|
93687
93753
|
var styleCss = i$6`.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-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, 0.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, 0.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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.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, 0.625rem);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-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, 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-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-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-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-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-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-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%}.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{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{overflow:hidden;height:auto;text-overflow:ellipsis;white-space:nowrap}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}`;
|
|
93688
93754
|
|