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

package/components/datepicker/demo/api.md

@@ -75,18 +75,17 @@
 
 ## Slots
 
-| Name                          | Description                                      |
-|-------------------------------|--------------------------------------------------|
-| `ariaLabel.bib.close`         | Sets aria-label on close button in fullscreen bib |
-| `ariaLabel.input.clear`       | Sets aria-label on clear button                  |
-| `ariaLabel.input.clear.range` | Sets aria-label on clear button for return date input in `layout="classic"` ONLY. |
-| `bib.fullscreen.dateLabel`    | Defines the content to display above selected dates in the mobile layout. |
-| `bib.fullscreen.headline`     | Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout. |
-| `date_MM_DD_YYYY`             | Defines the content to display in the auro-calendar-cell for the specified date. The content text is colored using the success state token when the `highlight` attribute is applied to the slot. |
-| [fromLabel](#fromLabel)                   | Defines the label content for the first input.   |
-| [helpText](#helpText)                    | Defines the content of the helpText.             |
-| `popover_MM_DD_YYYY`          | Defines the content to display in the auro-calendar-cell popover for the specified date. |
-| [toLabel](#toLabel)                     | Defines the label content for the second input when the `range` attribute is used. |
+| Name                       | Description                                      |
+|----------------------------|--------------------------------------------------|
+| `ariaLabel.bib.close`      | Sets aria-label on close button in fullscreen bib |
+| `ariaLabel.input.clear`    | Sets aria-label on clear button                  |
+| `bib.fullscreen.dateLabel` | Defines the content to display above selected dates in the mobile layout. |
+| `bib.fullscreen.headline`  | Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout. |
+| `date_MM_DD_YYYY`          | Defines the content to display in the auro-calendar-cell for the specified date. The content text is colored using the success state token when the `highlight` attribute is applied to the slot. |
+| [fromLabel](#fromLabel)                | Defines the label content for the first input.   |
+| [helpText](#helpText)                 | Defines the content of the helpText.             |
+| `popover_MM_DD_YYYY`       | Defines the content to display in the auro-calendar-cell popover for the specified date. |
+| [toLabel](#toLabel)                  | Defines the label content for the second input when the `range` attribute is used. |
 
 ## CSS Shadow Parts
 
@@ -1106,43 +1105,6 @@ Use the `ariaLabel.input.clear` slot to set the `aria-label` for the clear butto
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
 
-#### ariaLabel.input.clear.range
-
-In the `classic` layout with the `range` attribute, use the `ariaLabel.input.clear.range` slot to set the `aria-label` for the clear button in the return date input. This slot is ignored in all other configurations. Otherwise, the `ariaLabel.input.clear` slot is used for both clear buttons.
-
-<div class="exampleWrapper">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ariaLabelInputClearRange.html) -->
-  <!-- The below content is automatically added from ./../apiExamples/ariaLabelInputClearRange.html -->
-  <auro-datepicker range>
-    <span slot="ariaLabel.bib.close">Close Calendar</span>
-    <span slot="bib.fullscreen.headline">Datepicker Headline</span>
-    <span slot="fromLabel">Choose a date</span>
-    <span slot="toLabel">Choose a return date</span>
-    <span slot="bib.fullscreen.dateLabel">Choose a date</span>
-    <span slot="ariaLabel.input.clear">Custom Clear Input Button</span>
-    <span slot="ariaLabel.input.clear.range">Return Date Clear Input Button</span>
-  </auro-datepicker>
-  <!-- AURO-GENERATED-CONTENT:END -->
-</div>
-<auro-accordion alignRight>
-  <span slot="trigger">See code</span>
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/ariaLabelInputClearRange.html) -->
-<!-- The below code snippet is automatically added from ./../apiExamples/ariaLabelInputClearRange.html -->
-
-```html
-<auro-datepicker range>
-  <span slot="ariaLabel.bib.close">Close Calendar</span>
-  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
-  <span slot="fromLabel">Choose a date</span>
-  <span slot="toLabel">Choose a return date</span>
-  <span slot="bib.fullscreen.dateLabel">Choose a date</span>
-  <span slot="ariaLabel.input.clear">Custom Clear Input Button</span>
-  <span slot="ariaLabel.input.clear.range">Return Date Clear Input Button</span>
-</auro-datepicker>
-```
-<!-- AURO-GENERATED-CONTENT:END -->
-</auro-accordion>
-
 #### Date Slot
 
 Custom content can be added to any day in the calendar using a `slot` named following the pattern `date_{MM}_{DD}_{YYYY}` (e.g. `date_01_08_2024`).

package/components/datepicker/demo/api.min.js

@@ -25377,7 +25377,6 @@ var iconVersion = '8.0.1';
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
  * @slot ariaLabel.input.clear - Sets aria-label on clear button
- * @slot ariaLabel.input.clear.range - Sets aria-label on clear button for return date input in `layout="classic"` ONLY.
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -26990,7 +26989,7 @@ class AuroDatePicker extends AuroElement$1 {
             `
           : undefined
         }
-            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear.range') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
+            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
             <span slot="label"><slot name="toLabel"></slot></span>
           </${this.inputTag}>
         </div>
@@ -27142,7 +27141,6 @@ class AuroDatePicker extends AuroElement$1 {
     return u$6`
       <!-- Hidden slot for clear button aria-label -->
       <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
-      <slot name="ariaLabel.input.clear.range" hidden @slotchange=${this.requestUpdate}></slot>
 
       <${this.dropdownTag}
           ?autoPlacement="${this.autoPlacement}"

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

@@ -25118,7 +25118,6 @@ var iconVersion = '8.0.1';
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
  * @slot ariaLabel.input.clear - Sets aria-label on clear button
- * @slot ariaLabel.input.clear.range - Sets aria-label on clear button for return date input in `layout="classic"` ONLY.
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -26731,7 +26730,7 @@ class AuroDatePicker extends AuroElement$1 {
             `
           : undefined
         }
-            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear.range') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
+            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
             <span slot="label"><slot name="toLabel"></slot></span>
           </${this.inputTag}>
         </div>
@@ -26883,7 +26882,6 @@ class AuroDatePicker extends AuroElement$1 {
     return u$6`
       <!-- Hidden slot for clear button aria-label -->
       <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
-      <slot name="ariaLabel.input.clear.range" hidden @slotchange=${this.requestUpdate}></slot>
 
       <${this.dropdownTag}
           ?autoPlacement="${this.autoPlacement}"

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

@@ -2,7 +2,6 @@
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
  * @slot ariaLabel.input.clear - Sets aria-label on clear button
- * @slot ariaLabel.input.clear.range - Sets aria-label on clear button for return date input in `layout="classic"` ONLY.
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.

package/components/datepicker/dist/index.js

@@ -25043,7 +25043,6 @@ var iconVersion = '8.0.1';
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
  * @slot ariaLabel.input.clear - Sets aria-label on clear button
- * @slot ariaLabel.input.clear.range - Sets aria-label on clear button for return date input in `layout="classic"` ONLY.
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -26656,7 +26655,7 @@ class AuroDatePicker extends AuroElement$1 {
             `
           : undefined
         }
-            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear.range') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
+            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
             <span slot="label"><slot name="toLabel"></slot></span>
           </${this.inputTag}>
         </div>
@@ -26808,7 +26807,6 @@ class AuroDatePicker extends AuroElement$1 {
     return html$1`
       <!-- Hidden slot for clear button aria-label -->
       <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
-      <slot name="ariaLabel.input.clear.range" hidden @slotchange=${this.requestUpdate}></slot>
 
       <${this.dropdownTag}
           ?autoPlacement="${this.autoPlacement}"

package/components/datepicker/dist/registered.js

@@ -25043,7 +25043,6 @@ var iconVersion = '8.0.1';
  * @slot helpText - Defines the content of the helpText.
  * @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
  * @slot ariaLabel.input.clear - Sets aria-label on clear button
- * @slot ariaLabel.input.clear.range - Sets aria-label on clear button for return date input in `layout="classic"` ONLY.
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -26656,7 +26655,7 @@ class AuroDatePicker extends AuroElement$1 {
             `
           : undefined
         }
-            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear.range') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
+            <span slot="ariaLabel.clear">${this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || this.runtimeUtils.getSlotText(this, 'ariaLabel.input.clear') || i18n(this.lang, 'clearInput')}</span>
             <span slot="label"><slot name="toLabel"></slot></span>
           </${this.inputTag}>
         </div>
@@ -26808,7 +26807,6 @@ class AuroDatePicker extends AuroElement$1 {
     return html$1`
       <!-- Hidden slot for clear button aria-label -->
       <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
-      <slot name="ariaLabel.input.clear.range" hidden @slotchange=${this.requestUpdate}></slot>
 
       <${this.dropdownTag}
           ?autoPlacement="${this.autoPlacement}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr1167.1",
+  "version": "0.0.0-pr1167.2",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {