@laerdal/life-react-components 1.11.0-dev.9 → 2.0.0-dev.1.full

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Legend4Square = exports.Legend3Star = exports.Legend2Triangle = exports.Legend1Circle = exports.Legend = exports.Learner = exports.Language = exports.Keyboard = exports.Institute = exports.Information = exports.Image = exports.Home = exports.History = exports.Hierarchy = exports.Help = exports.GuidedTour = exports.Group = exports.GridView = exports.GearSettings = exports.FullscreenExit = exports.Fullscreen = exports.ForwardSlash = exports.ForwardFiveSec = exports.Forward = exports.Flickr = exports.Filter = exports.Facebook = exports.ExtendTextArea = exports.ExportPNG = exports.ExportPDF = exports.ExportJpg = exports.ExportEXL = exports.ExportDoc = exports.ExportCVS = exports.Export = exports.EventLog = exports.Equals = exports.Educator = exports.Edit = exports.DragIndicator = exports.DragHandle = exports.Download = exports.Document = exports.Delete = exports.Dashboard = exports.CoffeeBreak = exports.CloudUpload = exports.CloudSyncing = exports.CloudNoConnection = exports.CloudLocked = exports.CloudDownload = exports.CloudCheck = exports.CloudAttention = exports.Cloud = exports.ClosedCaptionOn = exports.Close = exports.Clear = exports.ChevronUp = exports.ChevronRight = exports.ChevronLeft = exports.ChevronDown = exports.CheckboxSemi = exports.CheckboxOn = exports.CheckboxOff = exports.CheckMark = exports.Calendar = exports.Bullet = exports.BookmarkOn = exports.BookmarkOff = exports.BookmarkCollection = exports.BookmarkAdd = exports.Book = exports.Bluetooth = exports.BatteryFull = exports.Battery6 = exports.Battery5 = exports.Battery4 = exports.Battery3 = exports.Battery2 = exports.Battery1 = exports.Battery0 = exports.BackwardsFiveSec = exports.AudioDescriptionOn = exports.Attention = exports.Attachment = exports.Asterisk = exports.Assignments = exports.ArrowStopRight = exports.ArrowStopLeft = exports.ArrowLineUp = exports.ArrowLineRight = exports.ArrowLineLeft = exports.ArrowLineDown = exports.ArrowDropUp = exports.ArrowDropRight = exports.ArrowDropLeft = exports.ArrowDropDown = exports.AddUser = exports.Add = exports.Accessibility = void 0;
-exports.Zoom = exports.Youtube = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.VisibleOn = exports.VisibleOff = exports.Video = exports.User = exports.Usb = exports.Upload = exports.Twitter = exports.Transcript = exports.Tip = exports.Timeline = exports.TimeLimited = exports.Time = exports.ThumbsUp = exports.ThumbsDown = exports.TechnicalWarning = exports.Team = exports.SwitchApp = exports.Support = exports.Stop = exports.StarOutlined = exports.StarFilled = exports.SpeechBuble = exports.Sort = exports.SkipForward = exports.ShoppingCart = exports.Share = exports.SendTo = exports.Search = exports.Save = exports.SUN = exports.Rewind = exports.Replay = exports.Refresh = exports.Record = exports.RadioButtonOn = exports.RadioButtonOff = exports.Print = exports.PointUp = exports.PointRight = exports.PointLeft = exports.PointDown = exports.Plus = exports.PlaybackSpeed = exports.PlayOutline = exports.PlayList = exports.Play = exports.PieChart = exports.Pause = exports.OverView = exports.OpenNewWindow = exports.OpenFolder = exports.NotificationNew = exports.Notification = exports.MoreVertical = exports.MoreHorizontal = exports.Minus = exports.Menu = exports.MapPoint = exports.Manikin = exports.Mail = exports.Loop = exports.Logout = exports.Login = exports.LockedOn = exports.LockedOff = exports.LoadingSmall = exports.LoadingMedium = exports.ListView = exports.LinkedIn = exports.Link = exports.LikeOn = exports.LikeOff = exports.Legend8Rectangle = exports.Legend7Pentagon = exports.Legend6Nabla = exports.Legend5Diamond = void 0;
+exports.Zoom = exports.Youtube = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.VisibleOn = exports.VisibleOff = exports.Video = exports.User = exports.Usb = exports.Upload = exports.Twitter = exports.Transcript = exports.Tip = exports.Timeline = exports.TimeLimited = exports.Time = exports.ThumbsUp = exports.ThumbsDown = exports.TechnicalWarning = exports.Team = exports.SwitchApp = exports.Support = exports.Stop = exports.StarOutlined = exports.StarFilled = exports.SpeechBuble = exports.Sort = exports.SkipForward = exports.ShoppingCart = exports.Share = exports.SendTo = exports.Search = exports.Save = exports.SUN = exports.Rewind = exports.Replay = exports.Refresh = exports.Record = exports.RadioButtonOn = exports.RadioButtonOff = exports.Print = exports.PointUp = exports.PointRight = exports.PointLeft = exports.PointDown = exports.Plus = exports.PlaybackSpeed = exports.PlayOutline = exports.PlayList = exports.Play = exports.PieChart = exports.Pause = exports.OverView = exports.OpenNewWindow = exports.OpenFolder = exports.NotificationNew = exports.Notification = exports.MoreVertical = exports.MoreHorizontal = exports.Minus = exports.Microphone = exports.Menu = exports.MapPoint = exports.Manikin = exports.Mail = exports.Loop = exports.Logout = exports.Login = exports.LockedOn = exports.LockedOff = exports.LoadingSmall = exports.LoadingMedium = exports.ListView = exports.LinkedIn = exports.Link = exports.LikeOn = exports.LikeOff = exports.Legend8Rectangle = exports.Legend7Pentagon = exports.Legend6Nabla = exports.Legend5Diamond = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -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,
@@ -4914,4 +4916,31 @@ var Zoom = function Zoom(_ref181) {
 };
 
 exports.Zoom = Zoom;
+
+var Microphone = function Microphone(_ref182) {
+  var className = _ref182.className,
+      _ref182$color = _ref182.color,
+      color = _ref182$color === void 0 ? 'currentColor' : _ref182$color,
+      _ref182$size = _ref182.size,
+      size = _ref182$size === void 0 ? '24px' : _ref182$size,
+      _ref182$label = _ref182.label,
+      label = _ref182$label === void 0 ? '' : _ref182$label,
+      _ref182$viewBox = _ref182.viewBox,
+      viewBox = _ref182$viewBox === void 0 ? '0 0 24 24' : _ref182$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SystemIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.SystemIcons.Microphone,
+      height: (0, _index.getSize)(size),
+      width: (0, _index.getSize)(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return (0, _index.formatSvgString)(content, color);
+      }
+    })
+  });
+};
+
+exports.Microphone = Microphone;
 //# sourceMappingURL=SystemIcons.cjs.map