@aurodesignsystem-dev/auro-formkit 0.0.0-pr1594.2 → 0.0.0-pr1595.1

package/components/bibtemplate/dist/auro-bibtemplate.d.ts

@@ -7,14 +7,24 @@
  * @slot subheader - Slot for the subheader content.
  * @slot footer - Slot for the footer content.
  * @slot ariaLabel.close - Slot for the close button aria-label.
+ * @csspart bibtemplate - The outermost bibtemplate container element.
+ * @event close-click - Notifies when the close button is clicked.
+ * @event auro-bibtemplate-connected - Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail.
  */
 export class AuroBibtemplate extends LitElement {
     static get styles(): import("lit").CSSResult[];
     static get properties(): {
+        /**
+         * If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.
+         */
         isFullscreen: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
+        /**
+         * If declared, the fullscreen headline renders using the larger display heading style.
+         */
         large: {
             type: BooleanConstructor;
             reflect: boolean;
@@ -24,6 +34,7 @@ export class AuroBibtemplate extends LitElement {
          */
         showFooter: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
     };

package/components/bibtemplate/dist/index.js

@@ -235,6 +235,9 @@ var headerVersion = '5.0.1';
  * @slot subheader - Slot for the subheader content.
  * @slot footer - Slot for the footer content.
  * @slot ariaLabel.close - Slot for the close button aria-label.
+ * @csspart bibtemplate - The outermost bibtemplate container element.
+ * @event close-click - Notifies when the close button is clicked.
+ * @event auro-bibtemplate-connected - Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail.
  */
 class AuroBibtemplate extends LitElement {
 
@@ -274,10 +277,19 @@ class AuroBibtemplate extends LitElement {
   // function to define props used within the scope of this component
   static get properties() {
     return {
+
+      /**
+       * If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.
+       */
       isFullscreen: {
         type: Boolean,
+        attribute: 'isfullscreen',
         reflect: true
       },
+
+      /**
+       * If declared, the fullscreen headline renders using the larger display heading style.
+       */
       large: {
         type: Boolean,
         reflect: true
@@ -288,6 +300,7 @@ class AuroBibtemplate extends LitElement {
        */
       showFooter: {
         type: Boolean,
+        attribute: 'showfooter',
         reflect: true
       }
     };

package/components/bibtemplate/dist/registered.js

@@ -235,6 +235,9 @@ var headerVersion = '5.0.1';
  * @slot subheader - Slot for the subheader content.
  * @slot footer - Slot for the footer content.
  * @slot ariaLabel.close - Slot for the close button aria-label.
+ * @csspart bibtemplate - The outermost bibtemplate container element.
+ * @event close-click - Notifies when the close button is clicked.
+ * @event auro-bibtemplate-connected - Notifies that the bibtemplate has connected to the DOM, passing a reference to the element in the event detail.
  */
 class AuroBibtemplate extends LitElement {
 
@@ -274,10 +277,19 @@ class AuroBibtemplate extends LitElement {
   // function to define props used within the scope of this component
   static get properties() {
     return {
+
+      /**
+       * If declared, the bibtemplate renders in fullscreen mode, exposing the header, subheader, and footer regions.
+       */
       isFullscreen: {
         type: Boolean,
+        attribute: 'isfullscreen',
         reflect: true
       },
+
+      /**
+       * If declared, the fullscreen headline renders using the larger display heading style.
+       */
       large: {
         type: Boolean,
         reflect: true
@@ -288,6 +300,7 @@ class AuroBibtemplate extends LitElement {
        */
       showFooter: {
         type: Boolean,
+        attribute: 'showfooter',
         reflect: true
       }
     };

package/components/checkbox/demo/api.md

@@ -13,12 +13,12 @@ The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements..
 | `disabled`                      | `disabled`                      | `boolean`                |             | If set, disables the checkbox group.             |
 | `error`                         | `error`                         | `string`                 |             | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
 | `horizontal`                    | `horizontal`                    | `boolean`                |             | If set, checkboxes will be aligned horizontally. |
-| `noValidate`                    | `noValidate`                    | `boolean`                |             | If set, disables auto-validation on blur.        |
-| `onDark`                        | `onDark`                        | `boolean`                |             | DEPRECATED - use `appearance="inverse"` instead. |
+| `noValidate`                    | `novalidate`                    | `boolean`                |             | If set, disables auto-validation on blur.        |
+| `onDark`                        | `ondark`                        | `boolean`                |             | DEPRECATED - use `appearance="inverse"` instead. |
 | `required`                      | `required`                      | `boolean`                |             | Populates the `required` attribute on the element. Used for client-side validation. |
-| `setCustomValidity`             | `setCustomValidity`             | `string`                 |             | Sets a custom help text message to display for all validityStates. |
-| `setCustomValidityCustomError`  | `setCustomValidityCustomError`  | `string`                 |             | Custom help text message to display when validity = `customError`. |
-| `setCustomValidityValueMissing` | `setCustomValidityValueMissing` | `string`                 |             | Custom help text message to display when validity = `valueMissing`. |
+| `setCustomValidity`             | `setcustomvalidity`             | `string`                 |             | Sets a custom help text message to display for all validityStates. |
+| `setCustomValidityCustomError`  | `setcustomvaliditycustomerror`  | `string`                 |             | Custom help text message to display when validity = `customError`. |
+| `setCustomValidityValueMissing` | `setcustomvalidityvaluemissing` | `string`                 |             | Custom help text message to display when validity = `valueMissing`. |
 | `validity`                      | `validity`                      | `string`                 |             | Specifies the `validityState` this element is in. |
 
 ## Methods
@@ -33,7 +33,7 @@ The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements..
 | Event                       | Type               | Description                                      |
 |-----------------------------|--------------------|--------------------------------------------------|
 | `auroFormElement-validated` |                    | Notifies that the `validity` and `errorMessage` values have changed. |
-| `input`                     | `CustomEvent<any>` |                                                  |
+| `input`                     | `CustomEvent<any>` | Notifies when the group's value changes due to a checkbox selection being added or removed. |
 
 ## Slots
 
@@ -42,7 +42,13 @@ The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements..
 | `default`       | The default slot for the checkbox items.         |
 | `helpText`      | Allows for the helper text to be overridden.     |
 | `legend`        | Allows for the legend to be overridden.          |
-| `optionalLabel` | Allows overriding the optional display text "(optional)", which appears next to the label. |
+| `optionalLabel` | Allows overriding the optional display text "(optional)", which appears next to the label. |
+
+## CSS Shadow Parts
+
+| Part       | Description                                      |
+|------------|--------------------------------------------------|
+| `helpText` | Apply css to the help text element that displays helper or error messages. |
 
 # auro-checkbox
 
@@ -58,7 +64,7 @@ The `auro-checkbox` element is for the purpose of allowing users to select one o
 | `error`      | `error`      | `boolean`                |             | If set to true, the checkbox will be displayed with an error state. |
 | `id`         | `id`         | `string`                 |             | The id global attribute defines an identifier (ID) which must be unique in the whole document. |
 | `name`       | `name`       | `string`                 |             | Accepts any string and is used to identify related checkboxes when submitting form data. |
-| `onDark`     | `onDark`     | `boolean`                |             | DEPRECATED - use `appearance="inverse"` instead. |
+| `onDark`     | `ondark`     | `boolean`                |             | DEPRECATED - use `appearance="inverse"` instead. |
 | `value`      | `value`      | `string`                 |             | Sets the element's input value. Must be unique within an auro-checkbox-group element. |
 
 ## Methods
@@ -71,9 +77,9 @@ The `auro-checkbox` element is for the purpose of allowing users to select one o
 
 | Event                   | Type               | Description                                      |
 |-------------------------|--------------------|--------------------------------------------------|
-| `auroCheckbox-focusin`  | `CustomEvent<any>` |                                                  |
-| `auroCheckbox-focusout` | `CustomEvent<any>` |                                                  |
-| `auroCheckbox-input`    | `CustomEvent<any>` |                                                  |
+| `auroCheckbox-focusin`  | `CustomEvent<any>` | Notifies when the checkbox receives focus.       |
+| `auroCheckbox-focusout` | `CustomEvent<any>` | Notifies when the checkbox loses focus.          |
+| `auroCheckbox-input`    | `CustomEvent<any>` | (Deprecated) Notifies when the checked value is changed by user interaction. |
 | `change`                |                    | (Deprecated) Notifies when checked value is changed. |
 | `input`                 |                    | Notifies when when checked value is changed by user's interface. |
 

package/components/checkbox/demo/customize.min.js

@@ -151,6 +151,9 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
  *
  * @fires change - (Deprecated) Notifies when checked value is changed.
  * @fires input - Notifies when when checked value is changed by user's interface.
+ * @event auroCheckbox-input - (Deprecated) Notifies when the checked value is changed by user interaction.
+ * @event auroCheckbox-focusin - Notifies when the checkbox receives focus.
+ * @event auroCheckbox-focusout - Notifies when the checkbox loses focus.
  */
 /* eslint-enable jsdoc/no-undefined-types */
 
@@ -254,6 +257,7 @@ class AuroCheckbox extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1149,6 +1153,8 @@ class AuroHelpText extends i$2 {
     super();
 
     this.error = false;
+
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.onDark = false;
     this.hasTextContent = false;
@@ -1169,8 +1175,8 @@ class AuroHelpText extends i$2 {
     return {
 
       /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -1183,6 +1189,7 @@ class AuroHelpText extends i$2 {
        */
       slotNodes: {
         type: Boolean,
+        attribute: 'slotnodes',
       },
 
       /**
@@ -1190,6 +1197,7 @@ class AuroHelpText extends i$2 {
        */
       hasTextContent: {
         type: Boolean,
+        attribute: 'hastextcontent',
       },
 
       /**
@@ -1205,6 +1213,7 @@ class AuroHelpText extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       }
     };
@@ -1275,7 +1284,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608261850';
+var formkitVersion = '202608300032';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1285,11 +1294,14 @@ var formkitVersion = '202608261850';
  * The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
  * @customElement auro-checkbox-group
  *
+ * @csspart helpText - Apply css to the help text element that displays helper or error messages.
+ *
  * @slot legend - Allows for the legend to be overridden.
  * @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot helpText - Allows for the helper text to be overridden.
  * @slot default - The default slot for the checkbox items.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
+ * @event input - Notifies when the group's value changes due to a checkbox selection being added or removed.
  */
 
 class AuroCheckboxGroup extends i$2 {
@@ -1402,6 +1414,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       noValidate: {
         type: Boolean,
+        attribute: 'novalidate',
         reflect: true
       },
 
@@ -1410,6 +1423,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1425,21 +1439,24 @@ class AuroCheckboxGroup extends i$2 {
        * Sets a custom help text message to display for all validityStates.
        */
       setCustomValidity: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidity'
       },
 
       /**
        * Custom help text message to display when validity = `customError`.
        */
       setCustomValidityCustomError: {
-        type: String
+        type: String,
+        attribute: 'setcustomvaliditycustomerror'
       },
 
       /**
        * Custom help text message to display when validity = `valueMissing`.
        */
       setCustomValidityValueMissing: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidityvaluemissing'
       },
 
       /**

package/components/checkbox/demo/getting-started.min.js

@@ -151,6 +151,9 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
  *
  * @fires change - (Deprecated) Notifies when checked value is changed.
  * @fires input - Notifies when when checked value is changed by user's interface.
+ * @event auroCheckbox-input - (Deprecated) Notifies when the checked value is changed by user interaction.
+ * @event auroCheckbox-focusin - Notifies when the checkbox receives focus.
+ * @event auroCheckbox-focusout - Notifies when the checkbox loses focus.
  */
 /* eslint-enable jsdoc/no-undefined-types */
 
@@ -254,6 +257,7 @@ class AuroCheckbox extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1149,6 +1153,8 @@ class AuroHelpText extends i$2 {
     super();
 
     this.error = false;
+
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.onDark = false;
     this.hasTextContent = false;
@@ -1169,8 +1175,8 @@ class AuroHelpText extends i$2 {
     return {
 
       /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -1183,6 +1189,7 @@ class AuroHelpText extends i$2 {
        */
       slotNodes: {
         type: Boolean,
+        attribute: 'slotnodes',
       },
 
       /**
@@ -1190,6 +1197,7 @@ class AuroHelpText extends i$2 {
        */
       hasTextContent: {
         type: Boolean,
+        attribute: 'hastextcontent',
       },
 
       /**
@@ -1205,6 +1213,7 @@ class AuroHelpText extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       }
     };
@@ -1275,7 +1284,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608261850';
+var formkitVersion = '202608300032';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1285,11 +1294,14 @@ var formkitVersion = '202608261850';
  * The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
  * @customElement auro-checkbox-group
  *
+ * @csspart helpText - Apply css to the help text element that displays helper or error messages.
+ *
  * @slot legend - Allows for the legend to be overridden.
  * @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot helpText - Allows for the helper text to be overridden.
  * @slot default - The default slot for the checkbox items.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
+ * @event input - Notifies when the group's value changes due to a checkbox selection being added or removed.
  */
 
 class AuroCheckboxGroup extends i$2 {
@@ -1402,6 +1414,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       noValidate: {
         type: Boolean,
+        attribute: 'novalidate',
         reflect: true
       },
 
@@ -1410,6 +1423,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1425,21 +1439,24 @@ class AuroCheckboxGroup extends i$2 {
        * Sets a custom help text message to display for all validityStates.
        */
       setCustomValidity: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidity'
       },
 
       /**
        * Custom help text message to display when validity = `customError`.
        */
       setCustomValidityCustomError: {
-        type: String
+        type: String,
+        attribute: 'setcustomvaliditycustomerror'
       },
 
       /**
        * Custom help text message to display when validity = `valueMissing`.
        */
       setCustomValidityValueMissing: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidityvaluemissing'
       },
 
       /**

package/components/checkbox/demo/index.min.js

@@ -151,6 +151,9 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
  *
  * @fires change - (Deprecated) Notifies when checked value is changed.
  * @fires input - Notifies when when checked value is changed by user's interface.
+ * @event auroCheckbox-input - (Deprecated) Notifies when the checked value is changed by user interaction.
+ * @event auroCheckbox-focusin - Notifies when the checkbox receives focus.
+ * @event auroCheckbox-focusout - Notifies when the checkbox loses focus.
  */
 /* eslint-enable jsdoc/no-undefined-types */
 
@@ -254,6 +257,7 @@ class AuroCheckbox extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1149,6 +1153,8 @@ class AuroHelpText extends i$2 {
     super();
 
     this.error = false;
+
+    /** @type {'default' | 'inverse'} */
     this.appearance = "default";
     this.onDark = false;
     this.hasTextContent = false;
@@ -1169,8 +1175,8 @@ class AuroHelpText extends i$2 {
     return {
 
       /**
-       * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default', 'inverse'} - The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * The appearance of the help text, either default (for light backgrounds) or inverse (for dark backgrounds).
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -1183,6 +1189,7 @@ class AuroHelpText extends i$2 {
        */
       slotNodes: {
         type: Boolean,
+        attribute: 'slotnodes',
       },
 
       /**
@@ -1190,6 +1197,7 @@ class AuroHelpText extends i$2 {
        */
       hasTextContent: {
         type: Boolean,
+        attribute: 'hastextcontent',
       },
 
       /**
@@ -1205,6 +1213,7 @@ class AuroHelpText extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       }
     };
@@ -1275,7 +1284,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608261850';
+var formkitVersion = '202608300032';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1285,11 +1294,14 @@ var formkitVersion = '202608261850';
  * The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
  * @customElement auro-checkbox-group
  *
+ * @csspart helpText - Apply css to the help text element that displays helper or error messages.
+ *
  * @slot legend - Allows for the legend to be overridden.
  * @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot helpText - Allows for the helper text to be overridden.
  * @slot default - The default slot for the checkbox items.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
+ * @event input - Notifies when the group's value changes due to a checkbox selection being added or removed.
  */
 
 class AuroCheckboxGroup extends i$2 {
@@ -1402,6 +1414,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       noValidate: {
         type: Boolean,
+        attribute: 'novalidate',
         reflect: true
       },
 
@@ -1410,6 +1423,7 @@ class AuroCheckboxGroup extends i$2 {
        */
       onDark: {
         type: Boolean,
+        attribute: 'ondark',
         reflect: true
       },
 
@@ -1425,21 +1439,24 @@ class AuroCheckboxGroup extends i$2 {
        * Sets a custom help text message to display for all validityStates.
        */
       setCustomValidity: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidity'
       },
 
       /**
        * Custom help text message to display when validity = `customError`.
        */
       setCustomValidityCustomError: {
-        type: String
+        type: String,
+        attribute: 'setcustomvaliditycustomerror'
       },
 
       /**
        * Custom help text message to display when validity = `valueMissing`.
        */
       setCustomValidityValueMissing: {
-        type: String
+        type: String,
+        attribute: 'setcustomvalidityvaluemissing'
       },
 
       /**

package/components/checkbox/dist/auro-checkbox-group.d.ts

@@ -2,11 +2,14 @@
  * The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.
  * @customElement auro-checkbox-group
  *
+ * @csspart helpText - Apply css to the help text element that displays helper or error messages.
+ *
  * @slot legend - Allows for the legend to be overridden.
  * @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot helpText - Allows for the helper text to be overridden.
  * @slot default - The default slot for the checkbox items.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
+ * @event input - Notifies when the group's value changes due to a checkbox selection being added or removed.
  */
 export class AuroCheckboxGroup extends LitElement {
     static get styles(): import("lit").CSSResult[];
@@ -43,6 +46,7 @@ export class AuroCheckboxGroup extends LitElement {
          */
         noValidate: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -50,6 +54,7 @@ export class AuroCheckboxGroup extends LitElement {
          */
         onDark: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -64,18 +69,21 @@ export class AuroCheckboxGroup extends LitElement {
          */
         setCustomValidity: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Custom help text message to display when validity = `customError`.
          */
         setCustomValidityCustomError: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Custom help text message to display when validity = `valueMissing`.
          */
         setCustomValidityValueMissing: {
             type: StringConstructor;
+            attribute: string;
         };
         /**
          * Specifies the `validityState` this element is in.

package/components/checkbox/dist/auro-checkbox.d.ts

@@ -10,6 +10,9 @@
  *
  * @fires change - (Deprecated) Notifies when checked value is changed.
  * @fires input - Notifies when when checked value is changed by user's interface.
+ * @event auroCheckbox-input - (Deprecated) Notifies when the checked value is changed by user interaction.
+ * @event auroCheckbox-focusin - Notifies when the checkbox receives focus.
+ * @event auroCheckbox-focusout - Notifies when the checkbox loses focus.
  */
 export class AuroCheckbox extends LitElement {
     static get styles(): import("lit").CSSResult[];
@@ -68,6 +71,7 @@ export class AuroCheckbox extends LitElement {
          */
         onDark: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**