@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/MiniProductCard/MiniProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniProductCard.js","names":["React","Link","styled","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","ComponentMStyling","ComponentSStyling","jsx","_jsx","jsxs","_jsxs","ProductLink","_templateObject","_taggedTemplateLiteral","black","MEDIUM","ProductThing","div","_templateObject2","primary_20","primary_600","primary_100","ProductImage","img","_templateObject3","ProductName","h2","_templateObject4","Regular","ProductType","span","_templateObject5","ProductInnerWrapper","_templateObject6","RightIconWrapper","_templateObject7","MiniProductCard","_ref","url","product","to","children","image","src","name","type","ChevronRight","color","primary","className","size","propTypes","_pt","string"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\n\r\ntype CardProps = {\r\n  product: Product;\r\n  url?: string;\r\n};\r\nconst ProductLink = styled(Link)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${COLORS.black};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${COLORS.primary_20};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${COLORS.primary_100};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard = ({ url, product }: CardProps) => {\r\n  return (\r\n    <ProductLink to={url ?? ''}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.primary} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,kBAAkB;AACrC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACjE,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAM/D,IAAMC,WAAW,GAAGX,MAAM,CAACD,IAAI,CAAC,CAAAa,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4IAIrBX,MAAM,CAACY,KAAK,EAGnBb,WAAW,CAACc,MAAM,CAGrB;AAED,IAAMC,YAAY,GAAGhB,MAAM,CAACiB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,2VAQbX,MAAM,CAACiB,UAAU,EAGrBjB,MAAM,CAACkB,WAAW,EAIdlB,MAAM,CAACmB,WAAW,EAGtBnB,MAAM,CAACkB,WAAW,CAG/B;AAED,IAAME,YAAY,GAAGtB,MAAM,CAACuB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,uFAK9B;AAED,IAAMY,WAAW,GAAGzB,MAAM,CAAC0B,EAAE,CAAAC,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,qDACzBR,iBAAiB,CAACF,kBAAkB,CAACyB,OAAO,EAAE1B,MAAM,CAACY,KAAK,CAAC,CAG9D;AAED,IAAMe,WAAW,GAAG7B,MAAM,CAAC8B,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,iCAC3BP,iBAAiB,CAACH,kBAAkB,CAACyB,OAAO,EAAE1B,MAAM,CAACY,KAAK,CAAC,CAE9D;AAED,IAAMkB,mBAAmB,GAAGhC,MAAM,CAACiB,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAApB,sBAAA,0FAKrC;AAED,IAAMqB,gBAAgB,GAAGlC,MAAM,CAACiB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAtB,sBAAA,yGAKlC;AAED,IAAMuB,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACrC,oBACE/B,IAAA,CAACG,WAAW;IAAC6B,EAAE,EAAEF,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,EAAG;IAAAG,QAAA,eACzB/B,KAAA,CAACM,YAAY;MAAAyB,QAAA,GACVF,OAAO,CAACG,KAAK,iBAAIlC,IAAA,CAACc,YAAY;QAACqB,GAAG,EAAEJ,OAAO,CAACG;MAAM,CAAE,CAAC,eACtDhC,KAAA,CAACsB,mBAAmB;QAAAS,QAAA,gBAClBjC,IAAA,CAACiB,WAAW;UAAAgB,QAAA,EAAEF,OAAO,CAACK;QAAI,CAAc,CAAC,eACzCpC,IAAA,CAACqB,WAAW;UAAAY,QAAA,EAAEF,OAAO,CAACM;QAAI,CAAc,CAAC;MAAA,CACtB,CAAC,eACtBrC,IAAA,CAAC0B,gBAAgB;QAAAO,QAAA,eACfjC,IAAA,CAACJ,WAAW,CAAC0C,YAAY;UAACC,KAAK,EAAE7C,MAAM,CAAC8C,OAAQ;UAACC,SAAS,EAAE,uBAAwB;UAACC,IAAI,EAAE;QAAO,CAAE;MAAC,CACrF,CAAC;IAAA,CACP;EAAC,CACJ,CAAC;AAElB,CAAC;AAACd,eAAA,CAAAe,SAAA;EApFAb,GAAG,EAAAc,GAAA,CAAAC;AAAA;AAsFL,eAAejB,eAAe","ignoreList":[]}
+{"version":3,"file":"MiniProductCard.js","names":["React","Link","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","ComponentMStyling","ComponentSStyling","jsx","_jsx","jsxs","_jsxs","ProductLink","_templateObject","_taggedTemplateLiteral","props","getColor","theme","MEDIUM","ProductThing","div","_templateObject2","ProductImage","img","_templateObject3","ProductName","h2","_templateObject4","Regular","ProductType","span","_templateObject5","ProductInnerWrapper","_templateObject6","RightIconWrapper","_templateObject7","MiniProductCard","_ref","url","product","to","children","image","src","name","type","ChevronRight","color","className","size","propTypes","_pt","string"],"sources":["../../src/MiniProductCard/MiniProductCard.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../styles';\r\nimport {SystemIcons} from '../icons';\r\nimport {Product} from '../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\n\r\ntype CardProps = {\r\n  product: Product;\r\n  url?: string;\r\n};\r\nconst ProductLink = styled(Link)`\r\n  display: flex;\r\n  flex: 1;\r\n  margin: 10px 8px;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  text-decoration: none;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 305px;\r\n  }\r\n`;\r\n\r\nconst ProductThing = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: row;\r\n  border-radius: 8px;\r\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n  &:active {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n    .product-chevron-right-path {\r\n      fill: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ProductImage = styled.img`\r\n  width: 95px;\r\n  height: 75px;\r\n  object-fit: fill;\r\n  border-radius: 8px;\r\n`;\r\n\r\nconst ProductName = styled.h2`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n  margin-top: 3px;\r\n`;\r\n\r\nconst ProductType = styled.span`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  margin: 0;\r\n`;\r\n\r\nconst ProductInnerWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 12px 18px;\r\n  flex: 1;\r\n`;\r\n\r\nconst RightIconWrapper = styled.div`\r\n  display: flex;\r\n  justify-self: flex-start;\r\n  align-items: center;\r\n  padding-right: 12px;\r\n`;\r\n\r\nconst MiniProductCard: React.FunctionComponent<CardProps> = ({ url, product }: CardProps) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <ProductLink to={url ?? ''}>\r\n      <ProductThing>\r\n        {product.image && <ProductImage src={product.image} />}\r\n        <ProductInnerWrapper>\r\n          <ProductName>{product.name}</ProductName>\r\n          <ProductType>{product.type}</ProductType>\r\n        </ProductInnerWrapper>\r\n        <RightIconWrapper>\r\n          <SystemIcons.ChevronRight color={COLORS.getColor('primary', theme)} className={'product-chevron-right'} size={'24px'} />\r\n        </RightIconWrapper>\r\n      </ProductThing>\r\n    </ProductLink>\r\n  );\r\n};\r\n\r\nexport default MiniProductCard;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/Modal.cjs

@@ -9,7 +9,7 @@ exports["default"] = exports.ModalCloseButton = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Button = require("../Button");
 var _icons = require("../icons");
 var _styles = require("../styles");
@@ -25,13 +25,14 @@ var Column = _styledComponents["default"].div(_templateObject || (_templateObjec
 var StyledButton = (0, _styledComponents["default"])(_Button.IconButton)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
 var ModalCloseButton = function ModalCloseButton(_ref) {
   var onClick = _ref.onClick;
+  var theme = (0, _styledComponents.useTheme)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
     variant: "secondary",
     shape: "square",
     action: onClick,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
       size: "24px",
-      color: _styles.COLORS.black
+      color: _styles.COLORS.getColor('black', theme)
     })
   });
 };

package/dist/Modals/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_icons","_styles","_ModalStyles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Column","styled","div","_taggedTemplateLiteral2","StyledButton","IconButton","ModalCloseButton","_ref","onClick","jsx","variant","shape","action","children","SystemIcons","Close","size","color","COLORS","black","exports","Modal","_ref2","propTypes","_propTypes","any","isRequired","Header","_ref3","ModalHeader","Body","_ref4","ModalBody","Footer","_ref5","ModalFooter","_default"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.black} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAoE,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA;AAEpE;AACA;AACA;AAFA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGA,IAAMW,MAAM,GAAGC,4BAAM,CAACC,GAAG,CAAAxB,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,iHAKxB;AAED,IAAMC,YAAY,GAAG,IAAAH,4BAAM,EAACI,kBAAU,CAAC,CAAA1B,gBAAA,KAAAA,gBAAA,OAAAwB,uBAAA,wCAEtC;AAEM,IAAMG,gBAAkE,GAAG,SAArEA,gBAAkEA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC1F,oBACE,IAAA/B,WAAA,CAAAgC,GAAA,EAACL,YAAY;IAACM,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM,EAAEJ,OAAQ;IAAAK,QAAA,eAC/D,IAAApC,WAAA,CAAAgC,GAAA,EAACnC,MAAA,CAAAwC,WAAW,CAACC,KAAK;MAACC,IAAI,EAAC,MAAM;MAACC,KAAK,EAAEC,cAAM,CAACC;IAAM,CAAE;EAAC,CAC1C,CAAC;AAEnB,CAAC;AAACC,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAMF,IAAMe,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMT,QAAQ,GAAAS,KAAA,CAART,QAAQ;EAAA,oBAAmB,IAAApC,WAAA,CAAAgC,GAAA,EAACT,MAAM;IAAAa,QAAA,EAAEA;EAAQ,CAAS,CAAC;AAAA;AAACQ,KAAA,CAAAE,SAAA;EAHtEV,QAAQ,EAAAW,UAAA,YAAAC,GAAA,CAAAC;AAAA;AAKVL,KAAK,CAACM,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGf,QAAQ,GAAAe,KAAA,CAARf,QAAQ;EAAA,oBAAmB,IAAApC,WAAA,CAAAgC,GAAA,EAACjC,YAAA,CAAAqD,WAAW;IAAAhB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElFQ,KAAK,CAACS,IAAI,GAAG,UAAAC,KAAA;EAAA,IAAGlB,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;EAAA,oBAAmB,IAAApC,WAAA,CAAAgC,GAAA,EAACjC,YAAA,CAAAwD,SAAS;IAAAnB,QAAA,EAAEA;EAAQ,CAAY,CAAC;AAAA;AAE5EQ,KAAK,CAACY,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGrB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;EAAA,oBAAmB,IAAApC,WAAA,CAAAgC,GAAA,EAACjC,YAAA,CAAA2D,WAAW;IAAAtB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAAC,IAAAuB,QAAA,GAEpEf,KAAK;AAAAD,OAAA,cAAAgB,QAAA","ignoreList":[]}
+{"version":3,"file":"Modal.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_Button","_icons","_styles","_ModalStyles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Column","styled","div","_taggedTemplateLiteral2","StyledButton","IconButton","ModalCloseButton","_ref","onClick","theme","useTheme","jsx","variant","shape","action","children","SystemIcons","Close","size","color","COLORS","getColor","exports","Modal","_ref2","propTypes","_propTypes","any","isRequired","Header","_ref3","ModalHeader","Body","_ref4","ModalBody","Footer","_ref5","ModalFooter","_default"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/Modal.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _templateObject, _templateObject2;
 import * as React from 'react';
-import styled from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 import { IconButton } from '../Button';
 import { SystemIcons } from '../icons';
 import { COLORS } from '../styles';
@@ -16,13 +16,14 @@ var Column = styled.div(_templateObject || (_templateObject = _taggedTemplateLit
 var StyledButton = styled(IconButton)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 export var ModalCloseButton = function ModalCloseButton(_ref) {
   var onClick = _ref.onClick;
+  var theme = useTheme();
   return /*#__PURE__*/_jsx(StyledButton, {
     variant: "secondary",
     shape: "square",
     action: onClick,
     children: /*#__PURE__*/_jsx(SystemIcons.Close, {
       size: "24px",
-      color: COLORS.black
+      color: COLORS.getColor('black', theme)
     })
   });
 };

package/dist/Modals/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","styled","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","jsx","_jsx","Column","div","_templateObject","_taggedTemplateLiteral","StyledButton","_templateObject2","ModalCloseButton","_ref","onClick","variant","shape","action","children","Close","size","color","black","Modal","_ref2","propTypes","_pt","any","isRequired","Header","_ref3","Body","_ref4","Footer","_ref5"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.black} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;;AAEnE;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,IAAMC,MAAM,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qGAKxB;AAED,IAAMC,YAAY,GAAGb,MAAM,CAACC,UAAU,CAAC,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,4BAEtC;AAED,OAAO,IAAMG,gBAAkE,GAAG,SAArEA,gBAAkEA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC1F,oBACET,IAAA,CAACK,YAAY;IAACK,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM,EAAEH,OAAQ;IAAAI,QAAA,eAC/Db,IAAA,CAACN,WAAW,CAACoB,KAAK;MAACC,IAAI,EAAC,MAAM;MAACC,KAAK,EAAErB,MAAM,CAACsB;IAAM,CAAE;EAAC,CAC1C,CAAC;AAEnB,CAAC;AAMD,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;EAAA,oBAAmBb,IAAA,CAACC,MAAM;IAAAY,QAAA,EAAEA;EAAQ,CAAS,CAAC;AAAA;AAACK,KAAA,CAAAE,SAAA;EAHtEP,QAAQ,EAAAQ,GAAA,CAAAC,GAAA,CAAAC;AAAA;AAKVL,KAAK,CAACM,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;EAAA,oBAAmBb,IAAA,CAACJ,WAAW;IAAAiB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElFK,KAAK,CAACQ,IAAI,GAAG,UAAAC,KAAA;EAAA,IAAGd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;EAAA,oBAAmBb,IAAA,CAACH,SAAS;IAAAgB,QAAA,EAAEA;EAAQ,CAAY,CAAC;AAAA;AAE5EK,KAAK,CAACU,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGhB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;EAAA,oBAAmBb,IAAA,CAACF,WAAW;IAAAe,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElF,eAAeK,KAAK","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["React","styled","useTheme","IconButton","SystemIcons","COLORS","ModalHeader","ModalBody","ModalFooter","jsx","_jsx","Column","div","_templateObject","_taggedTemplateLiteral","StyledButton","_templateObject2","ModalCloseButton","_ref","onClick","theme","variant","shape","action","children","Close","size","color","getColor","Modal","_ref2","propTypes","_pt","any","isRequired","Header","_ref3","Body","_ref4","Footer","_ref5"],"sources":["../../src/Modals/Modal.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport { IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS } from '../styles';\r\nimport { ModalHeader, ModalBody, ModalFooter } from './ModalStyles';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nconst Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nconst StyledButton = styled(IconButton)`\r\n  display: flex;\r\n`;\r\n\r\nexport const ModalCloseButton: React.FunctionComponent<{ onClick: () => void }> = ({ onClick }) => {\r\n  const theme = useTheme();\r\n  return (\r\n    <StyledButton variant=\"secondary\" shape=\"square\" action={onClick}>\r\n      <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\ntype ModalProps = {\r\n  children: any;\r\n};\r\n\r\nconst Modal = ({ children }: ModalProps) => <Column>{children}</Column>;\r\n\r\nModal.Header = ({ children }: ModalProps) => <ModalHeader>{children}</ModalHeader>;\r\n\r\nModal.Body = ({ children }: ModalProps) => <ModalBody>{children}</ModalBody>;\r\n\r\nModal.Footer = ({ children }: ModalProps) => <ModalFooter>{children}</ModalFooter>;\r\n\r\nexport default Modal;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AACpD,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;;AAEnE;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,IAAMC,MAAM,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qGAKxB;AAED,IAAMC,YAAY,GAAGd,MAAM,CAACE,UAAU,CAAC,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,4BAEtC;AAED,OAAO,IAAMG,gBAAkE,GAAG,SAArEA,gBAAkEA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAC1F,IAAMC,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EACxB,oBACEQ,IAAA,CAACK,YAAY;IAACM,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,QAAQ;IAACC,MAAM,EAAEJ,OAAQ;IAAAK,QAAA,eAC/Dd,IAAA,CAACN,WAAW,CAACqB,KAAK;MAACC,IAAI,EAAC,MAAM;MAACC,KAAK,EAAEtB,MAAM,CAACuB,QAAQ,CAAC,OAAO,EAAER,KAAK;IAAE,CAAE;EAAC,CAC7D,CAAC;AAEnB,CAAC;AAMD,IAAMS,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;EAAA,oBAAmBd,IAAA,CAACC,MAAM;IAAAa,QAAA,EAAEA;EAAQ,CAAS,CAAC;AAAA;AAACK,KAAA,CAAAE,SAAA;EAHtEP,QAAQ,EAAAQ,GAAA,CAAAC,GAAA,CAAAC;AAAA;AAKVL,KAAK,CAACM,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;EAAA,oBAAmBd,IAAA,CAACJ,WAAW;IAAAkB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElFK,KAAK,CAACQ,IAAI,GAAG,UAAAC,KAAA;EAAA,IAAGd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;EAAA,oBAAmBd,IAAA,CAACH,SAAS;IAAAiB,QAAA,EAAEA;EAAQ,CAAY,CAAC;AAAA;AAE5EK,KAAK,CAACU,MAAM,GAAG,UAAAC,KAAA;EAAA,IAAGhB,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;EAAA,oBAAmBd,IAAA,CAACF,WAAW;IAAAgB,QAAA,EAAEA;EAAQ,CAAc,CAAC;AAAA;AAElF,eAAeK,KAAK","ignoreList":[]}

package/dist/Modals/ModalContent.cjs

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _types = require("../types");
 var _index = require("./index");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styles = require("../styles");
 var _Tooltips = require("../Tooltips");
 var _Button = require("../Button");
@@ -29,23 +30,32 @@ var _excluded = ["icon", "componentType"],
   _excluded5 = ["text", "variant", "action"],
   _excluded6 = ["action", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderText = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
-var HeaderTitle = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.black));
+var HeaderTitle = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n"])), function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
+});
 var HeaderActions = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n"])));
 var HeaderWithImageActions = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
 var HeaderWithImage = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  img {\n    object-fit: cover;\n    width: 100%;\n    height: 160px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  .medium & {\n    img {\n      height: 200px;\n    }\n  }\n\n  .large & {\n    img {\n      height: 240px;\n    }\n  }\n"])));
 var Header = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), _Tooltips.TooltipContainer);
 var Content = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
 var FooterLeftContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n"])));
-var FooterLeftNote = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
-var FooterLeftLink = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.primary_500));
+var FooterLeftNote = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), function (props) {
+  return (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+});
+var FooterLeftLink = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme));
+});
 var FooterRightContainer = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  gap: 8px;\n  margin-left: auto;\n"])));
 var Footer = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
 var Wrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), Header, HeaderText, HeaderTitle, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer, Header, HeaderText, HeaderTitle, (0, _styles.ComponentXLStyling)(_styles.ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), FooterLeftLink, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null), FooterRightContainer);
 var ModalContent = function ModalContent(props) {
   var _props$size, _props$footerActions;
+  var theme = (0, _styledComponents.useTheme)();
   var tooltip = function tooltip() {
     return !!props.tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltips.TooltipWrapper, {
       delay: "0s",
@@ -63,7 +73,7 @@ var ModalContent = function ModalContent(props) {
         action: function action() {},
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Help, {
           size: "24px",
-          color: _styles.COLORS.neutral_600
+          color: _styles.COLORS.getColor('neutral_600', theme)
         })
       })
     });
@@ -173,7 +183,7 @@ var ModalContent = function ModalContent(props) {
             action: props.closeAction,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
               size: "24px",
-              color: _styles.COLORS.neutral_600
+              color: _styles.COLORS.getColor('neutral_600', theme)
             })
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
@@ -208,7 +218,7 @@ var ModalContent = function ModalContent(props) {
             action: props.closeAction,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
               size: "24px",
-              color: _styles.COLORS.neutral_600
+              color: _styles.COLORS.getColor('neutral_600', theme)
             })
           })]
         })]

package/dist/Modals/ModalContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.cjs","names":["_react","_interopRequireDefault","require","_types","_index","_styledComponents","_styles","_Tooltips","_Button","_icons","_HyperLink","_Dropdown","_Toggles","_Image","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","HeaderText","styled","div","_taggedTemplateLiteral2","HeaderTitle","ComponentMStyling","ComponentTextStyle","Bold","COLORS","black","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","TooltipContainer","Content","scrollBarStyling","Size","Small","FooterLeftContainer","FooterLeftNote","ComponentXXSStyling","neutral_600","FooterLeftLink","ComponentSStyling","primary_500","FooterRightContainer","Footer","Wrapper","ComponentLStyling","ComponentXSStyling","ComponentXLStyling","ModalContent","props","_props$size","_props$footerActions","tooltip","jsx","TooltipWrapper","delay","size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties2","id","DropdownButton","type","ToggleButton","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","React","cloneElement","Large","actionType","_ref","text","Button","onClick","_ref2","jsxs","HyperLink","preventDefault","ModalContainer","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","ImageWithFallbacks","onBack","ArrowLineLeft","dataTestId","Close","title","note","Note","footerActions","item","onKeyDown","a","key","propTypes","_propTypes","bool","isRequired","func","string","array","zIndex","number","node","_default","exports"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AASA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAEA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAA4C,IAAAY,WAAA,GAAAZ,OAAA;AAAA,IAAAa,SAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,UAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE5C,IAAMoB,UAAU,GAAGC,4BAAM,CAACC,GAAG,CAAApC,eAAA,KAAAA,eAAA,OAAAqC,uBAAA,2NAa5B;AACD,IAAMC,WAAW,GAAGH,4BAAM,CAACC,GAAG,CAAAnC,gBAAA,KAAAA,gBAAA,OAAAoC,uBAAA,+BAC1B,IAAAE,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAC3D;AAED,IAAMC,aAAa,GAAGT,4BAAM,CAACC,GAAG,CAAAlC,gBAAA,KAAAA,gBAAA,OAAAmC,uBAAA,gEAG/B;AAED,IAAMQ,sBAAsB,GAAGV,4BAAM,CAACC,GAAG,CAAAjC,gBAAA,KAAAA,gBAAA,OAAAkC,uBAAA,6WAyBxC;AAED,IAAMS,eAAe,GAAGX,4BAAM,CAACC,GAAG,CAAAhC,gBAAA,KAAAA,gBAAA,OAAAiC,uBAAA,wWAwBjC;AAED,IAAMU,MAAM,GAAGZ,4BAAM,CAACC,GAAG,CAAA/B,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,6HAKrBW,0BAAgB,CAGnB;AAED,IAAMC,OAAO,GAAGd,4BAAM,CAACC,GAAG,CAAA9B,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,oGAKtB,IAAAa,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAED,IAAMC,mBAAmB,GAAGlB,4BAAM,CAACC,GAAG,CAAA7B,gBAAA,KAAAA,gBAAA,OAAA8B,uBAAA,gEAGrC;AAED,IAAMiB,cAAc,GAAGnB,4BAAM,CAACC,GAAG,CAAA5B,gBAAA,KAAAA,gBAAA,OAAA6B,uBAAA,gHAM7B,IAAAkB,2BAAmB,EAACf,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACc,WAAW,CAAC,CACnE;AAED,IAAMC,cAAc,GAAGtB,4BAAM,CAACC,GAAG,CAAA3B,iBAAA,KAAAA,iBAAA,OAAA4B,uBAAA,kIAC7B,IAAAqB,yBAAiB,EAAClB,0BAAkB,CAACC,IAAI,EAAEC,cAAM,CAACiB,WAAW,CAAC,CAOjE;AAED,IAAMC,oBAAoB,GAAGzB,4BAAM,CAACC,GAAG,CAAA1B,iBAAA,KAAAA,iBAAA,OAAA2B,uBAAA,yDAGtC;AAED,IAAMwB,MAAM,GAAG1B,4BAAM,CAACC,GAAG,CAAAzB,iBAAA,KAAAA,iBAAA,OAAA0B,uBAAA,sFAIxB;AAGD,IAAMyB,OAAO,GAAG3B,4BAAM,CAACC,GAAG,CAAAxB,iBAAA,KAAAA,iBAAA,OAAAyB,uBAAA,gyCAYpBU,MAAM,EAGJb,UAAU,EAIRI,WAAW,EACT,IAAAyB,yBAAiB,EAACvB,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAKtDQ,OAAO,EAIPY,MAAM,EAGJP,cAAc,EACZ,IAAAU,0BAAkB,EAACxB,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAInDgB,cAAc,EAKZ,IAAAlB,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAGlDmB,oBAAoB,EAUtBb,MAAM,EAGJb,UAAU,EAIRI,WAAW,EACT,IAAA2B,0BAAkB,EAACzB,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAKvDQ,OAAO,EAIPY,MAAM,EAGJP,cAAc,EACZ,IAAAI,yBAAiB,EAAClB,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAIlDgB,cAAc,EAKZ,IAAAM,yBAAiB,EAACvB,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAGlDmB,oBAAoB,CAK3B;AAmBD,IAAMM,YAAyC,GAAG,SAA5CA,YAAyCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,WAAA,EAAAC,oBAAA;EAE3D,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA;IAAA,OACX,CAAC,CAACH,KAAK,CAACG,OAAO,iBACf,IAAA7E,WAAA,CAAA8E,GAAA,EAACrF,SAAA,CAAAsF,cAAc;MAACC,KAAK,EAAC,IAAI;MAACC,IAAI,EAAEvB,WAAI,CAACwB,MAAO;MAACC,KAAK,EAAC,QAAQ;MAACC,QAAQ,EAAC,QAAQ;MAACC,SAAS,EAAE,KAAM;MAChFC,KAAK,EAAEZ,KAAK,CAACG,OAAQ;MAAAU,QAAA,eACnC,IAAAvF,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU;QAACC,OAAO,EAAC,WAAW;QAACC,KAAK,EAAC,UAAU;QAACC,KAAK,EAAE;UAACC,MAAM,EAAE;QAAM,CAAE;QAACC,MAAM,EAAE,SAAAA,OAAA,EAAM,CACxF,CAAE;QAAAN,QAAA,eACA,IAAAvF,WAAA,CAAA8E,GAAA,EAACnF,MAAA,CAAAmG,WAAW,CAACC,IAAI;UAACd,IAAI,EAAC,MAAM;UAACe,KAAK,EAAE/C,cAAM,CAACc;QAAY,CAAC;MAAC,CAChD;IAAC,CACC,CAAC;EAAA;EAEnB,IAAMkC,aAAa,GAAG,SAAhBA,aAAaA,CAAA;IAAA,IAAAC,oBAAA;IAAA,QAAAA,oBAAA,GAASxB,KAAK,CAACuB,aAAa,cAAAC,oBAAA,uBAAnBA,oBAAA,CAAqBC,GAAG,CAAC,UAACN,MAAM,EAAEO,KAAK,EAAK;MACpE,QAAQP,MAAM,CAACQ,aAAa;QAC1B,KAAK,MAAM;UAAE;YACX,IAAOC,IAAI,GAA4BT,MAAM,CAAtCS,IAAI;cAAED,aAAa,GAAaR,MAAM,CAAhCQ,aAAa;cAAKE,IAAI,OAAAC,yBAAA,aAAIX,MAAM,EAAA5F,SAAA;YAC7C,oBAAO,IAAAD,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU,EAAAvD,aAAA,CAAAA,aAAA,KACKsE,IAAI;cAAAhB,QAAA,EACxBe;YAAI,IAFiBT,MAAM,CAACY,EAAE,IAAIL,KAGzB,CAAC;UACf;QACA,KAAK,UAAU;UAAE;YACf,IAAOC,cAAa,GAAaR,MAAM,CAAhCQ,aAAa;cAAKE,KAAI,OAAAC,yBAAA,aAAIX,MAAM,EAAA3F,UAAA;YACvC,oBAAO,IAAAF,WAAA,CAAA8E,GAAA,EAACjF,SAAA,CAAA6G,cAAc,EAAAzE,aAAA;cAAC0E,IAAI,EAAE,MAAO;cAAC1B,IAAI,EAAEP,KAAK,CAACO;YAAK,GAAKsB,KAAI,CAAE,CAAC;UACpE;QACA,KAAK,QAAQ;UAAE;YACb,IAAOF,eAAa,GAAaR,MAAM,CAAhCQ,aAAa;cAAKE,MAAI,OAAAC,yBAAA,aAAIX,MAAM,EAAA1F,UAAA;YACvC,oBAAO,IAAAH,WAAA,CAAA8E,GAAA,EAAChF,QAAA,CAAA8G,YAAY,EAAA3E,aAAA,KAAMsE,MAAI,CAAE,CAAC;UACnC;MACF;IACF,CACF,CAAC;EAAA;EAED,IAAMM,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,OAC5B,CAAC,GAAAD,qBAAA,GAACpC,KAAK,CAACsC,gBAAgB,cAAAF,qBAAA,eAAtBA,qBAAA,CAAwBR,IAAI,kBAC9BW,iBAAK,CAACC,YAAY,EAAAH,sBAAA,GAACrC,KAAK,CAACsC,gBAAgB,cAAAD,sBAAA,uBAAtBA,sBAAA,CAAwBT,IAAI,EAAwB;MACrErB,IAAI,EACFP,KAAK,CAACO,IAAI,KAAKvB,WAAI,CAACC,KAAK,GACrB,MAAM,GACNe,KAAK,CAACO,IAAI,KAAKvB,WAAI,CAACyD,KAAK,GACvB,MAAM,GACN;IACV,CAAC,CAAC;EAAA;EAEJ,IAAMH,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7B,IAAI,CAACtC,KAAK,CAACsC,gBAAgB,EAAE,OAAO,IAAI;IAExC,QAAQtC,KAAK,CAACsC,gBAAgB,CAACI,UAAU;MACvC,KAAK,QAAQ;QAAE;UACb,IAAAC,IAAA,GAAyC3C,KAAK,CAACsC,gBAAgB;YAAxDM,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAE7B,OAAO,GAAA4B,IAAA,CAAP5B,OAAO;YAAEI,MAAM,GAAAwB,IAAA,CAANxB,MAAM;YAAKU,IAAI,OAAAC,yBAAA,aAAAa,IAAA,EAAAjH,UAAA;UACrC,oBACE,IAAAJ,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA6H,MAAM,EAAAtF,aAAA,CAAAA,aAAA,KAAIsE,IAAI;YACRtB,IAAI,EAAEP,KAAK,CAACO,IAAK;YACjBuC,OAAO,EAAE3B,MAAO;YAChBJ,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,WAAY;YAAAF,QAAA,EACpC+B;UAAI,EACC,CAAC;QAEb;MACA,KAAK,WAAW;QAAE;UAChB,IAAAG,KAAA,GAAyC/C,KAAK,CAACsC,gBAAgB;YAAxDM,KAAI,GAAAG,KAAA,CAAJH,IAAI;YAAE7B,QAAO,GAAAgC,KAAA,CAAPhC,OAAO;YAAEI,OAAM,GAAA4B,KAAA,CAAN5B,MAAM;YAAKU,MAAI,OAAAC,yBAAA,aAAAiB,KAAA,EAAApH,UAAA;UACrC,oBACE,IAAAL,WAAA,CAAA8E,GAAA,EAACd,cAAc;YAAAuB,QAAA,eACb,IAAAvF,WAAA,CAAA0H,IAAA,EAAC9H,UAAA,CAAA+H,SAAS,EAAA1F,aAAA,CAAAA,aAAA,KAAKsE,MAAI;cACRd,OAAO,EAAEA,QAAO,aAAPA,QAAO,cAAPA,QAAO,GAAI,SAAU;cAC9B+B,OAAO,EAAE,SAAAA,QAACnG,CAAC,EAAK;gBACd,IAAIwE,OAAM,EAAE;kBACVxE,CAAC,CAACuG,cAAc,CAAC,CAAC;kBAClB/B,OAAM,CAACxE,CAAC,CAAC;gBACX;cACF,CAAE;cAAAkE,QAAA,GACV+B,KAAI,EACJT,wBAAwB,CAAC,CAAC;YAAA,EAClB;UAAC,CACE,CAAC;QAGrB;MACA,KAAK,MAAM;QAAE;UACX,IAAOS,MAAI,GAAI5C,KAAK,CAACsC,gBAAgB,CAA9BM,IAAI;UACX,oBACE,IAAAtH,WAAA,CAAA0H,IAAA,EAAC7D,cAAc;YAAA0B,QAAA,GACZsB,wBAAwB,CAAC,CAAC,eAC3B,IAAA7G,WAAA,CAAA8E,GAAA;cAAAS,QAAA,EAAO+B;YAAI,CAAO,CAAC;UAAA,CACL,CAAC;QAErB;IACF;EACF,CAAC;EAGD,oBACE,IAAAtH,WAAA,CAAA8E,GAAA,EAACxF,MAAA,CAAAuI,cAAc;IAACC,SAAS,EAAEpD,KAAK,CAACqD,WAAY;IAACC,UAAU,EAAEtD,KAAK,CAACuD,WAAY;IAAA1C,QAAA,eAC1E,IAAAvF,WAAA,CAAA0H,IAAA,EAACrD,OAAO;MAAC6D,SAAS,GAAAvD,WAAA,GAAED,KAAK,CAACO,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAIjB,WAAI,CAACyE,MAAO;MAAA5C,QAAA,GAE1Cb,KAAK,CAAC0D,KAAK,iBACX,IAAApI,WAAA,CAAA0H,IAAA,EAACrE,eAAe;QAAAkC,QAAA,gBACd,IAAAvF,WAAA,CAAA8E,GAAA,EAAC/E,MAAA,CAAAsI,kBAAkB,EAAApG,aAAA,KAAKyC,KAAK,CAAC0D,KAAK,CAAE,CAAC,eACtC,IAAApI,WAAA,CAAA0H,IAAA,EAACtE,sBAAsB;UAAAmC,QAAA,GAEnBb,KAAK,CAAC4D,MAAM,iBACZ,IAAAtI,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU;YAACC,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,UAAU;YAACG,MAAM,EAAEnB,KAAK,CAAC4D,MAAO;YAAA/C,QAAA,eACpE,IAAAvF,WAAA,CAAA8E,GAAA,EAACnF,MAAA,CAAAmG,WAAW,CAACyC,aAAa,IAAC;UAAC,CAClB,CAAC,eAGf,IAAAvI,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU;YAACgD,UAAU,EAAE,4BAA6B;YAAC/B,EAAE,EAAE,4BAA6B;YAC3EhB,OAAO,EAAC,WAAW;YACnBC,KAAK,EAAC,UAAU;YAChBG,MAAM,EAAEnB,KAAK,CAACuD,WAAY;YAAA1C,QAAA,eACpC,IAAAvF,WAAA,CAAA8E,GAAA,EAACnF,MAAA,CAAAmG,WAAW,CAAC2C,KAAK;cAACxD,IAAI,EAAC,MAAM;cAACe,KAAK,EAAE/C,cAAM,CAACc;YAAY,CAAC;UAAC,CACjD,CAAC;QAAA,CACS,CAAC,eAEzB,IAAA/D,WAAA,CAAA0H,IAAA,EAACpE,MAAM;UAAAiC,QAAA,gBACL,IAAAvF,WAAA,CAAA0H,IAAA,EAACjF,UAAU;YAAA8C,QAAA,gBACT,IAAAvF,WAAA,CAAA8E,GAAA,EAACjC,WAAW;cAAA0C,QAAA,EAAEb,KAAK,CAACgE;YAAK,CAAc,CAAC,EACvC,CAAC,CAAChE,KAAK,CAACiE,IAAI,iBAAI,IAAA3I,WAAA,CAAA8E,GAAA,EAACtF,OAAA,CAAAoJ,IAAI;cAAArD,QAAA,EAAEb,KAAK,CAACiE;YAAI,CAAO,CAAC;UAAA,CAChC,CAAC,eACb,IAAA3I,WAAA,CAAA0H,IAAA,EAACvE,aAAa;YAAAoC,QAAA,GACXV,OAAO,CAAC,CAAC,EACToB,aAAa,CAAC,CAAC;UAAA,CACH,CAAC;QAAA,CACV,CAAC;MAAA,CACM,CAAC,EAGlB,CAACvB,KAAK,CAAC0D,KAAK,iBACZ,IAAApI,WAAA,CAAA0H,IAAA,EAACpE,MAAM;QAAAiC,QAAA,GAEHb,KAAK,CAAC4D,MAAM,iBACZ,IAAAtI,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU;UAACC,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,UAAU;UAACG,MAAM,EAAEnB,KAAK,CAAC4D,MAAO;UAAA/C,QAAA,eACpE,IAAAvF,WAAA,CAAA8E,GAAA,EAACnF,MAAA,CAAAmG,WAAW,CAACyC,aAAa,IAAC;QAAC,CAClB,CAAC,eAEf,IAAAvI,WAAA,CAAA0H,IAAA,EAACjF,UAAU;UAAA8C,QAAA,gBACT,IAAAvF,WAAA,CAAA8E,GAAA,EAACjC,WAAW;YAAA0C,QAAA,EAAEb,KAAK,CAACgE;UAAK,CAAc,CAAC,EACvC,CAAC,CAAChE,KAAK,CAACiE,IAAI,iBAAI,IAAA3I,WAAA,CAAA8E,GAAA,EAACtF,OAAA,CAAAoJ,IAAI;YAAArD,QAAA,EAAEb,KAAK,CAACiE;UAAI,CAAO,CAAC;QAAA,CAChC,CAAC,eACb,IAAA3I,WAAA,CAAA0H,IAAA,EAACvE,aAAa;UAAAoC,QAAA,GACXV,OAAO,CAAC,CAAC,EACToB,aAAa,CAAC,CAAC,eAChB,IAAAjG,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA8F,UAAU;YAACgD,UAAU,EAAE,4BAA6B;YAAC/B,EAAE,EAAE,4BAA6B;YAC3EhB,OAAO,EAAC,WAAW;YACnBC,KAAK,EAAC,UAAU;YAChBG,MAAM,EAAEnB,KAAK,CAACuD,WAAY;YAAA1C,QAAA,eACpC,IAAAvF,WAAA,CAAA8E,GAAA,EAACnF,MAAA,CAAAmG,WAAW,CAAC2C,KAAK;cAACxD,IAAI,EAAC,MAAM;cAACe,KAAK,EAAE/C,cAAM,CAACc;YAAY,CAAC;UAAC,CACjD,CAAC;QAAA,CACA,CAAC;MAAA,CACV,CAAC,eAEX,IAAA/D,WAAA,CAAA8E,GAAA,EAACtB,OAAO;QAAA+B,QAAA,EACLb,KAAK,CAACa;MAAQ,CACR,CAAC,eACV,IAAAvF,WAAA,CAAA0H,IAAA,EAACtD,MAAM;QAAAmB,QAAA,gBACL,IAAAvF,WAAA,CAAA8E,GAAA,EAAClB,mBAAmB;UAAA2B,QAAA,EACjByB,gBAAgB,CAAC;QAAC,CACA,CAAC,eACtB,IAAAhH,WAAA,CAAA8E,GAAA,EAACX,oBAAoB;UAAAoB,QAAA,GAAAX,oBAAA,GAClBF,KAAK,CAACmE,aAAa,cAAAjE,oBAAA,uBAAnBA,oBAAA,CAAqBuB,GAAG,CAAC,UAAC2C,IAAI,EAAE1C,KAAK,EAAK;YACvC,IAAOP,MAAM,GAAmBiD,IAAI,CAA7BjD,MAAM;cAAEyB,IAAI,GAAawB,IAAI,CAArBxB,IAAI;cAAKf,IAAI,OAAAC,yBAAA,aAAIsC,IAAI,EAAAxI,UAAA;YACpC,oBAAO,IAAAN,WAAA,CAAA8E,GAAA,EAACpF,OAAA,CAAA6H,MAAM,EAAAtF,aAAA,CAAAA,aAAA,KACKsE,IAAI;cACRiB,OAAO,EAAE3B,MAAO;cAChBZ,IAAI,EAAEP,KAAK,CAACO,IAAK;cACjB8D,SAAS,EAAE,SAAAA,UAAAC,CAAC;gBAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAKpD,MAAM,CAAEmD,CAAC,CAAC;cAAA,CAAC;cAAAzD,QAAA,EAC/E+B;YAAI,IALaf,IAAI,CAACE,EAAE,IAAIL,KAMvB,CAAC;UACX,CACF;QAAC,CACmB,CAAC;MAAA,CACjB,CAAC;IAAA,CACF;EAAC,CACI,CAAC;AAErB,CAAC;AAAC3B,YAAA,CAAAyE,SAAA;EA7LAnB,WAAW,EAAAoB,UAAA,YAAAC,IAAA,CAAAC,UAAA;EACXpB,WAAW,EAAAkB,UAAA,YAAAG,IAAA,CAAAD,UAAA;EACXf,MAAM,EAAAa,UAAA,YAAAG,IAAA;EACNZ,KAAK,EAAAS,UAAA,YAAAI,MAAA,CAAAF,UAAA;EACLV,IAAI,EAAAQ,UAAA,YAAAI,MAAA;EAEJtD,aAAa,EAAAkD,UAAA,YAAAK,KAAA;EACbX,aAAa,EAAAM,UAAA,YAAAK,KAAA;EAEb3E,OAAO,EAAAsE,UAAA,YAAAI,MAAA;EACPE,MAAM,EAAAN,UAAA,YAAAO,MAAA;EACNnE,QAAQ,EAAA4D,UAAA,YAAAQ;AAAA;AAAA,IAAAC,QAAA,GAoLKnF,YAAY;AAAAoF,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"ModalContent.cjs","names":["_react","_interopRequireDefault","require","_types","_index","_styledComponents","_interopRequireWildcard","_styles","_Tooltips","_Button","_icons","_HyperLink","_Dropdown","_Toggles","_Image","_jsxRuntime","_excluded","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","HeaderText","styled","div","_taggedTemplateLiteral2","HeaderTitle","props","ComponentMStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","HeaderActions","HeaderWithImageActions","HeaderWithImage","Header","TooltipContainer","Content","scrollBarStyling","Size","Small","FooterLeftContainer","FooterLeftNote","ComponentXXSStyling","FooterLeftLink","ComponentSStyling","FooterRightContainer","Footer","Wrapper","ComponentLStyling","ComponentXSStyling","ComponentXLStyling","ModalContent","_props$size","_props$footerActions","useTheme","tooltip","jsx","TooltipWrapper","delay","size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties2","id","DropdownButton","type","ToggleButton","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","React","cloneElement","Large","actionType","_ref","text","Button","onClick","_ref2","jsxs","HyperLink","preventDefault","ModalContainer","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","ImageWithFallbacks","onBack","ArrowLineLeft","dataTestId","Close","title","note","Note","footerActions","item","onKeyDown","key","propTypes","_propTypes","bool","isRequired","func","string","array","zIndex","number","node","_default","exports"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n  const theme = useTheme();\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/ModalContent.js

@@ -14,7 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { Size } from '../types';
 import { ModalContainer } from './index';
-import styled from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXLStyling, ComponentXSStyling, ComponentXXSStyling, Note, scrollBarStyling } from '../styles';
 import { TooltipContainer, TooltipWrapper } from '../Tooltips';
 import { Button, IconButton } from '../Button';
@@ -26,20 +26,27 @@ import { ImageWithFallbacks } from "../Image";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var HeaderText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  padding: 12px 0 12px 12px;\n  gap: 4px;\n\n  &:not(:first-child) {\n    padding-left: 0 !important;\n  }\n\n"])));
-var HeaderTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), ComponentMStyling(ComponentTextStyle.Bold, COLORS.black));
+var HeaderTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+  return ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme));
+});
 var HeaderActions = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n"])));
 var HeaderWithImageActions = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: absolute;\n\n  button:only-child {\n    margin-left: auto;\n  }\n\n  top: 4px;\n  left: 4px;\n  right: 4px;\n\n  .medium & {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .large & {\n    top: 20px;\n    left: 20px;\n    right: 20px;\n  }\n"])));
 var HeaderWithImage = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  img {\n    object-fit: cover;\n    width: 100%;\n    height: 160px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  .medium & {\n    img {\n      height: 200px;\n    }\n  }\n\n  .large & {\n    img {\n      height: 240px;\n    }\n  }\n"])));
 var Header = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 4px;\n\n  ", " {\n    height: max-content;\n  }\n"])), TooltipContainer);
 var Content = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: 8px;\n  padding: 0 8px 0 16px;\n  overflow: auto;\n\n  ", "\n"])), scrollBarStyling(Size.Small));
 var FooterLeftContainer = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
-var FooterLeftNote = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
-var FooterLeftLink = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500));
+var FooterLeftNote = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n\n  ", "\n"])), function (props) {
+  return ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+});
+var FooterLeftLink = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme));
+});
 var FooterRightContainer = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  gap: 8px;\n  margin-left: auto;\n"])));
 var Footer = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 8px 16px;\n"])));
 var Wrapper = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: max-content;\n\n  max-height: calc(100vh - 32px);\n  max-width: calc(100vw - 32px);\n\n  &.medium {\n    max-height: calc(100vh - 64px);\n    max-width: calc(100vw - 64px);\n\n    ", " {\n      padding: 12px 12px 4px 12px;\n\n      ", " {\n        padding: 12px 0 12px 12px;\n        gap: 4px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 16px 0 24px;\n    }\n\n    ", " {\n      padding: 12px 24px 20px 24px;\n\n      ", " {\n        ", "\n        gap: 6px;\n      }\n\n      ", " {\n        a {\n          gap: 6px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 8px;\n      }\n    }\n  }\n\n  &.large {\n    max-height: calc(100vh - 112px);\n    max-width: calc(100vw - 112px);\n\n    ", " {\n      padding: 20px 20px 4px 20px;\n\n      ", " {\n        padding: 10px 0 10px 12px;\n        gap: 8px;\n\n        ", " {\n          ", "\n        }\n      }\n    }\n\n    ", " {\n      padding: 0 24px 0 32px;\n    }\n\n    ", " {\n      padding: 16px 32px 32px 32px;\n\n      ", " {\n        ", "\n        gap: 8px;\n      }\n\n      ", " {\n        a {\n          gap: 8px;\n        }\n\n        ", "\n      }\n\n      ", " {\n        gap: 16px;\n      }\n    }\n  }\n"])), Header, HeaderText, HeaderTitle, ComponentLStyling(ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, ComponentXSStyling(ComponentTextStyle.Bold, null), FooterLeftLink, ComponentMStyling(ComponentTextStyle.Bold, null), FooterRightContainer, Header, HeaderText, HeaderTitle, ComponentXLStyling(ComponentTextStyle.Bold, null), Content, Footer, FooterLeftNote, ComponentSStyling(ComponentTextStyle.Bold, null), FooterLeftLink, ComponentLStyling(ComponentTextStyle.Bold, null), FooterRightContainer);
 var ModalContent = function ModalContent(props) {
   var _props$size, _props$footerActions;
+  var theme = useTheme();
   var tooltip = function tooltip() {
     return !!props.tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
       delay: "0s",
@@ -57,7 +64,7 @@ var ModalContent = function ModalContent(props) {
         action: function action() {},
         children: /*#__PURE__*/_jsx(SystemIcons.Help, {
           size: "24px",
-          color: COLORS.neutral_600
+          color: COLORS.getColor('neutral_600', theme)
         })
       })
     });
@@ -167,7 +174,7 @@ var ModalContent = function ModalContent(props) {
             action: props.closeAction,
             children: /*#__PURE__*/_jsx(SystemIcons.Close, {
               size: "24px",
-              color: COLORS.neutral_600
+              color: COLORS.getColor('neutral_600', theme)
             })
           })]
         }), /*#__PURE__*/_jsxs(Header, {
@@ -202,7 +209,7 @@ var ModalContent = function ModalContent(props) {
             action: props.closeAction,
             children: /*#__PURE__*/_jsx(SystemIcons.Close, {
               size: "24px",
-              color: COLORS.neutral_600
+              color: COLORS.getColor('neutral_600', theme)
             })
           })]
         })]

package/dist/Modals/ModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","_templateObject","_taggedTemplateLiteral","HeaderTitle","_templateObject2","Bold","black","HeaderActions","_templateObject3","HeaderWithImageActions","_templateObject4","HeaderWithImage","_templateObject5","Header","_templateObject6","Content","_templateObject7","Small","FooterLeftContainer","_templateObject8","FooterLeftNote","_templateObject9","neutral_600","FooterLeftLink","_templateObject10","primary_500","FooterRightContainer","_templateObject11","Footer","_templateObject12","Wrapper","_templateObject13","ModalContent","props","_props$size","_props$footerActions","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","dataTestId","Close","title","note","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.black)}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalContent.js","names":["React","Size","ModalContainer","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXLStyling","ComponentXSStyling","ComponentXXSStyling","Note","scrollBarStyling","TooltipContainer","TooltipWrapper","Button","IconButton","SystemIcons","HyperLink","DropdownButton","ToggleButton","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","HeaderText","div","_templateObject","_taggedTemplateLiteral","HeaderTitle","_templateObject2","props","Bold","getColor","theme","HeaderActions","_templateObject3","HeaderWithImageActions","_templateObject4","HeaderWithImage","_templateObject5","Header","_templateObject6","Content","_templateObject7","Small","FooterLeftContainer","_templateObject8","FooterLeftNote","_templateObject9","FooterLeftLink","_templateObject10","FooterRightContainer","_templateObject11","Footer","_templateObject12","Wrapper","_templateObject13","ModalContent","_props$size","_props$footerActions","tooltip","delay","size","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","headerActions","_props$headerActions","map","index","componentType","icon","rest","_objectWithoutProperties","_excluded","_objectSpread","id","_excluded2","type","_excluded3","getLeftActionIconElement","_props$leftFooterActi","_props$leftFooterActi2","leftFooterAction","cloneElement","Large","actionType","_ref","text","_excluded4","onClick","_ref2","_excluded5","e","preventDefault","showModal","isModalOpen","closeModal","closeAction","className","Medium","image","onBack","ArrowLineLeft","dataTestId","Close","title","note","footerActions","item","_excluded6","onKeyDown","a","key","propTypes","_pt","bool","isRequired","func","string","array","zIndex","number","node"],"sources":["../../src/Modals/ModalContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {\r\n  ButtonAction,\r\n  ModalHeaderIconButton,\r\n  LeftFooterAction,\r\n  LeftFooterButton,\r\n  LeftFooterHyperlink,\r\n  ModalHeaderButtons\r\n} from './ModalTypes';\r\nimport {ModalContainer} from './index';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling, ComponentSStyling,\r\n  ComponentTextStyle, ComponentXLStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling, Note,\r\n  scrollBarStyling\r\n} from '../styles';\r\nimport {TooltipContainer, TooltipWrapper} from '../Tooltips';\r\nimport {Button, IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {ImageWithFallbacksProps} from \"../Image/ImageWithFallbacks\";\r\nimport {DropdownButton} from \"../Dropdown\";\r\nimport {ToggleButton} from \"../Toggles\";\r\nimport {ImageWithFallbacks} from \"../Image\";\r\n\r\nconst HeaderText = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 12px 0 12px 12px;\r\n  gap: 4px;\r\n\r\n  &:not(:first-child) {\r\n    padding-left: 0 !important;\r\n  }\r\n\r\n`;\r\nconst HeaderTitle = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nconst HeaderActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\n\r\nconst HeaderWithImageActions = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  position: absolute;\r\n\r\n  button:only-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  top: 4px;\r\n  left: 4px;\r\n  right: 4px;\r\n\r\n  .medium & {\r\n    top: 12px;\r\n    left: 12px;\r\n    right: 12px;\r\n  }\r\n\r\n  .large & {\r\n    top: 20px;\r\n    left: 20px;\r\n    right: 20px;\r\n  }\r\n`;\r\n\r\nconst HeaderWithImage = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  img {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 160px;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n  }\r\n\r\n  .medium & {\r\n    img {\r\n      height: 200px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    img {\r\n      height: 240px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst Header = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 4px;\r\n\r\n  ${TooltipContainer} {\r\n    height: max-content;\r\n  }\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-right: 8px;\r\n  padding: 0 8px 0 16px;\r\n  overflow: auto;\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst FooterLeftContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst FooterLeftNote = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${props => ComponentXXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst FooterLeftLink = styled.div`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n`;\r\n\r\nconst FooterRightContainer = styled.div`\r\n  gap: 8px;\r\n  margin-left: auto;\r\n`\r\n\r\nconst Footer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 8px 16px;\r\n`;\r\n\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: max-content;\r\n\r\n  max-height: calc(100vh - 32px);\r\n  max-width: calc(100vw - 32px);\r\n\r\n  &.medium {\r\n    max-height: calc(100vh - 64px);\r\n    max-width: calc(100vw - 64px);\r\n\r\n    ${Header} {\r\n      padding: 12px 12px 4px 12px;\r\n\r\n      ${HeaderText} {\r\n        padding: 12px 0 12px 12px;\r\n        gap: 4px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 16px 0 24px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 12px 24px 20px 24px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 6px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 6px;\r\n        }\r\n\r\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    max-height: calc(100vh - 112px);\r\n    max-width: calc(100vw - 112px);\r\n\r\n    ${Header} {\r\n      padding: 20px 20px 4px 20px;\r\n\r\n      ${HeaderText} {\r\n        padding: 10px 0 10px 12px;\r\n        gap: 8px;\r\n\r\n        ${HeaderTitle} {\r\n          ${ComponentXLStyling(ComponentTextStyle.Bold, null)}\r\n        }\r\n      }\r\n    }\r\n\r\n    ${Content} {\r\n      padding: 0 24px 0 32px;\r\n    }\r\n\r\n    ${Footer} {\r\n      padding: 16px 32px 32px 32px;\r\n\r\n      ${FooterLeftNote} {\r\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n        gap: 8px;\r\n      }\r\n\r\n      ${FooterLeftLink} {\r\n        a {\r\n          gap: 8px;\r\n        }\r\n\r\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n      }\r\n\r\n      ${FooterRightContainer} {\r\n        gap: 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport interface ModalContentProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  isModalOpen: boolean;\r\n  closeAction: () => void;\r\n  onBack?: () => void;\r\n  title: string;\r\n  note?: string;\r\n  image?: ImageWithFallbacksProps;\r\n  headerActions?: ModalHeaderButtons[];\r\n  footerActions?: ButtonAction[];\r\n  leftFooterAction?: LeftFooterAction;\r\n  tooltip?: string;\r\n  zIndex?: number;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst ModalContent: React.FC<ModalContentProps> = (props) => {\r\n  const theme = useTheme();\r\n\r\n  const tooltip = () =>\r\n    !!props.tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"bottom\" withArrow={false}\r\n                    label={props.tooltip}>\r\n      <IconButton variant=\"secondary\" shape=\"circular\" style={{cursor: 'help'}} action={() => {\r\n      }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n  const headerActions = () => props.headerActions?.map((action, index) => {\r\n      switch (action.componentType) {\r\n        case 'icon': {\r\n          const {icon, componentType, ...rest} = action;\r\n          return <IconButton key={action.id || index}\r\n                             {...rest}>\r\n            {icon}\r\n          </IconButton>\r\n        }\r\n        case 'dropdown': {\r\n          const {componentType, ...rest} = action;\r\n          return <DropdownButton type={'icon'} size={props.size} {...rest}/>\r\n        }\r\n        case 'toggle': {\r\n          const {componentType, ...rest} = action;\r\n          return <ToggleButton  {...rest}/>\r\n        }\r\n      }\r\n    }\r\n  );\r\n\r\n  const getLeftActionIconElement = () =>\r\n    !!props.leftFooterAction?.icon &&\r\n    React.cloneElement(props.leftFooterAction?.icon as React.ReactElement, {\r\n      size:\r\n        props.size === Size.Small\r\n          ? '20px'\r\n          : props.size === Size.Large\r\n            ? '28px'\r\n            : '24px'\r\n    });\r\n\r\n  const leftFooterAction = () => {\r\n    if (!props.leftFooterAction) return null;\r\n\r\n    switch (props.leftFooterAction.actionType) {\r\n      case 'button': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterButton;\r\n        return (\r\n          <Button{...rest}\r\n                 size={props.size}\r\n                 onClick={action}\r\n                 variant={variant ?? 'secondary'}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      }\r\n      case 'hyperlink': {\r\n        const {text, variant, action, ...rest} = props.leftFooterAction as LeftFooterHyperlink;\r\n        return (\r\n          <FooterLeftLink>\r\n            <HyperLink {...rest}\r\n                       variant={variant ?? 'default'}\r\n                       onClick={(e) => {\r\n                         if (action) {\r\n                           e.preventDefault();\r\n                           action(e);\r\n                         }\r\n                       }}>\r\n              {text}\r\n              {getLeftActionIconElement()}\r\n            </HyperLink>\r\n          </FooterLeftLink>\r\n        );\r\n\r\n      }\r\n      case 'note': {\r\n        const {text} = props.leftFooterAction;\r\n        return (\r\n          <FooterLeftNote>\r\n            {getLeftActionIconElement()}\r\n            <span>{text}</span>\r\n          </FooterLeftNote>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n\r\n  return (\r\n    <ModalContainer showModal={props.isModalOpen} closeModal={props.closeAction}>\r\n      <Wrapper className={props.size ?? Size.Medium}>\r\n        {\r\n          props.image &&\r\n          <HeaderWithImage>\r\n            <ImageWithFallbacks {...props.image}/>\r\n            <HeaderWithImageActions>\r\n              {\r\n                props.onBack &&\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                  <SystemIcons.ArrowLineLeft/>\r\n                </IconButton>\r\n\r\n              }\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderWithImageActions>\r\n\r\n            <Header>\r\n              <HeaderText>\r\n                <HeaderTitle>{props.title}</HeaderTitle>\r\n                {!!props.note && <Note>{props.note}</Note>}\r\n              </HeaderText>\r\n              <HeaderActions>\r\n                {tooltip()}\r\n                {headerActions()}\r\n              </HeaderActions>\r\n            </Header>\r\n          </HeaderWithImage>\r\n        }\r\n        {\r\n          !props.image &&\r\n          <Header>\r\n            {\r\n              props.onBack &&\r\n              <IconButton variant=\"secondary\" shape=\"circular\" action={props.onBack}>\r\n                <SystemIcons.ArrowLineLeft/>\r\n              </IconButton>\r\n            }\r\n            <HeaderText>\r\n              <HeaderTitle>{props.title}</HeaderTitle>\r\n              {!!props.note && <Note>{props.note}</Note>}\r\n            </HeaderText>\r\n            <HeaderActions>\r\n              {tooltip()}\r\n              {headerActions()}\r\n              <IconButton dataTestId={'content-modal-close-button'} id={'content-modal-close-button'}\r\n                          variant=\"secondary\"\r\n                          shape=\"circular\"\r\n                          action={props.closeAction}>\r\n                <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n              </IconButton>\r\n            </HeaderActions>\r\n          </Header>\r\n        }\r\n        <Content>\r\n          {props.children}\r\n        </Content>\r\n        <Footer>\r\n          <FooterLeftContainer>\r\n            {leftFooterAction()}\r\n          </FooterLeftContainer>\r\n          <FooterRightContainer>\r\n            {props.footerActions?.map((item, index) => {\r\n                const {action, text, ...rest} = item;\r\n                return <Button key={rest.id || index}\r\n                               {...rest}\r\n                               onClick={action}\r\n                               size={props.size}\r\n                               onKeyDown={a => (a.key === 'Enter' || a.key === ' ') && action!(a)}>\r\n                  {text}\r\n                </Button>\r\n              }\r\n            )}\r\n          </FooterRightContainer>\r\n        </Footer>\r\n      </Wrapper>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalContent;\r\n"],"mappings":"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","ignoreList":[]}