@norges-domstoler/dds-components 13.6.0 → 13.6.1

package/dist/components/Tooltip/Tooltip.js

@@ -2,13 +2,7 @@ import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBab
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId, useState, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import { useFloatPosition } from '../../hooks/useFloatPosition.js';
-import { combineHandlers } from '../../utils/combineHandlers.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { useFloatPosition, useCombinedRef, useOnKeyDown, combineHandlers, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { Container, TooltipWrapper, ArrowWrapper, SvgArrow } from './Tooltip.styles.js';
 import { tooltipTokens } from './Tooltip.tokens.js';
 

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

@@ -4,7 +4,7 @@ declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "className" | "id"> & {
         text: string;
-        placement?: import("../..").Placement | undefined;
+        placement?: import("@norges-domstoler/dds-core").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
         delay?: number | undefined;
         tooltipId?: string | undefined;

package/dist/components/Tooltip/Tooltip.styles.js

@@ -1,24 +1,6 @@
 import styled from 'styled-components';
-import '../../helpers/Backdrop/Backdrop.js';
-import 'react/jsx-runtime';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import { Paper } from '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import 'react';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
-import { visibilityTransition } from '../../helpers/styling/visibilityTransition.js';
-import '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-import { getFontStyling, defaultTypographyType } from '../Typography/Typography.utils.js';
+import { Paper, visibilityTransition } from '@norges-domstoler/dds-core';
+import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
 import { tooltipTokens } from './Tooltip.tokens.js';
 
 var wrapper = tooltipTokens.wrapper;

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     as: 'div';
 }>;

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,7 @@
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import styled from 'styled-components';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 
 var Wrapper = styled.span.withConfig({
   displayName: "VisuallyHidden__Wrapper",

package/dist/dds-core.d.ts

@@ -0,0 +1 @@
+export { ScreenSize, type ScreenSizeLiteral, getLiteralScreenSize, type BreakpointBasedProps, type Placement, type BaseComponentProps, type BaseComponentPropsWithChildren, getBaseHTMLProps, isKeyboardEvent, useCombinedRef, useFloatPosition, useFocusTrap, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, } from '@norges-domstoler/dds-core';

package/dist/dds-form.d.ts

@@ -0,0 +1,2 @@
+export * from '@norges-domstoler/dds-form';
+export type * from '@norges-domstoler/dds-form';

package/dist/dds-icons.d.ts

@@ -0,0 +1,2 @@
+export * from '@norges-domstoler/dds-icons';
+export type * from '@norges-domstoler/dds-icons';

package/dist/dds-typography.d.ts

@@ -0,0 +1,2 @@
+export * from '@norges-domstoler/dds-typography';
+export type * from '@norges-domstoler/dds-typography';

package/dist/index.d.ts

@@ -1,18 +1,20 @@
 import 'focus-visible';
 import './styles/fontStyles.css';
 import './styles/selection.css';
-export * from './components/RadioButton';
-export * from './components/Checkbox';
+export * from './dds-core';
+export * from './dds-form';
+export * from './dds-icons';
+export * from './dds-typography';
+export * from './components/SelectionControl/RadioButton';
+export * from './components/SelectionControl/Checkbox';
 export * from './components/Button';
 export * from './components/TextInput';
 export * from './components/Select';
 export * from './components/GlobalMessage';
 export * from './components/LocalMessage';
 export * from './components/Search';
-export * from './components/Typography';
 export * from './components/Table';
 export * from './components/Breadcrumbs';
-export * from './components/Icon';
 export * from './components/Pagination';
 export * from './components/Divider';
 export * from './components/List';
@@ -34,18 +36,14 @@ export * from './components/Tag';
 export * from './components/Chip';
 export * from './components/VisuallyHidden';
 export * from './components/ScrollableContainer';
-export * from './icons/tsx';
 export * from './components/ToggleBar';
 export * from './components/Grid';
 export * from './components/ProgressTracker';
-export * from './hooks';
 export * from './components/InlineEdit';
 export * from './components/TextArea';
 export * from './components/SplitButton';
 export * from './components/Stack';
 export * from './components/FileUploader';
-export * from './types/BaseComponentProps';
-export * from './helpers/ScreenSize';
 export * from './components/EmptyContent';
 export * from './components/BackLink';
 export * from './components/Feedback';

package/dist/index.js

@@ -1,25 +1,21 @@
 import 'focus-visible';
-export { RadioButton } from './components/RadioButton/RadioButton.js';
-export { RadioButtonGroup } from './components/RadioButton/RadioButtonGroup.js';
-export { Checkbox } from './components/Checkbox/Checkbox.js';
-export { CheckboxGroup } from './components/Checkbox/CheckboxGroup.js';
+export { ScreenSize, getBaseHTMLProps, getLiteralScreenSize, isKeyboardEvent, useCombinedRef, useFloatPosition, useFocusTrap, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize } from '@norges-domstoler/dds-core';
+export * from '@norges-domstoler/dds-form';
+export * from '@norges-domstoler/dds-icons';
+export * from '@norges-domstoler/dds-typography';
+export { RadioButton } from './components/SelectionControl/RadioButton/RadioButton.js';
+export { RadioButtonGroup } from './components/SelectionControl/RadioButton/RadioButtonGroup.js';
+export { Checkbox } from './components/SelectionControl/Checkbox/Checkbox.js';
+export { CheckboxGroup } from './components/SelectionControl/Checkbox/CheckboxGroup.js';
 export { Button } from './components/Button/Button.js';
 export { TextInput } from './components/TextInput/TextInput.js';
 export { Select, createSelectOptions } from './components/Select/Select.js';
 export { GlobalMessage } from './components/GlobalMessage/GlobalMessage.js';
 export { LocalMessage } from './components/LocalMessage/LocalMessage.js';
 export { Search } from './components/Search/index.js';
-export { Typography } from './components/Typography/Typography/Typography.js';
-export { Label } from './components/Typography/Label/Label.js';
-export { Paragraph } from './components/Typography/Paragraph/Paragraph.js';
-export { Heading } from './components/Typography/Heading/Heading.js';
-export { Link } from './components/Typography/Link/Link.js';
-export { Legend } from './components/Typography/Legend/Legend.js';
-export { Caption } from './components/Typography/Caption/Caption.js';
 export { CollapsibleTable, Table } from './components/Table/index.js';
 export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
-export { Icon } from './components/Icon/Icon.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { Divider } from './components/Divider/Divider.js';
 export { List } from './components/List/List.js';
@@ -61,177 +57,17 @@ export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
 export { Scrollbar } from './components/ScrollableContainer/Scrollbar.js';
 export { ScrollableContainer } from './components/ScrollableContainer/ScrollableContainer.js';
 export { scrollbarStyling } from './components/ScrollableContainer/scrollbarStyling.js';
-export { AgreementIcon } from './icons/tsx/agreement.js';
-export { AppsIcon } from './icons/tsx/apps.js';
-export { ArchiveIcon } from './icons/tsx/archive.js';
-export { ArrowDownIcon } from './icons/tsx/arrowDown.js';
-export { ArrowLeftIcon } from './icons/tsx/arrowLeft.js';
-export { ArrowRightIcon } from './icons/tsx/arrowRight.js';
-export { ArrowUpIcon } from './icons/tsx/arrowUp.js';
-export { AttachmentIcon } from './icons/tsx/attachment.js';
-export { BlockIcon } from './icons/tsx/block.js';
-export { BookIcon } from './icons/tsx/book.js';
-export { BuildIcon } from './icons/tsx/build.js';
-export { BuildCircledIcon } from './icons/tsx/buildCircled.js';
-export { CalendarIcon } from './icons/tsx/calendar.js';
-export { CalendarMonthIcon } from './icons/tsx/calendarMonth.js';
-export { CalendarViewDayIcon } from './icons/tsx/calendarViewDay.js';
-export { CalendarViewMonthIcon } from './icons/tsx/calendarViewMonth.js';
-export { CalendarViewWeekIcon } from './icons/tsx/calendarViewWeek.js';
-export { CallIcon } from './icons/tsx/call.js';
-export { CaringIcon } from './icons/tsx/caring.js';
-export { ChatIcon } from './icons/tsx/chat.js';
-export { CheckIcon } from './icons/tsx/check.js';
-export { CheckCircledIcon } from './icons/tsx/checkCircled.js';
-export { ChecklistIcon } from './icons/tsx/checklist.js';
-export { ChevronDownIcon } from './icons/tsx/chevronDown.js';
-export { ChevronFirstIcon } from './icons/tsx/chevronFirst.js';
-export { ChevronLargeLeftIcon } from './icons/tsx/chevronLargeLeft.js';
-export { ChevronLargeRightIcon } from './icons/tsx/chevronLargeRight.js';
-export { ChevronLastIcon } from './icons/tsx/chevronLast.js';
-export { ChevronLeftIcon } from './icons/tsx/chevronLeft.js';
-export { ChevronRightIcon } from './icons/tsx/chevronRight.js';
-export { ChevronUpIcon } from './icons/tsx/chevronUp.js';
-export { CloseIcon } from './icons/tsx/close.js';
-export { CloseSmallIcon } from './icons/tsx/closeSmall.js';
-export { CloseCircledIcon } from './icons/tsx/closeCircled.js';
-export { CloudIcon } from './icons/tsx/cloud.js';
-export { CollapseIcon } from './icons/tsx/collapse.js';
-export { CommentIcon } from './icons/tsx/comment.js';
-export { CopyIcon } from './icons/tsx/copy.js';
-export { CourtIcon } from './icons/tsx/court.js';
-export { DateRangeIcon } from './icons/tsx/dateRange.js';
-export { DeathsIcon } from './icons/tsx/deaths.js';
-export { DoubleChevronLeftIcon } from './icons/tsx/doubleChevronLeft.js';
-export { DoubleChevronRightIcon } from './icons/tsx/doubleChevronRight.js';
-export { DownloadIcon } from './icons/tsx/download.js';
-export { DownloadDoneIcon } from './icons/tsx/downloadDone.js';
-export { DragHandleIcon } from './icons/tsx/dragHandle.js';
-export { EditIcon } from './icons/tsx/edit.js';
-export { ErrorIcon } from './icons/tsx/error.js';
-export { ExclaimIcon } from './icons/tsx/exclaim.js';
-export { ExpandIcon } from './icons/tsx/expand.js';
-export { FacebookIcon } from './icons/tsx/facebook.js';
-export { FamilyIcon } from './icons/tsx/family.js';
-export { FeedbackIcon } from './icons/tsx/feedback.js';
-export { FileIcon } from './icons/tsx/file.js';
-export { FileAddIcon } from './icons/tsx/fileAdd.js';
-export { FileTextIcon } from './icons/tsx/fileText.js';
-export { FilterIcon } from './icons/tsx/filter.js';
-export { FilterListIcon } from './icons/tsx/filterList.js';
-export { FilterListOffIcon } from './icons/tsx/filterListOff.js';
-export { FilterOffIcon } from './icons/tsx/filterOff.js';
-export { FindInPageIcon } from './icons/tsx/findInPage.js';
-export { FolderIcon } from './icons/tsx/folder.js';
-export { FolderAddIcon } from './icons/tsx/folderAdd.js';
-export { FullscreenExitIcon } from './icons/tsx/fullsceenExit.js';
-export { FullscreenIcon } from './icons/tsx/fullscreen.js';
-export { GavelIcon } from './icons/tsx/gavel.js';
-export { HelpIcon } from './icons/tsx/help.js';
-export { HelpFilledIcon } from './icons/tsx/helpFilled.js';
-export { HomeIcon } from './icons/tsx/home.js';
-export { HourglassBottom } from './icons/tsx/hourglassBottom.js';
-export { HourglassDisabled } from './icons/tsx/hourglassDisabled.js';
-export { HourglassEmpty } from './icons/tsx/hourglassEmpty.js';
-export { HourglassFull } from './icons/tsx/hourglassFull.js';
-export { HourglassTop } from './icons/tsx/hourglassTop.js';
-export { ImageIcon } from './icons/tsx/image.js';
-export { InfoIcon } from './icons/tsx/info.js';
-export { InstagramIcon } from './icons/tsx/instagram.js';
-export { JordskifterettIcon } from './icons/tsx/jordskifterett.js';
-export { KeyIcon } from './icons/tsx/key.js';
-export { LagmannsrettIcon } from './icons/tsx/lagmannsrett.js';
-export { LanguageIcon } from './icons/tsx/language.js';
-export { LinkIcon } from './icons/tsx/link.js';
-export { LinkedInIcon } from './icons/tsx/linkedIn.js';
-export { LinkOffIcon } from './icons/tsx/linkOff.js';
-export { ListIcon } from './icons/tsx/list.js';
-export { ListAltIcon } from './icons/tsx/listAlt.js';
-export { LocationIcon } from './icons/tsx/location.js';
-export { LockIcon } from './icons/tsx/lock.js';
-export { LockOpenIcon } from './icons/tsx/lockOpen.js';
-export { LoginIcon } from './icons/tsx/login.js';
-export { LogoutIcon } from './icons/tsx/logout.js';
-export { MailIcon } from './icons/tsx/mail.js';
-export { MailOpenIcon } from './icons/tsx/mailOpen.js';
-export { MenuIcon } from './icons/tsx/menu.js';
-export { MinusIcon } from './icons/tsx/minus.js';
-export { MinusCirledIcon } from './icons/tsx/minusCircled.js';
-export { MoreHorizontalIcon } from './icons/tsx/moreHorizontal.js';
-export { MoreVerticalIcon } from './icons/tsx/moreVertical.js';
-export { NotarialIcon } from './icons/tsx/notarial.js';
-export { NotificationsIcon } from './icons/tsx/notifications.js';
-export { NotificationsOffIcon } from './icons/tsx/notificationsOff.js';
-export { OnlineMeetingIcon } from './icons/tsx/onlineMeeting.js';
-export { OpenExternalIcon } from './icons/tsx/openExternal.js';
-export { PayoutIcon } from './icons/tsx/payout.js';
-export { PdfIcon } from './icons/tsx/pdf.js';
-export { PersonIcon } from './icons/tsx/person.js';
-export { PersonAddIcon } from './icons/tsx/personAdd.js';
-export { PinIcon } from './icons/tsx/pin.js';
-export { PlusIcon } from './icons/tsx/plus.js';
-export { PlusCircledIcon } from './icons/tsx/plusCircled.js';
-export { PrintIcon } from './icons/tsx/print.js';
-export { PropertyIcon } from './icons/tsx/property.js';
-export { PublishIcon } from './icons/tsx/publish.js';
-export { QuestionAnswerIcon } from './icons/tsx/questionAnswer.js';
-export { ReceiptIcon } from './icons/tsx/receipt.js';
-export { RedoIcon } from './icons/tsx/redo.js';
-export { RefreshIcon } from './icons/tsx/refresh.js';
-export { ReplayIcon } from './icons/tsx/replay.js';
-export { SearchIcon } from './icons/tsx/search.js';
-export { SettingsIcon } from './icons/tsx/settings.js';
-export { SmsIcon } from './icons/tsx/sms.js';
-export { StarIcon } from './icons/tsx/star.js';
-export { StarFilledIcon } from './icons/tsx/starFilled.js';
-export { StarHalfFilled } from './icons/tsx/starHalfFilled.js';
-export { SyncIcon } from './icons/tsx/sync.js';
-export { Thumbdown } from './icons/tsx/thumbdown.js';
-export { ThumbdownFilled } from './icons/tsx/thumbdownFilled.js';
-export { Thumbup } from './icons/tsx/thumbup.js';
-export { ThumbupFilled } from './icons/tsx/thumbupFilled.js';
-export { TimeIcon } from './icons/tsx/time.js';
-export { TingrettIcon } from './icons/tsx/tingrett.js';
-export { TipIcon } from './icons/tsx/tip.js';
-export { TrashIcon } from './icons/tsx/trash.js';
-export { TwitterIcon } from './icons/tsx/twitter.js';
-export { UndoIcon } from './icons/tsx/undo.js';
-export { UnfoldLessIcon } from './icons/tsx/unfoldLess.js';
-export { UnfoldMoreIcon } from './icons/tsx/unfoldMore.js';
-export { UploadIcon } from './icons/tsx/upload.js';
-export { VisibilityOffIcon } from './icons/tsx/visibilityOff.js';
-export { VisibilityOnIcon } from './icons/tsx/visibilityOn.js';
-export { WarningIcon } from './icons/tsx/warning.js';
-export { ZoomInIcon } from './icons/tsx/zoomIn.js';
-export { ZoomOutIcon } from './icons/tsx/zoomOut.js';
-export { BarChartIcon } from './icons/tsx/barChart.js';
-export { BarChartBoxedIcon } from './icons/tsx/barChartBoxed.js';
-export { LineChartIcon } from './icons/tsx/lineChart.js';
-export { TrendingUpIcon } from './icons/tsx/trendingUp.js';
-export { TrendingDownIcon } from './icons/tsx/trendingDown.js';
-export { LibraryAddIcon } from './icons/tsx/libraryAdd.js';
 export { ToggleBar } from './components/ToggleBar/ToggleBar.js';
 export { ToggleRadio } from './components/ToggleBar/ToggleRadio.js';
 export { Grid } from './components/Grid/Grid.js';
 export { GridChild, isGridColumn, isRelativeGridColumn } from './components/Grid/GridChild.js';
 export { ProgressTracker } from './components/ProgressTracker/ProgressTracker.js';
-export { useCombinedRef } from './hooks/useCombinedRefs.js';
-export { useOnClickOutside } from './hooks/useOnClickOutside.js';
-export { useOnKeyDown } from './hooks/useOnKeyDown.js';
-export { useFloatPosition } from './hooks/useFloatPosition.js';
-export { isKeyboardEvent, useRoveFocus } from './hooks/useRoveFocus.js';
-export { useFocusTrap } from './hooks/useFocusTrap.js';
-export { useMountTransition } from './hooks/useMountTransition.js';
-export { ScreenSize, useScreenSize } from './hooks/useScreenSize.js';
-export { useReturnFocusOnBlur } from './hooks/useReturnFocusOnBlur.js';
 export { InlineEditTextArea } from './components/InlineEdit/InlineEditTextArea.js';
 export { InlineEditInput } from './components/InlineEdit/InlineEditInput.js';
 export { StyledTextArea, TextArea } from './components/TextArea/TextArea.js';
 export { SplitButton } from './components/SplitButton/SplitButton.js';
 export { HStack, VStack } from './components/Stack/Stack.js';
 export { FileUploader } from './components/FileUploader/FileUploader.js';
-export { getBaseHTMLProps, joinClassNames } from './types/BaseComponentProps.js';
-export { getLiteralScreenSize } from './helpers/ScreenSize/ScreenSize.utils.js';
 export { EmptyContent } from './components/EmptyContent/EmptyContent.js';
 export { BackLink } from './components/BackLink/BackLink.js';
 export { Feedback } from './components/Feedback/Feedback.js';

package/dist/utils/icon.d.ts

@@ -0,0 +1,3 @@
+import { InputSize } from '@norges-domstoler/dds-form';
+import { IconSize } from '@norges-domstoler/dds-icons';
+export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;

package/dist/utils/icon.js

@@ -0,0 +1,12 @@
+var getFormInputIconSize = function getFormInputIconSize(componentSize) {
+  switch (componentSize) {
+    case 'medium':
+      return 'medium';
+    case 'small':
+      return 'small';
+    case 'tiny':
+      return 'small';
+  }
+};
+
+export { getFormInputIconSize };

package/dist/utils/renderInputMessage.d.ts

@@ -0,0 +1 @@
+export declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/renderInputMessage.js

@@ -0,0 +1,18 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { InputMessage } from '../components/InputMessage/InputMessage.js';
+
+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 { renderInputMessage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "13.6.0",
+  "version": "13.6.1",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -89,6 +89,10 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^1.3.0",
+    "@norges-domstoler/dds-core": "*",
+    "@norges-domstoler/dds-form": "*",
+    "@norges-domstoler/dds-icons": "*",
+    "@norges-domstoler/dds-typography": "*",
     "attr-accept": "^2.2.2",
     "file-selector": "^0.6.0",
     "focus-visible": "^5.2.0",

package/dist/assets/svg/openExternal.svg.js

@@ -1,4 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 19H5V5H12V3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z' fill='%230B0D0E'/%3e%3c/svg%3e";
-  var OpenExternalIcon = img;
-
-export { OpenExternalIcon as default };

package/dist/cjs/components/Icon/Icon.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-import { BaseComponentProps } from '../../types';
-import { SvgIcon } from '../../icons/utils/propTypes';
-export type IconSize = 'small' | 'medium' | 'large' | 'inherit';
-export type IconProps = BaseComponentProps<SVGSVGElement, {
-    /**Ikonet importert fra `@norges-domstoler/dds-components`. */
-    icon: SvgIcon;
-    /**Størrelsen på ikonet. */
-    iconSize?: IconSize;
-    /**Fargen på ikonet. */
-    color?: Property.Color;
-}>;
-export declare function Icon(props: IconProps): JSX.Element;
-export declare namespace Icon {
-    var displayName: string;
-}

package/dist/cjs/components/Icon/Icon.stories.d.ts

@@ -1,21 +0,0 @@
-import { Icon, IconProps } from '.';
-declare const _default: {
-    title: string;
-    component: typeof Icon;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Inherit: (args: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Icon/index.d.ts

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

package/dist/cjs/components/Typography/Caption/Caption.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps } from '../Typography';
-export type CaptionProps = BaseComponentPropsWithChildren<HTMLTableCaptionElement, BaseTypographyProps>;
-export declare const Caption: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "id" | "className"> & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: import("react").HTMLAttributes<HTMLTableCaptionElement> | undefined;
-} & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/dist/cjs/components/Typography/Caption/Caption.stories.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { CaptionProps } from '.';
-type StoryTProps = {
-    text: string;
-} & CaptionProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLTableCaptionElement>, "className" | "id"> & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlProps?: import("react").HTMLAttributes<HTMLTableCaptionElement> | undefined;
-    } & import("react").RefAttributes<HTMLTableCaptionElement>>;
-    argTypes: {
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Typography/Caption/index.d.ts

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

package/dist/cjs/components/Typography/Heading/Heading.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps, TypographyHeadingType } from '../Typography';
-export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-export type HeadingProps = BaseComponentPropsWithChildren<HTMLHeadingElement, {
-    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
-    level: HeadingLevel;
-    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
-    typographyType?: TypographyHeadingType;
-} & BaseTypographyProps>;
-export declare const Heading: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "id" | "className"> & {
-    /**Nivå på overskriften. Komponenten returnerer HTML heading element med dette nivået med default styling. */
-    level: HeadingLevel;
-    /**Spesifiserer typografistil basert på utvalget for HTML heading elementer.  */
-    typographyType?: TypographyHeadingType | undefined;
-} & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: import("react").HTMLAttributes<HTMLHeadingElement> | undefined;
-} & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/cjs/components/Typography/Heading/Heading.stories.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { HeadingProps } from '.';
-type StoryTProps = {
-    text: string;
-} & HeadingProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLHeadingElement>, "className" | "id"> & {
-        level: import("./Heading").HeadingLevel;
-        typographyType?: import("..").TypographyHeadingType | undefined;
-    } & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlProps?: import("react").HTMLAttributes<HTMLHeadingElement> | undefined;
-    } & import("react").RefAttributes<HTMLHeadingElement>>;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Typography/Heading/index.d.ts

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

package/dist/cjs/components/Typography/Label/Label.d.ts

@@ -1,17 +0,0 @@
-import { LabelHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps } from '../Typography';
-type PickedHTMLAttributes = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
-type BaseLabelProps = {
-    /** Spesifiserer om input etiketten er knyttet til er påkrevd; påvirker styling. */
-    showRequiredStyling?: boolean;
-};
-export type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & BaseTypographyProps & PickedHTMLAttributes, Omit<LabelHTMLAttributes<HTMLLabelElement>, keyof PickedHTMLAttributes>>;
-export declare const Label: import("react").ForwardRefExoticComponent<Pick<Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & BaseLabelProps & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes & {
-    htmlProps?: Omit<LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
-} & import("react").RefAttributes<HTMLLabelElement>>;
-export {};

package/dist/cjs/components/Typography/Label/Label.stories.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { LabelProps } from '.';
-type StoryTProps = {
-    text: string;
-} & LabelProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "className" | "id"> & {
-        showRequiredStyling?: boolean | undefined;
-    } & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlFor?: string | undefined;
-    } & {
-        htmlProps?: Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
-    } & import("react").RefAttributes<HTMLLabelElement>>;
-    argTypes: {
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Typography/Label/index.d.ts

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