@norges-domstoler/dds-components 4.3.0 → 5.1.1

package/dist/components/Typography/Typography.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { textColorsArray, textColors, typographyTokens } from './Typography.tokens.js';
-import LaunchOutlinedIcon from '@mui/icons-material/LaunchOutlined';
-import { IconWrapper } from '../IconWrapper/IconWrapper.js';
+import { Icon } from '../Icon/Icon.js';
 import { focusVisibleLinkTransitionValue } from '../../helpers/styling/focusVisible.js';
+import { OpenExternalIcon } from '../../icons/tsx/openExternal.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 
 var getElementType = function getElementType(element) {
@@ -79,8 +79,8 @@ var getElementStyling = function getElementStyling(type) {
   return css(["", " &::selection,*::selection{", "}"], typographyTokens.typographyType[type].base, typographyTokens.selection.base);
 };
 
-var LinkIconWrapper = styled(IconWrapper).withConfig({
-  displayName: "Typography__LinkIconWrapper",
+var LinkIcon = styled(Icon).withConfig({
+  displayName: "Typography__LinkIcon",
   componentId: "sc-1uvxoh6-0"
 })(["", ""], typographyTokens.typographyType.a.icon);
 var StyledTypography = styled.p.withConfig({
@@ -142,12 +142,12 @@ var Typography = /*#__PURE__*/forwardRef(function (props, ref) {
   var as = propAs ? propAs : getElementType(typographyType);
   var relProp;
   var targetProp;
-  var renderWrapper = false;
+  var renderIcon = false;
 
   if (isAnchorProps(props)) {
     var externalLink = props.externalLink,
         target = props.target;
-    renderWrapper = (_a = as === 'a' && externalLink) !== null && _a !== void 0 ? _a : false;
+    renderIcon = (_a = as === 'a' && externalLink) !== null && _a !== void 0 ? _a : false;
     relProp = as === 'a' ? 'noopener noreferer' : undefined;
     targetProp = as !== 'a' ? undefined : externalLink ? '_blank' : target;
   }
@@ -162,9 +162,9 @@ var Typography = /*#__PURE__*/forwardRef(function (props, ref) {
   return jsxs(StyledTypography, Object.assign({
     ref: ref
   }, typographyProps, {
-    children: [children, renderWrapper && jsx(LinkIconWrapper, {
-      Icon: LaunchOutlinedIcon,
-      iconSize: "inline"
+    children: [children, renderIcon && jsx(LinkIcon, {
+      icon: OpenExternalIcon,
+      iconSize: "inherit"
     })]
   }));
 });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyProps } from '.';
 declare type StoryTProps = {
     text: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseComponentPropsWithChildren } from '../../types';
 declare type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     as: 'div';

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -6,7 +6,7 @@ import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 var Wrapper = styled.span.withConfig({
   displayName: "VisuallyHidden__Wrapper",
   componentId: "sc-ciubxt-0"
-})(["width:1px;height:1px;margin:0px;padding:0px;top:0px;inset-inline-start:0px;overflow:hidden;clip:rect(0px,0px,0px,0px);border:0px;"]);
+})(["position:absolute;width:1px;height:1px;margin:0px;padding:0px;top:0px;inset-inline-start:0px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0px;"]);
 var VisuallyHidden = function VisuallyHidden(props) {
   var children = props.children,
       id = props.id,

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VisuallyHiddenProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 declare type SvgChevronProps = {
     isUp?: boolean;
     height?: Property.Height<string>;
     width?: Property.Width<string>;
 };
-export declare const AnimatedChevronUpDown: ({ isUp, height, width }: SvgChevronProps) => JSX.Element;
+export declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyledLabelProps } from '.';
 import { Property } from 'csstype';
 export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const RequiredMarker: () => JSX.Element;

package/dist/hooks/useFloatPosition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Strategy } from '@floating-ui/react-dom';
 export declare type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 export declare const useFloatPosition: (arrowRef: HTMLElement | null, placement?: Placement, offset?: number) => {

package/dist/hooks/useFocusTrap.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useFocusTrap<T extends HTMLElement>(active: boolean): import("react").RefObject<T>;

package/dist/hooks/useRoveFocus.d.ts

@@ -1,3 +1,4 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction, KeyboardEvent } from 'react';
 import { Direction } from '../types';
+export declare const isKeyboardEvent: (e: Event | KeyboardEvent<Element>) => e is KeyboardEvent<Element>;
 export declare function useRoveFocus(size: number | undefined, reset?: boolean, direction?: Direction): [number, Dispatch<SetStateAction<number>>];

package/dist/hooks/useRoveFocus.js

@@ -1,6 +1,9 @@
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useCallback, useEffect } from 'react';
 
+var isKeyboardEvent = function isKeyboardEvent(e) {
+  return e.key !== undefined;
+};
 function useRoveFocus(size, reset) {
   var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'column';
 
@@ -9,17 +12,17 @@ function useRoveFocus(size, reset) {
       currentFocus = _useState2[0],
       setCurrentFocus = _useState2[1];
 
-  var nextKey = direction === 'row' ? 39 : 40;
-  var previousKey = direction === 'row' ? 37 : 38;
+  var nextKey = direction === 'row' ? 'ArrowRight' : 'ArrowDown';
+  var previousKey = direction === 'row' ? 'ArrowLeft' : 'ArrowUp';
   var handleKeyDown = useCallback(function (e) {
-    if (!size) return;
+    if (!size || !isKeyboardEvent(e)) return;
     if (reset) setCurrentFocus(-1);
 
-    if (e.keyCode === nextKey) {
+    if (e.key === nextKey) {
       // Down arrow
       e.preventDefault();
       setCurrentFocus(currentFocus === size - 1 ? 0 : currentFocus + 1);
-    } else if (e.keyCode === previousKey) {
+    } else if (e.key === previousKey) {
       // Up arrow
       e.preventDefault();
 
@@ -37,4 +40,4 @@ function useRoveFocus(size, reset) {
   return [currentFocus, setCurrentFocus];
 }
 
-export { useRoveFocus };
+export { isKeyboardEvent, useRoveFocus };

package/dist/icons/icons.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;

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

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

package/dist/icons/tsx/apps.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function AppsIcon(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: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"
+    })]
+  }));
+}
+
+export { AppsIcon };

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

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

package/dist/icons/tsx/archive.js

@@ -0,0 +1,27 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ArchiveIcon(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: "M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2zm-1 18H5V9h14v11zm1-13H4V4h16v3z"
+    }), jsx("path", {
+      d: "M9 12h6v2H9v-2z"
+    })]
+  }));
+}
+
+export { ArchiveIcon };

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

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

package/dist/icons/tsx/arrowDown.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ArrowDownIcon(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: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+    })]
+  }));
+}
+
+export { ArrowDownIcon };

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

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

package/dist/icons/tsx/arrowLeft.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ArrowLeftIcon(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: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
+    })]
+  }));
+}
+
+export { ArrowLeftIcon };

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

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

package/dist/icons/tsx/arrowRight.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ArrowRightIcon(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 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
+    })]
+  }));
+}
+
+export { ArrowRightIcon };

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

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

package/dist/icons/tsx/arrowUp.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function ArrowUpIcon(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: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
+    })]
+  }));
+}
+
+export { ArrowUpIcon };

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

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

package/dist/icons/tsx/attachment.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function AttachmentIcon(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: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 115 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 005 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"
+    })]
+  }));
+}
+
+export { AttachmentIcon };

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

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

package/dist/icons/tsx/block.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function BlockIcon(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 2C6.489 2 2 6.489 2 12s4.489 10 10 10 10-4.489 10-10S17.511 2 12 2zm0 2c4.43 0 8 3.57 8 8 0 1.853-.63 3.55-1.682 4.904L7.096 5.682A7.965 7.965 0 0112 4zM5.682 7.096l11.222 11.222A7.965 7.965 0 0112 20c-4.43 0-8-3.57-8-8 0-1.853.63-3.55 1.682-4.904z"
+    })]
+  }));
+}
+
+export { BlockIcon };

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

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

package/dist/icons/tsx/book.js

@@ -0,0 +1,27 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function BookIcon(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: "M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5-1.95 0-4.05.4-5.5 1.5v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"
+    }), jsx("path", {
+      d: "M17.5 10.5c.88 0 1.73.09 2.5.26V9.24c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99zM13 12.49v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26V11.9c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.3-4.5.83zm4.5 1.84c-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26v-1.52c-.79-.16-1.64-.24-2.5-.24z"
+    })]
+  }));
+}
+
+export { BookIcon };

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

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

package/dist/icons/tsx/build.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function BuildIcon(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: "M7.5 1c-.873 0-1.707.176-2.467.488l-1.388.57L7.585 6 6 7.586 2.059 3.645l-.57 1.388A6.474 6.474 0 001 7.5C1 11.078 3.922 14 7.5 14c.619 0 1.181-.183 1.748-.346l8.908 8.907a1.514 1.514 0 002.121 0l2.285-2.288a1.516 1.516 0 00-.002-2.119l-8.906-8.906c.162-.567.346-1.13.346-1.748C14 3.922 11.078 1 7.5 1zm0 2C9.998 3 12 5.002 12 7.5c0 .607-.122 1.182-.34 1.713l-.252.617 9.385 9.385-1.576 1.578-9.387-9.387-.617.254c-.53.219-1.105.34-1.713.34A4.484 4.484 0 013 7.5c0-.026.013-.047.014-.072L6 10.414 10.414 6 7.428 3.014c.025 0 .046-.014.072-.014z"
+    })]
+  }));
+}
+
+export { BuildIcon };

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

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

package/dist/icons/tsx/buildCircled.js

@@ -0,0 +1,31 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function BuildCircledIcon(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", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+    }), jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M13.49 11.38c.43-1.22.17-2.64-.81-3.62a3.468 3.468 0 00-4.1-.59l2.35 2.35-1.41 1.41-2.35-2.35c-.71 1.32-.52 2.99.59 4.1.98.98 2.4 1.24 3.62.81l3.41 3.41c.2.2.51.2.71 0l1.4-1.4c.2-.2.2-.51 0-.71l-3.41-3.41z"
+    })]
+  }));
+}
+
+export { BuildCircledIcon };

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

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

package/dist/icons/tsx/calendar.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function CalendarIcon(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: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V10h16v11zm0-13H4V5h16v3z"
+    })]
+  }));
+}
+
+export { CalendarIcon };

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

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

package/dist/icons/tsx/calendarMonth.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function CalendarMonthIcon(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: "M19.6 3.2h-1.1V1h-2.2v2.2H7.5V1H5.3v2.2H4.2a2.19 2.19 0 00-2.189 2.2L2 20.8A2.2 2.2 0 004.2 23h15.4c1.21 0 2.2-.99 2.2-2.2V5.4c0-1.21-.99-2.2-2.2-2.2zm0 17.6H4.2v-11h15.4v11zm0-13.2H4.2V5.4h15.4v2.2zm-11 6.6H6.4V12h2.2v2.2zm4.4 0h-2.2V12H13v2.2zm4.4 0h-2.2V12h2.2v2.2zm-8.8 4.4H6.4v-2.2h2.2v2.2zm4.4 0h-2.2v-2.2H13v2.2zm4.4 0h-2.2v-2.2h2.2v2.2z"
+    })]
+  }));
+}
+
+export { CalendarMonthIcon };

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

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

package/dist/icons/tsx/calendarViewDay.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function CalendarViewDayIcon(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: "M3 17h18v2H3v-2zm16-5v1H5v-1h14zm2-2H3v5h18v-5zM3 6h18v2H3V6z"
+    })]
+  }));
+}
+
+export { CalendarViewDayIcon };

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

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

package/dist/icons/tsx/calendarViewMonth.js

@@ -0,0 +1,25 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledSvg } from '../utils/StyledSvg.js';
+
+function CalendarViewMonthIcon(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: "M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM8 11H4V6h4v5zm6 0h-4V6h4v5zm6 0h-4V6h4v5zM8 18H4v-5h4v5zm6 0h-4v-5h4v5zm6 0h-4v-5h4v5z"
+    })]
+  }));
+}
+
+export { CalendarViewMonthIcon };

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

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