@norges-domstoler/dds-components 4.3.0 → 5.2.0-beta.0

package/dist/icons/tsx/visibilityOff.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function VisibilityOffIcon(props) {
+  var title = props.title,
+      rest = __rest(props, ["title"]);
+
+  return jsxs(StyledSvg, Object.assign({
+    width: 24,
+    height: 24,
+    fill: "currentColor"
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, {
+    children: [title && jsx("title", {
+      children: title
+    }), jsx("path", {
+      d: "M12 6a9.77 9.77 0 018.82 5.5 9.648 9.648 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.04 7.841 1.766 9.55 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+    })]
+  }));
+}
+
+export { VisibilityOffIcon };

package/dist/icons/tsx/visibilityOn.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function VisibilityOnIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/visibilityOn.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function VisibilityOnIcon(props) {
+  var title = props.title,
+      rest = __rest(props, ["title"]);
+
+  return jsxs(StyledSvg, Object.assign({
+    width: 24,
+    height: 24,
+    fill: "currentColor"
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, {
+    children: [title && jsx("title", {
+      children: title
+    }), jsx("path", {
+      d: "M12 6a9.77 9.77 0 018.82 5.5A9.77 9.77 0 0112 17a9.77 9.77 0 01-8.82-5.5A9.77 9.77 0 0112 6zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
+    })]
+  }));
+}
+
+export { VisibilityOnIcon };

package/dist/icons/tsx/warning.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function WarningIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/warning.js

@@ -0,0 +1,27 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function WarningIcon(props) {
+  var title = props.title,
+      rest = __rest(props, ["title"]);
+
+  return jsxs(StyledSvg, Object.assign({
+    width: 24,
+    height: 24,
+    fill: "currentColor"
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, {
+    children: [title && jsx("title", {
+      children: title
+    }), jsx("path", {
+      d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM19 14.9L14.9 19H9.1L5 14.9V9.1L9.1 5h5.8L19 9.1v5.8z"
+    }), jsx("path", {
+      d: "M12 17a1 1 0 100-2 1 1 0 000 2zM11 7h2v7h-2V7z"
+    })]
+  }));
+}
+
+export { WarningIcon };

package/dist/icons/tsx/zoomIn.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function ZoomInIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/zoomIn.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ZoomInIcon(props) {
+  var title = props.title,
+      rest = __rest(props, ["title"]);
+
+  return jsxs(StyledSvg, Object.assign({
+    width: 24,
+    height: 24,
+    fill: "currentColor"
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, {
+    children: [title && jsx("title", {
+      children: title
+    }), jsx("path", {
+      d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zm.5-7H9v2H7v1h2v2h1v-2h2V9h-2V7z"
+    })]
+  }));
+}
+
+export { ZoomInIcon };

package/dist/icons/tsx/zoomOut.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function ZoomOutIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/zoomOut.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ZoomOutIcon(props) {
+  var title = props.title,
+      rest = __rest(props, ["title"]);
+
+  return jsxs(StyledSvg, Object.assign({
+    width: 24,
+    height: 24,
+    fill: "currentColor"
+  }, rest, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, {
+    children: [title && jsx("title", {
+      children: title
+    }), jsx("path", {
+      d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z"
+    })]
+  }));
+}
+
+export { ZoomOutIcon };

package/dist/icons/utils/StyledSvg.d.ts

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

package/dist/icons/utils/StyledSvg.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+var StyledSvg = styled.svg.withConfig({
+  displayName: "StyledSvg",
+  componentId: "sc-ii8wrw-0"
+})(["display:inline-block;transition:fill 0.2s;flex-shrink:0;"]);
+
+export { StyledSvg };

package/dist/icons/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StyledSvg';
+export * from './propTypes';

package/dist/icons/utils/propTypes.d.ts

@@ -0,0 +1,5 @@
+import { SVGAttributes } from 'react';
+export declare type SvgProps = {
+    title?: string;
+} & SVGAttributes<SVGSVGElement>;
+export declare type SvgIcon = (props: SvgProps) => JSX.Element;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export * from './components/Search';
 export * from './components/Typography';
 export * from './components/Table';
 export * from './components/Breadcrumbs';
-export * from './components/IconWrapper';
+export * from './components/Icon';
 export * from './components/Pagination';
 export * from './components/Divider';
 export * from './components/List';
@@ -33,3 +33,5 @@ export * from './components/Tabs';
 export * from './components/Tag';
 export * from './components/Chip';
 export * from './components/VisuallyHidden';
+export * from './icons/tsx';
+export * from './components/Stepper';

package/dist/index.js

@@ -20,7 +20,7 @@ export { Foot } from './components/Table/Foot.js';
 export { TableWrapper } from './components/Table/TableWrapper.js';
 export { Breadcrumb } from './components/Breadcrumbs/Breadcrumb.js';
 export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
-export { IconWrapper } from './components/IconWrapper/IconWrapper.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';
@@ -59,3 +59,132 @@ export { Tag } from './components/Tag/Tag.js';
 export { Chip } from './components/Chip/Chip.js';
 export { ChipGroup } from './components/Chip/ChipGroup.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.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 { 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 { 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 { 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 { 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 { 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 { SyncIcon } from './icons/tsx/sync.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 { Stepper } from './components/Stepper/Stepper.js';
+export { Step } from './components/Stepper/Step.js';

package/dist/types/BaseComponentProps.d.ts

@@ -19,7 +19,7 @@ export declare type BaseComponentProps<TElement extends Element, TOtherProps ext
  *
  * {@link BaseComponentProps}
  */
-export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
+export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
 export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
 declare type GetBaseHTMLProps = {
     <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "4.3.0",
+  "version": "5.2.0-beta.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "@babel/preset-react": "^7.16.7",
     "@mdx-js/react": "^2.1.1",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^13.2.0",
     "@storybook/addon-actions": "^6.5.9",
@@ -111,9 +111,7 @@
   "dependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@floating-ui/react-dom": "^0.7.2",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/material": "^5.6.3",
+    "@floating-ui/react-dom": "^1.0.0",
     "focus-visible": "^5.2.0",
     "react-select": "^5.3.0",
     "tslib": "^2.4.0"

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

@@ -1,19 +0,0 @@
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { HTMLAttributes } from 'react';
-import { Property } from 'csstype';
-export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
-declare type SvgIconTypeProps = SvgIconTypeMap<Record<string, unknown>, 'svg'>;
-export declare type IconWrapperProps = {
-    /**Ikon. */
-    Icon: OverridableComponent<SvgIconTypeProps>;
-    /**Størrelsen til ikonet. */
-    iconSize?: IconSize;
-    /**Fargen til ikonet. */
-    color?: Property.Color;
-    className?: HTMLAttributes<SVGElement>['className'];
-    style?: HTMLAttributes<SVGElement>['style'];
-    svgProps?: SvgIconTypeProps['props'];
-};
-export declare function IconWrapper({ Icon, iconSize, color, className, style, svgProps }: IconWrapperProps): JSX.Element;
-export {};

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { IconWrapper, IconWrapperProps } from '.';
-declare const _default: {
-    title: string;
-    component: typeof IconWrapper;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: IconWrapperProps) => JSX.Element;
-export declare const Default: (args: IconWrapperProps) => JSX.Element;
-export declare const Inline: (args: IconWrapperProps) => JSX.Element;

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

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

package/dist/components/IconWrapper/IconWrapper.d.ts

@@ -1,19 +0,0 @@
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { OverridableComponent } from '@mui/material/OverridableComponent';
-import { HTMLAttributes } from 'react';
-import { Property } from 'csstype';
-export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
-declare type SvgIconTypeProps = SvgIconTypeMap<Record<string, unknown>, 'svg'>;
-export declare type IconWrapperProps = {
-    /**Ikon. */
-    Icon: OverridableComponent<SvgIconTypeProps>;
-    /**Størrelsen til ikonet. */
-    iconSize?: IconSize;
-    /**Fargen til ikonet. */
-    color?: Property.Color;
-    className?: HTMLAttributes<SVGElement>['className'];
-    style?: HTMLAttributes<SVGElement>['style'];
-    svgProps?: SvgIconTypeProps['props'];
-};
-export declare function IconWrapper({ Icon, iconSize, color, className, style, svgProps }: IconWrapperProps): JSX.Element;
-export {};

package/dist/components/IconWrapper/IconWrapper.js

@@ -1,42 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var getSize = function getSize(iconSize) {
-  switch (iconSize) {
-    case 'small':
-      return ddsBaseTokens.iconSizes.DdsIconsizeSmall;
-
-    case 'medium':
-      return ddsBaseTokens.iconSizes.DdsIconsizeMedium;
-
-    case 'large':
-      return ddsBaseTokens.iconSizes.DdsIconsizeLarge;
-
-    case 'inline':
-      return '1em';
-
-    default:
-      return ddsBaseTokens.iconSizes.DdsIconsizeMedium;
-  }
-};
-
-function IconWrapper(_ref) {
-  var Icon = _ref.Icon,
-      _ref$iconSize = _ref.iconSize,
-      iconSize = _ref$iconSize === void 0 ? 'medium' : _ref$iconSize,
-      color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      svgProps = _ref.svgProps;
-  var PropIcon = Icon;
-  var size = getSize(iconSize);
-  return jsx(PropIcon, Object.assign({}, svgProps, {
-    className: className,
-    style: Object.assign(Object.assign({}, style), {
-      color: color ? color : 'inherit',
-      fontSize: size
-    })
-  }));
-}
-
-export { IconWrapper };

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { IconWrapper, IconWrapperProps } from '.';
-declare const _default: {
-    title: string;
-    component: typeof IconWrapper;
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: IconWrapperProps) => JSX.Element;
-export declare const Default: (args: IconWrapperProps) => JSX.Element;
-export declare const Inline: (args: IconWrapperProps) => JSX.Element;

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

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