@laerdal/life-react-components 2.3.1-dev.3.full → 2.3.1-dev.31

package/dist/Tooltips/TooltipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","white","ComponentXSStyling","ComponentMStyling","align","BOXSHADOWS","BOXSHADOW_L2","width","height","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &.hover {\n    &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n      transition-delay: ${delay ?? '1s'};\n    }\n  }\n\n  &.click ${Tooltip} {\n    transition: 0.5s;\n    transition-delay: ${delay ?? '0s'};\n  }\n\n  &.click.show ${Tooltip} {\n    opacity: 1;\n  }\n\n  &.click.hide ${Tooltip} {\n    opacity: 0;\n  }\n\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","white","ComponentXSStyling","ComponentMStyling","align","BOXSHADOWS","BOXSHADOW_L2","width","height","maxWidth","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  maxWidth?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    box-sizing: border-box;\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: ${props => props.maxWidth ?? '34em'};\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &.hover {\n    &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }\n\n  \n  &.click ${Tooltip} {\n    transition: 0.5s;\n    transition-delay: ${delay ?? '0s'};\n  }\n\n  &.click.show ${Tooltip} {\n    opacity: 1;\n  }\n\n  &.click.hide ${Tooltip} {\n    opacity: 0;\n  }\n\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA8C;AAAA;AAAA;AAE9C,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAAsB,EAAK;EACjD,OAAOA,IAAI,IAAIC,WAAI,CAACC,MAAM,GAAG,KAAK,GAAI,CAACF,IAAI,IAAIA,IAAI,IAAIC,WAAI,CAACE,KAAK,GAAI,MAAM,GAAG,MAAM;AACtF,CAAC;AAEM,IAAMC,OAAO,GAAGC,yBAAM,CAACC,GAAG,m0BAW3B,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACE,KAAK,IAAII,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACO,MAAM,GAAG,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACnI,UAAAN,KAAK;EAAA,OAAKA,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACC,MAAM,GAAI,IAAAY,8BAAkB,EAACJ,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACzG,UAAAN,KAAK;EAAA,OAAKA,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACO,MAAM,GAAG,IAAAO,6BAAiB,EAACL,0BAAkB,CAACC,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACvG,UAAAN,KAAK;EAAA,OAAKA,KAAK,CAACS,KAAK,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EACnDC,kBAAU,CAACC,YAAY,EAG1B,UAAAX,KAAK;EAAA,OAAIA,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACC,MAAM,GAAG,SAAS,GAAGK,KAAK,CAACP,IAAI,IAAIC,WAAI,CAACO,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,GAE7G,UAAAD,KAAK;EAAA,OAAIA,KAAK,CAACY,KAAK,oBAAaZ,KAAK,CAACY,KAAK,SAAM,qBAAqB;AAAA,GAC/D,UAAAZ,KAAK;EAAA,OAAIA,KAAK,CAACa,MAAM;AAAA,GAClB,UAAAb,KAAK;EAAA;EAAA,0BAAIA,KAAK,CAACc,QAAQ,6DAAI,MAAM;AAAA,GAChCT,cAAM,CAACU,WAAW,EAGrBC,mBAAS,CAACC,OAAO,EAC1B,UAAAjB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,KAAK,GAAG,eAAe,GAAGlB,KAAK,CAACkB,QAAQ,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE;AAAA,CAAC,EAErG,UAAAlB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAE;AAAA,CAAC,EACvG,UAAAlB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAE;AAAA,CAAC,EAEjG,UAAAlB,KAAK;EAAA,OACLA,KAAK,CAACkB,QAAQ,IAAI,MAAM,IAAIlB,KAAK,CAACkB,QAAQ,IAAI,OAAO,GACjD,EAAE,GACFlB,KAAK,CAACS,KAAK,IAAI,OAAO,GACtB,WAAW,GACXT,KAAK,CAACS,KAAK,IAAI,KAAK,GACpB,YAAY,GACZ,yCAAyC;AAAA,GAI7C,UAAAT,KAAK;EAAA,OAAK,CAACA,KAAK,CAACmB,SAAS,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,EAGnD,UAAAnB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,KAAK,GAAG,YAAY,GAAGlB,KAAK,CAACkB,QAAQ,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAE;AAAA,CAAC,EAErG,UAAAlB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAE;AAAA,CAAC,EACnG,UAAAlB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAE;AAAA,CAAC,EAEjG,UAAAlB,KAAK;EAAA,OACLA,KAAK,CAACkB,QAAQ,IAAI,MAAM,IAAIlB,KAAK,CAACkB,QAAQ,IAAI,OAAO,GAAG,EAAE,GAC1DlB,KAAK,CAACS,KAAK,IAAI,OAAO,mBAAYjB,cAAc,CAACQ,KAAK,CAACP,IAAI,CAAC,SAAMO,KAAK,CAACS,KAAK,IAAI,KAAK,oBAAajB,cAAc,CAACQ,KAAK,CAACP,IAAI,CAAC,SAAM,YAAY;AAAA,GAE/I,UAAAO,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA,CAAC,EAIjD,UAAAlB,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,KAAK,GAAGb,cAAM,CAACU,WAAW,GAAG,aAAa;AAAA,CAAC,EACrE,UAAAf,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,OAAO,GAAGb,cAAM,CAACU,WAAW,GAAG,aAAa;AAAA,CAAC,EACzE,UAAAf,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,QAAQ,GAAGb,cAAM,CAACU,WAAW,GAAG,aAAa;AAAA,CAAC,EAC1E,UAAAf,KAAK;EAAA,OAAKA,KAAK,CAACkB,QAAQ,IAAI,MAAM,GAAGb,cAAM,CAACU,WAAW,GAAG,aAAa;AAAA,CAAC,CAQ7F;AAAC;AAEFlB,OAAO,CAACuB,YAAY,GAAG;EACrBD,SAAS,EAAE,KAAK;EAChB1B,IAAI,EAAEC,WAAI,CAACE,KAAK;EAChBiB,MAAM,EAAE,MAAM;EACdJ,KAAK,EAAE,QAAQ;EACfS,QAAQ,EAAE;AACZ,CAAC;AAEM,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAc;EAAA,WAAKC,qBAAG,8ZAEvC1B,OAAO,EAAoBA,OAAO,EAAaA,OAAO,EAG5CyB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,EAI3BzB,OAAO,EAEKyB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,EAGpBzB,OAAO,EAIPA,OAAO;AAAA,CAIvB;AAAC;AAEK,IAAM2B,gBAAgB,GAAG1B,yBAAM,CAACC,GAAG,kLAItC,UAAAC,KAAK;EAAA,OAAIqB,cAAc,CAACrB,KAAK,CAACsB,KAAK,CAAC;AAAA,GAGlCG,mBAAW,CAEhB;AAAC"}

package/dist/Tooltips/TooltipStyles.d.ts

@@ -3,6 +3,7 @@ export declare const Tooltip: import("styled-components").StyledComponent<"div",
     withArrow?: boolean | undefined;
     size?: Size | undefined;
     height?: string | undefined;
+    maxWidth?: string | undefined;
     align?: 'start' | 'end' | 'center' | undefined;
     position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
     width?: string | undefined;

package/dist/Tooltips/TooltipStyles.js

@@ -8,7 +8,7 @@ import { Z_INDEXES } from '../styles/z-indexes';
 var distanceToEdge = function distanceToEdge(size) {
   return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
 };
-export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    \n    padding: ", ";\n    border-radius: 2px;\n    ", "\n    height: ", ";\n    max-width: 34em;\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n"])), function (props) {
+export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    box-sizing: border-box;\n    \n    padding: ", ";\n    border-radius: 2px;\n    ", "\n    height: ", ";\n    max-width: ", ";\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n\n"])), function (props) {
   return props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '';
 }, function (props) {
   return props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '';
@@ -22,6 +22,9 @@ export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTem
   return props.width ? "width: ".concat(props.width, ";") : 'width: max-content;';
 }, function (props) {
   return props.height;
+}, function (props) {
+  var _props$maxWidth;
+  return (_props$maxWidth = props.maxWidth) !== null && _props$maxWidth !== void 0 ? _props$maxWidth : '34em';
 }, COLORS.primary_800, Z_INDEXES.tooltip, function (props) {
   return props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '';
 }, function (props) {
@@ -59,7 +62,7 @@ Tooltip.defaultProps = {
   position: 'bottom'
 };
 export var TooltipTrigger = function TooltipTrigger(delay) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.hover {\n    &:hover ", ", &:focus-within ", ", &:focus ", " {\n      opacity: 1;\n      transition: 0.5s;\n      transition-delay: ", ";\n    }\n  }\n\n  &.click ", " {\n    transition: 0.5s;\n    transition-delay: ", ";\n  }\n\n  &.click.show ", " {\n    opacity: 1;\n  }\n\n  &.click.hide ", " {\n    opacity: 0;\n  }\n\n"])), Tooltip, Tooltip, Tooltip, delay !== null && delay !== void 0 ? delay : '1s', Tooltip, delay !== null && delay !== void 0 ? delay : '0s', Tooltip, Tooltip);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.hover {\n    &:hover ", ", &:focus-within ", ", &:focus ", " {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ", ";\n    }\n\n  \n  &.click ", " {\n    transition: 0.5s;\n    transition-delay: ", ";\n  }\n\n  &.click.show ", " {\n    opacity: 1;\n  }\n\n  &.click.hide ", " {\n    opacity: 0;\n  }\n\n"])), Tooltip, Tooltip, Tooltip, delay !== null && delay !== void 0 ? delay : '0.7s', Tooltip, delay !== null && delay !== void 0 ? delay : '0s', Tooltip, Tooltip);
 };
 export var TooltipContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n\n  ", "\n  \n  &:focus{\n    ", "\n  }\n"])), function (props) {
   return TooltipTrigger(props.delay);

package/dist/Tooltips/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","width","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &.hover {\n    &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n      transition-delay: ${delay ?? '1s'};\n    }\n  }\n\n  &.click ${Tooltip} {\n    transition: 0.5s;\n    transition-delay: ${delay ?? '0s'};\n  }\n\n  &.click.show ${Tooltip} {\n    opacity: 1;\n  }\n\n  &.click.hide ${Tooltip} {\n    opacity: 0;\n  }\n\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","width","height","maxWidth","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  maxWidth?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    box-sizing: border-box;\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: ${props => props.maxWidth ?? '34em'};\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &.hover {\n    &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }\n\n  \n  &.click ${Tooltip} {\n    transition: 0.5s;\n    transition-delay: ${delay ?? '0s'};\n  }\n\n  &.click.show ${Tooltip} {\n    opacity: 1;\n  }\n\n  &.click.hide ${Tooltip} {\n    opacity: 0;\n  }\n\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAAQC,UAAU,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AAC7E,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAC/F,SAAQC,SAAS,QAAO,qBAAqB;AAE7C,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAAsB,EAAK;EACjD,OAAOA,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,KAAK,GAAI,CAACD,IAAI,IAAIA,IAAI,IAAIV,IAAI,CAACY,KAAK,GAAI,MAAM,GAAG,MAAM;AACtF,CAAC;AAED,OAAO,IAAMC,OAAO,GAAGf,MAAM,CAACgB,GAAG,qzBAW3B,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACY,KAAK,IAAIG,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACgB,MAAM,GAAGV,iBAAiB,CAACH,kBAAkB,CAACc,OAAO,EAAEf,MAAM,CAACgB,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACnI,UAAAH,KAAK;EAAA,OAAKA,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAIJ,kBAAkB,CAACJ,kBAAkB,CAACc,OAAO,EAAEf,MAAM,CAACgB,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACzG,UAAAH,KAAK;EAAA,OAAKA,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACgB,MAAM,GAAGX,iBAAiB,CAACF,kBAAkB,CAACc,OAAO,EAAEf,MAAM,CAACgB,KAAK,CAAC,GAAG,EAAE;AAAA,CAAC,EACvG,UAAAH,KAAK;EAAA,OAAKA,KAAK,CAACI,KAAK,IAAI,QAAQ,GAAG,qBAAqB,GAAG,EAAE;AAAA,CAAC,EACnDlB,UAAU,CAACmB,YAAY,EAG1B,UAAAL,KAAK;EAAA,OAAIA,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACW,MAAM,GAAG,SAAS,GAAGI,KAAK,CAACL,IAAI,IAAIV,IAAI,CAACgB,MAAM,GAAG,UAAU,GAAG,UAAU;AAAA,GAE7G,UAAAD,KAAK;EAAA,OAAIA,KAAK,CAACM,KAAK,oBAAaN,KAAK,CAACM,KAAK,SAAM,qBAAqB;AAAA,GAC/D,UAAAN,KAAK;EAAA,OAAIA,KAAK,CAACO,MAAM;AAAA,GAClB,UAAAP,KAAK;EAAA;EAAA,0BAAIA,KAAK,CAACQ,QAAQ,6DAAI,MAAM;AAAA,GAChCrB,MAAM,CAACsB,WAAW,EAGrBhB,SAAS,CAACiB,OAAO,EAC1B,UAAAV,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,KAAK,GAAG,eAAe,GAAGX,KAAK,CAACW,QAAQ,IAAI,QAAQ,GAAG,YAAY,GAAG,EAAE;AAAA,CAAC,EAErG,UAAAX,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,MAAM,GAAG,4DAA4D,GAAG,EAAE;AAAA,CAAC,EACvG,UAAAX,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,OAAO,GAAG,qDAAqD,GAAG,EAAE;AAAA,CAAC,EAEjG,UAAAX,KAAK;EAAA,OACLA,KAAK,CAACW,QAAQ,IAAI,MAAM,IAAIX,KAAK,CAACW,QAAQ,IAAI,OAAO,GACjD,EAAE,GACFX,KAAK,CAACI,KAAK,IAAI,OAAO,GACtB,WAAW,GACXJ,KAAK,CAACI,KAAK,IAAI,KAAK,GACpB,YAAY,GACZ,yCAAyC;AAAA,GAI7C,UAAAJ,KAAK;EAAA,OAAK,CAACA,KAAK,CAACY,SAAS,GAAG,gBAAgB,GAAG,EAAE;AAAA,CAAC,EAGnD,UAAAZ,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,KAAK,GAAG,YAAY,GAAGX,KAAK,CAACW,QAAQ,IAAI,QAAQ,GAAG,eAAe,GAAG,EAAE;AAAA,CAAC,EAErG,UAAAX,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,OAAO,GAAG,uDAAuD,GAAG,EAAE;AAAA,CAAC,EACnG,UAAAX,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,MAAM,GAAG,sDAAsD,GAAG,EAAE;AAAA,CAAC,EAEjG,UAAAX,KAAK;EAAA,OACLA,KAAK,CAACW,QAAQ,IAAI,MAAM,IAAIX,KAAK,CAACW,QAAQ,IAAI,OAAO,GAAG,EAAE,GAC1DX,KAAK,CAACI,KAAK,IAAI,OAAO,mBAAYV,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC,SAAMK,KAAK,CAACI,KAAK,IAAI,KAAK,oBAAaV,cAAc,CAACM,KAAK,CAACL,IAAI,CAAC,SAAM,YAAY;AAAA,GAE/I,UAAAK,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA,CAAC,EAIjD,UAAAX,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,KAAK,GAAGxB,MAAM,CAACsB,WAAW,GAAG,aAAa;AAAA,CAAC,EACrE,UAAAT,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,OAAO,GAAGxB,MAAM,CAACsB,WAAW,GAAG,aAAa;AAAA,CAAC,EACzE,UAAAT,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,QAAQ,GAAGxB,MAAM,CAACsB,WAAW,GAAG,aAAa;AAAA,CAAC,EAC1E,UAAAT,KAAK;EAAA,OAAKA,KAAK,CAACW,QAAQ,IAAI,MAAM,GAAGxB,MAAM,CAACsB,WAAW,GAAG,aAAa;AAAA,CAAC,CAQ7F;AAEDX,OAAO,CAACe,YAAY,GAAG;EACrBD,SAAS,EAAE,KAAK;EAChBjB,IAAI,EAAEV,IAAI,CAACY,KAAK;EAChBU,MAAM,EAAE,MAAM;EACdH,KAAK,EAAE,QAAQ;EACfO,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAAc;EAAA,OAAK/B,GAAG,+YAEvCc,OAAO,EAAoBA,OAAO,EAAaA,OAAO,EAG5CiB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM,EAI3BjB,OAAO,EAEKiB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,IAAI,EAGpBjB,OAAO,EAIPA,OAAO;AAAA,CAIvB;AAED,OAAO,IAAMkB,gBAAgB,GAAGjC,MAAM,CAACgB,GAAG,oKAItC,UAAAC,KAAK;EAAA,OAAIc,cAAc,CAACd,KAAK,CAACe,KAAK,CAAC;AAAA,GAGlC1B,WAAW,CAEhB"}

package/dist/Tooltips/TooltipTypes.d.ts

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

package/dist/Tooltips/TooltipWrapper.d.ts

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

package/dist/icons/contenticons/AedNoShockAdvised.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AedNoShockAdvised = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _index = require("../index");
+var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
+var _figmaSvg = require("@laerdal/figma-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var AedNoShockAdvised = function AedNoShockAdvised(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.AedNoShockAdvised,
+      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.AedNoShockAdvised = AedNoShockAdvised;
+//# sourceMappingURL=AedNoShockAdvised.cjs.map

package/dist/icons/contenticons/AedNoShockAdvised.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AedNoShockAdvised.cjs","names":["AedNoShockAdvised","className","color","size","label","viewBox","CI","getSize","content","formatSvgString"],"sources":["../../../src/icons/contenticons/AedNoShockAdvised.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const AedNoShockAdvised: React.FunctionComponent<IconProps> = ({\n                                                                     className,\n                                                                     color = 'currentColor',\n                                                                     size = '48px',\n                                                                     label = '',\n                                                                     viewBox = '0 0 48 48'\n                                                                   }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.AedNoShockAdvised} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAE/C,IAAMA,iBAAqD,GAAG,SAAxDA,iBAAqD;EAAA,IACGC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAExF,qBAAC,kBAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,qBAAC,uBAAG;MAAC,GAAG,EAAEE,sBAAE,CAACN,iBAAkB;MAAC,MAAM,EAAE,IAAAO,cAAO,EAACJ,IAAI,CAAE;MAAC,KAAK,EAAE,IAAAI,cAAO,EAACJ,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC/G,YAAY,EAAE,sBAAAG,OAAO;QAAA,OAAI,IAAAC,sBAAe,EAACD,OAAO,EAAEN,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf;AAAC"}

package/dist/icons/contenticons/AedNoShockAdvised.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { IconProps } from "../index";
+export declare const AedNoShockAdvised: React.FunctionComponent<IconProps>;

package/dist/icons/contenticons/AedNoShockAdvised.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { ContentIcon, formatSvgString, getSize } from "../index";
+import SVG from "react-inlinesvg";
+import { ContentIcons as CI } from "@laerdal/figma-svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AedNoShockAdvised = function AedNoShockAdvised(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/_jsx(ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: CI.AedNoShockAdvised,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+//# sourceMappingURL=AedNoShockAdvised.js.map

package/dist/icons/contenticons/AedNoShockAdvised.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AedNoShockAdvised.js","names":["React","ContentIcon","formatSvgString","getSize","SVG","ContentIcons","CI","AedNoShockAdvised","className","color","size","label","viewBox","content"],"sources":["../../../src/icons/contenticons/AedNoShockAdvised.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const AedNoShockAdvised: React.FunctionComponent<IconProps> = ({\n                                                                     className,\n                                                                     color = 'currentColor',\n                                                                     size = '48px',\n                                                                     label = '',\n                                                                     viewBox = '0 0 48 48'\n                                                                   }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.AedNoShockAdvised} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAkB,UAAU;AACzE,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAAQC,YAAY,IAAIC,EAAE,QAAO,oBAAoB;AAAC;AAEtD,OAAO,IAAMC,iBAAqD,GAAG,SAAxDA,iBAAqD;EAAA,IACGC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAExF,KAAC,WAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,KAAC,GAAG;MAAC,GAAG,EAAEL,EAAE,CAACC,iBAAkB;MAAC,MAAM,EAAEJ,OAAO,CAACO,IAAI,CAAE;MAAC,KAAK,EAAEP,OAAO,CAACO,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC/G,YAAY,EAAE,sBAAAC,OAAO;QAAA,OAAIX,eAAe,CAACW,OAAO,EAAEJ,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf"}

package/dist/icons/contenticons/AedShockAdvised.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AedShockAdvised = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _index = require("../index");
+var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
+var _figmaSvg = require("@laerdal/figma-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var AedShockAdvised = function AedShockAdvised(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.AedShockAdvised,
+      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.AedShockAdvised = AedShockAdvised;
+//# sourceMappingURL=AedShockAdvised.cjs.map

package/dist/icons/contenticons/AedShockAdvised.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AedShockAdvised.cjs","names":["AedShockAdvised","className","color","size","label","viewBox","CI","getSize","content","formatSvgString"],"sources":["../../../src/icons/contenticons/AedShockAdvised.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const AedShockAdvised: React.FunctionComponent<IconProps> = ({\n                                                                     className,\n                                                                     color = 'currentColor',\n                                                                     size = '48px',\n                                                                     label = '',\n                                                                     viewBox = '0 0 48 48'\n                                                                   }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.AedShockAdvised} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAE/C,IAAMA,eAAmD,GAAG,SAAtDA,eAAmD;EAAA,IACKC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAExF,qBAAC,kBAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,qBAAC,uBAAG;MAAC,GAAG,EAAEE,sBAAE,CAACN,eAAgB;MAAC,MAAM,EAAE,IAAAO,cAAO,EAACJ,IAAI,CAAE;MAAC,KAAK,EAAE,IAAAI,cAAO,EAACJ,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC7G,YAAY,EAAE,sBAAAG,OAAO;QAAA,OAAI,IAAAC,sBAAe,EAACD,OAAO,EAAEN,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf;AAAC"}

package/dist/icons/contenticons/AedShockAdvised.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { IconProps } from "../index";
+export declare const AedShockAdvised: React.FunctionComponent<IconProps>;

package/dist/icons/contenticons/AedShockAdvised.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { ContentIcon, formatSvgString, getSize } from "../index";
+import SVG from "react-inlinesvg";
+import { ContentIcons as CI } from "@laerdal/figma-svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AedShockAdvised = function AedShockAdvised(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/_jsx(ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: CI.AedShockAdvised,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+//# sourceMappingURL=AedShockAdvised.js.map

package/dist/icons/contenticons/AedShockAdvised.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AedShockAdvised.js","names":["React","ContentIcon","formatSvgString","getSize","SVG","ContentIcons","CI","AedShockAdvised","className","color","size","label","viewBox","content"],"sources":["../../../src/icons/contenticons/AedShockAdvised.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const AedShockAdvised: React.FunctionComponent<IconProps> = ({\n                                                                     className,\n                                                                     color = 'currentColor',\n                                                                     size = '48px',\n                                                                     label = '',\n                                                                     viewBox = '0 0 48 48'\n                                                                   }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.AedShockAdvised} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAkB,UAAU;AACzE,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAAQC,YAAY,IAAIC,EAAE,QAAO,oBAAoB;AAAC;AAEtD,OAAO,IAAMC,eAAmD,GAAG,SAAtDA,eAAmD;EAAA,IACKC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAExF,KAAC,WAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,KAAC,GAAG;MAAC,GAAG,EAAEL,EAAE,CAACC,eAAgB;MAAC,MAAM,EAAEJ,OAAO,CAACO,IAAI,CAAE;MAAC,KAAK,EAAEP,OAAO,CAACO,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC7G,YAAY,EAAE,sBAAAC,OAAO;QAAA,OAAIX,eAAe,CAACW,OAAO,EAAEJ,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf"}

package/dist/icons/contenticons/{NoShockAdvised.cjs → Data.cjs}

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NoShockAdvised = void 0;
+exports.Data = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _index = require("../index");
 var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
@@ -13,7 +13,7 @@ var _figmaSvg = require("@laerdal/figma-svg");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var NoShockAdvised = function NoShockAdvised(_ref) {
+var Data = function Data(_ref) {
   var className = _ref.className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
@@ -26,7 +26,7 @@ var NoShockAdvised = function NoShockAdvised(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
     tooltip: label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
-      src: _figmaSvg.ContentIcons.NoShockAdvised,
+      src: _figmaSvg.ContentIcons.Data,
       height: (0, _index.getSize)(size),
       width: (0, _index.getSize)(size),
       className: className,
@@ -37,5 +37,5 @@ var NoShockAdvised = function NoShockAdvised(_ref) {
     })
   });
 };
-exports.NoShockAdvised = NoShockAdvised;
-//# sourceMappingURL=NoShockAdvised.cjs.map
+exports.Data = Data;
+//# sourceMappingURL=Data.cjs.map

package/dist/icons/contenticons/Data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Data.cjs","names":["Data","className","color","size","label","viewBox","CI","getSize","content","formatSvgString"],"sources":["../../../src/icons/contenticons/Data.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const Data: React.FunctionComponent<IconProps> = ({\n                                                               className,\n                                                               color = 'currentColor',\n                                                               size = '48px',\n                                                               label = '',\n                                                               viewBox = '0 0 48 48'\n                                                             }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.Data} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAE/C,IAAMA,IAAwC,GAAG,SAA3CA,IAAwC;EAAA,IACUC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAElF,qBAAC,kBAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,qBAAC,uBAAG;MAAC,GAAG,EAAEE,sBAAE,CAACN,IAAK;MAAC,MAAM,EAAE,IAAAO,cAAO,EAACJ,IAAI,CAAE;MAAC,KAAK,EAAE,IAAAI,cAAO,EAACJ,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAClG,YAAY,EAAE,sBAAAG,OAAO;QAAA,OAAI,IAAAC,sBAAe,EAACD,OAAO,EAAEN,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf;AAAC"}

package/dist/icons/contenticons/Data.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { IconProps } from "../index";
+export declare const Data: React.FunctionComponent<IconProps>;

package/dist/icons/contenticons/{NoShockAdvised.js → Data.js}

@@ -3,7 +3,7 @@ import { ContentIcon, formatSvgString, getSize } from "../index";
 import SVG from "react-inlinesvg";
 import { ContentIcons as CI } from "@laerdal/figma-svg";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var NoShockAdvised = function NoShockAdvised(_ref) {
+export var Data = function Data(_ref) {
   var className = _ref.className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
@@ -16,7 +16,7 @@ export var NoShockAdvised = function NoShockAdvised(_ref) {
   return /*#__PURE__*/_jsx(ContentIcon, {
     tooltip: label,
     children: /*#__PURE__*/_jsx(SVG, {
-      src: CI.NoShockAdvised,
+      src: CI.Data,
       height: getSize(size),
       width: getSize(size),
       className: className,
@@ -27,4 +27,4 @@ export var NoShockAdvised = function NoShockAdvised(_ref) {
     })
   });
 };
-//# sourceMappingURL=NoShockAdvised.js.map
+//# sourceMappingURL=Data.js.map

package/dist/icons/contenticons/Data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Data.js","names":["React","ContentIcon","formatSvgString","getSize","SVG","ContentIcons","CI","Data","className","color","size","label","viewBox","content"],"sources":["../../../src/icons/contenticons/Data.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const Data: React.FunctionComponent<IconProps> = ({\n                                                               className,\n                                                               color = 'currentColor',\n                                                               size = '48px',\n                                                               label = '',\n                                                               viewBox = '0 0 48 48'\n                                                             }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.Data} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAkB,UAAU;AACzE,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAAQC,YAAY,IAAIC,EAAE,QAAO,oBAAoB;AAAC;AAEtD,OAAO,IAAMC,IAAwC,GAAG,SAA3CA,IAAwC;EAAA,IACUC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAElF,KAAC,WAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,KAAC,GAAG;MAAC,GAAG,EAAEL,EAAE,CAACC,IAAK;MAAC,MAAM,EAAEJ,OAAO,CAACO,IAAI,CAAE;MAAC,KAAK,EAAEP,OAAO,CAACO,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAClG,YAAY,EAAE,sBAAAC,OAAO;QAAA,OAAIX,eAAe,CAACW,OAAO,EAAEJ,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf"}

package/dist/icons/contenticons/DecisionFlow.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DecisionFlow = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _index = require("../index");
+var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
+var _figmaSvg = require("@laerdal/figma-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var DecisionFlow = function DecisionFlow(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.DecisionFlow,
+      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.DecisionFlow = DecisionFlow;
+//# sourceMappingURL=DecisionFlow.cjs.map

package/dist/icons/contenticons/DecisionFlow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecisionFlow.cjs","names":["DecisionFlow","className","color","size","label","viewBox","CI","getSize","content","formatSvgString"],"sources":["../../../src/icons/contenticons/DecisionFlow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const DecisionFlow: React.FunctionComponent<IconProps> = ({\n                                                               className,\n                                                               color = 'currentColor',\n                                                               size = '48px',\n                                                               label = '',\n                                                               viewBox = '0 0 48 48'\n                                                             }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.DecisionFlow} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAE/C,IAAMA,YAAgD,GAAG,SAAnDA,YAAgD;EAAA,IACEC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAElF,qBAAC,kBAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,qBAAC,uBAAG;MAAC,GAAG,EAAEE,sBAAE,CAACN,YAAa;MAAC,MAAM,EAAE,IAAAO,cAAO,EAACJ,IAAI,CAAE;MAAC,KAAK,EAAE,IAAAI,cAAO,EAACJ,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC1G,YAAY,EAAE,sBAAAG,OAAO;QAAA,OAAI,IAAAC,sBAAe,EAACD,OAAO,EAAEN,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf;AAAC"}

package/dist/icons/contenticons/DecisionFlow.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { IconProps } from "../index";
+export declare const DecisionFlow: React.FunctionComponent<IconProps>;

package/dist/icons/contenticons/DecisionFlow.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { ContentIcon, formatSvgString, getSize } from "../index";
+import SVG from "react-inlinesvg";
+import { ContentIcons as CI } from "@laerdal/figma-svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DecisionFlow = function DecisionFlow(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/_jsx(ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: CI.DecisionFlow,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+//# sourceMappingURL=DecisionFlow.js.map

package/dist/icons/contenticons/DecisionFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecisionFlow.js","names":["React","ContentIcon","formatSvgString","getSize","SVG","ContentIcons","CI","DecisionFlow","className","color","size","label","viewBox","content"],"sources":["../../../src/icons/contenticons/DecisionFlow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const DecisionFlow: React.FunctionComponent<IconProps> = ({\n                                                               className,\n                                                               color = 'currentColor',\n                                                               size = '48px',\n                                                               label = '',\n                                                               viewBox = '0 0 48 48'\n                                                             }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.DecisionFlow} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAkB,UAAU;AACzE,OAAOC,GAAG,MAAM,iBAAiB;AACjC,SAAQC,YAAY,IAAIC,EAAE,QAAO,oBAAoB;AAAC;AAEtD,OAAO,IAAMC,YAAgD,GAAG,SAAnDA,YAAgD;EAAA,IACEC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAElF,KAAC,WAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,KAAC,GAAG;MAAC,GAAG,EAAEL,EAAE,CAACC,YAAa;MAAC,MAAM,EAAEJ,OAAO,CAACO,IAAI,CAAE;MAAC,KAAK,EAAEP,OAAO,CAACO,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MAC1G,YAAY,EAAE,sBAAAC,OAAO;QAAA,OAAIX,eAAe,CAACW,OAAO,EAAEJ,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf"}

package/dist/icons/contenticons/Metronome.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Metronome = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _index = require("../index");
+var _reactInlinesvg = _interopRequireDefault(require("react-inlinesvg"));
+var _figmaSvg = require("@laerdal/figma-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Metronome = function Metronome(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactInlinesvg.default, {
+      src: _figmaSvg.ContentIcons.Metronome,
+      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.Metronome = Metronome;
+//# sourceMappingURL=Metronome.cjs.map

package/dist/icons/contenticons/Metronome.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metronome.cjs","names":["Metronome","className","color","size","label","viewBox","CI","getSize","content","formatSvgString"],"sources":["../../../src/icons/contenticons/Metronome.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {ContentIcon, formatSvgString, getSize, IconProps} from \"../index\";\nimport SVG from \"react-inlinesvg\";\nimport {ContentIcons as CI} from \"@laerdal/figma-svg\";\n\nexport const Metronome: React.FunctionComponent<IconProps> = ({\n                                                               className,\n                                                               color = 'currentColor',\n                                                               size = '48px',\n                                                               label = '',\n                                                               viewBox = '0 0 48 48'\n                                                             }) => (\n  <ContentIcon tooltip={label}>\n    <SVG src={CI.Metronome} height={getSize(size)} width={getSize(size)} className={className} viewBox={viewBox}\n         preProcessor={content => formatSvgString(content, color)}/>\n  </ContentIcon>\n);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAE/C,IAAMA,SAA6C,GAAG,SAAhDA,SAA6C;EAAA,IACKC,SAAS,QAATA,SAAS;IAAA,kBACTC,KAAK;IAALA,KAAK,2BAAG,cAAc;IAAA,iBACtBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,kBACbC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,oBACVC,OAAO;IAAPA,OAAO,6BAAG,WAAW;EAAA,oBAElF,qBAAC,kBAAW;IAAC,OAAO,EAAED,KAAM;IAAA,uBAC1B,qBAAC,uBAAG;MAAC,GAAG,EAAEE,sBAAE,CAACN,SAAU;MAAC,MAAM,EAAE,IAAAO,cAAO,EAACJ,IAAI,CAAE;MAAC,KAAK,EAAE,IAAAI,cAAO,EAACJ,IAAI,CAAE;MAAC,SAAS,EAAEF,SAAU;MAAC,OAAO,EAAEI,OAAQ;MACvG,YAAY,EAAE,sBAAAG,OAAO;QAAA,OAAI,IAAAC,sBAAe,EAACD,OAAO,EAAEN,KAAK,CAAC;MAAA;IAAC;EAAE,EACpD;AAAA,CACf;AAAC"}

package/dist/icons/contenticons/Metronome.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { IconProps } from "../index";
+export declare const Metronome: React.FunctionComponent<IconProps>;

package/dist/icons/contenticons/Metronome.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { ContentIcon, formatSvgString, getSize } from "../index";
+import SVG from "react-inlinesvg";
+import { ContentIcons as CI } from "@laerdal/figma-svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Metronome = function Metronome(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox;
+  return /*#__PURE__*/_jsx(ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, {
+      src: CI.Metronome,
+      height: getSize(size),
+      width: getSize(size),
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    })
+  });
+};
+//# sourceMappingURL=Metronome.js.map