@aurodesignsystem/auro-formkit 3.0.0 → 3.0.1

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

@@ -5929,6 +5929,8 @@ class AuroBibtemplate extends r {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning();
@@ -6112,14 +6114,18 @@ class AuroCounterGroup extends r {
   constructor() {
     super();
 
-    this.isDropdown = false;
     this.max = undefined;
     this.min = undefined;
     this.onDark = false;
     this.total = undefined;
     this.validity = undefined;
     this.value = undefined;
+
+    this.isDropdown = false;
     this.fullscreenBreakpoint = 'sm';
+    this.largeFullscreenHeadline = false;
+    this.autoPlacement = false;
+    this.noFlip = false;
 
     /**
      * @private

package/components/counter/demo/readme.md

@@ -110,7 +110,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
 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@2.2.1/auro-counter/+esm"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.0.0/auro-counter/+esm"></script>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 

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

@@ -125,14 +125,17 @@ export class AuroCounterGroup extends LitElement {
      * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
      */
     static register(name?: string): void;
-    isDropdown: boolean;
     max: any;
     min: any;
     onDark: boolean;
     total: number;
     validity: any;
     value: {};
+    isDropdown: boolean;
     fullscreenBreakpoint: string;
+    largeFullscreenHeadline: boolean;
+    autoPlacement: boolean;
+    noFlip: boolean;
     /**
      * @private
      */

package/components/counter/dist/index.js

@@ -5882,6 +5882,8 @@ class AuroBibtemplate extends LitElement {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning();
@@ -6065,14 +6067,18 @@ class AuroCounterGroup extends LitElement {
   constructor() {
     super();
 
-    this.isDropdown = false;
     this.max = undefined;
     this.min = undefined;
     this.onDark = false;
     this.total = undefined;
     this.validity = undefined;
     this.value = undefined;
+
+    this.isDropdown = false;
     this.fullscreenBreakpoint = 'sm';
+    this.largeFullscreenHeadline = false;
+    this.autoPlacement = false;
+    this.noFlip = false;
 
     /**
      * @private

package/components/counter/dist/registered.js

@@ -5882,6 +5882,8 @@ class AuroBibtemplate extends LitElement {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning();
@@ -6065,14 +6067,18 @@ class AuroCounterGroup extends LitElement {
   constructor() {
     super();
 
-    this.isDropdown = false;
     this.max = undefined;
     this.min = undefined;
     this.onDark = false;
     this.total = undefined;
     this.validity = undefined;
     this.value = undefined;
+
+    this.isDropdown = false;
     this.fullscreenBreakpoint = 'sm';
+    this.largeFullscreenHeadline = false;
+    this.autoPlacement = false;
+    this.noFlip = false;
 
     /**
      * @private

package/components/datepicker/README.md

@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
 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@2.2.1/auro-datepicker/+esm"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.0.0/auro-datepicker/+esm"></script>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 

package/components/datepicker/demo/api.md

@@ -15,7 +15,7 @@
 | [disabled](#disabled)                        | `disabled`                        |           | `boolean`  | false                                            | If set, disables the datepicker.                 |
 | [error](#error)                           | `error`                           |           | `string`   |                                                  | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
 | [format](#format)                          | `format`                          |           | `string`   | "mm/dd/yyyy"                                     | Specifies the date format. The default is `mm/dd/yyyy`. |
-| [largeFullscreenHeadline](#largeFullscreenHeadline)         | `largeFullscreenHeadline`         |           | `boolean`  |                                                  | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
+| [largeFullscreenHeadline](#largeFullscreenHeadline)         | `largeFullscreenHeadline`         |           | `boolean`  | false                                            | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
 | [maxDate](#maxDate)                         | `maxDate`                         |           | `string`   |                                                  | Maximum date. All dates after will be disabled.  |
 | [minDate](#minDate)                         | `minDate`                         |           | `string`   |                                                  | Minimum date. All dates before will be disabled. |
 | [monthNames](#monthNames)                      | `monthNames`                      |           | `array`    | ["January","February","March","April","May","June","July","August","September","October","November","December"] | Names of all 12 months to render in the calendar, used for localization of date string in mobile layout. |
@@ -31,7 +31,7 @@
 | [setCustomValidityRangeOverflow](#setCustomValidityRangeOverflow)  | `setCustomValidityRangeOverflow`  |           | `string`   |                                                  | Custom help text message to display when validity = `rangeOverflow`. |
 | [setCustomValidityRangeUnderflow](#setCustomValidityRangeUnderflow) | `setCustomValidityRangeUnderflow` |           | `string`   |                                                  | Custom help text message to display when validity = `rangeUnderflow`. |
 | [setCustomValidityValueMissing](#setCustomValidityValueMissing)   | `setCustomValidityValueMissing`   |           | `string`   |                                                  | Custom help text message to display when validity = `valueMissing`. |
-| [stacked](#stacked)                         | `stacked`                         |           | `boolean`  |                                                  | Set true to make datepicker stacked style.       |
+| [stacked](#stacked)                         | `stacked`                         |           | `boolean`  | false                                            | Set true to make datepicker stacked style.       |
 | [validity](#validity)                        | `validity`                        |           | `string`   | "undefined"                                      | Specifies the `validityState` this element is in. |
 | [value](#value)                           | `value`                           |           | `string`   | "undefined"                                      | Value selected for the datepicker.               |
 | [valueEnd](#valueEnd)                        | `valueEnd`                        |           | `string`   | "undefined"                                      | Value selected for the second datepicker when using date range. |

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

@@ -9723,7 +9723,10 @@ class AuroCalendarCell extends r$2 {
       month:         { type: String },
       min:           { type: Number },
       max:           { type: Number },
-      disabled:      { type: Boolean },
+      disabled:      {
+        type: Boolean,
+        reflect: true
+      },
       disabledDays:  { type: Array },
       hoveredDate:   { type: String },
       isCurrentDate: { type: Boolean },
@@ -10064,7 +10067,8 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
        * @private
        */
       monthFirst: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       }
     };
   }
@@ -11262,6 +11266,8 @@ class AuroBibtemplate extends r$2 {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning$2();
@@ -11861,6 +11867,10 @@ class AuroCalendar extends RangeDatepicker {
     this.showPrevMonthBtn = true;
     this.showNextMonthBtn = true;
 
+    this.visible = false;
+    this.largeFullscreenHeadline = false;
+    this.isFullscreen = false;
+
     /**
      * @private
      */
@@ -11876,8 +11886,6 @@ class AuroCalendar extends RangeDatepicker {
      */
     this.numCalendars = undefined;
 
-    this.visible = false;
-
     /**
      * @private
      */
@@ -20296,7 +20304,8 @@ class BaseInput extends r$2 {
        * If set, disables the input.
        */
       disabled: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20326,7 +20335,8 @@ class BaseInput extends r$2 {
        * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
        */
       icon: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20382,7 +20392,8 @@ class BaseInput extends r$2 {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20412,14 +20423,16 @@ class BaseInput extends r$2 {
        * Makes the input read-only, but can be set programmatically.
        */
       readonly: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
        * Populates the `required` attribute on the input. Used for client-side validation.
        */
       required: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -22399,6 +22412,7 @@ class AuroDatePicker extends r$2 {
     this.required = false;
     this.onDark = false;
     this.range = false;
+    this.stacked = false;
     this.noValidate = false;
     this.validity = undefined;
     this.value = undefined;
@@ -22430,6 +22444,8 @@ class AuroDatePicker extends r$2 {
     this.noFlip = false;
     this.autoPlacement = false;
 
+    this.largeFullscreenHeadline = false;
+
     /**
      * @private
      */
@@ -22595,7 +22611,8 @@ class AuroDatePicker extends r$2 {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**

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

@@ -9464,7 +9464,10 @@ class AuroCalendarCell extends r$2 {
       month:         { type: String },
       min:           { type: Number },
       max:           { type: Number },
-      disabled:      { type: Boolean },
+      disabled:      {
+        type: Boolean,
+        reflect: true
+      },
       disabledDays:  { type: Array },
       hoveredDate:   { type: String },
       isCurrentDate: { type: Boolean },
@@ -9805,7 +9808,8 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
        * @private
        */
       monthFirst: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       }
     };
   }
@@ -11003,6 +11007,8 @@ class AuroBibtemplate extends r$2 {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning$2();
@@ -11602,6 +11608,10 @@ class AuroCalendar extends RangeDatepicker {
     this.showPrevMonthBtn = true;
     this.showNextMonthBtn = true;
 
+    this.visible = false;
+    this.largeFullscreenHeadline = false;
+    this.isFullscreen = false;
+
     /**
      * @private
      */
@@ -11617,8 +11627,6 @@ class AuroCalendar extends RangeDatepicker {
      */
     this.numCalendars = undefined;
 
-    this.visible = false;
-
     /**
      * @private
      */
@@ -20037,7 +20045,8 @@ class BaseInput extends r$2 {
        * If set, disables the input.
        */
       disabled: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20067,7 +20076,8 @@ class BaseInput extends r$2 {
        * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
        */
       icon: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20123,7 +20133,8 @@ class BaseInput extends r$2 {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20153,14 +20164,16 @@ class BaseInput extends r$2 {
        * Makes the input read-only, but can be set programmatically.
        */
       readonly: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
        * Populates the `required` attribute on the input. Used for client-side validation.
        */
       required: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -22140,6 +22153,7 @@ class AuroDatePicker extends r$2 {
     this.required = false;
     this.onDark = false;
     this.range = false;
+    this.stacked = false;
     this.noValidate = false;
     this.validity = undefined;
     this.value = undefined;
@@ -22171,6 +22185,8 @@ class AuroDatePicker extends r$2 {
     this.noFlip = false;
     this.autoPlacement = false;
 
+    this.largeFullscreenHeadline = false;
+
     /**
      * @private
      */
@@ -22336,7 +22352,8 @@ class AuroDatePicker extends r$2 {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**

package/components/datepicker/demo/readme.md

@@ -104,7 +104,7 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
 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@2.2.1/auro-datepicker/+esm"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.0.0/auro-datepicker/+esm"></script>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 

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

@@ -26,6 +26,7 @@ export class AuroCalendarCell extends LitElement {
         };
         disabled: {
             type: BooleanConstructor;
+            reflect: boolean;
         };
         disabledDays: {
             type: ArrayConstructor;

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

@@ -6,6 +6,7 @@ export class AuroCalendarMonth extends RangeDatepickerCalendar {
          */
         monthFirst: {
             type: BooleanConstructor;
+            reflect: boolean;
         };
     };
     /**

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

@@ -86,6 +86,9 @@ export class AuroCalendar extends RangeDatepicker {
     centralDate: any;
     showPrevMonthBtn: boolean;
     showNextMonthBtn: boolean;
+    visible: boolean;
+    largeFullscreenHeadline: boolean;
+    isFullscreen: boolean;
     /**
      * @private
      */
@@ -98,7 +101,6 @@ export class AuroCalendar extends RangeDatepicker {
      * @private
      */
     private numCalendars;
-    visible: boolean;
     /**
      * @private
      */
@@ -118,7 +120,6 @@ export class AuroCalendar extends RangeDatepicker {
      * @returns {Object} Returns the auro-calendar-months HTML.
      */
     private renderAllCalendars;
-    isFullscreen: any;
     firstRenderedMonth: any;
     /**
      * Request the calendar be scrolled to a given date.

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

@@ -125,6 +125,7 @@ export class AuroDatePicker extends LitElement {
          */
         noValidate: {
             type: BooleanConstructor;
+            reflect: boolean;
         };
         /**
          * Gap between the trigger element and bib.
@@ -248,6 +249,7 @@ export class AuroDatePicker extends LitElement {
     required: boolean;
     onDark: boolean;
     range: boolean;
+    stacked: boolean;
     noValidate: boolean;
     validity: any;
     value: any;
@@ -262,6 +264,7 @@ export class AuroDatePicker extends LitElement {
     offset: number;
     noFlip: boolean;
     autoPlacement: boolean;
+    largeFullscreenHeadline: boolean;
     /**
      * @private
      */

package/components/datepicker/dist/index.js

@@ -9419,7 +9419,10 @@ class AuroCalendarCell extends LitElement {
       month:         { type: String },
       min:           { type: Number },
       max:           { type: Number },
-      disabled:      { type: Boolean },
+      disabled:      {
+        type: Boolean,
+        reflect: true
+      },
       disabledDays:  { type: Array },
       hoveredDate:   { type: String },
       isCurrentDate: { type: Boolean },
@@ -9760,7 +9763,8 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
        * @private
        */
       monthFirst: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       }
     };
   }
@@ -10952,6 +10956,8 @@ class AuroBibtemplate extends LitElement {
   constructor() {
     super();
 
+    this.large = false;
+
     AuroLibraryRuntimeUtils$1$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
 
     const versioning = new AuroDependencyVersioning$2();
@@ -11551,6 +11557,10 @@ class AuroCalendar extends RangeDatepicker {
     this.showPrevMonthBtn = true;
     this.showNextMonthBtn = true;
 
+    this.visible = false;
+    this.largeFullscreenHeadline = false;
+    this.isFullscreen = false;
+
     /**
      * @private
      */
@@ -11566,8 +11576,6 @@ class AuroCalendar extends RangeDatepicker {
      */
     this.numCalendars = undefined;
 
-    this.visible = false;
-
     /**
      * @private
      */
@@ -19973,7 +19981,8 @@ class BaseInput extends LitElement {
        * If set, disables the input.
        */
       disabled: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20003,7 +20012,8 @@ class BaseInput extends LitElement {
        * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
        */
       icon: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20059,7 +20069,8 @@ class BaseInput extends LitElement {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -20089,14 +20100,16 @@ class BaseInput extends LitElement {
        * Makes the input read-only, but can be set programmatically.
        */
       readonly: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
        * Populates the `required` attribute on the input. Used for client-side validation.
        */
       required: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -22076,6 +22089,7 @@ class AuroDatePicker extends LitElement {
     this.required = false;
     this.onDark = false;
     this.range = false;
+    this.stacked = false;
     this.noValidate = false;
     this.validity = undefined;
     this.value = undefined;
@@ -22107,6 +22121,8 @@ class AuroDatePicker extends LitElement {
     this.noFlip = false;
     this.autoPlacement = false;
 
+    this.largeFullscreenHeadline = false;
+
     /**
      * @private
      */
@@ -22272,7 +22288,8 @@ class AuroDatePicker extends LitElement {
        * If set, disables auto-validation on blur.
        */
       noValidate: {
-        type: Boolean
+        type: Boolean,
+        reflect: true
       },
 
       /**