@aurodesignsystem-dev/auro-formkit 0.0.0-pr1608.1 → 0.0.0-pr1609.0
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/accessibility.md +4 -15
- package/components/checkbox/demo/customize.min.js +17 -53
- package/components/checkbox/demo/getting-started.min.js +17 -53
- package/components/checkbox/demo/index.min.js +17 -53
- package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -13
- package/components/checkbox/dist/index.js +17 -53
- package/components/checkbox/dist/registered.js +17 -53
- 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 +22 -296
- package/components/counter/demo/getting-started.min.js +22 -296
- package/components/counter/demo/index.min.js +22 -296
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -1
- package/components/counter/dist/index.js +22 -296
- package/components/counter/dist/registered.js +22 -296
- 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 +68 -416
- package/components/form/demo/getting-started.min.js +68 -416
- package/components/form/demo/index.min.js +68 -416
- package/components/form/demo/registerDemoDeps.min.js +68 -416
- 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 +4 -13
- package/components/radio/demo/customize.min.js +16 -54
- package/components/radio/demo/getting-started.min.js +16 -54
- package/components/radio/demo/index.min.js +16 -54
- package/components/radio/dist/auro-radio-group.d.ts +0 -13
- package/components/radio/dist/index.js +16 -54
- package/components/radio/dist/registered.js +16 -54
- 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 +1 -23
- package/package.json +1 -1
|
@@ -999,22 +999,6 @@ class AuroDependencyVersioning {
|
|
|
999
999
|
}
|
|
1000
1000
|
}
|
|
1001
1001
|
|
|
1002
|
-
/**
|
|
1003
|
-
* Class for generating unique hashes based on the current timestamp.
|
|
1004
|
-
* This can be used to create unique identifiers for elements or data within an application,
|
|
1005
|
-
* ensuring that each identifier is distinct and can be easily generated without the need
|
|
1006
|
-
* for external libraries or complex algorithms.
|
|
1007
|
-
*/
|
|
1008
|
-
class UniqueId {
|
|
1009
|
-
/**
|
|
1010
|
-
* Creates a unique hash based on the current timestamp.
|
|
1011
|
-
* @returns {Function} Timestamp as a base-36 string
|
|
1012
|
-
*/
|
|
1013
|
-
create() {
|
|
1014
|
-
return Date.now().toString(36);
|
|
1015
|
-
}
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
1002
|
var styleCss$1 = css`:host{display:block;padding-bottom:var(--ds-size-150, 0.75rem)}.displayFlex legend+slot{display:flex;white-space:nowrap}fieldset{all:unset}legend{margin-bottom:var(--ds-size-150, 0.75rem)}[auro-helptext]{margin-top:var(--ds-size-150, 0.75rem)}`;
|
|
1019
1003
|
|
|
1020
1004
|
var colorCss$1 = css`:host{color:var(--ds-auro-checkbox-group-text-color)}:host([disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([onDark]),:host([appearance=inverse]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-checkbox-group-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}`;
|
|
@@ -1253,7 +1237,7 @@ class AuroHelpText extends LitElement {
|
|
|
1253
1237
|
}
|
|
1254
1238
|
}
|
|
1255
1239
|
|
|
1256
|
-
var formkitVersion = '
|
|
1240
|
+
var formkitVersion = '202609022123';
|
|
1257
1241
|
|
|
1258
1242
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1259
1243
|
// See LICENSE in the project root for license information.
|
|
@@ -1330,11 +1314,6 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1330
1314
|
* @private
|
|
1331
1315
|
*/
|
|
1332
1316
|
this.helpTextTag = versioning.generateTag('auro-formkit-checkbox-helptext', formkitVersion, AuroHelpText);
|
|
1333
|
-
|
|
1334
|
-
/**
|
|
1335
|
-
* @private
|
|
1336
|
-
*/
|
|
1337
|
-
this.uniqueId = new UniqueId().create();
|
|
1338
1317
|
}
|
|
1339
1318
|
|
|
1340
1319
|
static get styles() {
|
|
@@ -1586,29 +1565,6 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1586
1565
|
this.handlePreselectedItems();
|
|
1587
1566
|
|
|
1588
1567
|
this.validate();
|
|
1589
|
-
this.syncCheckboxValidity();
|
|
1590
|
-
}
|
|
1591
|
-
|
|
1592
|
-
/**
|
|
1593
|
-
* Method for mirroring the group's invalid state onto each checkbox.
|
|
1594
|
-
* `validity` is the authoritative invalid state, and it has to be re-applied from
|
|
1595
|
-
* `handleItems()` as well, because a slot change can happen without `validity` itself
|
|
1596
|
-
* changing — a checkbox slotted into an already-invalid group would otherwise be missed.
|
|
1597
|
-
* @private
|
|
1598
|
-
* @returns {void}
|
|
1599
|
-
*/
|
|
1600
|
-
syncCheckboxValidity() {
|
|
1601
|
-
const invalid = Boolean(this.validity && this.validity !== 'valid');
|
|
1602
|
-
|
|
1603
|
-
this.checkboxes.forEach((el) => {
|
|
1604
|
-
if (invalid) {
|
|
1605
|
-
el.setAttribute('error', true);
|
|
1606
|
-
el.setAttribute('aria-invalid', 'true');
|
|
1607
|
-
} else {
|
|
1608
|
-
el.removeAttribute('error');
|
|
1609
|
-
el.removeAttribute('aria-invalid');
|
|
1610
|
-
}
|
|
1611
|
-
});
|
|
1612
1568
|
}
|
|
1613
1569
|
|
|
1614
1570
|
/**
|
|
@@ -1640,7 +1596,13 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1640
1596
|
}
|
|
1641
1597
|
|
|
1642
1598
|
if (changedProperties.has('validity')) {
|
|
1643
|
-
this.
|
|
1599
|
+
this.checkboxes.forEach((el) => {
|
|
1600
|
+
if (this.validity && this.validity !== 'valid') {
|
|
1601
|
+
el.setAttribute('error', true);
|
|
1602
|
+
} else {
|
|
1603
|
+
el.removeAttribute('error');
|
|
1604
|
+
}
|
|
1605
|
+
});
|
|
1644
1606
|
}
|
|
1645
1607
|
|
|
1646
1608
|
if (changedProperties.has('required')) {
|
|
@@ -1664,6 +1626,12 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1664
1626
|
}
|
|
1665
1627
|
|
|
1666
1628
|
if (changedProperties.has('error')) {
|
|
1629
|
+
if (this.error) {
|
|
1630
|
+
this.setAttribute('aria-invalid', true);
|
|
1631
|
+
} else {
|
|
1632
|
+
this.removeAttribute('aria-invalid');
|
|
1633
|
+
}
|
|
1634
|
+
|
|
1667
1635
|
this.validate(true);
|
|
1668
1636
|
}
|
|
1669
1637
|
}
|
|
@@ -1682,11 +1650,7 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1682
1650
|
};
|
|
1683
1651
|
|
|
1684
1652
|
return html$1`
|
|
1685
|
-
<fieldset
|
|
1686
|
-
class="${classMap(groupClasses)}"
|
|
1687
|
-
aria-invalid="${ifDefined(this.validity && this.validity !== 'valid' ? 'true' : undefined)}"
|
|
1688
|
-
aria-describedby="${this.uniqueId}"
|
|
1689
|
-
>
|
|
1653
|
+
<fieldset class="${classMap(groupClasses)}">
|
|
1690
1654
|
<legend>
|
|
1691
1655
|
<slot name="legend"></slot>
|
|
1692
1656
|
${this.required ? undefined : html$1`<slot name="optionalLabel"> (optional)</slot>`}
|
|
@@ -1696,11 +1660,11 @@ class AuroCheckboxGroup extends LitElement {
|
|
|
1696
1660
|
|
|
1697
1661
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
1698
1662
|
? html$1`
|
|
1699
|
-
<${this.helpTextTag}
|
|
1663
|
+
<${this.helpTextTag} part="helpText" appearance="${this.onDark ? 'inverse' : this.appearance}">
|
|
1700
1664
|
<slot name="helpText"></slot>
|
|
1701
1665
|
</${this.helpTextTag}>`
|
|
1702
1666
|
: html$1`
|
|
1703
|
-
<${this.helpTextTag}
|
|
1667
|
+
<${this.helpTextTag} error appearance="${this.onDark ? 'inverse' : this.appearance}"" role="alert" aria-live="assertive" part="helpText">
|
|
1704
1668
|
${this.errorMessage}
|
|
1705
1669
|
</${this.helpTextTag}>`
|
|
1706
1670
|
}
|
|
@@ -5108,7 +5108,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5108
5108
|
}
|
|
5109
5109
|
};
|
|
5110
5110
|
|
|
5111
|
-
var formkitVersion$2 = '
|
|
5111
|
+
var formkitVersion$2 = '202609022123';
|
|
5112
5112
|
|
|
5113
5113
|
/**
|
|
5114
5114
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -18977,7 +18977,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18977
18977
|
}
|
|
18978
18978
|
};
|
|
18979
18979
|
|
|
18980
|
-
var formkitVersion$1 = '
|
|
18980
|
+
var formkitVersion$1 = '202609022123';
|
|
18981
18981
|
|
|
18982
18982
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18983
18983
|
// See LICENSE in the project root for license information.
|
|
@@ -20169,7 +20169,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20169
20169
|
}
|
|
20170
20170
|
}
|
|
20171
20171
|
|
|
20172
|
-
var formkitVersion = '
|
|
20172
|
+
var formkitVersion = '202609022123';
|
|
20173
20173
|
|
|
20174
20174
|
var styleCss$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}`;
|
|
20175
20175
|
|
|
@@ -5108,7 +5108,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5108
5108
|
}
|
|
5109
5109
|
};
|
|
5110
5110
|
|
|
5111
|
-
var formkitVersion$2 = '
|
|
5111
|
+
var formkitVersion$2 = '202609022123';
|
|
5112
5112
|
|
|
5113
5113
|
/**
|
|
5114
5114
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -18977,7 +18977,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18977
18977
|
}
|
|
18978
18978
|
};
|
|
18979
18979
|
|
|
18980
|
-
var formkitVersion$1 = '
|
|
18980
|
+
var formkitVersion$1 = '202609022123';
|
|
18981
18981
|
|
|
18982
18982
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18983
18983
|
// See LICENSE in the project root for license information.
|
|
@@ -20169,7 +20169,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20169
20169
|
}
|
|
20170
20170
|
}
|
|
20171
20171
|
|
|
20172
|
-
var formkitVersion = '
|
|
20172
|
+
var formkitVersion = '202609022123';
|
|
20173
20173
|
|
|
20174
20174
|
var styleCss$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}`;
|
|
20175
20175
|
|
|
@@ -5123,7 +5123,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5123
5123
|
}
|
|
5124
5124
|
};
|
|
5125
5125
|
|
|
5126
|
-
var formkitVersion$2 = '
|
|
5126
|
+
var formkitVersion$2 = '202609022123';
|
|
5127
5127
|
|
|
5128
5128
|
/**
|
|
5129
5129
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -18992,7 +18992,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18992
18992
|
}
|
|
18993
18993
|
};
|
|
18994
18994
|
|
|
18995
|
-
var formkitVersion$1 = '
|
|
18995
|
+
var formkitVersion$1 = '202609022123';
|
|
18996
18996
|
|
|
18997
18997
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18998
18998
|
// See LICENSE in the project root for license information.
|
|
@@ -20184,7 +20184,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20184
20184
|
}
|
|
20185
20185
|
}
|
|
20186
20186
|
|
|
20187
|
-
var formkitVersion = '
|
|
20187
|
+
var formkitVersion = '202609022123';
|
|
20188
20188
|
|
|
20189
20189
|
var styleCss$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}`;
|
|
20190
20190
|
|
|
@@ -5041,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5041
5041
|
}
|
|
5042
5042
|
};
|
|
5043
5043
|
|
|
5044
|
-
var formkitVersion$2 = '
|
|
5044
|
+
var formkitVersion$2 = '202609022123';
|
|
5045
5045
|
|
|
5046
5046
|
/**
|
|
5047
5047
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -18903,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18903
18903
|
}
|
|
18904
18904
|
};
|
|
18905
18905
|
|
|
18906
|
-
var formkitVersion$1 = '
|
|
18906
|
+
var formkitVersion$1 = '202609022123';
|
|
18907
18907
|
|
|
18908
18908
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18909
18909
|
// See LICENSE in the project root for license information.
|
|
@@ -20095,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
20095
20095
|
}
|
|
20096
20096
|
}
|
|
20097
20097
|
|
|
20098
|
-
var formkitVersion = '
|
|
20098
|
+
var formkitVersion = '202609022123';
|
|
20099
20099
|
|
|
20100
20100
|
var styleCss$1 = css`.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}`;
|
|
20101
20101
|
|
|
@@ -5041,7 +5041,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5041
5041
|
}
|
|
5042
5042
|
};
|
|
5043
5043
|
|
|
5044
|
-
var formkitVersion$2 = '
|
|
5044
|
+
var formkitVersion$2 = '202609022123';
|
|
5045
5045
|
|
|
5046
5046
|
/**
|
|
5047
5047
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -18903,7 +18903,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
18903
18903
|
}
|
|
18904
18904
|
};
|
|
18905
18905
|
|
|
18906
|
-
var formkitVersion$1 = '
|
|
18906
|
+
var formkitVersion$1 = '202609022123';
|
|
18907
18907
|
|
|
18908
18908
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18909
18909
|
// See LICENSE in the project root for license information.
|
|
@@ -20095,7 +20095,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
20095
20095
|
}
|
|
20096
20096
|
}
|
|
20097
20097
|
|
|
20098
|
-
var formkitVersion = '
|
|
20098
|
+
var formkitVersion = '202609022123';
|
|
20099
20099
|
|
|
20100
20100
|
var styleCss$1 = css`.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}`;
|
|
20101
20101
|
|