@autoguru/overdrive 4.48.0-next.2 → 4.48.0-next.3

package/dist/components/DateInput/DateInput.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
 import { type DatePickerProps } from '../DatePicker/DatePicker';
 type FilteredDatePickerProps = Pick<DatePickerProps, 'calendarOptions' | 'lang'>;
+export interface DateInputProps extends FilteredDatePickerProps, Partial<Pick<HTMLInputElement, 'min' | 'max'>> {
+    /**
+     * Accessible label for the date input field, can be the same or different to the `placeholder` content
+     */
+    label?: string;
+}
 /**
  * Input component for structured date entry with integrated calendar date picker.
  *
@@ -42,6 +48,6 @@ type FilteredDatePickerProps = Pick<DatePickerProps, 'calendarOptions' | 'lang'>
  * />
  * ```
  */
-export declare const DateInput: React.ForwardRefExoticComponent<FilteredDatePickerProps & Partial<Pick<HTMLInputElement, "min" | "max">> & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & import("../private/InputBase/withEnhancedInput").EnhanceInputPrimitiveProps<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").EventHandlers<HTMLInputElement> & import("../private/InputBase/withEnhancedInput").ValidationProps & React.RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=DateInput.d.ts.map

package/dist/components/DateInput/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAWf,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAM5E,KAAK,uBAAuB,GAAG,IAAI,CAClC,eAAe,EACf,iBAAiB,GAAG,MAAM,CAC1B,CAAC;AAmCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS,yYAmJrB,CAAC"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../lib/components/DateInput/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAWf,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAM5E,KAAK,uBAAuB,GAAG,IAAI,CAClC,eAAe,EACf,iBAAiB,GAAG,MAAM,CAC1B,CAAC;AAEF,MAAM,WAAW,cAChB,SAAQ,uBAAuB,EAC9B,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS,+UAwJrB,CAAC"}

package/dist/components/DateInput/DateInput.js

@@ -90,6 +90,7 @@ export const DateInput = withEnhancedInput(({
   calendarOptions,
   eventHandlers,
   field,
+  label,
   lang,
   max,
   min,
@@ -112,10 +113,6 @@ export const DateInput = withEnhancedInput(({
     locale
   } = useLocale();
   const [selectedDate, setSelectedDate] = useState(value ? safeParseDateString(value) : null);
-  const minMaxValues = {
-    minValue: min ? safeParseDateString(min) : undefined,
-    maxValue: max ? safeParseDateString(max) : undefined
-  };
   useEffect(() => {
     const parsedDate = value ? safeParseDateString(value) : null;
     setSelectedDate(parsedDate);
@@ -155,8 +152,11 @@ export const DateInput = withEnhancedInput(({
     onBlur: handleBlur,
     onChange: handleDateChange,
     onFocus: handleFocus,
-    value: selectedDate
-  }, minMaxValues);
+    value: selectedDate,
+    label,
+    minValue: min ? safeParseDateString(min) : undefined,
+    maxValue: max ? safeParseDateString(max) : undefined
+  });
   const dateFieldState = useDateFieldState(_objectSpread(_objectSpread({}, hookProps), {}, {
     locale,
     createCalendar
@@ -193,7 +193,9 @@ export const DateInput = withEnhancedInput(({
       id: id,
       name: name,
       value: formatDateValue(selectedDate),
-      calendarOptions: _objectSpread(_objectSpread(_objectSpread({}, defaultCalendarOptions), calendarOptions), minMaxValues),
+      min: min,
+      max: max,
+      calendarOptions: _objectSpread(_objectSpread({}, defaultCalendarOptions), calendarOptions),
       disabled: disabled,
       lang: lang,
       size: size,

package/dist/components/Popover/Popover.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/Popover.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,QAiBvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAcvB,CAAC;AAEH,eAAO,MAAM,eAAe,QAY1B,CAAC"}
+{"version":3,"file":"Popover.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Popover/Popover.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY,QAiBvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAevB,CAAC;AAEH,eAAO,MAAM,eAAe,QAY1B,CAAC"}

package/dist/components/Popover/Popover.css.js

@@ -27,6 +27,7 @@ export const triggerStyle = style({
     [cssLayerComponent]: {
       background: 'transparent',
       border: 'none',
+      color: 'inherit',
       cursor: 'pointer',
       padding: 0,
       selectors: {
@@ -46,7 +47,7 @@ export const fullScreenStyle = style({
       position: 'fixed',
       right: 0,
       top: 0,
-      zIndex: 3
+      zIndex: 2000 // higher than modal
     }
   }
 }, "fullScreenStyle");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.48.0-next.2",
+	"version": "4.48.0-next.3",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",