@norges-domstoler/dds-components 21.9.2 → 21.11.0

package/dist/index.d.mts

@@ -2739,9 +2739,9 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
     buttonOnClick?: () => void;
     groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'> & {
     ref?: Ref<HTMLDivElement>;
-};
+    clearable?: boolean;
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'>;
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
     ref?: Ref<HTMLElement>;
@@ -2761,8 +2761,13 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granu
      * Brekkpunkt for å vise versjon for liten skjerm.
      */
     smallScreenBreakpoint?: Breakpoint;
+    /**
+     * Om brukeren kan fjerne valgt dato med en tømmeknapp, inkludert delvis utfylte verdier (f.eks. kun måned).
+     * @default false
+     */
+    clearable?: boolean;
 }
-declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, clearable, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
     var displayName: string;
 }
@@ -3785,7 +3790,7 @@ declare namespace Select {
 }
 
 type NativeSelectProps = {
-    /** Om verdien til `<select>` kan tømmes. */
+    /** Om brukeren kan fjerne verdien med en tømmeknapp. */
     clearable?: boolean;
     /** Implementerer `readOnly` oppførsel etter standard for `<input>` og setter `readOnly` styling. */
     readOnly?: InputProps['readOnly'];
@@ -4079,7 +4084,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     setFocus?: Dispatch<SetStateAction<number>>;
     /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
+    /** Bredden til `<Tab>`. Støtter samme enheter som `grid-template-columns`.
      * @default "1fr"
      */
     width?: CSS.Properties['width'];
@@ -4098,13 +4103,17 @@ declare const TabList: {
 type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;
+    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.
+     * @default 'x0.25'
+     */
+    padding?: ResponsiveProps['padding'];
 }>;
 declare const TabPanel: {
-    ({ active, children, id, className, htmlProps, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+    ({ active, children, id, className, htmlProps, padding, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type TabPanelsProps = ComponentPropsWithRef<'div'>;
+type TabPanelsProps = Pick<ResponsiveProps, 'padding' | 'paddingBlock' | 'paddingInline'> & ComponentPropsWithRef<'div'>;
 declare const TabPanels: {
     ({ children, ref, ...rest }: TabPanelsProps): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.d.ts

@@ -2739,9 +2739,9 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     buttonProps?: ReturnType<typeof useDatePicker>['buttonProps'];
     buttonOnClick?: () => void;
     groupProps?: ReturnType<typeof useDatePicker>['groupProps'];
-} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'> & {
     ref?: Ref<HTMLDivElement>;
-};
+    clearable?: boolean;
+} & Pick<InputProps, 'componentSize' | 'errorMessage' | 'tip' | 'disabled' | 'style' | 'width' | 'className'>;
 
 interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
     ref?: Ref<HTMLElement>;
@@ -2761,8 +2761,13 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granu
      * Brekkpunkt for å vise versjon for liten skjerm.
      */
     smallScreenBreakpoint?: Breakpoint;
+    /**
+     * Om brukeren kan fjerne valgt dato med en tømmeknapp, inkludert delvis utfylte verdier (f.eks. kun måned).
+     * @default false
+     */
+    clearable?: boolean;
 }
-declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, clearable, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
     var displayName: string;
 }
@@ -3785,7 +3790,7 @@ declare namespace Select {
 }
 
 type NativeSelectProps = {
-    /** Om verdien til `<select>` kan tømmes. */
+    /** Om brukeren kan fjerne verdien med en tømmeknapp. */
     clearable?: boolean;
     /** Implementerer `readOnly` oppførsel etter standard for `<input>` og setter `readOnly` styling. */
     readOnly?: InputProps['readOnly'];
@@ -4079,7 +4084,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     setFocus?: Dispatch<SetStateAction<number>>;
     /** Indeksen til `<Tab>`. **OBS!** settes automatisk av forelder.*/
     index?: number;
-    /** Bredden til `<Tab>`. Her er det støtte for de samme enhetene som du kan bruke i `grid-template-columns`.
+    /** Bredden til `<Tab>`. Støtter samme enheter som `grid-template-columns`.
      * @default "1fr"
      */
     width?: CSS.Properties['width'];
@@ -4098,13 +4103,17 @@ declare const TabList: {
 type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;
+    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.
+     * @default 'x0.25'
+     */
+    padding?: ResponsiveProps['padding'];
 }>;
 declare const TabPanel: {
-    ({ active, children, id, className, htmlProps, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
+    ({ active, children, id, className, htmlProps, padding, ...rest }: TabPanelProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-type TabPanelsProps = ComponentPropsWithRef<'div'>;
+type TabPanelsProps = Pick<ResponsiveProps, 'padding' | 'paddingBlock' | 'paddingInline'> & ComponentPropsWithRef<'div'>;
 declare const TabPanels: {
     ({ children, ref, ...rest }: TabPanelsProps): react_jsx_runtime.JSX.Element;
     displayName: string;