@norges-domstoler/dds-components 0.0.0-dev-20240209091857 → 0.0.0-dev-20240212124253

package/dist/index.d.mts

@@ -1855,10 +1855,14 @@ declare const DrawerGroup: {
 };
 
 type EmptyContentProps = {
+    /**Tittel - kort oppsummering. */
     title?: string;
+    /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden. */
+    titleHeadingLevel?: HeadingLevel;
+    /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. */
     message: string;
 } & HTMLAttributes<HTMLDivElement>;
-declare function EmptyContent({ title, message, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+declare function EmptyContent({ title, message, titleHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 declare namespace EmptyContent {
     var displayName: string;
 }
@@ -2597,9 +2601,14 @@ type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     groupId?: string;
     /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
     errorMessage?: string;
+    /**Hjelpetekst for gruppen. */
     tip?: string;
     /**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
     required?: boolean;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean;
+    /**Gir alle barna `readOnly` prop. */
+    readOnly?: boolean;
 }>;
 declare const CheckboxGroup: {
     (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1855,10 +1855,14 @@ declare const DrawerGroup: {
 };
 
 type EmptyContentProps = {
+    /**Tittel - kort oppsummering. */
     title?: string;
+    /**Nivå på overskriften. Sørg for at den følger hierarkiet på siden. */
+    titleHeadingLevel?: HeadingLevel;
+    /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. */
     message: string;
 } & HTMLAttributes<HTMLDivElement>;
-declare function EmptyContent({ title, message, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+declare function EmptyContent({ title, message, titleHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 declare namespace EmptyContent {
     var displayName: string;
 }
@@ -2597,9 +2601,14 @@ type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     groupId?: string;
     /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
     errorMessage?: string;
+    /**Hjelpetekst for gruppen. */
     tip?: string;
     /**Indikerer at det er påkrevd å velge minst ett alternativ. Innebærer visuell endring. **OBS!** `required` må i tillegg gis til `<Checkbox />` manuelt. */
     required?: boolean;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean;
+    /**Gir alle barna `readOnly` prop. */
+    readOnly?: boolean;
 }>;
 declare const CheckboxGroup: {
     (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -7301,10 +7301,15 @@ var StyledEmptyContentText = import_styled_components46.default.div`
   flex-direction: column;
   gap: ${spacing16.SizesDdsSpacingX1};
 `;
-function EmptyContent({ title: title3, message: message2, ...rest }) {
+function EmptyContent({
+  title: title3,
+  message: message2,
+  titleHeadingLevel = 5,
+  ...rest
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(StyledEmptyContent, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)(StyledEmptyContentText, { children: [
-    title3 && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Typography, { typographyType: "headingSans02", children: title3 }),
-    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Typography, { typographyType: "bodySans02", children: message2 })
+    title3 && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Heading, { level: titleHeadingLevel, children: title3 }),
+    /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Paragraph, { children: message2 })
   ] }) });
 }
 EmptyContent.displayName = "EmptyContent";
@@ -11928,6 +11933,11 @@ var import_dds_design_tokens55 = require("@norges-domstoler/dds-design-tokens");
 // src/components/SelectionControl/SelectionControl.utils.tsx
 var selectionControlSizeNumberPx = 18;
 var selectionControlSize = `${selectionControlSizeNumberPx}px`;
+var selectionControlTypographyProps = {
+  color: "inherit",
+  typographyType: "bodySans02",
+  as: "span"
+};
 
 // src/components/SelectionControl/SelectionControl.tokens.tsx
 var { colors: colors29, spacing: spacing33, borderRadius: borderRadius8 } = import_dds_design_tokens55.ddsBaseTokens;
@@ -12142,6 +12152,9 @@ var Container13 = import_styled_components77.default.label`
     display: block;
   }
 
+  ${({ $readOnly }) => $readOnly && import_styled_components77.css`
+      cursor: default;
+    `}
   ${({ disabled }) => disabled && import_styled_components77.css`
       cursor: not-allowed;
       color: ${container14.disabled.color};
@@ -12219,7 +12232,8 @@ var Checkbox = (0, import_react89.forwardRef)(
       Container13,
       {
         $error: error || (checkboxGroup == null ? void 0 : checkboxGroup.error),
-        disabled,
+        disabled: disabled || (checkboxGroup == null ? void 0 : checkboxGroup.disabled),
+        $readOnly: readOnly || (checkboxGroup == null ? void 0 : checkboxGroup.readOnly),
         htmlFor: uniqueId,
         $hasLabel: hasLabel,
         $controlType: "checkbox",
@@ -12232,7 +12246,7 @@ var Checkbox = (0, import_react89.forwardRef)(
               ...getBaseHTMLProps(uniqueId, restHtmlProps, rest),
               ref,
               name,
-              disabled,
+              disabled: disabled || readOnly || !!(checkboxGroup == null ? void 0 : checkboxGroup.disabled) || !!(checkboxGroup == null ? void 0 : checkboxGroup.readOnly),
               "aria-describedby": spaceSeparatedIdListGenerator([
                 checkboxGroup == null ? void 0 : checkboxGroup.tipId,
                 checkboxGroup == null ? void 0 : checkboxGroup.errorMessageId,
@@ -12247,7 +12261,7 @@ var Checkbox = (0, import_react89.forwardRef)(
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(CustomSelectionControl, { $controlType: "checkbox" }),
-          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Typography, { color: "inherit", as: "span", typographyType: "bodySans02", children: label3 })
+          hasLabel && /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Typography, { ...selectionControlTypographyProps, children: label3 })
         ]
       }
     );
@@ -12265,6 +12279,8 @@ var CheckboxGroup = (props) => {
     errorMessage,
     tip,
     required = false,
+    disabled = false,
+    readOnly = false,
     groupId,
     children,
     id,
@@ -12283,7 +12299,9 @@ var CheckboxGroup = (props) => {
     error: hasErrorMessage,
     errorMessageId: errorMessage ? errorMessageId : void 0,
     uniqueGroupId,
-    tipId: tip ? tipId : void 0
+    tipId: tip ? tipId : void 0,
+    disabled,
+    readOnly
   };
   return /* @__PURE__ */ (0, import_jsx_runtime247.jsxs)(
     OuterGroupContainer,
@@ -12410,7 +12428,7 @@ var RadioButton = (0, import_react92.forwardRef)(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(HiddenInput, { ...inputProps, ref }),
           /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(CustomSelectionControl, { $controlType: "radio" }),
-          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Typography, { as: "span", children: children != null ? children : label3 })
+          /* @__PURE__ */ (0, import_jsx_runtime248.jsx)(Typography, { ...selectionControlTypographyProps, children: children != null ? children : label3 })
         ]
       }
     );