@laerdal/life-react-components 1.11.0-dev.30 → 1.11.0-dev.32.full

package/dist/MiniProductCard/MiniProductCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Product } from '../types';
 declare type CardProps = {
     product: Product;

package/dist/Paginator/Paginator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type PaginatorProps = {
     pageCount: number;
     currentPage: number;

package/dist/SideMenu/SideMenuBody.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SideMenuProps } from './types';
 export declare const SideMenuBody: (props: SideMenuProps) => JSX.Element;

package/dist/SideMenu/SideMenuFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SideMenuProps } from './types';
 export declare const SideMenuFooter: (props: SideMenuProps) => JSX.Element;

package/dist/SideMenu/SideMenuHeader.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SideMenuProps } from './types';
 export declare const SideMenuHeader: (props: SideMenuProps) => JSX.Element;

package/dist/SideMenu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '../Button/Button';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { MenuItemProps } from '../MenuItem/MenuItem';

package/dist/Switcher/SwitcherMenuItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SwitcherNavItem {
     label: string;
     url: string;

package/dist/Table/TableTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Types for the table.
  */

package/dist/Tile/TileCommonItems.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
 import { Size } from '../types';
 export declare const TileNoteText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Toggles/TogglerTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from '..';
 /**
  * Types for the table.

package/dist/Tooltips/TooltipTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from "../types";
 /**
  * Types for the table.

package/dist/Tooltips/TooltipWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from './TooltipTypes';
 declare const TooltipWrapper: ({ label, children, withArrow, tabIndex, size, height, delay, align, position, ...props }: TooltipProps) => JSX.Element;
 export default TooltipWrapper;

package/dist/icons/index.cjs

@@ -52,9 +52,10 @@ exports.getSize = getSize;
 
 var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  ", "\n"])), (0, _TooltipStyles.TooltipTrigger)());
 
-var renderIcon = function renderIcon(children, tooltip) {
+var renderIcon = function renderIcon(children, tooltip, tooltipId) {
   return tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
     children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipStyles.Tooltip, {
+      id: tooltipId,
       children: tooltip
     })]
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -75,26 +76,32 @@ exports.formatSvgString = formatSvgString;
 var SystemIcon = function SystemIcon(_ref) {
   var children = _ref.children,
       _ref$tooltip = _ref.tooltip,
-      tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip;
-  return renderIcon(children, tooltip);
+      tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip,
+      _ref$tooltipId = _ref.tooltipId,
+      tooltipId = _ref$tooltipId === void 0 ? '' : _ref$tooltipId;
+  return renderIcon(children, tooltip, tooltipId);
 };
 
 exports.SystemIcon = SystemIcon;
 SystemIcon.propTypes = {
   children: _propTypes.default.any,
-  tooltip: _propTypes.default.string
+  tooltip: _propTypes.default.string,
+  tooltipId: _propTypes.default.string
 };
 
 var ContentIcon = function ContentIcon(_ref2) {
   var children = _ref2.children,
       _ref2$tooltip = _ref2.tooltip,
-      tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip;
-  return renderIcon(children, tooltip);
+      tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip,
+      _ref2$tooltipId = _ref2.tooltipId,
+      tooltipId = _ref2$tooltipId === void 0 ? '' : _ref2$tooltipId;
+  return renderIcon(children, tooltip, tooltipId);
 };
 
 exports.ContentIcon = ContentIcon;
 ContentIcon.propTypes = {
   children: _propTypes.default.any,
-  tooltip: _propTypes.default.string
+  tooltip: _propTypes.default.string,
+  tooltipId: _propTypes.default.string
 };
 //# sourceMappingURL=index.cjs.map

package/dist/icons/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["getSize","size","indexOf","Container","styled","div","TooltipTrigger","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA;;;;;;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;EACvC,IAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;IACzD,iBAAUD,IAAV;EACD,CAFD,MAEO;IACL,OAAOA,IAAP;EACD;AACF,CANM;;;;AAQP,IAAME,SAAS,GAAGC,yBAAA,CAAOC,GAAV,qHAEX,IAAAC,6BAAA,GAFW,CAAf;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;EAClE,OAAOA,OAAO,gBACZ,sBAAC,SAAD;IAAA,WACGD,QADH,eAEE,qBAAC,sBAAD;MAAA,UAAUC;IAAV,EAFF;EAAA,EADY,gBAMZ;IAAA,UACGD;EADH,EANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;EACtE,OAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;;;;AAMA,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;EAAA,IAA7BV,QAA6B,QAA7BA,QAA6B;EAAA,wBAAnBC,OAAmB;EAAA,IAAnBA,OAAmB,6BAAT,EAAS;EAC5F,OAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;EApDLD,Q;EACAC,O;;;AAuDK,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;EAAA,IAA7BX,QAA6B,SAA7BA,QAA6B;EAAA,0BAAnBC,OAAmB;EAAA,IAAnBA,OAAmB,8BAAT,EAAS;EAC7F,OAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;;;EAxDLD,Q;EACAC,O"}
+{"version":3,"file":"index.cjs","names":["getSize","size","indexOf","Container","styled","div","TooltipTrigger","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { nanoid } from 'nanoid';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n  tooltipId?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\n  return renderIcon(children, tooltip, tooltipId);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\n  return renderIcon(children, tooltip, tooltipId);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AACA;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;EACvC,IAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;IACzD,iBAAUD,IAAV;EACD,CAFD,MAEO;IACL,OAAOA,IAAP;EACD;AACF,CANM;;;;AAQP,IAAME,SAAS,GAAGC,yBAAA,CAAOC,GAAV,qHAEX,IAAAC,6BAAA,GAFW,CAAf;;AAKA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAA8CC,SAA9C,EAAqE;EACtF,OAAOD,OAAO,gBACZ,sBAAC,SAAD;IAAA,WACGD,QADH,eAEE,qBAAC,sBAAD;MAAS,EAAE,EAAEE,SAAb;MAAA,UAAyBD;IAAzB,EAFF;EAAA,EADY,gBAMZ;IAAA,UACGD;EADH,EANF;AAUD,CAXD;;AAaA,IAAMG,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAErD,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;EACtE,OAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;;;;AAMA,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgD;EAAA,IAA7CX,QAA6C,QAA7CA,QAA6C;EAAA,wBAAnCC,OAAmC;EAAA,IAAnCA,OAAmC,6BAAzB,EAAyB;EAAA,0BAArBC,SAAqB;EAAA,IAArBA,SAAqB,+BAAT,EAAS;EAC5G,OAAOH,UAAU,CAACC,QAAD,EAAWC,OAAX,EAAoBC,SAApB,CAAjB;AACD,CAFM;;;;EArDLF,Q;EACAC,O;EACAC,S;;;AAuDK,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgD;EAAA,IAA7CZ,QAA6C,SAA7CA,QAA6C;EAAA,0BAAnCC,OAAmC;EAAA,IAAnCA,OAAmC,8BAAzB,EAAyB;EAAA,4BAArBC,SAAqB;EAAA,IAArBA,SAAqB,gCAAT,EAAS;EAC7G,OAAOH,UAAU,CAACC,QAAD,EAAWC,OAAX,EAAoBC,SAApB,CAAjB;AACD,CAFM;;;;EAzDLF,Q;EACAC,O;EACAC,S"}

package/dist/icons/index.d.ts

@@ -4,6 +4,7 @@ import * as SystemIcons from './systemicons/SystemIcons';
 export declare type BaseProps = {
     children?: any;
     tooltip?: string;
+    tooltipId?: string;
 };
 export declare type IconProps = {
     label?: string;

package/dist/icons/index.js

@@ -26,9 +26,10 @@ export var getSize = function getSize(size) {
 };
 var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  ", "\n"])), TooltipTrigger());
 
-var renderIcon = function renderIcon(children, tooltip) {
+var renderIcon = function renderIcon(children, tooltip, tooltipId) {
   return tooltip ? /*#__PURE__*/_jsxs(Container, {
     children: [children, /*#__PURE__*/_jsx(Tooltip, {
+      id: tooltipId,
       children: tooltip
     })]
   }) : /*#__PURE__*/_jsx(_Fragment, {
@@ -46,22 +47,28 @@ export var formatSvgString = function formatSvgString(text, color) {
 export var SystemIcon = function SystemIcon(_ref) {
   var children = _ref.children,
       _ref$tooltip = _ref.tooltip,
-      tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip;
-  return renderIcon(children, tooltip);
+      tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip,
+      _ref$tooltipId = _ref.tooltipId,
+      tooltipId = _ref$tooltipId === void 0 ? '' : _ref$tooltipId;
+  return renderIcon(children, tooltip, tooltipId);
 };
 SystemIcon.propTypes = {
   children: _pt.any,
-  tooltip: _pt.string
+  tooltip: _pt.string,
+  tooltipId: _pt.string
 };
 export var ContentIcon = function ContentIcon(_ref2) {
   var children = _ref2.children,
       _ref2$tooltip = _ref2.tooltip,
-      tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip;
-  return renderIcon(children, tooltip);
+      tooltip = _ref2$tooltip === void 0 ? '' : _ref2$tooltip,
+      _ref2$tooltipId = _ref2.tooltipId,
+      tooltipId = _ref2$tooltipId === void 0 ? '' : _ref2$tooltipId;
+  return renderIcon(children, tooltip, tooltipId);
 };
 ContentIcon.propTypes = {
   children: _pt.any,
-  tooltip: _pt.string
+  tooltip: _pt.string,
+  tooltipId: _pt.string
 };
 export { SystemIcons };
 export { ContentIcons };

package/dist/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '' }) => {\n  return renderIcon(children, tooltip);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,2BAAxC;AACA,OAAO,KAAKC,YAAZ,MAA8B,6BAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,2BAA7B;;;;;AAeA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;EACvC,IAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;IACzD,iBAAUD,IAAV;EACD,CAFD,MAEO;IACL,OAAOA,IAAP;EACD;AACF,CANM;AAQP,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAV,uGAEXP,cAAc,EAFH,CAAf;;AAKA,IAAMQ,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAAiD;EAClE,OAAOA,OAAO,gBACZ,MAAC,SAAD;IAAA,WACGD,QADH,eAEE,KAAC,OAAD;MAAA,UAAUC;IAAV,EAFF;EAAA,EADY,gBAMZ;IAAA,UACGD;EADH,EANF;AAUD,CAXD;;AAaA,IAAME,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;EACtE,OAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;AAMP,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgC;EAAA,IAA7BV,QAA6B,QAA7BA,QAA6B;EAAA,wBAAnBC,OAAmB;EAAA,IAAnBA,OAAmB,6BAAT,EAAS;EAC5F,OAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;EApDLD,Q;EACAC,O;;AAuDF,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgC;EAAA,IAA7BX,QAA6B,SAA7BA,QAA6B;EAAA,0BAAnBC,OAAmB;EAAA,IAAnBA,OAAmB,8BAAT,EAAS;EAC7F,OAAOF,UAAU,CAACC,QAAD,EAAWC,OAAX,CAAjB;AACD,CAFM;;EAxDLD,Q;EACAC,O;;AA2DF,SAASR,WAAT;AACA,SAASD,YAAT"}
+{"version":3,"file":"index.js","names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","renderIcon","children","tooltip","tooltipId","gTagsRegex","RegExp","fillColorRegex","formatSvgString","text","color","replace","replaceAll","SystemIcon","ContentIcon"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { nanoid } from 'nanoid';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  children?: any;\n  tooltip?: string;\n  tooltipId?: string;\n}\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\n\nconst renderIcon = (children: React.ReactNode, tooltip?: string, tooltipId?: string) => {\n  return tooltip ? (\n    <Container>\n      {children}\n      <Tooltip id={tooltipId}>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <>\n      {children}\n    </>\n  );\n}\n\nconst gTagsRegex = new RegExp(/<g [A-Za-z\\W\\D]*>/,'g'); // matches <g id = \".....\">\nconst fillColorRegex = new RegExp(/fill=\"#[A-F0-9]*\"/,'g'); // matches fill=\"#1F1F1F\"\n\nexport const formatSvgString = (text: string, color: string): string => {\n  return text.replace(gTagsRegex, '')\n             .replaceAll('</g>','')\n             .replace(fillColorRegex, `fill=\"${color}\"`);\n}\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\n  return renderIcon(children, tooltip, tooltipId);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ children, tooltip = '', tooltipId = '' }) => {\n  return renderIcon(children, tooltip, tooltipId);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,OAAT,EAAkBC,cAAlB,QAAwC,2BAAxC;AACA,OAAO,KAAKC,YAAZ,MAA8B,6BAA9B;AACA,OAAO,KAAKC,WAAZ,MAA6B,2BAA7B;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAkB;EACvC,IAAI,OAAOA,IAAP,KAAgB,QAAhB,IAA4BA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAAC,CAAxD,EAA2D;IACzD,iBAAUD,IAAV;EACD,CAFD,MAEO;IACL,OAAOA,IAAP;EACD;AACF,CANM;AAQP,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAV,uGAEXP,cAAc,EAFH,CAAf;;AAKA,IAAMQ,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAA4BC,OAA5B,EAA8CC,SAA9C,EAAqE;EACtF,OAAOD,OAAO,gBACZ,MAAC,SAAD;IAAA,WACGD,QADH,eAEE,KAAC,OAAD;MAAS,EAAE,EAAEE,SAAb;MAAA,UAAyBD;IAAzB,EAFF;EAAA,EADY,gBAMZ;IAAA,UACGD;EADH,EANF;AAUD,CAXD;;AAaA,IAAMG,UAAU,GAAG,IAAIC,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAnB,C,CAAwD;;AACxD,IAAMC,cAAc,GAAG,IAAID,MAAJ,CAAW,mBAAX,EAA+B,GAA/B,CAAvB,C,CAA4D;;AAE5D,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,KAAf,EAAyC;EACtE,OAAOD,IAAI,CAACE,OAAL,CAAaN,UAAb,EAAyB,EAAzB,EACKO,UADL,CACgB,MADhB,EACuB,EADvB,EAEKD,OAFL,CAEaJ,cAFb,mBAEsCG,KAFtC,QAAP;AAGD,CAJM;AAMP,OAAO,IAAMG,UAA8C,GAAG,SAAjDA,UAAiD,OAAgD;EAAA,IAA7CX,QAA6C,QAA7CA,QAA6C;EAAA,wBAAnCC,OAAmC;EAAA,IAAnCA,OAAmC,6BAAzB,EAAyB;EAAA,0BAArBC,SAAqB;EAAA,IAArBA,SAAqB,+BAAT,EAAS;EAC5G,OAAOH,UAAU,CAACC,QAAD,EAAWC,OAAX,EAAoBC,SAApB,CAAjB;AACD,CAFM;;EArDLF,Q;EACAC,O;EACAC,S;;AAuDF,OAAO,IAAMU,WAA+C,GAAG,SAAlDA,WAAkD,QAAgD;EAAA,IAA7CZ,QAA6C,SAA7CA,QAA6C;EAAA,0BAAnCC,OAAmC;EAAA,IAAnCA,OAAmC,8BAAzB,EAAyB;EAAA,4BAArBC,SAAqB;EAAA,IAArBA,SAAqB,gCAAT,EAAS;EAC7G,OAAOH,UAAU,CAACC,QAAD,EAAWC,OAAX,EAAoBC,SAApB,CAAjB;AACD,CAFM;;EAzDLF,Q;EACAC,O;EACAC,S;;AA2DF,SAAST,WAAT;AACA,SAASD,YAAT"}

package/dist/icons/systemicons/SystemIcons.cjs

@@ -1575,8 +1575,10 @@ var Document = function Document(_ref58) {
       viewBox = _ref58$viewBox === void 0 ? '0 0 24 24' : _ref58$viewBox;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SystemIcon, {
     tooltip: label,
+    tooltipId: label + '_tooltip',
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
       src: _figmaSvg.SystemIcons.Document,
+      "aria-describedBy": label + '_tooltip',
       height: (0, _index.getSize)(size),
       width: (0, _index.getSize)(size),
       className: className,