@entur/datepicker 9.3.4 → 9.4.0

package/dist/DatePicker/DateField.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './DateField.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type DateFieldProps = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedDate: DateValue | null;
@@ -34,14 +38,14 @@ export type DateFieldProps = {
     maxDate?: DateValue;
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Varselmelding som forteller om ugyldig dato
      * @default "Ugyldig dato"
      */
     validationFeedback?: string;
     /** Valideringsvariant for melding om ugyldig dato
-     * @default "error"
+     * @default "negative"
      */
     validationVariant?: VariantType;
     labelTooltip?: React.ReactNode;
@@ -52,3 +56,4 @@ export type DateFieldProps = {
     [key: string]: any;
 } & Omit<SpectrumDateFieldProps<DateValue>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
 export declare const DateField: React.ForwardRefExoticComponent<Omit<DateFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/DatePicker/DatePicker.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { CalendarDate, DateValue } from '@internationalized/date';
 import type { AriaDatePickerProps, MappedDateValue } from '@react-types/datepicker';
-import type { VariantType } from '@entur/form';
+import type { VariantType } from '@entur/utils';
 import './DatePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type DatePickerProps<DateType extends DateValue> = {
     /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
     selectedDate: DateType | null;
@@ -41,16 +45,16 @@ export type DatePickerProps<DateType extends DateValue> = {
     isDateUnavailable?: (date: DateValue) => boolean;
     /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Varselmelding som forteller om ugyldig dato
      * @default "Ugyldig dato"
      */
     validationFeedback?: string;
     /** Valideringsvariant for melding om ugyldig dato
-     * @default "error"
+     * @default "negative"
      */
-    validationVariant?: VariantType;
+    validationVariant?: VariantType | typeof error | typeof info;
     disabled?: boolean;
     /** Slå på visning av ukenummere i kalenderen. Overskriften for ukenummer-kolonnen
      * kan endres med prop-en 'weekNumberHeader'
@@ -102,3 +106,4 @@ export type DatePickerProps<DateType extends DateValue> = {
     style?: React.CSSProperties;
 } & Omit<AriaDatePickerProps<DateType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
 export declare const DatePicker: <DateType extends DateValue>({ selectedDate, onChange, locale, disabled, showTime, showTimeZone, classNameForDate, className, style, variant, feedback, validationVariant, validationFeedback, showWeekNumbers, weekNumberHeader, disableModal, labelTooltip, navigationDescription, minDate, maxDate, modalTreshold, forcedReturnType, ariaLabelForDate, ...rest }: DatePickerProps<DateType>) => React.JSX.Element;
+export {};

package/dist/DatePicker/NativeDatePicker.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type NativeDatePickerProps = {
     /** Ekstra klassenavn */
     className?: string;
@@ -7,8 +11,8 @@ export type NativeDatePickerProps = {
     label: string;
     /** Varselmelding, som vil komme under NativeDatePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -25,8 +29,8 @@ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
     label: string;
     /** Varselmelding, som vil komme under NativeDatePicker */
     feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
+    /** Valideringsvariant*/
+    variant?: "info" | "error" | VariantType | undefined;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -36,3 +40,4 @@ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
      */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/TimePicker/NativeTimePicker.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './NativeTimePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type NativeTimePickerProps = {
     /** Ekstra klassenavn */
     className?: string;
@@ -8,8 +12,8 @@ export type NativeTimePickerProps = {
     label: string;
     /** Varselmelding, som vil komme under NativeTimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Tekst eller ikon som kommer før inputfelter */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement>;
@@ -20,8 +24,9 @@ export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
     label: string;
     /** Varselmelding, som vil komme under NativeTimePicker */
     feedback?: string | undefined;
-    /** Valideringsvariant */
-    variant?: VariantType | undefined;
+    /** Valideringsvariant*/
+    variant?: "info" | "error" | VariantType | undefined;
     /** Tekst eller ikon som kommer før inputfelter */
     prepend?: React.ReactNode;
 } & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/TimePicker/SimpleTimePicker.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './SimpleTimePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedTime: TimeType | null;
@@ -24,8 +28,8 @@ export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     padding?: 'default' | 'large';
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     /** Tekst eller ikon som vises foran skjema-elementet */
     prepend?: React.ReactNode;
     /** Tekst eller ikon som vises etter skjema-elementet */
@@ -39,3 +43,4 @@ export type SimpleTimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 } & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'>;
 export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => React.JSX.Element;
+export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
-import { VariantType } from '@entur/form';
+import { VariantType } from '@entur/utils';
 import './TimePicker.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type TimePickerProps<TimeType extends TimeValue> = {
     /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
     selectedTime: TimeType | null;
@@ -38,8 +42,8 @@ export type TimePickerProps<TimeType extends TimeValue> = {
     rightArrowButtonAriaLabel?: string;
     /** Varselmelding, som vil komme under TimePicker */
     feedback?: string;
-    /** Valideringsvariant */
-    variant?: VariantType;
+    /** Valideringsvariant*/
+    variant?: VariantType | typeof error | typeof info;
     labelTooltip?: React.ReactNode;
     disabled?: boolean;
     inputRef?: React.ForwardedRef<HTMLDivElement>;
@@ -59,3 +63,4 @@ export type TimePickerProps<TimeType extends TimeValue> = {
     style?: React.CSSProperties;
 } & Omit<AriaTimeFieldProps<TimeType>, 'value' | 'onChange' | 'label' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'>;
 export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
+export {};

package/dist/datepicker.cjs.development.js

@@ -229,7 +229,7 @@ var DateField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     variant = _ref.variant,
     feedback = _ref.feedback,
     _ref$validationVarian = _ref.validationVariant,
-    validationVariant = _ref$validationVarian === void 0 ? 'error' : _ref$validationVarian,
+    validationVariant = _ref$validationVarian === void 0 ? 'negative' : _ref$validationVarian,
     _ref$validationFeedba = _ref.validationFeedback,
     validationFeedback = _ref$validationFeedba === void 0 ? 'Ugyldig dato' : _ref$validationFeedba,
     labelTooltip = _ref.labelTooltip,