@norges-domstoler/dds-components 13.8.7 → 13.9.0

package/README.md

@@ -22,8 +22,10 @@ import { Button, TextInput } from '@norges-domstoler/dds-components';
 const App = () => (
   <>
     <TextInput label="Input" />
-    <Button label="Primary" />
-    <Button purpose="secondary" appearance="ghost" label="Secondary" />
+    <Button>Primary</Button>
+    <Button purpose="secondary" appearance="ghost">
+      Secondary
+    </Button>
   </>
 );
 

package/dist/index.d.mts

@@ -294,8 +294,13 @@ type PickedHTMLAttributes$1 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
 type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
     /**Størrelsen på knappen. */
     size?: ButtonSize;
-    /**Tekst i knappen. */
+    /**
+     * Innhold i knappen. Hvis `children` er definert så blir den prioritert.
+     * @deprecated Bruk `children` i stedet.
+     * */
     label?: string | ReactElement;
+    /**Innhold i knappen. Denne blir prioritert over `label`. */
+    children?: ReactNode;
     /**Bestemmer farger basert på formål. */
     purpose?: ButtonPurpose;
     /**	Posisjonen til ikonet i forhold til teksten.*/
@@ -319,6 +324,7 @@ type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
 declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
     size?: ButtonSize | undefined;
     label?: string | react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
+    children?: react.ReactNode;
     purpose?: ButtonPurpose | undefined;
     iconPosition?: IconPosition | undefined;
     appearance?: ButtonAppearance | undefined;
@@ -1584,8 +1590,9 @@ declare const StyledTextArea: styled_components.StyledComponent<"input", any, Pi
     prefixLength?: number | undefined;
     suffixLength?: number | undefined;
 } & Pick<_norges_domstoler_dds_form.InputProps, "componentSize">, never>;
+declare const TextArea: react.ForwardRefExoticComponent<_norges_domstoler_dds_form.CommonInputProps & react.TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
+
 type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 type SplitButtonProps = {

package/dist/index.d.ts

@@ -294,8 +294,13 @@ type PickedHTMLAttributes$1 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onC
 type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
     /**Størrelsen på knappen. */
     size?: ButtonSize;
-    /**Tekst i knappen. */
+    /**
+     * Innhold i knappen. Hvis `children` er definert så blir den prioritert.
+     * @deprecated Bruk `children` i stedet.
+     * */
     label?: string | ReactElement;
+    /**Innhold i knappen. Denne blir prioritert over `label`. */
+    children?: ReactNode;
     /**Bestemmer farger basert på formål. */
     purpose?: ButtonPurpose;
     /**	Posisjonen til ikonet i forhold til teksten.*/
@@ -319,6 +324,7 @@ type ButtonProps$1 = BaseComponentProps<HTMLButtonElement, {
 declare const Button: react.ForwardRefExoticComponent<Pick<Omit<react.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
     size?: ButtonSize | undefined;
     label?: string | react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
+    children?: react.ReactNode;
     purpose?: ButtonPurpose | undefined;
     iconPosition?: IconPosition | undefined;
     appearance?: ButtonAppearance | undefined;
@@ -1584,8 +1590,9 @@ declare const StyledTextArea: styled_components.StyledComponent<"input", any, Pi
     prefixLength?: number | undefined;
     suffixLength?: number | undefined;
 } & Pick<_norges_domstoler_dds_form.InputProps, "componentSize">, never>;
+declare const TextArea: react.ForwardRefExoticComponent<_norges_domstoler_dds_form.CommonInputProps & react.TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
+
 type TextAreaProps = CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextArea: react.ForwardRefExoticComponent<CommonInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 type SplitButtonProps = {

package/dist/index.js

@@ -996,6 +996,7 @@ var Button = (0, import_react4.forwardRef)(
   (props, ref) => {
     const {
       label: label3,
+      children,
       purpose = "primary",
       size = "medium",
       iconPosition = "left",
@@ -1015,12 +1016,11 @@ var Button = (0, import_react4.forwardRef)(
       ...rest
     } = props;
     const as = href ? "a" : "button";
-    const hasLabel = !!label3;
+    const hasLabel = !!children || !!label3;
     const hasIcon = !!icon12;
     const wrapperProps = {
       ...(0, import_dds_core6.getBaseHTMLProps)(id, className, htmlProps, rest),
       href,
-      label: label3,
       as,
       rel: href ? "noreferrer noopener" : void 0,
       target: href && target ? target : void 0,
@@ -1054,7 +1054,7 @@ var Button = (0, import_react4.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ButtonWrapper, { ...wrapperProps, "aria-disabled": loading, children: [
       !isIconButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
         iconPosition === "left" && iconElement,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { isHidden: loading, "aria-hidden": loading, children: label3 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { isHidden: loading, "aria-hidden": loading, children: children != null ? children : label3 }),
         iconPosition === "right" && iconElement
       ] }),
       isIconButton && iconElement,
@@ -4428,9 +4428,9 @@ var Search = (0, import_react25.forwardRef)(
                 Button,
                 {
                   size: componentSize,
-                  label: buttonLabel || "S\xF8k",
                   onClick,
-                  ...otherButtonProps
+                  ...otherButtonProps,
+                  children: buttonLabel || "S\xF8k"
                 }
               )
             ]
@@ -5527,14 +5527,14 @@ var Pagination = (0, import_react44.forwardRef)(
       return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListItem2, { children: item !== "truncator" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
-          label: item.toString(),
           purpose: isActive ? "primary" : "secondary",
           appearance: isActive ? "filled" : "ghost",
           size: "small",
           onClick: (event) => {
             onPageChange(event, item);
           },
-          "aria-label": isActive ? `N\xE5v\xE6rende side (side ${item})` : `G\xE5 til side ${item}`
+          "aria-label": isActive ? `N\xE5v\xE6rende side (side ${item})` : `G\xE5 til side ${item}`,
+          children: item
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         import_dds_icons24.Icon,
@@ -5602,11 +5602,11 @@ var Pagination = (0, import_react44.forwardRef)(
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListItem2, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
-          label: activePage.toString(),
           size: "small",
           onClick: (event) => {
             onPageChange(event, activePage);
-          }
+          },
+          children: activePage
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ListItem2, { isHidden: isOnLastPage, "aria-hidden": isOnLastPage, children: nextPageButton }),
@@ -10150,7 +10150,6 @@ var FileUploader = (props) => {
               type: "button",
               appearance: "filled",
               purpose: "secondary",
-              label: "Velg fil",
               icon: import_dds_icons42.UploadIcon,
               htmlProps: {
                 "aria-invalid": hasRootErrors ? true : void 0,
@@ -10158,7 +10157,8 @@ var FileUploader = (props) => {
                   hasTip ? tipId : void 0,
                   ...rootErrorsList.map((e) => e.id)
                 ])
-              }
+              },
+              children: "Velg fil"
             }
           )
         ]
@@ -10356,11 +10356,11 @@ var CommentComponent = ({
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Button,
       {
-        label: "Send inn",
         purpose: "secondary",
         size: "small",
         onClick: handleSubmit,
-        loading
+        loading,
+        children: "Send inn"
       }
     )
   ] });