@norges-domstoler/dds-components 13.6.0 → 13.6.1

package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts

@@ -1,7 +0,0 @@
-export type StyledSvgChevronProps = {
-    isUp?: boolean;
-};
-export declare const SvgChevron: import("styled-components").StyledComponent<"svg", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlGroup: import("styled-components").StyledComponent<"g", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlLeft: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlRight: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;

package/dist/helpers/Chevron/AnimatedChevronUpDown.styles.js

@@ -1,29 +0,0 @@
-import styled from 'styled-components';
-
-var SvgChevron = styled.svg.withConfig({
-  displayName: "AnimatedChevronUpDownstyles__SvgChevron",
-  componentId: "sc-yey4nu-0"
-})(["display:inline-block;flex-shrink:0;position:relative;text-align:center;vertical-align:middle;"]);
-var SvgChevronlGroup = styled.g.withConfig({
-  displayName: "AnimatedChevronUpDownstyles__SvgChevronlGroup",
-  componentId: "sc-yey4nu-1"
-})(["transition:transform 0.2s linear;transform:", ";"], function (_ref) {
-  var isUp = _ref.isUp;
-  return isUp ? 'translateY(3px)' : 'translateY(0)';
-});
-var SvgChevronlLeft = styled.path.withConfig({
-  displayName: "AnimatedChevronUpDownstyles__SvgChevronlLeft",
-  componentId: "sc-yey4nu-2"
-})(["transition:transform 0.2s linear;transform-origin:1px 1px;transform:", ";"], function (_ref2) {
-  var isUp = _ref2.isUp;
-  return isUp ? 'rotate(-90deg) translateY(0)' : 'rotate(0) translateY(0)';
-});
-var SvgChevronlRight = styled.path.withConfig({
-  displayName: "AnimatedChevronUpDownstyles__SvgChevronlRight",
-  componentId: "sc-yey4nu-3"
-})(["transition:transform 0.2s linear;transform-origin:7px 1px;transform:", ";"], function (_ref3) {
-  var isUp = _ref3.isUp;
-  return isUp ? 'rotate(90deg) translateY(0)' : 'rotate(0) translateY(0)';
-});
-
-export { SvgChevron, SvgChevronlGroup, SvgChevronlLeft, SvgChevronlRight };

package/dist/helpers/Chevron/index.d.ts

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

package/dist/helpers/HiddenInput/HiddenInput.d.ts

@@ -1 +0,0 @@
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/helpers/HiddenInput/HiddenInput.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-
-var HiddenInput = styled.input.withConfig({
-  displayName: "HiddenInput",
-  componentId: "sc-1gazxvz-0"
-})(["clip:rect(0 0 0 0);position:absolute;height:1px;width:1px;margin:0;"]);
-
-export { HiddenInput };

package/dist/helpers/HiddenInput/index.d.ts

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

package/dist/helpers/Input/Input.styles.d.ts

@@ -1,16 +0,0 @@
-import { Property } from 'csstype';
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly"> & {
-    hasErrorMessage: boolean;
-} & {
-    prefixLength?: number | undefined;
-    suffixLength?: number | undefined;
-} & Pick<import("./Input.types").InputProps, "componentSize">, never>;
-type OuterInputContainerProps = {
-    width?: Property.Width;
-};
-export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
-/**Brukes som container til input og ikon for posisjonering. */
-export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputAffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/dist/helpers/Input/Input.styles.js

@@ -1,51 +0,0 @@
-import styled, { css } from 'styled-components';
-import { inputTokens, inputTypographyTypes } from './Input.tokens.js';
-import '../styling/focusVisible.js';
-import { hoverInputfield, hoverDangerInputfield } from '../styling/hover.js';
-import { focusInputfield, focusDangerInputfield } from '../styling/focus.js';
-import { dangerInputfield } from '../styling/danger.js';
-import { selection } from '../styling/selection.js';
-import { getFontStyling } from '../../components/Typography/Typography.utils.js';
-
-var input = inputTokens.input,
-  container = inputTokens.container;
-var Input = styled.input.withConfig({
-  displayName: "Inputstyles__Input",
-  componentId: "sc-1oz9x8w-0"
-})(["position:relative;color:", ";border-radius:", ";border:", ";border-color:", ";background-color:", ";padding:", ";width:100%;margin:0;box-sizing:border-box;box-shadow:none;@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,border-color 0.2s,background-color 0.2s;}&[type='text'],&[type='password'],&[type='number'],&[type='tel'],&[type='date'],&[type='url'],&[type='email'],&[type='search'],&[type='datetime-local']{-webkit-appearance:none;}&::selection{", "}&:hover:enabled:read-write{", "}&:focus:enabled:read-write,&:active:enabled:read-write{", "}"], input.base.color, input.base.borderRadius, input.base.border, input.base.borderColor, input.base.backgroundColor, input.base.padding, selection, hoverInputfield, focusInputfield);
-var StatefulInput = styled(Input).withConfig({
-  displayName: "Inputstyles__StatefulInput",
-  componentId: "sc-1oz9x8w-1"
-})(["-webkit-appearance:textfield;padding-left:", ";padding-right:", ";", " ", " &:enabled:read-only{border:none;outline:none;cursor:default;background-color:", ";padding-left:0;}&:disabled{cursor:not-allowed;color:", ";background-color:", ";}"], function (_ref) {
-  var prefixLength = _ref.prefixLength,
-    readOnly = _ref.readOnly;
-  return prefixLength && (readOnly ? "".concat(prefixLength, "px !important") : "calc(".concat(input.affix.gap, "px + ").concat(prefixLength, "px) !important"));
-}, function (_ref2) {
-  var suffixLength = _ref2.suffixLength,
-    readOnly = _ref2.readOnly;
-  return suffixLength && (readOnly ? "".concat(suffixLength, "px !important") : "calc(".concat(input.affix.gap, "px + ").concat(suffixLength, "px) !important"));
-}, function (_ref3) {
-  var componentSize = _ref3.componentSize;
-  return componentSize && css(["padding:", ";", ""], input.sizes[componentSize].padding, getFontStyling(inputTypographyTypes[componentSize]));
-}, function (_ref4) {
-  var hasErrorMessage = _ref4.hasErrorMessage;
-  return hasErrorMessage && css(["", " &:hover:enabled:read-write{", "}&:focus:enabled:read-write,&:active:enabled:read-write{", "}"], dangerInputfield, hoverDangerInputfield, focusDangerInputfield);
-}, input.readOnly.backgroundColor, input.disabled.color, input.disabled.backgroundColor);
-var OuterInputContainer = styled.div.withConfig({
-  displayName: "Inputstyles__OuterInputContainer",
-  componentId: "sc-1oz9x8w-2"
-})(["position:relative;gap:", ";width:", ";"], container.gap, function (_ref5) {
-  var width = _ref5.width;
-  return width;
-});
-/**Brukes som container til input og ikon for posisjonering. */
-var InputContainer = styled.div.withConfig({
-  displayName: "Inputstyles__InputContainer",
-  componentId: "sc-1oz9x8w-3"
-})(["position:relative;"]);
-var InputAffixContainer = styled.div.withConfig({
-  displayName: "Inputstyles__InputAffixContainer",
-  componentId: "sc-1oz9x8w-4"
-})(["position:relative;display:flex;align-items:center;"]);
-
-export { Input, InputAffixContainer, InputContainer, OuterInputContainer, StatefulInput };

package/dist/helpers/Input/Input.tokens.d.ts

@@ -1,38 +0,0 @@
-import { InputTypographyTypes } from './Input.types';
-export declare const inputTypographyTypes: InputTypographyTypes;
-export declare const inputTokens: {
-    input: {
-        base: {
-            color: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
-            backgroundColor: string;
-            padding: string;
-        };
-        disabled: {
-            color: string;
-            backgroundColor: string;
-        };
-        readOnly: {
-            backgroundColor: string;
-        };
-        sizes: {
-            medium: {
-                padding: string;
-            };
-            small: {
-                padding: string;
-            };
-            tiny: {
-                padding: string;
-            };
-        };
-        affix: {
-            gap: number;
-        };
-    };
-    container: {
-        gap: string;
-    };
-};

package/dist/helpers/Input/Input.tokens.js

@@ -1,51 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  border = ddsBaseTokens.border;
-var TextInput = ddsReferenceTokens.textInput;
-var inputTypographyTypes = {
-  medium: 'bodySans02',
-  small: 'bodySans01',
-  tiny: 'supportingStyleTiny01'
-};
-var input = {
-  base: {
-    color: TextInput.input.textColor,
-    borderRadius: TextInput.input.borderRadius,
-    border: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray5),
-    borderColor: TextInput.input.borderColor,
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX075)
-  },
-  disabled: {
-    color: colors.DdsColorNeutralsGray7,
-    backgroundColor: colors.DdsColorNeutralsGray1
-  },
-  readOnly: {
-    backgroundColor: 'transparent'
-  },
-  sizes: {
-    medium: {
-      padding: spacing.SizesDdsSpacingLocalX075
-    },
-    small: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX075)
-    },
-    tiny: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05, " ").concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05)
-    }
-  },
-  affix: {
-    gap: spacing.SizesDdsSpacingLocalX1NumberPx
-  }
-};
-var container = {
-  gap: spacing.SizesDdsSpacingLocalX0125
-};
-var inputTokens = {
-  input: input,
-  container: container
-};
-
-export { inputTokens, inputTypographyTypes };

package/dist/helpers/Input/Input.types.d.ts

@@ -1,28 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-import { Property } from 'csstype';
-import { StaticTypographyType } from '../../components/Typography';
-export type CommonInputProps = {
-    /**Ledetekst for input. */
-    label?: string;
-    /**Bredde for inputfeltet. */
-    width?: Property.Width<string>;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Feilmelding. Setter også error state. */
-    errorMessage?: string;
-};
-export type InputSize = 'medium' | 'small' | 'tiny';
-export type InputProps = CommonInputProps & {
-    /**Størrelse på inputfeltet. */
-    componentSize?: InputSize;
-} & InputHTMLAttributes<HTMLInputElement>;
-export type StyledCommonInputProps = Pick<InputProps, 'readOnly' | 'disabled'> & {
-    hasErrorMessage: boolean;
-};
-export type StyledInputProps = StyledCommonInputProps & {
-    prefixLength?: number;
-    suffixLength?: number;
-} & Pick<InputProps, 'componentSize'>;
-export type InputTypographyTypes = {
-    [k in InputSize]: StaticTypographyType;
-};

package/dist/helpers/Input/Input.utils.d.ts

@@ -1,5 +0,0 @@
-import { IconSize } from '../../components/Icon';
-import { InputSize } from './Input.types';
-export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;
-export declare function getDefaultText(value?: string | number | readonly string[], defaultValue?: string | number | readonly string[]): string;
-export declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/Input/Input.utils.js

@@ -1,37 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { InputMessage } from '../../components/InputMessage/InputMessage.js';
-
-var getFormInputIconSize = function getFormInputIconSize(componentSize) {
-  switch (componentSize) {
-    case 'medium':
-      return 'medium';
-    case 'small':
-      return 'small';
-    case 'tiny':
-      return 'small';
-  }
-};
-function getDefaultText(value, defaultValue) {
-  if (typeof value === 'string') {
-    return value;
-  }
-  if (typeof defaultValue === 'string') {
-    return defaultValue;
-  }
-  return '';
-}
-var renderInputMessage = function renderInputMessage(tip, tipId, errorMessage, errorMessageId) {
-  return jsxs(Fragment, {
-    children: [errorMessage && errorMessageId && jsx(InputMessage, {
-      message: errorMessage,
-      messageType: "error",
-      id: errorMessageId
-    }), tip && tipId && !errorMessage && jsx(InputMessage, {
-      message: tip,
-      messageType: "tip",
-      id: tipId
-    })]
-  });
-};
-
-export { getDefaultText, getFormInputIconSize, renderInputMessage };

package/dist/helpers/Input/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Input.styles';
-export * from './Input.types';
-export * from './Input.tokens';
-export * from './Input.utils';

package/dist/helpers/Paper/Paper.d.ts

@@ -1,8 +0,0 @@
-type Elevation = 1 | 2 | 3 | 4;
-type Border = 'light' | 'dark';
-type PaperProps = {
-    elevation?: Elevation;
-    border?: Border;
-};
-export declare const Paper: import("styled-components").StyledComponent<"div", any, PaperProps, never>;
-export {};

package/dist/helpers/Paper/Paper.js

@@ -1,43 +0,0 @@
-import styled, { css } from 'styled-components';
-import '../styling/focusVisible.js';
-import '../styling/hover.js';
-import '../styling/focus.js';
-import '../styling/danger.js';
-import { selection } from '../styling/selection.js';
-import { paperTokens } from './Paper.tokens.js';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var outerShadow = ddsBaseTokens.outerShadow,
-  border = ddsBaseTokens.border;
-var getElevation = function getElevation(elevation) {
-  switch (elevation) {
-    case 1:
-      return outerShadow.DdsShadow1Onlight;
-    case 2:
-      return outerShadow.DdsShadow2Onlight;
-    case 3:
-      return outerShadow.DdsShadow3Onlight;
-    case 4:
-      return outerShadow.DdsShadow4Onlight;
-  }
-};
-var getBorder = function getBorder(borderStyle) {
-  switch (borderStyle) {
-    case 'light':
-      return "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(border.BordersDdsBorderStyleLightStroke);
-    case 'dark':
-      return "".concat(border.BordersDdsBorderStyleDarkStrokeWeight, " solid ").concat(border.BordersDdsBorderStyleDarkStroke);
-  }
-};
-var Paper = styled.div.withConfig({
-  displayName: "Paper",
-  componentId: "sc-mrbi8q-0"
-})(["box-sizing:border-box;margin:0;background-color:", ";font-family:", ";border-radius:", ";&::selection,*::selection{", "}", " border:", ""], paperTokens.paper.backgroundColor, paperTokens.paper.fontFamily, paperTokens.paper.borderRadius, selection, function (_ref) {
-  var elevation = _ref.elevation;
-  return elevation && css(["box-shadow:", ";"], getElevation(elevation));
-}, function (_ref2) {
-  var border = _ref2.border;
-  return border ? getBorder(border) : 'none';
-});
-
-export { Paper };

package/dist/helpers/Paper/Paper.tokens.d.ts

@@ -1,7 +0,0 @@
-export declare const paperTokens: {
-    paper: {
-        backgroundColor: string;
-        borderRadius: string;
-        fontFamily: string;
-    };
-};

package/dist/helpers/Paper/Paper.tokens.js

@@ -1,15 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  borderRadius = ddsBaseTokens.borderRadius,
-  font = ddsBaseTokens.font;
-var paper = {
-  backgroundColor: colors.DdsColorNeutralsWhite,
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius,
-  fontFamily: font.DdsFontBodySans01FontFamily
-};
-var paperTokens = {
-  paper: paper
-};
-
-export { paperTokens };

package/dist/helpers/Paper/index.d.ts

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

package/dist/helpers/RequiredMarker/RequiredMarker.d.ts

@@ -1 +0,0 @@
-export declare const RequiredMarker: () => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/RequiredMarker/RequiredMarker.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var MarkerWrapper = styled.span.withConfig({
-  displayName: "RequiredMarker__MarkerWrapper",
-  componentId: "sc-1r1e9ds-0"
-})(["color:", ";"], ddsBaseTokens.colors.DdsColorDangerBase);
-var RequiredMarker = function RequiredMarker() {
-  return jsx(MarkerWrapper, {
-    children: "*"
-  });
-};
-
-export { RequiredMarker };

package/dist/helpers/RequiredMarker/index.d.ts

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

package/dist/helpers/ScreenSize/ScreenSize.utils.d.ts

@@ -1,7 +0,0 @@
-import { ScreenSize } from '../../hooks';
-import { StandardProperties } from 'csstype';
-export type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;
-export type BreakpointBasedProps<T extends keyof StandardProperties> = {
-    [k in ScreenSizeLiteral]?: StandardProperties[T];
-};

package/dist/helpers/ScreenSize/ScreenSize.utils.js

@@ -1,21 +0,0 @@
-import 'react';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { ScreenSize } from '../../hooks/useScreenSize.js';
-
-var getLiteralScreenSize = function getLiteralScreenSize(screenSize) {
-  switch (screenSize) {
-    case ScreenSize.XLarge:
-      return 'xl';
-    case ScreenSize.Large:
-      return 'lg';
-    case ScreenSize.Medium:
-      return 'md';
-    case ScreenSize.Small:
-      return 'sm';
-    case ScreenSize.XSmall:
-      return 'xs';
-  }
-};
-
-export { getLiteralScreenSize };

package/dist/helpers/ScreenSize/index.d.ts

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

package/dist/helpers/SelectionControl/index.d.ts

@@ -1,3 +0,0 @@
-export * from './SelectionControl.styles';
-export * from './SelectionControl.tokens';
-export * from './SelectionControl.utils';

package/dist/helpers/TextOverflowEllipsis/TextOverflowEllipsis.d.ts

@@ -1,2 +0,0 @@
-export declare const TextOverflowEllipsisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TextOverflowEllipsisInner: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/helpers/TextOverflowEllipsis/TextOverflowEllipsis.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-
-var TextOverflowEllipsisWrapper = styled.span.withConfig({
-  displayName: "TextOverflowEllipsis__TextOverflowEllipsisWrapper",
-  componentId: "sc-1e0ljyj-0"
-})(["max-width:100%;"]);
-var TextOverflowEllipsisInner = styled.span.withConfig({
-  displayName: "TextOverflowEllipsis__TextOverflowEllipsisInner",
-  componentId: "sc-1e0ljyj-1"
-})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
-
-export { TextOverflowEllipsisInner, TextOverflowEllipsisWrapper };

package/dist/helpers/TextOverflowEllipsis/index.d.ts

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

package/dist/helpers/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Backdrop';
-export * from './Chevron';
-export * from './HiddenInput';
-export * from './Input';
-export * from './Paper';
-export * from './RequiredMarker';
-export * from './ScreenSize';

package/dist/helpers/styling/danger.d.ts

@@ -1,4 +0,0 @@
-export declare const dangerInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};

package/dist/helpers/styling/danger.js

@@ -1,9 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var Colors = ddsBaseTokens.colors;
-var dangerInputfield = {
-  borderColor: Colors.DdsColorDangerBase,
-  boxShadow: "0 0 0 1px ".concat(Colors.DdsColorDangerBase)
-};
-
-export { dangerInputfield };

package/dist/helpers/styling/focus.d.ts

@@ -1,9 +0,0 @@
-export declare const focusInputfield: {
-    outline: string;
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const focusDangerInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};

package/dist/helpers/styling/focus.js

@@ -1,14 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var border = ddsBaseTokens.border;
-var focusInputfield = {
-  outline: 'none',
-  borderColor: border.BordersDdsBorderFocusInputfieldStroke,
-  boxShadow: "0 0 0 2px ".concat(border.BordersDdsBorderFocusInputfieldStroke)
-};
-var focusDangerInputfield = {
-  borderColor: border.BordersDdsBorderFocusInputfieldStroke,
-  boxShadow: "0 0 0 2px ".concat(border.BordersDdsBorderFocusInputfieldStroke)
-};
-
-export { focusDangerInputfield, focusInputfield };

package/dist/helpers/styling/focusVisible.d.ts

@@ -1,37 +0,0 @@
-export declare const outlineOffset = "2px";
-export declare const focusVisible: {
-    outline: string;
-    outlineOffset: string;
-};
-export declare const focusVisibleOnDark: {
-    outline: string;
-    outlineOffset: string;
-};
-export declare const focusVisibleTransitionValue = "outline-offset 0.2s";
-export declare const focusVisibleLink: {
-    outline: string;
-    backgroundColor: string;
-    color: string;
-    textDecoration: string;
-};
-export declare const focusVisibleLinkOnDark: {
-    outline: string;
-    backgroundColor: string;
-    color: string;
-    textDecoration: string;
-};
-export declare const focusVisibleLinkTransitionValue = "background-color 0.2s, text-decoration 0.2s, color 0.2s";
-export declare const focusVisibleWithBorder: {
-    outline: string;
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const focusVisibleThickWithBorderOnDark: {
-    outline: string;
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const focusVisibleInset: {
-    outline: string;
-    boxShadow: string;
-};

package/dist/helpers/styling/focusVisible.js

@@ -1,44 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var Border = ddsBaseTokens.border,
-  Colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var outlineOffset = spacing.SizesDdsSpacingLocalX0125;
-var focusVisible = {
-  outline: "".concat(Border.BordersDdsBorderFocusBaseStrokeWeight, " ").concat(Border.BordersDdsBorderFocusBaseStroke, " solid"),
-  outlineOffset: outlineOffset
-};
-var focusVisibleOnDark = {
-  outline: "".concat(Border.BordersDdsBorderFocusOndarkStrokeWeight, " ").concat(Border.BordersDdsBorderFocusOndarkStroke, " solid"),
-  outlineOffset: outlineOffset
-};
-var focusVisibleTransitionValue = 'outline-offset 0.2s';
-var focusVisibleLink = {
-  outline: 'none',
-  backgroundColor: Border.BordersDdsBorderFocusBaseStroke,
-  color: Colors.DdsColorNeutralsWhite,
-  textDecoration: 'none'
-};
-({
-  outline: 'none',
-  backgroundColor: Border.BordersDdsBorderFocusOndarkStroke,
-  color: Colors.DdsColorNeutralsGray9,
-  textDecoration: 'none'
-});
-var focusVisibleLinkTransitionValue = 'background-color 0.2s, text-decoration 0.2s, color 0.2s';
-var focusVisibleWithBorder = {
-  outline: 'none',
-  borderColor: Border.BordersDdsBorderFocusCardStroke,
-  boxShadow: "inset 0 0 0 1px ".concat(Border.BordersDdsBorderFocusCardStroke)
-};
-({
-  outline: 'none',
-  borderColor: Border.BordersDdsBorderFocusOndarkStroke,
-  boxShadow: "inset 0 0 0 1px ".concat(Border.BordersDdsBorderFocusOndarkStroke)
-});
-var focusVisibleInset = {
-  outline: 'none',
-  boxShadow: "inset 0 0 0 2px ".concat(Border.BordersDdsBorderFocusCardStroke)
-};
-
-export { focusVisible, focusVisibleInset, focusVisibleLink, focusVisibleLinkTransitionValue, focusVisibleOnDark, focusVisibleTransitionValue, focusVisibleWithBorder, outlineOffset };

package/dist/helpers/styling/hideInput.d.ts

@@ -1,7 +0,0 @@
-export declare const hideInput: {
-    clip: string;
-    position: string;
-    height: string;
-    width: string;
-    margin: number;
-};

package/dist/helpers/styling/hover.d.ts

@@ -1,12 +0,0 @@
-export declare const hoverWithBorder: {
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const hoverInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const hoverDangerInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};

package/dist/helpers/styling/hover.js

@@ -1,18 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var Border = ddsBaseTokens.border,
-  Colors = ddsBaseTokens.colors;
-var hoverWithBorder = {
-  borderColor: Border.BordersDdsBorderFocusInputfieldStroke,
-  boxShadow: "inset 0 0 0 1px ".concat(Border.BordersDdsBorderFocusInputfieldStroke)
-};
-var hoverInputfield = {
-  borderColor: Border.BordersDdsBorderFocusInputfieldStroke,
-  boxShadow: "0 0 0 1px ".concat(Border.BordersDdsBorderFocusInputfieldStroke)
-};
-var hoverDangerInputfield = {
-  borderColor: Colors.DdsColorDangerBase,
-  boxShadow: "0 0 0 1px ".concat(Colors.DdsColorDangerBase)
-};
-
-export { hoverDangerInputfield, hoverInputfield, hoverWithBorder };