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

package/dist/index.d.mts

@@ -2597,9 +2597,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

@@ -2597,9 +2597,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

@@ -11928,6 +11928,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 +12147,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 +12227,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 +12241,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 +12256,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 +12274,8 @@ var CheckboxGroup = (props) => {
     errorMessage,
     tip,
     required = false,
+    disabled = false,
+    readOnly = false,
     groupId,
     children,
     id,
@@ -12283,7 +12294,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 +12423,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 })
         ]
       }
     );