@aurodesignsystem-dev/auro-formkit 0.0.0-pr1456.1 → 0.0.0-pr1457.0

package/components/datepicker/dist/{auro-calendar-cell.d.ts → src/auro-calendar-cell.d.ts}

@@ -61,7 +61,7 @@ export class AuroCalendarCell extends LitElement {
     hoveredDate: any;
     isCurrentDate: boolean;
     _locale: any;
-    dateStr: string;
+    dateStr: string | null;
     renderForDateSlot: boolean;
     runtimeUtils: any;
     popoverTag: any;
@@ -140,7 +140,7 @@ export class AuroCalendarCell extends LitElement {
      * @param {Object} dateStr - The date string in MM_DD_YYYY format.
      * @returns Boolean - True if the date is a highlighted date.
      */
-    isReferenceDate(dateStr: any): boolean;
+    isReferenceDate(dateStr: Object): boolean;
     /**
      * Determines the title of the auro-calendar-cell.
      * @private

package/components/datepicker/dist/{auro-datepicker.d.ts → src/auro-datepicker.d.ts}

@@ -31,7 +31,7 @@ export class AuroDatePicker extends AuroElement {
     static get shadowRootOptions(): {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
@@ -347,7 +347,7 @@ export class AuroDatePicker extends AuroElement {
      * @private
      */
     private calendarRenderUtil;
-    formattedStartDate: boolean;
+    formattedStartDate: boolean | undefined;
     appearance: string;
     touched: boolean;
     disabled: boolean;
@@ -546,7 +546,7 @@ export class AuroDatePicker extends AuroElement {
      */
     private configureInput;
     triggerInput: any;
-    inputList: any[];
+    inputList: any[] | undefined;
     errorMessage: any;
     /**
      * Binds all behavior needed to the dropdown after rendering.
@@ -554,7 +554,7 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private configureCalendar;
-    calendar: Element;
+    calendar: Element | null | undefined;
     /**
      * Binds all behavior needed to the datepicker after rendering.
      * @private
@@ -585,7 +585,7 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private handleCellClick;
-    cellClickActive: boolean;
+    cellClickActive: boolean | undefined;
     /**
      * Emits an event to notify the calendar cells to fetch their slot content.
      * @private
@@ -618,15 +618,15 @@ export class AuroDatePicker extends AuroElement {
     private setHasValue;
     get hasError(): boolean;
     updated(changedProperties: any): void;
-    monthFirst: boolean;
+    monthFirst: boolean | undefined;
     referenceDates: any;
-    previousTabIndex: string;
-    formattedFocusDate: boolean;
-    formattedEndDate: boolean;
-    formattedValue: boolean;
-    formattedValueEnd: boolean;
-    formattedMinDate: boolean;
-    formattedMaxDate: boolean;
+    previousTabIndex: string | null | undefined;
+    formattedFocusDate: boolean | undefined;
+    formattedEndDate: boolean | undefined;
+    formattedValue: boolean | undefined;
+    formattedValueEnd: boolean | undefined;
+    formattedMinDate: boolean | undefined;
+    formattedMaxDate: boolean | undefined;
     /**
      * Handles the transfer of content between slots in the component.
      *

package/components/datepicker/dist/src/iconVersion.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "9.2.0";
+export default _default;

package/components/datepicker/dist/{utilities.d.ts → src/utilities.d.ts}

@@ -36,14 +36,14 @@ export class AuroDatepickerUtilities {
      * @param {Object} date - Date to convert to the first day of the month.
      * @returns {Object} Returns the auro-calendar-months HTML.
      */
-    convertDateToFirstOfMonth(date: any): any;
+    convertDateToFirstOfMonth(date: Object): Object;
     /**
      * Calculate the number of months between two dates.
      * @param {Object} date1 - First date to compare.
      * @param {Object} date2 - Second date to compare.
      * @returns {Number} Returns the number of months between the two dates.
      */
-    monthDiff(date1: any, date2: any): number;
+    monthDiff(date1: Object, date2: Object): number;
     /**
      * Convert a date object to string format.
      * @private
@@ -65,8 +65,8 @@ export class AuroDatepickerUtilities {
      * @returns {Object} Returns the svg portion of the icon object.
      */
     private generateIconHtml;
-    dom: Document;
-    svg: ChildNode;
+    dom: Document | undefined;
+    svg: ChildNode | null | undefined;
     /**
      * Compares two dates to see if they match.
      * @private

package/components/datepicker/dist/{utilitiesCalendar.d.ts → src/utilitiesCalendar.d.ts}

@@ -7,7 +7,7 @@ export class CalendarUtilities {
      * @param {String} format - The format of the date.
      * @returns {void}
      */
-    scrollMonthIntoView(elem: any, date: string, format: string): void;
+    scrollMonthIntoView(elem: Object, date: string, format: string): void;
     /**
      * Sends an event requesting the dropdown bib be closed.
      * @private
@@ -19,7 +19,7 @@ export class CalendarUtilities {
      * @param {Object} elem - The auro-calendar element.
      * @returns {void}
      */
-    assessNavigationButtonVisibility(elem: any): void;
+    assessNavigationButtonVisibility(elem: Object): void;
     /**
      * Handles the change of the centralDate property.
      * @param {Object} elem - The auro-calendar element.
@@ -33,6 +33,6 @@ export class CalendarUtilities {
      * @param {String} direction - The direction the user is navigating.
      * @returns {void}
      */
-    handleMonthChange(elem: any, direction: string): void;
+    handleMonthChange(elem: Object, direction: string): void;
 }
 import { AuroDatepickerUtilities } from './utilities.js';

package/components/datepicker/dist/{vendor → src/vendor}/wc-range-datepicker/range-datepicker-calendar.d.ts

@@ -33,8 +33,8 @@ export class RangeDatepickerCalendar extends LitElement {
     set locale(value: any);
     get locale(): any;
     render(): import("lit-html").TemplateResult<1>;
-    renderPrevButton(): import("lit-html").TemplateResult<1>;
-    renderNextButton(): import("lit-html").TemplateResult<1>;
+    renderPrevButton(): import("lit-html").TemplateResult<1> | null;
+    renderNextButton(): import("lit-html").TemplateResult<1> | null;
     renderYear(): import("lit-html").TemplateResult<1>;
     renderDayOfWeek(dayOfWeek: any): import("lit-html").TemplateResult<1>;
     renderWeek(week: any): import("lit-html").TemplateResult<1>;

package/components/datepicker/dist/{vendor → src/vendor}/wc-range-datepicker/range-datepicker.d.ts

@@ -30,7 +30,7 @@ export class RangeDatepicker extends LitElement {
     dateFrom: any;
     dateTo: any;
     hoveredDate: any;
-    monthPlus: number;
+    monthPlus: number | null;
     yearPlus: any;
     narrow: boolean;
     month: number;

package/components/dropdown/README.md

@@ -46,11 +46,7 @@ The `auro-dropdown` element should be used in situations where users may:
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentInstall.md) -->
 <!-- The below content is automatically added from ../../docs/templates/componentInstall.md -->
 
-#### NPM Installation
-
-```shell
-$ npm i @aurodesignsystem/auro-formkit
-```
+<pre class="language-shell"><code class="language-shell">$ npm i @aurodesignsystem/auro-formkit</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/gettingStarted.md) -->
 <!-- The below content is automatically added from ../../docs/templates/gettingStarted.md -->
@@ -59,13 +55,11 @@ $ npm i @aurodesignsystem/auro-formkit
 
 When using TypeScript set `moduleResolution` to `bundler`, add the following to your `tsconfig.json`:
 
-```json
-{
+<pre class="language-json"><code class="language-json">{
     "compilerOptions": {
         "moduleResolution": "bundler"
     }
-}
-```
+}</code></pre>
 
 This configuration enables proper module resolution for the component's TypeScript files.
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -76,9 +70,7 @@ This configuration enables proper module resolution for the component's TypeScri
 <!-- The below content is automatically added from ../../docs/templates/bundleInstallDescription.md -->
 In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
 
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-dropdown/+esm"></script>
-```
+<pre class="language-html"><code class="language-html">&lt;script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-dropdown/+esm"&gt;&lt;/script&gt;</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## Formkit Development
@@ -92,9 +84,7 @@ Running the `dev` command will open a `localhost` development server for all com
 
 To only develop a single component, use the `--filter` flag:
 
-```shell
-npx turbo dev --filter=@aurodesignsystem/auro-input
-```
+<pre class="language-shell"><code class="language-shell">npx turbo dev --filter=@aurodesignsystem/auro-input</code></pre>
 <!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/customRegistration.md) -->
 <!-- The below content is automatically added from ./docs/partials/customRegistration.md -->
@@ -103,58 +93,50 @@ npx turbo dev --filter=@aurodesignsystem/auro-input
 
 There are two key parts to every Auro component: the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element definition. The class defines the component’s behavior, while the custom element registers it under a specific name so it can be used in HTML.
 
-When you install the component as described on the `Install` page, the class is imported automatically, and the component is registered globally for you.
-
-However, if you need to load multiple versions of the same component on a single page (for example, when two projects depend on different versions), you can manually register the class under a custom element name to avoid conflicts.
-
 You can do this by importing only the component class and using the `register(name)` method with a unique name:
 
-```js
-// Import the class only
+<pre class="language-js"><code class="language-js">// Import the class only
 import { AuroDropdown } from '@aurodesignsystem/auro-formkit/auro-dropdown/class';
-
+​
 // Register with a custom name if desired
-AuroDropdown.register('custom-dropdown');
-```
+AuroDropdown.register('custom-dropdown');</code></pre>
 
 This will create a new custom element `<custom-dropdown>` that behaves exactly like `<auro-dropdown>`, allowing both to coexist on the same page without interfering with each other.
 
 <div class="exampleWrapper exampleWrapper--flex">
-  <custom-dropdown id="customCommon" layout="classic" shape="classic" size="lg" aria-label="Label content for screen reader">
-    <div style="padding: var(--ds-size-150);">
+<custom-dropdown id="customCommon" layout="classic" shape="classic" size="lg" aria-label="Label content for screen reader">
+<div style="padding: var(--ds-size-150);">
       Lorem ipsum solar
-      <br />
-      <auro-button id="customCommonButton">
+<br />
+<auro-button id="customCommonButton">
         Dismiss Dropdown
-      </auro-button>
-    </div>
-    <span slot="helpText">
+</auro-button>
+</div>
+<span slot="helpText">
       Help text
-    </span>
-    <div slot="trigger">
+</span>
+<div slot="trigger">
       Trigger
-    </div>
-  </custom-dropdown>
+</div>
+</custom-dropdown>
 </div>
 <auro-accordion alignRight>
-  <span slot="trigger">See code</span>
+<span slot="trigger">See code</span>
 
-```html
-  <custom-dropdown id="customCommon" layout="classic" shape="classic" size="lg" aria-label="Label content for screen reader">
-    <div style="padding: var(--ds-size-150);">
-      Lorem ipsum solar
-      <br />
-      <auro-button id="customCommonButton">
-        Dismiss Dropdown
-      </auro-button>
-    </div>
-    <span slot="helpText">
-      Help text
-    </span>
-    <div slot="trigger">
-      Trigger
-    </div>
-  </custom-dropdown>
-```
+<pre class="language-html"><code class="language-html">&lt;custom-dropdown id="customCommon" layout="classic" shape="classic" size="lg" aria-label="Label content for screen reader"&gt;
+  &lt;div style="padding: var(--ds-size-150);"&gt;
+    Lorem ipsum solar
+    &lt;br /&gt;
+    &lt;auro-button id="customCommonButton"&gt;
+      Dismiss Dropdown
+    &lt;/auro-button&gt;
+  &lt;/div&gt;
+  &lt;span slot="helpText"&gt;
+    Help text
+  &lt;/span&gt;
+  &lt;div slot="trigger"&gt;
+    Trigger
+  &lt;/div&gt;
+&lt;/custom-dropdown&gt;</code></pre>
 </auro-accordion>
 <!-- AURO-GENERATED-CONTENT:END -->