@aurodesignsystem-dev/auro-formkit 0.0.0-pr1160.0 → 0.0.0-pr1161.0

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

@@ -62,14 +62,6 @@ export class AuroCalendar extends RangeDatepicker {
         dropdown: {
             type: ObjectConstructor;
         };
-        /**
-         * Mobile breakpoint for responsive design.
-         * @private
-         */
-        mobileBreakpoint: {
-            type: NumberConstructor;
-            reflect: boolean;
-        };
         /**
          * @private
          */

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

@@ -1,6 +1,7 @@
 /**
  * @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 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.
@@ -22,6 +23,15 @@
  */
 export class AuroDatePicker extends AuroElement {
     static get properties(): {
+        /**
+         * Defines whether the component will be on lighter or darker backgrounds.
+         * @property {'default', 'inverse'}
+         * @default 'default'
+         */
+        appearance: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
         /**
          * If declared, bib's position will be automatically calculated where to appear.
          * @default false
@@ -188,7 +198,7 @@ export class AuroDatePicker extends AuroElement {
             reflect: boolean;
         };
         /**
-         * If declared, onDark styles will be applied to the trigger.
+         * DEPRECATED - use `appearance` instead.
          */
         onDark: {
             type: BooleanConstructor;
@@ -320,6 +330,7 @@ export class AuroDatePicker extends AuroElement {
      */
     private calendarRenderUtil;
     formattedStartDate: boolean;
+    appearance: string;
     touched: boolean;
     disabled: boolean;
     dvInputOnly: boolean;
@@ -541,7 +552,6 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private handleReadOnly;
-    mobileBreakpoint: number;
     /**
      * Keep the datepicker in sync with the calendar's central date.
      * @private