@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/TextInput/TextInput.stories.d.ts

@@ -1,72 +0,0 @@
-/// <reference types="react" />
-import { TextInputProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@norges-domstoler/dds-form").CommonInputProps & {
-        componentSize?: import("@norges-domstoler/dds-form").InputSize | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & {
-        withCharacterCounter?: boolean | undefined;
-        icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-        prefix?: string | undefined;
-        suffix?: string | undefined;
-    } & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        prefix: {
-            control: {
-                type: string;
-            };
-        };
-        suffix: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const TextInputOverview: (args: TextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextInputOverviewSizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: TextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLabel: (args: TextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithCharacterCount: (args: TextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextInputAffixes: (args: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TextInput/TextInput.styles.d.ts

@@ -1,17 +0,0 @@
-import { Icon } from '@norges-domstoler/dds-icons';
-import { InputSize } from '@norges-domstoler/dds-form';
-export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-type StyledIconProps = {
-    size: InputSize;
-};
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof Icon, any, StyledIconProps, never>;
-type StyledInputProps = {
-    hasIcon?: boolean;
-};
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, Pick<import("@norges-domstoler/dds-form").InputProps, "disabled" | "readOnly"> & {
-    hasErrorMessage: boolean;
-} & {
-    prefixLength?: number | undefined;
-    suffixLength?: number | undefined;
-} & Pick<import("@norges-domstoler/dds-form").InputProps, "componentSize"> & StyledInputProps, never>;
-export {};

package/dist/components/TextInput/TextInput.styles.js

@@ -1,31 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { StatefulInput } from '@norges-domstoler/dds-form';
-import { textInputTokens } from './TextInput.tokens.js';
-
-var iconSizes = ddsBaseTokens.iconSizes;
-var input = textInputTokens.input,
-  icon = textInputTokens.icon;
-var MessageContainer = styled.div.withConfig({
-  displayName: "TextInputstyles__MessageContainer",
-  componentId: "sc-165zflr-0"
-})(["display:flex;justify-content:space-between;"]);
-var StyledIcon = styled(Icon).withConfig({
-  displayName: "TextInputstyles__StyledIcon",
-  componentId: "sc-165zflr-1"
-})(["position:absolute;color:", ";", " z-index:1;"], icon.color, function (_ref) {
-  var size = _ref.size,
-    iconSize = _ref.iconSize;
-  return css(["left:", ";", ""], icon.sizes[size].left, iconSize === 'small' ? css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")) : css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")));
-});
-var StyledInput = styled(StatefulInput).withConfig({
-  displayName: "TextInputstyles__StyledInput",
-  componentId: "sc-165zflr-2"
-})(["", ""], function (_ref2) {
-  var componentSize = _ref2.componentSize,
-    hasIcon = _ref2.hasIcon;
-  return hasIcon && componentSize && css(["padding-left:", ";"], input.withIcon[componentSize].paddingLeft);
-});
-
-export { MessageContainer, StyledIcon, StyledInput };

package/dist/components/TextInput/TextInput.tokens.d.ts

@@ -1,37 +0,0 @@
-export declare const textInputTokens: {
-    input: {
-        withIcon: {
-            medium: {
-                paddingLeft: string;
-            };
-            small: {
-                paddingLeft: string;
-            };
-            tiny: {
-                paddingLeft: string;
-            };
-        };
-    };
-    icon: {
-        color: string;
-        sizes: {
-            medium: {
-                top: string;
-                left: string;
-            };
-            small: {
-                top: string;
-                left: string;
-            };
-            tiny: {
-                top: string;
-                left: string;
-            };
-        };
-    };
-    affix: {
-        border: {
-            color: string;
-        };
-    };
-};

package/dist/components/TextInput/TextInput.tokens.js

@@ -1,47 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  iconSizes = ddsBaseTokens.iconSizes;
-var input = {
-  withIcon: {
-    medium: {
-      paddingLeft: "".concat(spacing.SizesDdsSpacingLocalX075NumberPx + iconSizes.DdsIconsizeMediumNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px")
-    },
-    small: {
-      paddingLeft: "".concat(spacing.SizesDdsSpacingLocalX075NumberPx + iconSizes.DdsIconsizeSmallNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px")
-    },
-    tiny: {
-      paddingLeft: "".concat(spacing.SizesDdsSpacingLocalX05NumberPx + iconSizes.DdsIconsizeSmallNumberPx + spacing.SizesDdsSpacingLocalX025NumberPx, "px")
-    }
-  }
-};
-var affix = {
-  border: {
-    color: colors.DdsColorNeutralsGray5
-  }
-};
-var icon = {
-  color: colors.DdsColorNeutralsGray9,
-  sizes: {
-    medium: {
-      top: spacing.SizesDdsSpacingLocalX075,
-      left: spacing.SizesDdsSpacingLocalX075
-    },
-    small: {
-      top: spacing.SizesDdsSpacingLocalX075,
-      left: spacing.SizesDdsSpacingLocalX075
-    },
-    tiny: {
-      top: spacing.SizesDdsSpacingLocalX05,
-      left: spacing.SizesDdsSpacingLocalX05
-    }
-  }
-};
-var textInputTokens = {
-  input: input,
-  icon: icon,
-  affix: affix
-};
-
-export { textInputTokens };

package/dist/components/TextInput/TextInput.types.d.ts

@@ -1,21 +0,0 @@
-import { InputProps } from '@norges-domstoler/dds-form';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-export type TextInputProps = InputProps & {
-    /** Spesifiserer om tegntelleren skal vises ved bruk av `maxLength` attributt. */
-    withCharacterCounter?: boolean;
-    /** Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-    /**
-     * Prefiks som vises før inputfeltet.
-     * OBS! Prefiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
-    prefix?: string;
-    /**
-     * Suffiks som vises etter inputfeltet.
-     * OBS! Suffiks leses ikke av skjermleser og skal derfor ikke brukes som en erstatter
-     * for en beskrivende label. */
-    suffix?: string;
-};
-export type TextAffixProps = {
-    readOnly?: boolean;
-};

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

@@ -1,2 +0,0 @@
-export * from './TextInput';
-export * from './TextInput.types';

package/dist/components/ToggleBar/ToggleBar.context.d.ts

@@ -1,10 +0,0 @@
-import { ChangeEvent } from 'react';
-import { ToggleBarSize, ToggleBarValue } from './ToggleBar.types';
-export type ToggleBarContextType = {
-    size: ToggleBarSize;
-    name?: string;
-    value?: ToggleBarValue;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-};
-export declare const ToggleBarContext: import("react").Context<ToggleBarContextType>;
-export declare const useToggleBarContext: () => ToggleBarContextType;

package/dist/components/ToggleBar/ToggleBar.context.js

@@ -1,10 +0,0 @@
-import { createContext, useContext } from 'react';
-
-var ToggleBarContext = /*#__PURE__*/createContext({
-  size: 'medium'
-});
-var useToggleBarContext = function useToggleBarContext() {
-  return useContext(ToggleBarContext);
-};
-
-export { ToggleBarContext, useToggleBarContext };

package/dist/components/ToggleBar/ToggleBar.d.ts

@@ -1,5 +0,0 @@
-import { ToggleBarProps } from './ToggleBar.types';
-export declare const ToggleBar: {
-    <T extends string | number = string>(props: ToggleBarProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/ToggleBar/ToggleBar.js

@@ -1,70 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { selection, combineHandlers, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { ToggleBarContext } from './ToggleBar.context.js';
-import { toggleBarTokens } from './ToggleBar.tokens.js';
-
-var OuterContainer = styled.div.withConfig({
-  displayName: "ToggleBar__OuterContainer",
-  componentId: "sc-1ys8v91-0"
-})(["display:flex;flex-direction:column;gap:", ";&::selection,*::selection{", "}", ""], toggleBarTokens.outerContainer.gap, selection, function (_ref) {
-  var width = _ref.width;
-  return width && css(["width:", ";"], width);
-});
-var Bar = styled.div.withConfig({
-  displayName: "ToggleBar__Bar",
-  componentId: "sc-1ys8v91-1"
-})(["display:grid;grid-auto-flow:column;grid-auto-columns:1fr;"]);
-var ToggleBar = function ToggleBar(props) {
-  var children = props.children,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    label = props.label,
-    onChange = props.onChange,
-    value = props.value,
-    name = props.name,
-    width = props.width,
-    htmlProps = props.htmlProps,
-    className = props.className,
-    id = props.id,
-    rest = __rest(props, ["children", "size", "label", "onChange", "value", "name", "width", "htmlProps", "className", "id"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-ToggleBar");
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    groupValue = _useState2[0],
-    setGroupValue = _useState2[1];
-  var handleChange = combineHandlers(function (e) {
-    return setGroupValue(e.target.value);
-  }, function (e) {
-    return onChange && onChange(e, e.target.value);
-  });
-  var labelId = label && "".concat(uniqueId, "-label");
-  return jsx(ToggleBarContext.Provider, {
-    value: {
-      size: size,
-      onChange: handleChange,
-      name: name,
-      value: groupValue
-    },
-    children: jsxs(OuterContainer, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      role: "radiogroup",
-      "aria-labelledby": labelId !== null && labelId !== void 0 ? labelId : htmlProps === null || htmlProps === void 0 ? void 0 : htmlProps['aria-labelledby'],
-      width: width,
-      children: [label && jsx(Typography, {
-        typographyType: "supportingStyleLabel01",
-        id: labelId,
-        children: label
-      }), jsx(Bar, {
-        children: children
-      })]
-    }))
-  });
-};
-ToggleBar.displayName = 'ToggleBar';
-
-export { ToggleBar };

package/dist/components/ToggleBar/ToggleBar.stories.d.ts

@@ -1,23 +0,0 @@
-import { ToggleBarProps } from './ToggleBar.types';
-declare const _default: {
-    title: string;
-    component: {
-        <T extends string | number = string>(props: ToggleBarProps<T>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewWithText: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewWithIcon: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewWithLabel: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDefaultValue: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const WithLongWords: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const WithWidth: (args: ToggleBarProps<string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ToggleBar/ToggleBar.tokens.d.ts

@@ -1,84 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-import { ToggleBarSize } from './ToggleBar.types';
-export declare const typographyTypes: {
-    [k in ToggleBarSize]: StaticTypographyType;
-};
-export declare const toggleBarTokens: {
-    outerContainer: {
-        gap: string;
-    };
-    content: {
-        base: {
-            backgroundColor: string;
-        };
-        active: {
-            color: string;
-            borderColor: string;
-            backgroundColor: string;
-            boxShadow: string;
-        };
-        size: {
-            tiny: {
-                justIcon: {
-                    padding: string;
-                    fontSize: string;
-                };
-                withText: {
-                    padding: string;
-                    gap: string;
-                };
-            };
-            small: {
-                justIcon: {
-                    padding: string;
-                    fontSize: string;
-                };
-                withText: {
-                    padding: string;
-                    gap: string;
-                };
-            };
-            medium: {
-                justIcon: {
-                    padding: string;
-                    fontSize: string;
-                };
-                withText: {
-                    padding: string;
-                    gap: string;
-                };
-            };
-            large: {
-                justIcon: {
-                    padding: string;
-                    fontSize: string;
-                };
-                withText: {
-                    padding: string;
-                    gap: string;
-                };
-            };
-        };
-    };
-    label: {
-        base: {
-            borderColor: string;
-            borderRight: string;
-            borderTop: string;
-            borderBottom: string;
-        };
-        hover: {
-            color: string;
-            borderColor: string;
-        };
-        firstChild: {
-            borderLeft: string;
-            borderTopLeftRadius: string;
-            borderBottomLeftRadius: string;
-        };
-        lastChild: {
-            borderTopRightRadius: string;
-            borderBottomRightRadius: string;
-        };
-    };
-};

package/dist/components/ToggleBar/ToggleBar.tokens.js

@@ -1,102 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { calculateHeightWithLineHeight } from '@norges-domstoler/dds-core';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  border = ddsBaseTokens.border,
-  borderRadius = ddsBaseTokens.borderRadius,
-  fontPackages = ddsBaseTokens.fontPackages;
-var typographyTypes = {
-  large: 'bodySans04',
-  medium: 'bodySans02',
-  small: 'bodySans01',
-  tiny: 'supportingStyleTiny01'
-};
-var iconSizeTiny = "".concat(calculateHeightWithLineHeight(fontPackages.supportingStyle_tiny_01.numbers.lineHeightNumber, fontPackages.supportingStyle_tiny_01.numbers.fontSizeNumber), "px");
-var iconSizeSmall = "".concat(calculateHeightWithLineHeight(fontPackages.body_sans_01.numbers.lineHeightNumber, fontPackages.body_sans_01.numbers.fontSizeNumber), "px");
-var iconSizeMedium = "".concat(calculateHeightWithLineHeight(fontPackages.body_sans_02.numbers.lineHeightNumber, fontPackages.body_sans_02.numbers.fontSizeNumber), "px");
-var iconSizeLarge = "".concat(calculateHeightWithLineHeight(fontPackages.body_sans_04.numbers.lineHeightNumber, fontPackages.body_sans_04.numbers.fontSizeNumber), "px");
-var outerContainer = {
-  gap: spacing.SizesDdsSpacingLocalX0125
-};
-var label = {
-  base: {
-    borderColor: colors.DdsColorNeutralsGray5,
-    borderRight: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray5),
-    borderTop: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray5),
-    borderBottom: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray5)
-  },
-  hover: {
-    color: colors.DdsColorInteractiveDark,
-    borderColor: colors.DdsColorInteractiveDark
-  },
-  firstChild: {
-    borderLeft: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray5),
-    borderTopLeftRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-    borderBottomLeftRadius: borderRadius.RadiiDdsBorderRadius1Radius
-  },
-  lastChild: {
-    borderTopRightRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-    borderBottomRightRadius: borderRadius.RadiiDdsBorderRadius1Radius
-  }
-};
-var content = {
-  base: {
-    backgroundColor: colors.DdsColorNeutralsGray1
-  },
-  active: {
-    color: colors.DdsColorInteractiveDarkest,
-    borderColor: colors.DdsColorInteractiveDarker,
-    backgroundColor: colors.DdsColorInteractiveLightest,
-    boxShadow: "inset 0 0 0 1px ".concat(colors.DdsColorInteractiveDarker)
-  },
-  size: {
-    tiny: {
-      justIcon: {
-        padding: spacing.SizesDdsSpacingLocalX025,
-        fontSize: iconSizeTiny
-      },
-      withText: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX075),
-        gap: spacing.SizesDdsSpacingLocalX05
-      }
-    },
-    small: {
-      justIcon: {
-        padding: spacing.SizesDdsSpacingLocalX05,
-        fontSize: iconSizeSmall
-      },
-      withText: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX1),
-        gap: spacing.SizesDdsSpacingLocalX05
-      }
-    },
-    medium: {
-      justIcon: {
-        padding: spacing.SizesDdsSpacingLocalX075,
-        fontSize: iconSizeMedium
-      },
-      withText: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX15),
-        gap: spacing.SizesDdsSpacingLocalX05
-      }
-    },
-    large: {
-      justIcon: {
-        padding: spacing.SizesDdsSpacingLocalX1,
-        fontSize: iconSizeLarge
-      },
-      withText: {
-        padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX2),
-        gap: spacing.SizesDdsSpacingLocalX1
-      }
-    }
-  }
-};
-var toggleBarTokens = {
-  outerContainer: outerContainer,
-  content: content,
-  label: label
-};
-
-export { toggleBarTokens, typographyTypes };

package/dist/components/ToggleBar/ToggleBar.types.d.ts

@@ -1,19 +0,0 @@
-import { ChangeEvent } from 'react';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { Property } from 'csstype';
-export type ToggleBarValue = string | number | null | undefined;
-export type ToggleBarSize = 'tiny' | 'small' | 'medium' | 'large';
-export type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Størrelse på komponenten. */
-    size?: ToggleBarSize;
-    /**Ledetekst for hele gruppen. */
-    label?: string;
-    /**Funksjonen for `onChange`-event for barna. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value?: T) => void;
-    /**Den valgte verdien i gruppen. Hvis satt ved innlastning blir en `<ToggleRadio />` forhåndsvalgt. */
-    value?: T;
-    /** Gir alle barna samme `name` prop.*/
-    name?: string;
-    /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
-    width?: Property.Width;
-}>;

package/dist/components/ToggleBar/ToggleRadio.d.ts

@@ -1,19 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value' | 'onChange' | 'aria-label' | 'aria-labelledby'>;
-export type ToggleRadioProps = BaseComponentProps<HTMLInputElement, {
-    /**Ledetekst som vises i komponenten. */
-    label?: string;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon;
-} & PickedInputHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes>>;
-export declare const ToggleRadio: import("react").ForwardRefExoticComponent<Pick<Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby">, "className" | "id"> & {
-    /**Ledetekst som vises i komponenten. */
-    label?: string | undefined;
-    /**Ikonet som vises i komponenten. */
-    icon?: SvgIcon | undefined;
-} & PickedInputHTMLAttributes & {
-    htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "name" | "checked" | "value" | "onChange" | "aria-label" | "aria-labelledby"> | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/ToggleBar/ToggleRadio.js

@@ -1,71 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
-import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { Icon } from '@norges-domstoler/dds-icons';
-import { useToggleBarContext } from './ToggleBar.context.js';
-import { Label, Content } from './ToggleRadio.styles.js';
-import { HiddenInput } from '@norges-domstoler/dds-form';
-
-/**Beregner om en ToggleRadio skal være checked eller ikke.
- *
- * Returnerer checked hvis den er definert.
- *
- * Returnerer true hvis både verdien fra context og verdien i ToggleRadio er truthy og like.
- * Returnerer true hvis verdien i ToggleRadio er truthy, men context ikke finnes.
- *
- * Returnerer false hvis verdiene er ulike eller hvis verdien i ToggleRadio er falsy.
- */
-var calculateChecked = function calculateChecked(value, group, checked) {
-  if (typeof checked !== 'undefined') return checked;
-  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 ToggleRadio = /*#__PURE__*/forwardRef(function (props, ref) {
-  var value = props.value,
-    name = props.name,
-    onChange = props.onChange,
-    checked = props.checked,
-    icon = props.icon,
-    label = props.label,
-    htmlProps = props.htmlProps,
-    className = props.className,
-    id = props.id,
-    rest = __rest(props, ["value", "name", "onChange", "checked", "icon", "label", "htmlProps", "className", "id"]);
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-ToggleRadio");
-  var group = useToggleBarContext();
-  var handleChange = function handleChange(event) {
-    onChange && onChange(event);
-    group && group.onChange && group.onChange(event);
-  };
-  return jsxs(Label, {
-    size: group.size,
-    htmlFor: uniqueId,
-    children: [jsx(HiddenInput, Object.assign({}, getBaseHTMLProps(uniqueId, className, htmlProps, rest), {
-      type: "radio",
-      ref: ref,
-      name: name !== null && name !== void 0 ? name : group.name,
-      onChange: handleChange,
-      value: value,
-      checked: calculateChecked(value, group, checked)
-    })), jsxs(Content, {
-      size: group.size,
-      justIcon: !!icon && !!!label,
-      children: [icon && jsx(Icon, {
-        icon: icon,
-        iconSize: "inherit"
-      }), label && jsx("span", {
-        children: label
-      })]
-    })]
-  });
-});
-ToggleRadio.displayName = 'ToggleRadio';
-
-export { ToggleRadio };

package/dist/components/ToggleBar/ToggleRadio.styles.d.ts

@@ -1,11 +0,0 @@
-import { ToggleBarSize } from './ToggleBar.types';
-type ContentProps = {
-    size: ToggleBarSize;
-    justIcon: boolean;
-};
-export declare const Content: import("styled-components").StyledComponent<"span", any, ContentProps, never>;
-type LabelProps = {
-    size: ToggleBarSize;
-};
-export declare const Label: import("styled-components").StyledComponent<"label", any, LabelProps, never>;
-export {};