@norges-domstoler/dds-components 21.9.2 → 21.10.0

package/dist/index.d.mts

@@ -4079,7 +4079,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 +4098,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

@@ -4079,7 +4079,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 +4098,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.js

@@ -10413,7 +10413,7 @@ var NativeSelect = ({
     setHasValue(false);
     onChange == null ? void 0 : onChange(clearChangeEvent);
   };
-  const iconSize = componentSize === "xsmall" ? "small" : "medium";
+  const iconSize = componentSize === "medium" ? "medium" : "small";
   return /* @__PURE__ */ (0, import_jsx_runtime286.jsxs)("div", { className, style, children: [
     hasLabel && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
       Label,
@@ -10466,7 +10466,7 @@ var NativeSelect = ({
           "aria-label": t(commonTexts.clearSelect),
           onClick: clearInput,
           size: iconSize,
-          className: cn(NativeSelect_default[`clear-button--${iconSize}`])
+          className: NativeSelect_default[`clear-button--${iconSize}`]
         }
       ),
       !multiple && /* @__PURE__ */ (0, import_jsx_runtime286.jsx)(
@@ -10474,7 +10474,7 @@ var NativeSelect = ({
         {
           icon: ChevronDownIcon,
           iconSize,
-          className: NativeSelect_default.icon
+          className: cn(utilStyles_default["center-absolute-y"], NativeSelect_default.icon)
         }
       )
     ] }),
@@ -13353,11 +13353,12 @@ var TabPanel = ({
   id,
   className,
   htmlProps,
+  padding = "x0.25",
   ...rest
 }) => /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(
   Box,
   {
-    padding: "x0.25",
+    padding,
     ...getBaseHTMLProps(id, cn(className, focusable), htmlProps, rest),
     tabIndex: 0,
     role: "tabpanel",
@@ -13384,7 +13385,7 @@ var TabPanels = ({ children, ref, ...rest }) => {
       }
     });
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)("div", { ref: combinedRef, ...rest, children: panelChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime317.jsx)(Box, { ref: combinedRef, ...rest, children: panelChildren });
 };
 TabPanels.displayName = "TabPanels";