@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/Select/Select.tokens.js

@@ -1,166 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-import { inputTypographyTypes } from '@norges-domstoler/dds-form';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  borderRadius = ddsBaseTokens.borderRadius,
-  border = ddsBaseTokens.border;
-var textDefault = ddsReferenceTokens.textDefault;
-var placeholderTypographyTypes = {
-  medium: 'supportingStylePlaceholderText01',
-  small: 'supportingStylePlaceholderText02',
-  tiny: 'supportingStylePlaceholderText03'
-};
-var typographyTypes = {
-  control: inputTypographyTypes,
-  option: inputTypographyTypes,
-  placeholder: placeholderTypographyTypes,
-  noOptionsMessage: placeholderTypographyTypes,
-  groupHeading: 'supportingStyleHelperText01',
-  multiValueLabel: 'bodySans01'
-};
-var control = {
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-  border: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid"),
-  borderColor: colors.DdsColorNeutralsGray5,
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  color: colors.DdsColorNeutralsGray9,
-  disabled: {
-    backgroundColor: colors.DdsColorNeutralsGray1,
-    borderColor: colors.DdsColorNeutralsGray5
-  },
-  readOnly: {
-    borderColor: 'transparent',
-    backgroundColor: 'transparent'
-  },
-  isMulti: {
-    sizes: {
-      medium: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX075)
-      },
-      small: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075)
-      },
-      tiny: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05)
-      }
-    }
-  },
-  sizes: {
-    medium: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX075)
-    },
-    small: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075)
-    },
-    tiny: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05)
-    }
-  }
-};
-var placeholder = {
-  color: colors.DdsColorNeutralsGray6
-};
-var dropdownIndicator = {
-  base: {
-    color: colors.DdsColorNeutralsGray6
-  },
-  hover: {
-    color: colors.DdsColorInteractiveBase
-  },
-  readOnly: {
-    color: 'transparent'
-  }
-};
-var clearIndicator = {
-  base: {
-    color: colors.DdsColorNeutralsGray6
-  },
-  hover: {
-    color: colors.DdsColorInteractiveBase
-  }
-};
-var loadingIndicator = {
-  color: colors.DdsColorNeutralsGray6
-};
-var menu = {
-  border: '1px solid',
-  borderColor: colors.DdsColorInteractiveBase,
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-  marginTop: spacing.SizesDdsSpacingLocalX025,
-  marginBottom: spacing.SizesDdsSpacingLocalX025
-};
-var groupHeading = {
-  color: colors.DdsColorNeutralsGray7,
-  padding: "".concat(spacing.SizesDdsSpacingLocalX05, "  ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX0125, " ").concat(spacing.SizesDdsSpacingLocalX075)
-};
-var option = {
-  base: {
-    gap: spacing.SizesDdsSpacingLocalX05,
-    padding: "".concat(spacing.SizesDdsSpacingLocalX075),
-    backgroundColor: colors.DdsColorNeutralsWhite
-  },
-  hover: {
-    color: textDefault.textColor,
-    backgroundColor: colors.DdsColorInteractiveLightest
-  },
-  focus: {
-    color: textDefault.textColor,
-    backgroundColor: colors.DdsColorInteractiveLightest
-  },
-  selected: {
-    backgroundColor: colors.DdsColorNeutralsWhite
-  }
-};
-var noOptionsMessage = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX1),
-  color: colors.DdsColorNeutralsGray6
-};
-var multiValue = {
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-  backgroundColor: colors.DdsColorNeutralsGray2
-};
-var multiValueLabel = {
-  padding: "0 ".concat(spacing.SizesDdsSpacingLocalX025),
-  color: colors.DdsColorNeutralsGray9
-};
-var multiValueRemove = {
-  base: {
-    color: colors.DdsColorNeutralsGray9,
-    padding: "0 ".concat(spacing.SizesDdsSpacingLocalX025),
-    borderTopRightRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-    borderBottomRightRadius: borderRadius.RadiiDdsBorderRadius1Radius
-  },
-  hover: {
-    color: colors.DdsColorNeutralsWhite,
-    backgroundColor: colors.DdsColorInteractiveBase,
-    boxShadow: "inset 0 0 0 1px ".concat(colors.DdsColorNeutralsGray9)
-  }
-};
-var valueContainer = {
-  isMulti: {
-    gap: spacing.SizesDdsSpacingLocalX025
-  }
-};
-var icon = {
-  marginRight: spacing.SizesDdsSpacingLocalX05
-};
-var selectTokens = {
-  control: control,
-  dropdownIndicator: dropdownIndicator,
-  placeholder: placeholder,
-  menu: menu,
-  groupHeading: groupHeading,
-  option: option,
-  valueContainer: valueContainer,
-  multiValue: multiValue,
-  multiValueLabel: multiValueLabel,
-  multiValueRemove: multiValueRemove,
-  noOptionsMessage: noOptionsMessage,
-  clearIndicator: clearIndicator,
-  loadingIndicator: loadingIndicator,
-  icon: icon
-};
-
-export { selectTokens, typographyTypes };

package/dist/components/Select/index.d.ts

@@ -1 +0,0 @@
-export * from './Select';

package/dist/components/SelectionControl/Checkbox/Checkbox.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur">, "id" | "className"> & {
-    label?: string | undefined;
-    error?: boolean | undefined;
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    indeterminate?: boolean | undefined;
-} & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/SelectionControl/Checkbox/Checkbox.js

@@ -1,67 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { joinClassNames, getBaseHTMLProps, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { useCheckboxGroup } from './CheckboxGroupContext.js';
-import { Container, CustomSelectionControl } from '../SelectionControl.styles.js';
-import { HiddenInput } from '@norges-domstoler/dds-form';
-
-var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    name = props.name,
-    label = props.label,
-    error = props.error,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    indeterminate = props.indeterminate,
-    ariaDescribedby = props['aria-describedby'],
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["id", "name", "label", "error", "disabled", "readOnly", "indeterminate", 'aria-describedby', "className", "htmlProps"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-checkbox");
-  var checkboxGroup = useCheckboxGroup();
-  var hasLabel = !!label;
-  var style = htmlProps.style,
-    htmlPropsClassName = htmlProps.className,
-    restHtmlProps = __rest(htmlProps, ["style", "className"]);
-  var containerProps = {
-    error: error || (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.error),
-    disabled: disabled,
-    indeterminate: indeterminate,
-    htmlFor: uniqueId,
-    hasLabel: hasLabel,
-    className: joinClassNames(className, htmlPropsClassName),
-    style: style
-  };
-  var inputProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, restHtmlProps, rest)), {
-    ref: ref,
-    name: name,
-    indeterminate: indeterminate,
-    disabled: disabled,
-    'aria-describedby': spaceSeparatedIdListGenerator([checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.tipId, checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.errorMessageId, ariaDescribedby]),
-    'aria-invalid': error || (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.error) ? true : undefined,
-    'aria-labelledby': checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.uniqueGroupId,
-    'aria-checked': indeterminate ? 'mixed' : undefined,
-    'aria-readonly': readOnly
-  });
-  return jsxs(Container, Object.assign({}, containerProps, {
-    controlType: "checkbox",
-    children: [jsx(HiddenInput, Object.assign({}, inputProps, {
-      type: "checkbox",
-      "data-indeterminate": indeterminate
-    })), jsx(CustomSelectionControl, {
-      controlType: "checkbox"
-    }), hasLabel && jsx(Typography, {
-      color: "inherit",
-      as: "span",
-      typographyType: "bodySans02",
-      children: label
-    })]
-  }));
-});
-Checkbox.displayName = 'Checkbox';
-
-export { Checkbox };

package/dist/components/SelectionControl/Checkbox/Checkbox.stories.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import { CheckboxProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
-        label?: string | undefined;
-        error?: boolean | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        indeterminate?: boolean | undefined;
-    } & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        error: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        indeterminate: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectionControl/Checkbox/Checkbox.types.d.ts

@@ -1,15 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
-export type CheckboxProps = BaseComponentProps<HTMLInputElement, {
-    /** Ledetekst for inputelementet. */
-    label?: string;
-    /**Indikererr ugyldig input, endrer styling. */
-    error?: boolean;
-    /** Setter disabled-tilstand for inputelementet. */
-    disabled?: boolean;
-    /**Inputelementet blir readOnly - den kan ikke interageres med. Brukes til å hente input brukeren har fylt ut andre steder. */
-    readOnly?: boolean;
-    /**Brukes ved nøstet struktur der alle Checkbox som hører til en gruppe kan bli valgt ved å trykke på en forelder Checkbox. Hvis enkelte <Checkbox /> blir valgt men ikke alle skal forelder <Checkbox /> få tilstanden indeterminate - verken checked eller ikke. */
-    indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;

package/dist/components/SelectionControl/Checkbox/CheckboxGroup.d.ts

@@ -1,18 +0,0 @@
-import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
-export type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Ledetekst for gruppen. */
-    label?: string;
-    /**Retningen barna gjengis i. */
-    direction?: Direction;
-    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
-    groupId?: string;
-    /**Meldingen som vises ved valideringsfeil. Sender error-tilstand til barna når det finnes  og setter `aria-describedby` for barna. */
-    errorMessage?: string;
-    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;
-}>;
-export declare const CheckboxGroup: {
-    (props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/SelectionControl/Checkbox/CheckboxGroup.js

@@ -1,59 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useId } from 'react';
-import { CheckboxGroupContext } from './CheckboxGroupContext.js';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { derivativeIdGenerator, getBaseHTMLProps, RequiredMarker } from '@norges-domstoler/dds-core';
-import { renderInputMessage } from '../../../utils/renderInputMessage.js';
-import { OuterGroupContainer, GroupContainer } from '../SelectionControl.styles.js';
-
-var CheckboxGroup = function CheckboxGroup(props) {
-  var label = props.label,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'row' : _props$direction,
-    errorMessage = props.errorMessage,
-    tip = props.tip,
-    required = props.required,
-    groupId = props.groupId,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["label", "direction", "errorMessage", "tip", "required", "groupId", "children", "id", "className", "htmlProps"]);
-  var ariaRequired = htmlProps['aria-required'];
-  var generatedId = useId();
-  var uniqueGroupId = groupId !== null && groupId !== void 0 ? groupId : "".concat(generatedId, "-checkboxGroup");
-  var hasErrorMessage = !!errorMessage;
-  var showRequiredMarker = required || ariaRequired;
-  var errorMessageId = derivativeIdGenerator(uniqueGroupId, 'errorMessage');
-  var tipId = derivativeIdGenerator(uniqueGroupId, 'tip');
-  var contextProps = {
-    error: hasErrorMessage,
-    errorMessageId: errorMessage ? errorMessageId : undefined,
-    uniqueGroupId: uniqueGroupId,
-    tipId: tip ? tipId : undefined
-  };
-  return jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
-    'aria-required': ariaRequired
-  }), rest), {
-    children: [jsxs(Typography, {
-      as: "span",
-      typographyType: "supportingStyleLabel01",
-      id: uniqueGroupId,
-      children: [label, " ", showRequiredMarker && jsx(RequiredMarker, {})]
-    }), renderInputMessage(tip, tipId), jsx(CheckboxGroupContext.Provider, {
-      value: Object.assign({}, contextProps),
-      children: jsx(GroupContainer, {
-        role: "group",
-        "aria-labelledby": uniqueGroupId,
-        "aria-describedby": tip ? tipId : undefined,
-        direction: direction,
-        children: children
-      })
-    }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
-  }));
-};
-CheckboxGroup.displayName = 'CheckboxGroup';
-
-export { CheckboxGroup };

package/dist/components/SelectionControl/Checkbox/CheckboxGroup.stories.d.ts

@@ -1,53 +0,0 @@
-import { CheckboxGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        indeterminate: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectionControl/Checkbox/CheckboxGroup.tokens.d.ts

@@ -1,13 +0,0 @@
-export declare const checkboxGroupTokens: {
-    outerContainer: {
-        gap: string;
-    };
-    groupContainer: {
-        row: {
-            gap: string;
-        };
-        column: {
-            gap: string;
-        };
-    };
-};

package/dist/components/SelectionControl/Checkbox/CheckboxGroupContext.d.ts

@@ -1,10 +0,0 @@
-import { Nullable } from '@norges-domstoler/dds-core';
-import React from 'react';
-export interface CheckboxGroupContextProps {
-    error?: boolean;
-    errorMessageId?: string;
-    uniqueGroupId?: string;
-    tipId?: string;
-}
-export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroupContextProps>>;
-export declare const useCheckboxGroup: () => Nullable<CheckboxGroupContextProps>;

package/dist/components/SelectionControl/Checkbox/CheckboxGroupContext.js

@@ -1,8 +0,0 @@
-import React, { useContext } from 'react';
-
-var CheckboxGroupContext = /*#__PURE__*/React.createContext(null);
-var useCheckboxGroup = function useCheckboxGroup() {
-  return useContext(CheckboxGroupContext);
-};
-
-export { CheckboxGroupContext, useCheckboxGroup };

package/dist/components/SelectionControl/Checkbox/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Checkbox';
-export * from './CheckboxGroup';
-export * from './Checkbox.types';

package/dist/components/SelectionControl/RadioButton/RadioButton.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export declare const RadioButton: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby">, "id" | "className"> & {
-    label?: string | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-} & {
-    name?: string | undefined;
-    readOnly?: boolean | undefined;
-    checked?: boolean | undefined;
-    value?: string | number | readonly string[] | undefined;
-    required?: boolean | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-    'aria-describedby'?: string | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "readOnly" | "checked" | "value" | "required" | "onChange" | "aria-describedby"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/SelectionControl/RadioButton/RadioButton.js

@@ -1,86 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { getBaseHTMLProps, joinClassNames } from '@norges-domstoler/dds-core';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { HiddenInput } from '@norges-domstoler/dds-form';
-import { useRadioButtonGroup } from './RadioButtonGroupContext.js';
-import { Container, CustomSelectionControl } from '../SelectionControl.styles.js';
-
-var isValueEqualToGroupValueOrFalsy = function isValueEqualToGroupValueOrFalsy(value, group) {
-  if (typeof value !== 'undefined' && value !== null && group) {
-    if (typeof value === 'number') {
-      return value === Number(group === null || group === void 0 ? void 0 : group.value);
-    }
-    return value === (group === null || group === void 0 ? void 0 : group.value);
-  }
-  return !!value;
-};
-var RadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    name = props.name,
-    label = props.label,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    error = props.error,
-    checked = props.checked,
-    value = props.value,
-    children = props.children,
-    required = props.required,
-    onChange = props.onChange,
-    ariaDescribedby = props['aria-describedby'],
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["id", "name", "label", "disabled", "readOnly", "error", "checked", "value", "children", "required", "onChange", 'aria-describedby', "className", "htmlProps"]);
-  var htmlPropsClassName = htmlProps.className,
-    style = htmlProps.style,
-    restHtmlProps = __rest(htmlProps, ["className", "style"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-radioButton");
-  var hasLabel = !!label;
-  var radioButtonGroup = useRadioButtonGroup();
-  var handleChange = function handleChange(event) {
-    onChange && onChange(event);
-    radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.onChange(event);
-  };
-  var describedByIds = [];
-  if (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.errorMessageId) describedByIds.push(radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.errorMessageId);
-  if (ariaDescribedby) describedByIds.push(ariaDescribedby);
-  var inputProps = Object.assign(Object.assign({}, getBaseHTMLProps(uniqueId, restHtmlProps, rest)), {
-    type: 'radio',
-    name: name !== null && name !== void 0 ? name : radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.name,
-    disabled: disabled || readOnly || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.disabled) || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.readOnly),
-    required: required || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.required),
-    checked: typeof checked !== 'undefined' ? checked : isValueEqualToGroupValueOrFalsy(value, radioButtonGroup),
-    onChange: handleChange,
-    value: value,
-    'aria-describedby': describedByIds.length > 0 ? describedByIds.join(' ') : undefined,
-    'aria-invalid': error || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.error) ? true : undefined
-  });
-  var containerProps = {
-    error: error || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.error),
-    disabled: disabled || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.disabled),
-    readOnly: readOnly || (radioButtonGroup === null || radioButtonGroup === void 0 ? void 0 : radioButtonGroup.readOnly),
-    style: style,
-    className: joinClassNames(className, htmlPropsClassName),
-    htmlFor: uniqueId,
-    controlType: 'radio',
-    hasLabel: hasLabel
-  };
-  return jsxs(Container, Object.assign({}, containerProps, {
-    htmlFor: uniqueId,
-    controlType: "radio",
-    children: [jsx(HiddenInput, Object.assign({}, inputProps, {
-      ref: ref
-    })), jsx(CustomSelectionControl, {
-      controlType: "radio"
-    }), jsx(Typography, {
-      as: "span",
-      children: children !== null && children !== void 0 ? children : label
-    })]
-  }));
-});
-RadioButton.displayName = 'RadioButton';
-
-export { RadioButton };

package/dist/components/SelectionControl/RadioButton/RadioButton.stories.d.ts

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked">, "className" | "id"> & {
-        label?: string | undefined;
-        disabled?: boolean | undefined;
-        error?: boolean | undefined;
-    } & {
-        name?: string | undefined;
-        'aria-describedby'?: string | undefined;
-        onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined;
-        value?: string | number | readonly string[] | undefined;
-        checked?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked"> | undefined;
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        error: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        className: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectionControl/RadioButton/RadioButton.types.d.ts

@@ -1,12 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
-export type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, {
-    /**Ledetekst for alternativet. */
-    label?: string;
-    /**Spesifiserer om input er disabled. */
-    disabled?: boolean;
-    /**Indikerer valideringsfeil. Påvirker styling. */
-    error?: boolean;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-export {};