@norges-domstoler/dds-components 0.0.0-dev-20250603102801 → 0.0.0-dev-20250604071409

package/dist/index.d.mts

@@ -4014,16 +4014,9 @@ declare const Tooltip: {
     displayName: string;
 };
 
-type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    as: 'div';
-}>;
-type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**Spesifiserer hvilken HTML tag skal returneres. */
-    as: 'span';
-}>;
-type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
+type VisuallyHiddenProps<T extends ElementType = 'span'> = PolymorphicBaseComponentProps<T>;
 declare const VisuallyHidden: {
-    (props: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "span">({ id, as: asProp, className, htmlProps, ...rest }: VisuallyHiddenProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -4014,16 +4014,9 @@ declare const Tooltip: {
     displayName: string;
 };
 
-type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    as: 'div';
-}>;
-type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**Spesifiserer hvilken HTML tag skal returneres. */
-    as: 'span';
-}>;
-type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
+type VisuallyHiddenProps<T extends ElementType = 'span'> = PolymorphicBaseComponentProps<T>;
 declare const VisuallyHidden: {
-    (props: VisuallyHiddenProps): react_jsx_runtime.JSX.Element;
+    <T extends ElementType = "span">({ id, as: asProp, className, htmlProps, ...rest }: VisuallyHiddenProps<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -5912,13 +5912,26 @@ CalendarCell.displayName = "CalendarCell";
 
 // src/components/VisuallyHidden/VisuallyHidden.tsx
 var import_jsx_runtime222 = require("react/jsx-runtime");
-var VisuallyHidden = (props) => {
-  const { id, className, htmlProps, as, ...rest } = props;
-  const cl = cn(className, utilStyles_default["visually-hidden"]);
-  if (as === "div") {
-    return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("div", { ...getBaseHTMLProps(id, cl, htmlProps, rest) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)("span", { ...getBaseHTMLProps(id, cl, htmlProps, rest) });
+var VisuallyHidden = ({
+  id,
+  as: asProp,
+  className,
+  htmlProps,
+  ...rest
+}) => {
+  const as = asProp != null ? asProp : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(
+    ElementAs,
+    {
+      as,
+      ...getBaseHTMLProps(
+        id,
+        cn(className, utilStyles_default["visually-hidden"]),
+        htmlProps,
+        rest
+      )
+    }
+  );
 };
 VisuallyHidden.displayName = "VisuallyHidden";
 
@@ -6165,7 +6178,7 @@ function CalendarGrid({ state, ...props }) {
               className: cn(DateInput_default["calendar__grid-element"], ...typographyCn),
               children: [
                 "# ",
-                /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(VisuallyHidden, { as: "span", children: "Ukenummer" })
+                /* @__PURE__ */ (0, import_jsx_runtime225.jsx)(VisuallyHidden, { children: "Ukenummer" })
               ]
             }
           ),
@@ -8221,7 +8234,7 @@ var FileUploader = (props) => {
                 }
               ),
               dropAreaLabel,
-              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(VisuallyHidden, { as: "span", children: "velg fil med p\xE5f\xF8lgende knapp" }),
+              /* @__PURE__ */ (0, import_jsx_runtime255.jsx)(VisuallyHidden, { children: "velg fil med p\xE5f\xF8lgende knapp" }),
               button
             ]
           }
@@ -8487,7 +8500,7 @@ var InlineEdit_default = {
 
 // src/components/InlineEdit/InlineEdit.utils.tsx
 var import_jsx_runtime267 = require("react/jsx-runtime");
-var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(VisuallyHidden, { id, as: "span", children: [
+var inlineEditVisuallyHidden = (id, emptiable) => /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(VisuallyHidden, { id, children: [
   "Escape, Enter eller Tab for \xE5 lagre.",
   " ",
   !emptiable && "Inputfeltet er ikke t\xF8mmbar."
@@ -11076,9 +11089,9 @@ var ProgressTrackerItem = (props) => {
           typographyStyles_default["body-medium"]
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenTextBefore(index) }),
+          /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(VisuallyHidden, { children: getVisuallyHiddenTextBefore(index) }),
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(VisuallyHidden, { as: "span", children: getVisuallyHiddenTextAfter(completed) })
+          /* @__PURE__ */ (0, import_jsx_runtime287.jsx)(VisuallyHidden, { children: getVisuallyHiddenTextAfter(completed) })
         ]
       }
     )
@@ -11580,7 +11593,7 @@ var Search = ({
               componentSize
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, as: "span", children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
+          /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(VisuallyHidden, { id: suggestionsDescriptionId, children: "Bla i s\xF8keforslag med piltaster n\xE5r listen er utvidet." })
         ] }),
         hasValue && /* @__PURE__ */ (0, import_jsx_runtime292.jsx)(
           Button,
@@ -12135,7 +12148,7 @@ var CollapsibleRow = ({
       definingColumnCells,
       /* @__PURE__ */ (0, import_jsx_runtime305.jsxs)(Table2.Cell, { type: "head", layout: "center", children: [
         "Utvid",
-        /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(VisuallyHidden, { as: "span", children: "raden" })
+        /* @__PURE__ */ (0, import_jsx_runtime305.jsx)(VisuallyHidden, { children: "raden" })
       ] })
     ] }) });
   };
@@ -12989,7 +13002,7 @@ var Toggle = ({
           ),
           children,
           " ",
-          isLoading && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(VisuallyHidden, { as: "span", children: "Innlastning p\xE5g\xE5r" })
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime316.jsx)(VisuallyHidden, { children: "Innlastning p\xE5g\xE5r" })
         ] })
       ]
     }