@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

@@ -1,56 +0,0 @@
-import { ChangeEvent, HTMLAttributes, ReactElement, Ref } from 'react';
-import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
-export type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /** Gir alle barna `name` prop.*/
-    name?: string;
-    /**Ledetekst for hele gruppen. */
-    label?: string;
-    /**Funksjonen for onChange-event for barna. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
-    required?: boolean;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string;
-    /**Hjelpetekst for gruppen. */
-    tip?: string;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction;
-    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
-    value?: T | undefined;
-    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
-    groupId?: string;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
-export declare const RadioButtonGroup: <T extends string | number = string>(props: Pick<Omit<HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-    /** Gir alle barna `name` prop.*/
-    name?: string | undefined;
-    /**Ledetekst for hele gruppen. */
-    label?: string | undefined;
-    /**Funksjonen for onChange-event for barna. */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
-    /**Legger en markør (*) bak label som indikerer at input er påkrevd. Gjør alle barna påkrevd ved å gi dem `required` prop. */
-    required?: boolean | undefined;
-    /**Meldingen som vises ved valideringsfeil. Gir alle barna error prop. */
-    errorMessage?: string | undefined;
-    /**Hjelpetekst for gruppen. */
-    tip?: string | undefined;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean | undefined;
-    /**Gir alle barna `readOnly` prop */
-    readOnly?: boolean | undefined;
-    /**Retningen radioknappene skal gjengis i. */
-    direction?: Direction | undefined;
-    /**Default verdi - en `<RadioButton />` blir forhåndsvalgt. **OBS!** brukes kun når brukeren ikke skal fylle ut selv. */
-    value?: T | undefined;
-    /**custom id for for gruppen, knytter `label` til gruppen via `aria-label`. */
-    groupId?: string | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
-}) => ReactElement;

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

@@ -1,82 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useId } from 'react';
-import { RadioButtonGroupContext } from './RadioButtonGroupContext.js';
-import { Typography } from '@norges-domstoler/dds-typography';
-import { combineHandlers, getBaseHTMLProps, RequiredMarker } from '@norges-domstoler/dds-core';
-import { renderInputMessage } from '../../../utils/renderInputMessage.js';
-import { OuterGroupContainer, GroupContainer } from '../SelectionControl.styles.js';
-
-var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
-  var name = props.name,
-    label = props.label,
-    groupId = props.groupId,
-    errorMessage = props.errorMessage,
-    tip = props.tip,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'row' : _props$direction,
-    value = props.value,
-    children = props.children,
-    required = props.required,
-    onChange = props.onChange,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["name", "label", "groupId", "errorMessage", "tip", "disabled", "readOnly", "direction", "value", "children", "required", "onChange", "id", "className", "htmlProps"]);
-  var ariaRequired = htmlProps['aria-required'];
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    groupValue = _useState2[0],
-    setGroupValue = _useState2[1];
-  var generatedId = useId();
-  var uniqueGroupId = groupId !== null && groupId !== void 0 ? groupId : "".concat(generatedId, "-radioButtonGroup");
-  var handleChange = combineHandlers(function (e) {
-    return setGroupValue(e.target.value);
-  }, function (e) {
-    return onChange && onChange(e, e.target.value);
-  });
-  var hasErrorMessage = !!errorMessage;
-  var showRequiredMarker = required || ariaRequired;
-  var tipId = tip && "".concat(uniqueGroupId, "-tip");
-  var errorMessageId = errorMessage && "".concat(uniqueGroupId, "-errorMessage");
-  var contextProps = {
-    name: name,
-    disabled: disabled,
-    error: hasErrorMessage,
-    errorMessageId: errorMessageId,
-    required: required,
-    readOnly: readOnly,
-    value: groupValue,
-    onChange: handleChange
-  };
-  return jsxs(OuterGroupContainer, Object.assign({}, getBaseHTMLProps(id, className, Object.assign(Object.assign({}, htmlProps), {
-    'aria-required': ariaRequired
-  }), rest), {
-    ref: ref,
-    children: [jsxs(Typography, {
-      as: "span",
-      typographyType: "supportingStyleLabel01",
-      id: uniqueGroupId,
-      children: [label, " ", showRequiredMarker && jsx(RequiredMarker, {})]
-    }), renderInputMessage(tip, tipId), jsx(RadioButtonGroupContext.Provider, {
-      value: Object.assign({}, contextProps),
-      children: jsx(GroupContainer, {
-        role: "radiogroup",
-        direction: direction,
-        "aria-labelledby": uniqueGroupId,
-        "aria-describedby": tipId,
-        "aria-errormessage": errorMessageId,
-        children: children
-      })
-    }), renderInputMessage(undefined, undefined, errorMessage, errorMessageId)]
-  }));
-};
-var RadioButtonGroup = /*#__PURE__*/forwardRef(RadioButtonGroupInner);
-// @ts-expect-error TODO fix RadioButtonGroup type
-RadioButtonGroup.displayName = 'RadioButtonGroup';
-
-export { RadioButtonGroup };

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

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonGroupProps } from '.';
-declare const _default: {
-    title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
-        name?: string | undefined;
-        label?: string | undefined;
-        onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
-        required?: boolean | undefined;
-        errorMessage?: string | undefined;
-        tip?: string | undefined;
-        disabled?: boolean | undefined;
-        readOnly?: boolean | undefined;
-        direction?: import("@norges-domstoler/dds-core").Direction | undefined;
-        value?: T | undefined;
-        groupId?: string | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> | undefined;
-    } & {
-        ref?: import("react").Ref<HTMLDivElement> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        tip: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        readOnly: {
-            control: {
-                type: string;
-            };
-        };
-        required: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: RadioButtonGroupProps<string>) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: RadioButtonGroupProps<number>) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDefaultValue: (args: RadioButtonGroupProps<number>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-import { Nullable } from '@norges-domstoler/dds-core';
-import React, { ChangeEvent } from 'react';
-export interface RadioButtonGroup {
-    disabled?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    value?: string | number | null;
-    error?: boolean;
-    errorMessageId?: string;
-    required?: boolean;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const RadioButtonGroupContext: React.Context<Nullable<RadioButtonGroup>>;
-export declare const useRadioButtonGroup: () => Nullable<RadioButtonGroup>;

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

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

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

@@ -1,3 +0,0 @@
-export * from './RadioButton';
-export * from './RadioButton.types';
-export * from './RadioButtonGroup';

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

@@ -1,20 +0,0 @@
-import { Direction } from '@norges-domstoler/dds-core';
-type SelectionControlType = 'radio' | 'checkbox';
-type CustomSelectionControlProps = {
-    controlType?: SelectionControlType;
-};
-export declare const CustomSelectionControl: import("styled-components").StyledComponent<"span", any, CustomSelectionControlProps, never>;
-type ContainerProps = {
-    hasLabel?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
-    indeterminate?: boolean;
-    controlType: SelectionControlType;
-};
-export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
-export declare const OuterGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupContainer: import("styled-components").StyledComponent<"div", any, {
-    direction: Direction;
-}, never>;
-export {};

package/dist/components/SelectionControl/SelectionControl.styles.js

@@ -1,45 +0,0 @@
-import styled, { css } from 'styled-components';
-import { focusVisible, focusVisibleTransitionValue } from '@norges-domstoler/dds-form';
-import { selectionControlTokens } from './SelectionControl.tokens.js';
-
-var selectionControl = selectionControlTokens.selectionControl,
-  container = selectionControlTokens.container,
-  checkmark = selectionControlTokens.checkmark,
-  groupContainer = selectionControlTokens.groupContainer,
-  outerGroupContainer = selectionControlTokens.outerGroupContainer;
-var CustomSelectionControl = styled.span.withConfig({
-  displayName: "SelectionControlstyles__CustomSelectionControl",
-  componentId: "sc-vs1fm0-0"
-})(["position:absolute;left:0;box-sizing:border-box;border:", ";border-color:", ";background-color:", ";border-radius:", ";height:", ";width:", ";", " &:after{content:'';position:absolute;display:none;}"], selectionControl.base.border, selectionControl.base.borderColor, selectionControl.base.backgroundColor, selectionControl.base.borderRadius, selectionControl.base.height, selectionControl.base.width, function (_ref) {
-  var controlType = _ref.controlType;
-  return controlType === 'radio' && css(["border-radius:50%;"]);
-});
-var Container = styled.label.withConfig({
-  displayName: "SelectionControlstyles__Container",
-  componentId: "sc-vs1fm0-1"
-})(["position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;width:fit-content;color:", ";", " input ~ ", "{@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,background-color 0.2s,border 0.2s;}}&:focus-within{", " @media (prefers-reduced-motion:no-preference){transition:", ";}}&:hover input:enabled ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}input:checked:enabled ~ ", ",input[data-indeterminate='true'] ~ ", "{border-color:", ";background-color:", ";}&:hover input:checked:enabled ~ ", ",&:hover input:enabled[data-indeterminate='true'] ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}", " input:disabled ~ ", "{", "}input:checked:disabled ~ ", ",input:disabled[data-indeterminate='true'] ~ ", "{background-color:", ";border-color:", ";}input:checked ~ ", ":after,input[data-indeterminate='true'] ~ ", ":after{display:block;}", " ", ""], container.color, function (_ref2) {
-  var hasLabel = _ref2.hasLabel;
-  return hasLabel ? css(["padding-left:", ";"], container.withLabel.paddingLeft) : css(["padding:", ";"], container.noLabel.padding);
-}, CustomSelectionControl, focusVisible, focusVisibleTransitionValue, CustomSelectionControl, selectionControl.hover.base.backgroundColor, selectionControl.hover.base.boxShadow, selectionControl.hover.base.borderColor, CustomSelectionControl, CustomSelectionControl, selectionControl.checked.base.borderColor, selectionControl.checked.base.backgroundColor, CustomSelectionControl, CustomSelectionControl, selectionControl.checked.hover.backgroundColor, selectionControl.checked.hover.boxShadow, selectionControl.checked.hover.borderColor, function (_ref3) {
-  var error = _ref3.error;
-  return error && css(["&:hover input:enabled ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}input ~ ", ",input:checked:enabled ~ ", ",&:hover input:checked:enabled ~ ", "{box-shadow:", ";border-color:", ";}"], CustomSelectionControl, selectionControl.hover.danger.backgroundColor, selectionControl.hover.danger.boxShadow, selectionControl.hover.danger.borderColor, CustomSelectionControl, CustomSelectionControl, CustomSelectionControl, selectionControl.danger.boxShadow, selectionControl.danger.borderColor);
-}, CustomSelectionControl, selectionControl.disabled, CustomSelectionControl, CustomSelectionControl, selectionControl.checked.disabled.backgroundColor, selectionControl.checked.disabled.borderColor, CustomSelectionControl, CustomSelectionControl, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled && css(["cursor:not-allowed;color:", ";"], container.disabled.color);
-}, function (_ref5) {
-  var controlType = _ref5.controlType;
-  return controlType === 'checkbox' ? css(["", ":after{border:solid ", ";border-width:0 1px 1px 0;left:35%;top:10%;width:30%;height:65%;transform:rotate(45deg);}input[data-indeterminate='true'] ~ ", ":after{border-width:1px 0 0 0;left:25%;top:50%;width:50%;height:1px;transform:none;}"], CustomSelectionControl, checkmark.checkbox.borderColor, CustomSelectionControl) : css(["", ":after{border-radius:50%;background-color:", ";width:", ";height:", ";left:", ";top:", ";}"], CustomSelectionControl, checkmark.radio.backgroundColor, checkmark.radio.width, checkmark.radio.height, checkmark.radio.left, checkmark.radio.top);
-});
-var OuterGroupContainer = styled.div.withConfig({
-  displayName: "SelectionControlstyles__OuterGroupContainer",
-  componentId: "sc-vs1fm0-2"
-})(["display:flex;flex-direction:column;gap:", ";"], outerGroupContainer.gap);
-var GroupContainer = styled.div.withConfig({
-  displayName: "SelectionControlstyles__GroupContainer",
-  componentId: "sc-vs1fm0-3"
-})(["display:flex;", ""], function (_ref6) {
-  var direction = _ref6.direction;
-  return css(["flex-direction:", ";gap:", ";"], direction, groupContainer[direction].gap);
-});
-
-export { Container, CustomSelectionControl, GroupContainer, OuterGroupContainer };

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

@@ -1,94 +0,0 @@
-export declare const selectionControlTokens: {
-    selectionControl: {
-        base: {
-            border: string;
-            borderColor: string;
-            backgroundColor: string;
-            borderRadius: string;
-            height: string;
-            width: string;
-        };
-        hover: {
-            base: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            danger: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-        };
-        danger: {
-            boxShadow: string;
-            borderColor: string;
-        };
-        disabled: {
-            borderColor: string;
-        };
-        readOnly: {
-            backgroundColor: string;
-        };
-        checked: {
-            base: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            hover: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            disabled: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            readOnly: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-        checkbox: {
-            indeterminate: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-    };
-    checkmark: {
-        checkbox: {
-            borderColor: string;
-        };
-        radio: {
-            backgroundColor: string;
-            height: string;
-            width: string;
-            left: string;
-            top: string;
-        };
-    };
-    container: {
-        color: string;
-        disabled: {
-            color: string;
-        };
-        withLabel: {
-            paddingLeft: string;
-        };
-        noLabel: {
-            padding: string;
-        };
-    };
-    groupContainer: {
-        row: {
-            gap: string;
-        };
-        column: {
-            gap: string;
-        };
-    };
-    outerGroupContainer: {
-        gap: string;
-    };
-};

package/dist/components/SelectionControl/SelectionControl.tokens.js

@@ -1,108 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { hoverInputfield, dangerInputfield } from '@norges-domstoler/dds-form';
-import { selectionControlSize, selectionControlSizeNumberPx } from './SelectionControl.utils.js';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  borderRadius = ddsBaseTokens.borderRadius;
-var checkmark = {
-  checkbox: {
-    borderColor: colors.DdsColorNeutralsWhite
-  },
-  radio: {
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    height: spacing.SizesDdsSpacingLocalX05,
-    width: spacing.SizesDdsSpacingLocalX05,
-    left: "calc(50% - ".concat(spacing.SizesDdsSpacingLocalX05NumberPx / 2, "px)"),
-    top: "calc(50% - ".concat(spacing.SizesDdsSpacingLocalX05NumberPx / 2, "px)")
-  }
-};
-var selectionControl = {
-  base: {
-    border: '1px solid',
-    borderColor: colors.DdsColorNeutralsGray5,
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-    height: selectionControlSize,
-    width: selectionControlSize
-  },
-  hover: {
-    base: {
-      backgroundColor: colors.DdsColorInteractiveLightest,
-      boxShadow: "inset 0 0 0 1px ".concat(hoverInputfield.borderColor),
-      borderColor: hoverInputfield.borderColor
-    },
-    danger: {
-      backgroundColor: colors.DdsColorDangerLightest,
-      boxShadow: "inset 0 0 0 1px ".concat(dangerInputfield.borderColor),
-      borderColor: dangerInputfield.borderColor
-    }
-  },
-  danger: {
-    boxShadow: "inset 0 0 0 1px ".concat(dangerInputfield.borderColor),
-    borderColor: dangerInputfield.borderColor
-  },
-  disabled: {
-    borderColor: colors.DdsColorNeutralsGray5
-  },
-  readOnly: {
-    backgroundColor: 'transparent'
-  },
-  checked: {
-    base: {
-      borderColor: colors.DdsColorInteractiveBase,
-      backgroundColor: colors.DdsColorInteractiveBase
-    },
-    hover: {
-      backgroundColor: colors.DdsColorInteractiveDark,
-      boxShadow: "inset 0 0 0 1px  ".concat(colors.DdsColorInteractiveDark),
-      borderColor: colors.DdsColorInteractiveDark
-    },
-    disabled: {
-      borderColor: colors.DdsColorNeutralsGray6,
-      backgroundColor: colors.DdsColorNeutralsGray6
-    },
-    readOnly: {
-      borderColor: colors.DdsColorNeutralsGray6,
-      backgroundColor: colors.DdsColorNeutralsGray6
-    }
-  },
-  checkbox: {
-    indeterminate: {
-      borderColor: colors.DdsColorInteractiveBase,
-      backgroundColor: colors.DdsColorInteractiveBase
-    }
-  }
-};
-var container = {
-  color: colors.DdsColorNeutralsGray9,
-  disabled: {
-    color: colors.DdsColorNeutralsGray6
-  },
-  withLabel: {
-    paddingLeft: "".concat(selectionControlSizeNumberPx + spacing.SizesDdsSpacingLocalX05NumberPx, "px")
-  },
-  noLabel: {
-    padding: "".concat(selectionControlSizeNumberPx / 2, "px")
-  }
-};
-var groupContainer = {
-  row: {
-    gap: spacing.SizesDdsSpacingLocalX075
-  },
-  column: {
-    gap: spacing.SizesDdsSpacingLocalX05
-  }
-};
-var outerGroupContainer = {
-  gap: spacing.SizesDdsSpacingLocalX0125
-};
-var selectionControlTokens = {
-  selectionControl: selectionControl,
-  checkmark: checkmark,
-  container: container,
-  groupContainer: groupContainer,
-  outerGroupContainer: outerGroupContainer
-};
-
-export { selectionControlTokens };

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

@@ -1,2 +0,0 @@
-export declare const selectionControlSizeNumberPx = 18;
-export declare const selectionControlSize: string;

package/dist/components/SelectionControl/SelectionControl.utils.js

@@ -1,4 +0,0 @@
-var selectionControlSizeNumberPx = 18;
-var selectionControlSize = "".concat(selectionControlSizeNumberPx, "px");
-
-export { selectionControlSize, selectionControlSizeNumberPx };

package/dist/components/SkipToContent/SkipToContent.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-export type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
-    /** Teksten som vises i lenka. */
-    text?: string;
-    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
-    href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
-    top?: Property.Top;
-}>;
-export declare const SkipToContent: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
-    /** Teksten som vises i lenka. */
-    text?: string | undefined;
-    /**Spesifiserer hvor det skal hoppes til via `id`-attributtet til innholdet. */
-    href: string;
-    /**Avstand fra top i nærmeste posisjonert container. */
-    top?: Property.Top<0 | (string & {})> | undefined;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
-} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/SkipToContent/SkipToContent.js

@@ -1,50 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { joinClassNames, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
-import { focusVisibleTransitionValue, focusVisibleOnDark } from '@norges-domstoler/dds-form';
-import { skipToContentTokens } from './SkipToContent.tokens.js';
-
-var wrapper = skipToContentTokens.wrapper,
-  link = skipToContentTokens.link;
-var Wrapper = styled.div.withConfig({
-  displayName: "SkipToContent__Wrapper",
-  componentId: "sc-57o1qv-0"
-})(["box-sizing:border-box;position:absolute;top:", ";text-align:center;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;white-space:nowrap;background-color:", ";padding:", ";opacity:0;@media (prefers-reduced-motion:no-preference){transition:opacity 0.2s;}&:focus-within{clip:auto;height:auto;overflow:auto;width:100%;z-index:250;opacity:1;}"], function (_ref) {
-  var top = _ref.top;
-  return top;
-}, wrapper.backgroundColor, wrapper.padding);
-var Link = styled.a.withConfig({
-  displayName: "SkipToContent__Link",
-  componentId: "sc-57o1qv-1"
-})(["text-decoration:none;color:", ";", " @media (prefers-reduced-motion:no-preference){transition:", ";}&:focus{", "}&:hover{color:", ";}"], link.base.color, getFontStyling(defaultTypographyType), focusVisibleTransitionValue, focusVisibleOnDark, link.base.color);
-var SkipToContent = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$text = props.text,
-    text = _props$text === void 0 ? 'Til hovedinnhold' : _props$text,
-    _props$top = props.top,
-    top = _props$top === void 0 ? 0 : _props$top,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["text", "top", "id", "className", "htmlProps"]);
-  var htmlPropsClassName = htmlProps.className,
-    style = htmlProps.style,
-    restHtmlProps = __rest(htmlProps, ["className", "style"]);
-  var wrapperProps = {
-    top: top,
-    className: joinClassNames(className, htmlPropsClassName),
-    style: style
-  };
-  return jsx(Wrapper, Object.assign({}, wrapperProps, {
-    children: jsx(Link, Object.assign({}, getBaseHTMLProps(id, restHtmlProps, rest), {
-      ref: ref,
-      children: text
-    }))
-  }));
-});
-SkipToContent.displayName = 'SkipToContent';
-
-export { SkipToContent };

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

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { SkipToContentProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
-        text?: string | undefined;
-        href: string;
-        top?: import("csstype").Property.Top<0 | (string & {})> | undefined;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLAnchorElement> | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>>;
-    argTypes: {
-        text: {
-            control: {
-                type: string;
-            };
-        };
-        top: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: SkipToContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Example: (args: SkipToContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-export declare const skipToContentTokens: {
-    link: {
-        base: {
-            color: string;
-        };
-        hover: {
-            color: string;
-        };
-    };
-    wrapper: {
-        backgroundColor: string;
-        padding: string;
-    };
-};

package/dist/components/SkipToContent/SkipToContent.tokens.js

@@ -1,22 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var link = {
-  base: {
-    color: colors.DdsColorNeutralsWhite
-  },
-  hover: {
-    color: colors.DdsColorNeutralsWhite
-  }
-};
-var wrapper = {
-  backgroundColor: colors.DdsColorPrimaryBase,
-  padding: spacing.SizesDdsSpacingLocalX025
-};
-var skipToContentTokens = {
-  link: link,
-  wrapper: wrapper
-};
-
-export { skipToContentTokens };

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

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