@norges-domstoler/dds-components 13.8.1 → 13.8.3

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

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ScreenSize } from '@norges-domstoler/dds-core';
-export type GridContextProps = {
-    screenSize: ScreenSize;
-};
-export declare const GridContext: import("react").Context<GridContextProps>;
-export declare const useGridContext: () => GridContextProps;

package/dist/components/Grid/Grid.context.js

@@ -1,11 +0,0 @@
-import { createContext, useContext } from 'react';
-import { ScreenSize } from '@norges-domstoler/dds-core';
-
-var GridContext = /*#__PURE__*/createContext({
-  screenSize: ScreenSize.Large
-});
-var useGridContext = function useGridContext() {
-  return useContext(GridContext);
-};
-
-export { GridContext, useGridContext };

package/dist/components/Grid/Grid.d.ts

@@ -1,24 +0,0 @@
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { HTMLAttributes } from 'react';
-import { BreakpointBasedProps } from '@norges-domstoler/dds-core';
-type RowGapGrid = BreakpointBasedProps<'rowGap'>;
-type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
-type BaseGridProps = {
-    /**Maksimal bredde. Gjøres per brekkepunkt.  */
-    maxWidth?: MaxWidthGrid;
-    /** CSS `row-gap`. Gjøres per brekkepunkt. */
-    rowGap?: RowGapGrid;
-} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**HTML tag som returneres. */
-    as: 'div';
-} & BaseGridProps>;
-type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
-    as: 'form';
-} & BaseGridProps>;
-export type GridProps = GridDivProps | GridFormProps;
-export declare const Grid: {
-    (props: GridProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/Grid/Grid.js

@@ -1,55 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { getLiteralScreenSize, useScreenSize, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { gridTokens } from './Grid.tokens.js';
-import { GridContext } from './Grid.context.js';
-
-var getHooksGridStyling = function getHooksGridStyling(screenSize, maxWidth, rowGap) {
-  var tokens = gridTokens[screenSize].grid;
-  return {
-    gridTemplateColumns: "repeat(".concat(tokens.columns, ", minmax(0, 1fr))"),
-    columnGap: tokens.columnGap,
-    marginLeft: tokens.marginLeft,
-    marginRight: tokens.marginRight,
-    rowGap: rowGap && rowGap[getLiteralScreenSize(screenSize)] ? rowGap[getLiteralScreenSize(screenSize)] : tokens.columnGap,
-    maxWidth: maxWidth && maxWidth[getLiteralScreenSize(screenSize)] && maxWidth[getLiteralScreenSize(screenSize)]
-  };
-};
-var StyledGrid = styled.div.withConfig({
-  displayName: "Grid__StyledGrid",
-  componentId: "sc-1cts9va-0"
-})(["display:grid;", " ", ""], function (_ref) {
-  var maxWidth = _ref.maxWidth;
-  return css(["max-width:", ";"], maxWidth);
-}, function (_ref2) {
-  var screenSize = _ref2.screenSize,
-    maxWidth = _ref2.maxWidth,
-    rowGap = _ref2.rowGap;
-  return getHooksGridStyling(screenSize, maxWidth, rowGap);
-});
-var Grid = function Grid(props) {
-  var id = props.id,
-    className = props.className,
-    children = props.children,
-    htmlProps = props.htmlProps,
-    as = props.as,
-    rest = __rest(props, ["id", "className", "children", "htmlProps", "as"]);
-  var screenSize = useScreenSize();
-  return jsx(GridContext.Provider, {
-    value: {
-      screenSize: screenSize
-    },
-    children: as === 'div' ? jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      screenSize: screenSize,
-      children: children
-    })) : jsx(StyledGrid, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      screenSize: screenSize,
-      as: as,
-      children: children
-    }))
-  });
-};
-Grid.displayName = 'Grid';
-
-export { Grid };

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

@@ -1,11 +0,0 @@
-import { GridProps } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        (props: GridProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-export declare const PageExample: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
-export declare const JustRelativeColumns: (args: GridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,82 +0,0 @@
-export declare const gridTokens: {
-    0: {
-        grid: {
-            columns: number;
-            columnGap: string;
-            marginLeft: string;
-            marginRight: string;
-        };
-        columns: {
-            firstHalf: {
-                gridColumn: string;
-            };
-            secondHalf: {
-                gridColumn: string;
-            };
-        };
-    };
-    1: {
-        grid: {
-            columns: number;
-            columnGap: string;
-            marginLeft: string;
-            marginRight: string;
-        };
-        columns: {
-            firstHalf: {
-                gridColumn: string;
-            };
-            secondHalf: {
-                gridColumn: string;
-            };
-        };
-    };
-    2: {
-        grid: {
-            columns: number;
-            columnGap: string;
-            marginLeft: string;
-            marginRight: string;
-        };
-        columns: {
-            firstHalf: {
-                gridColumn: string;
-            };
-            secondHalf: {
-                gridColumn: string;
-            };
-        };
-    };
-    3: {
-        grid: {
-            columns: number;
-            columnGap: string;
-            marginLeft: string;
-            marginRight: string;
-        };
-        columns: {
-            firstHalf: {
-                gridColumn: string;
-            };
-            secondHalf: {
-                gridColumn: string;
-            };
-        };
-    };
-    4: {
-        grid: {
-            columns: number;
-            columnGap: string;
-            marginLeft: string;
-            marginRight: string;
-        };
-        columns: {
-            firstHalf: {
-                gridColumn: string;
-            };
-            secondHalf: {
-                gridColumn: string;
-            };
-        };
-    };
-};

package/dist/components/Grid/Grid.tokens.js

@@ -1,87 +0,0 @@
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { ScreenSize } from '@norges-domstoler/dds-core';
-
-var _halfWayColumn, _gridTokens;
-var grid = ddsBaseTokens.grid,
-  spacing = ddsBaseTokens.spacing;
-var allColumns = '1 / -1';
-var halfWayColumn = (_halfWayColumn = {}, _defineProperty(_halfWayColumn, ScreenSize.XSmall, grid.DdsGridXs0599Count / 2 + 1), _defineProperty(_halfWayColumn, ScreenSize.Small, grid.DdsGridSm600959Count / 2 + 1), _defineProperty(_halfWayColumn, ScreenSize.Medium, grid.DdsGridMd9601279Count / 2 + 1), _defineProperty(_halfWayColumn, ScreenSize.Large, grid.DdsGridLg12801919Count / 2 + 1), _defineProperty(_halfWayColumn, ScreenSize.XLarge, grid.DdsGridXl1920Count / 2 + 1), _halfWayColumn);
-var gridTokens = (_gridTokens = {}, _defineProperty(_gridTokens, ScreenSize.XSmall, {
-  grid: {
-    columns: grid.DdsGridXs0599Count,
-    columnGap: grid.DdsGridXs0599GutterSize,
-    marginLeft: spacing.SizesDdsSpacingLayoutX1,
-    marginRight: spacing.SizesDdsSpacingLayoutX1
-  },
-  columns: {
-    firstHalf: {
-      gridColumn: allColumns
-    },
-    secondHalf: {
-      gridColumn: allColumns
-    }
-  }
-}), _defineProperty(_gridTokens, ScreenSize.Small, {
-  grid: {
-    columns: grid.DdsGridSm600959Count,
-    columnGap: grid.DdsGridSm600959GutterSize,
-    marginLeft: spacing.SizesDdsSpacingLayoutX2,
-    marginRight: spacing.SizesDdsSpacingLayoutX2
-  },
-  columns: {
-    firstHalf: {
-      gridColumn: "1 / ".concat(halfWayColumn[ScreenSize.Small])
-    },
-    secondHalf: {
-      gridColumn: "".concat(halfWayColumn[ScreenSize.Small], " / -1")
-    }
-  }
-}), _defineProperty(_gridTokens, ScreenSize.Medium, {
-  grid: {
-    columns: grid.DdsGridMd9601279Count,
-    columnGap: grid.DdsGridMd9601279GutterSize,
-    marginLeft: spacing.SizesDdsSpacingLayoutX4,
-    marginRight: spacing.SizesDdsSpacingLayoutX4
-  },
-  columns: {
-    firstHalf: {
-      gridColumn: "1 / ".concat(halfWayColumn[ScreenSize.Medium])
-    },
-    secondHalf: {
-      gridColumn: "".concat(halfWayColumn[ScreenSize.Medium], " / -1")
-    }
-  }
-}), _defineProperty(_gridTokens, ScreenSize.Large, {
-  grid: {
-    columns: grid.DdsGridLg12801919Count,
-    columnGap: grid.DdsGridLg12801919GutterSize,
-    marginLeft: spacing.SizesDdsSpacingLayoutX6,
-    marginRight: spacing.SizesDdsSpacingLayoutX6
-  },
-  columns: {
-    firstHalf: {
-      gridColumn: "1 / ".concat(halfWayColumn[ScreenSize.Large])
-    },
-    secondHalf: {
-      gridColumn: "".concat(halfWayColumn[ScreenSize.Large], " / -1")
-    }
-  }
-}), _defineProperty(_gridTokens, ScreenSize.XLarge, {
-  grid: {
-    columns: grid.DdsGridXl1920Count,
-    columnGap: grid.DdsGridXl1920GutterSize,
-    marginLeft: spacing.SizesDdsSpacingLayoutX10,
-    marginRight: spacing.SizesDdsSpacingLayoutX10
-  },
-  columns: {
-    firstHalf: {
-      gridColumn: "1 / ".concat(halfWayColumn[ScreenSize.XLarge])
-    },
-    secondHalf: {
-      gridColumn: "".concat(halfWayColumn[ScreenSize.XLarge], " / -1")
-    }
-  }
-}), _gridTokens);
-
-export { gridTokens };

package/dist/components/Grid/GridChild.d.ts

@@ -1,22 +0,0 @@
-import { Property } from 'csstype';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-import { HTMLAttributes } from 'react';
-import { BreakpointBasedProps } from '@norges-domstoler/dds-core';
-export declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
-export declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
-type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
-type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
-export type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
-export type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
-    columnsOccupied?: ColumnsOccupied;
-    /**Plassering av innholdet på x-aksen. */
-    justifySelf?: Property.JustifySelf;
-    /**Hvilke rader innholdet skal okkupere. */
-    gridRow?: Property.GridRow;
-}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-export declare const GridChild: {
-    (props: GridChildProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/Grid/GridChild.js

@@ -1,43 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { gridTokens } from './Grid.tokens.js';
-import { useGridContext } from './Grid.context.js';
-import { getLiteralScreenSize, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var isRelativeGridColumn = function isRelativeGridColumn(type) {
-  return type === 'all' || type === 'firstHalf' || type === 'secondHalf';
-};
-var isGridColumn = function isGridColumn(type) {
-  return type.xs !== undefined || type.sm !== undefined || type.md !== undefined || type.lg !== undefined || type.xl !== undefined;
-};
-var StyledGridChild = styled.div.withConfig({
-  displayName: "GridChild__StyledGridChild",
-  componentId: "sc-1wijakj-0"
-})(["grid-column:", ";justify-self:", ";grid-row:", ";"], function (_ref) {
-  var screenSize = _ref.screenSize,
-    columnsOccupied = _ref.columnsOccupied;
-  return columnsOccupied === 'all' ? '1 / -1' : isGridColumn(columnsOccupied) ? columnsOccupied[getLiteralScreenSize(screenSize)] : isRelativeGridColumn(columnsOccupied) ? gridTokens[screenSize].columns[columnsOccupied].gridColumn : '';
-}, function (_ref2) {
-  var justifySelf = _ref2.justifySelf;
-  return justifySelf && justifySelf;
-}, function (_ref3) {
-  var gridRow = _ref3.gridRow;
-  return gridRow && gridRow;
-});
-var GridChild = function GridChild(props) {
-  var id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    children = props.children,
-    rest = __rest(props, ["id", "className", "htmlProps", "children"]);
-  var _useGridContext = useGridContext(),
-    screenSize = _useGridContext.screenSize;
-  return jsx(StyledGridChild, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    screenSize: screenSize,
-    children: children
-  }));
-};
-GridChild.displayName = 'GridChild';
-
-export { GridChild, isGridColumn, isRelativeGridColumn };

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

@@ -1,2 +0,0 @@
-export * from './Grid';
-export * from './GridChild';

package/dist/components/InlineEdit/InlineEdit.d.ts

@@ -1,5 +0,0 @@
-import { InlineEditProps } from './InlineEdit.types';
-export declare const InlineEdit: {
-    (props: InlineEditProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/InlineEdit/InlineEdit.js

@@ -1,69 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, Children, isValidElement, cloneElement } from 'react';
-import { useOnKeyDown, useOnClickOutside } from '@norges-domstoler/dds-core';
-
-var InlineEdit = function InlineEdit(props) {
-  var emptiable = props.emptiable,
-    value = props.value,
-    onSetValue = props.onSetValue,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    inputRef = props.inputRef,
-    children = props.children;
-  var _useState = useState(value || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    editingValue = _useState2[0],
-    setEditingValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var onChangeHandler = function onChangeHandler(e) {
-    setEditingValue(e.target.value);
-    onChange && onChange();
-  };
-  var onFocusHandler = function onFocusHandler() {
-    setIsEditing(true);
-    onFocus && onFocus();
-  };
-  var onBlurHandler = function onBlurHandler(e) {
-    if (!emptiable && e.target.value.trim() === '') {
-      setEditingValue(value);
-    } else {
-      onSetValue && onSetValue(e.target.value);
-    }
-    setIsEditing(false);
-    onBlur && onBlur();
-  };
-  var onExitHandler = function onExitHandler() {
-    if (inputRef.current === document.activeElement && document.activeElement instanceof HTMLElement) {
-      setIsEditing(false);
-      document.activeElement.blur();
-    }
-  };
-  useOnKeyDown(['Enter'], function () {
-    return onExitHandler();
-  });
-  useOnKeyDown(['Escape'], function () {
-    return onExitHandler();
-  });
-  useOnClickOutside(inputRef.current, function () {
-    return onExitHandler();
-  });
-  var inputChild = Children.only( /*#__PURE__*/isValidElement(children) && /*#__PURE__*/cloneElement(children, {
-    onChange: onChangeHandler,
-    onBlur: onBlurHandler,
-    onFocus: onFocusHandler,
-    isEditing: isEditing,
-    value: editingValue,
-    emptiable: emptiable
-  }));
-  return jsx(Fragment, {
-    children: inputChild
-  });
-};
-InlineEdit.displayName = 'InlineEdit';
-
-export { InlineEdit };

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

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        emptiable: {
-            control: {
-                type: string;
-            };
-        };
-        error: {
-            control: {
-                type: string;
-            };
-        };
-        errorMessage: {
-            control: {
-                type: string;
-            };
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const OverviewInputTypes: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +0,0 @@
-import { Property } from 'csstype';
-export declare const defaultWidth: Property.Width;
-type StyledInlineInputProps = {
-    isEditing?: boolean;
-    hideIcon?: boolean;
-};
-export declare const StyledInlineInput: 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"> & StyledInlineInputProps, never>;
-export declare const StyledInlineTextArea: 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"> & StyledInlineInputProps, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};

package/dist/components/InlineEdit/InlineEdit.styles.js

@@ -1,28 +0,0 @@
-import styled, { css } from 'styled-components';
-import { inlineEditTokens } from './InlineEdit.tokens.js';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-import { StatefulInput } from '@norges-domstoler/dds-form';
-
-var inlineEdit = inlineEditTokens.inlineEdit,
-  iconWrapper = inlineEditTokens.iconWrapper;
-var defaultWidth = '140px';
-var StyledInlineInput = styled(StatefulInput).withConfig({
-  displayName: "InlineEditstyles__StyledInlineInput",
-  componentId: "sc-1ro526a-0"
-})(["border-color:transparent;background-color:", ";padding:", ";", ";", " &:hover:enabled:read-write:not(:focus){background-color:", ";border-color:transparent;box-shadow:none;}&:focus{background-color:", ";}"], inlineEdit.backgroundColor, inlineEdit.padding, inlineEdit.font, function (_ref) {
-  var isEditing = _ref.isEditing,
-    hideIcon = _ref.hideIcon;
-  return !isEditing && !hideIcon && css(["padding-left:", ";"], inlineEdit.withIcon.paddingLeft);
-}, inlineEdit.hover.backgroundColor, inlineEdit.focus.backgroundColor);
-var StyledInlineTextArea = styled(StyledInlineInput).withConfig({
-  displayName: "InlineEditstyles__StyledInlineTextArea",
-  componentId: "sc-1ro526a-1"
-})(["resize:vertical;", " ", ""], scrollbarStyling.webkit, scrollbarStyling.firefox);
-var IconWrapper = styled.span.withConfig({
-  displayName: "InlineEditstyles__IconWrapper",
-  componentId: "sc-1ro526a-2"
-})(["position:absolute;left:", ";top:", ";z-index:1;&:hover{cursor:text;}"], iconWrapper.left, iconWrapper.top);
-
-export { IconWrapper, StyledInlineInput, StyledInlineTextArea, defaultWidth };

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

@@ -1,27 +0,0 @@
-export declare const inlineEditTokens: {
-    inlineEdit: {
-        padding: string;
-        font: {
-            lineHeight: any;
-            fontSize: string;
-            letterSpacing: any;
-            fontFamily: any;
-            fontWeight: any;
-            fontStyle: any;
-        };
-        backgroundColor: string;
-        withIcon: {
-            paddingLeft: string;
-        };
-        hover: {
-            backgroundColor: string;
-        };
-        focus: {
-            backgroundColor: string;
-        };
-    };
-    iconWrapper: {
-        top: string;
-        left: string;
-    };
-};

package/dist/components/InlineEdit/InlineEdit.tokens.js

@@ -1,29 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing,
-  fontPackages = ddsBaseTokens.fontPackages;
-var inlineEdit = {
-  padding: spacing.SizesDdsSpacingLocalX025,
-  font: fontPackages.body_sans_02.base,
-  backgroundColor: 'transparent',
-  withIcon: {
-    paddingLeft: spacing.SizesDdsSpacingLocalX2
-  },
-  hover: {
-    backgroundColor: colors.DdsColorInteractiveLightest
-  },
-  focus: {
-    backgroundColor: colors.DdsColorNeutralsWhite
-  }
-};
-var iconWrapper = {
-  top: spacing.SizesDdsSpacingLocalX05,
-  left: spacing.SizesDdsSpacingLocalX05
-};
-var inlineEditTokens = {
-  inlineEdit: inlineEdit,
-  iconWrapper: iconWrapper
-};
-
-export { inlineEditTokens };

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

@@ -1,35 +0,0 @@
-import { Property } from 'csstype';
-import { InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
-export type BaseInlineInputProps = {
-    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
-    error?: boolean;
-    /**Feilmelding. Setter også error state. */
-    errorMessage?: string;
-    /** Bredde på komponenten. */
-    width?: Property.Width;
-    /**Om redigeringsikonet skal vises. */
-    hideIcon?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
-    emptiable?: boolean;
-    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
-    isEditing?: boolean;
-};
-export type InlineEditProps = {
-    /**Callback for når verdien blir lagret. */
-    onSetValue?: (value: string) => void;
-    /** Ref til barnet. */
-    inputRef: RefObject<HTMLElement>;
-    /** Barn (inputelementet). */
-    children: ReactNode;
-    /**Spesifiserer om brukeren kan tømme inputfeltet. */
-    emptiable?: boolean;
-    /**Ekstra callback ved `onChange`-event. */
-    onChange?: () => void;
-    /**Ekstra callback ved `onFocus`-event. */
-    onFocus?: () => void;
-    /**Ekstra callback ved `onBlur`-event. */
-    onBlur?: () => void;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
-export type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
-export type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
-export type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;

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

@@ -1 +0,0 @@
-export declare const inlineEditVisuallyHidden: (id: string, emptiable?: boolean) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InlineEdit/InlineEdit.utils.js

@@ -1,12 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-
-var inlineEditVisuallyHidden = function inlineEditVisuallyHidden(id, emptiable) {
-  return jsxs(VisuallyHidden, {
-    id: id,
-    as: "span",
-    children: ["Escape, Enter eller Tab for \xE5 lagre.", ' ', !emptiable && 'Inputfeltet er ikke tømmbar.']
-  });
-};
-
-export { inlineEditVisuallyHidden };

package/dist/components/InlineEdit/InlineEditInput.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;