@laerdal/life-react-components 3.5.1-dev.15 → 3.5.1-dev.17

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":[]}

package/dist/Modals/ModalDialog.cjs

@@ -16,6 +16,7 @@ var _ModalStyles = require("./ModalStyles");
 var _ModalNote = require("./ModalNote");
 var _Tooltips = require("../Tooltips");
 var _ = require("..");
+var _styledComponents = require("styled-components");
 var _jsxRuntime = require("react/jsx-runtime");
 var ModalDialog = function ModalDialog(_ref) {
   var size = _ref.size,
@@ -38,6 +39,7 @@ var ModalDialog = function ModalDialog(_ref) {
     contentOverflow = _ref.contentOverflow,
     width = _ref.width,
     hasContentBorders = _ref.hasContentBorders;
+  var theme = (0, _styledComponents.useTheme)();
   var getMinWidth = function getMinWidth() {
     switch (size) {
       case _types.Size.Small:
@@ -151,7 +153,7 @@ var ModalDialog = function ModalDialog(_ref) {
           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)
           })
         })
       })
@@ -170,7 +172,7 @@ var ModalDialog = function ModalDialog(_ref) {
         borderRadius: 48,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
           size: "24px",
-          color: _styles.COLORS.black
+          color: _styles.COLORS.getColor('black', theme)
         })
       })
     });
@@ -189,7 +191,7 @@ var ModalDialog = function ModalDialog(_ref) {
           borderRadius: 48,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineLeft, {
             size: "24px",
-            color: _styles.COLORS.black
+            color: _styles.COLORS.getColor('black', theme)
           })
         })
       });

package/dist/Modals/ModalDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.cjs","names":["_react","_interopRequireDefault","require","_Button","_icons","_styles","_types","_ModalContainer","_ModalStyles","_ModalNote","_Tooltips","_","_jsxRuntime","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","jsx","ComponentM","textStyle","ComponentTextStyle","Bold","ComponentL","ComponentXL","ModalTootip","ModalHoverModifier","TooltipWrapper","delay","XSmall","align","position","withArrow","label","IconButton","variant","shape","action","SystemIcons","Help","color","COLORS","neutral_600","ModalCloseButton","onClick","CloseButtonWrapper","hasImage","borderRadius","Close","black","ModalBackButton","BackButtonWrapper","ArrowLineLeft","getLeftActionIconElement","React","cloneElement","LeftFooterAction","_variant","text","actionType","disabled","Button","id","type","loading","style","order","marginRight","jsxs","HyperLink","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","Column","onSubmit","display","flexDirection","maxHeight","StyledModalHeader","$height","marginBottom","ImageContainer","ImageOverlay","src","alt","ImageWithFallbacks","loader","fallbacks","ModalHeaderActionsWithImage","hasBackButton","ModalTitleSection","FlexContainer","ModalHeaderActions","ModalBody","overflow","ModalNote","ModalFooter","map","b","i","exports","propTypes","_propTypes","bool","isRequired","node","oneOfType","string","any","array","func","number","_default"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n  BackButtonWrapper,\r\n  CloseButtonWrapper,\r\n  Column,\r\n  FlexContainer,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalHeaderActions,\r\n  ModalHeaderActionsWithImage,\r\n  ModalTitleSection,\r\n  StyledModalHeader,\r\n  ModalHoverModifier,\r\n  ImageOverlay,\r\n  ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\n\r\nexport interface ModalDialogProps {\r\n  /** Optional. Size of the modal. Defaults to 'medium'  */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Required. Current state of the modal. */\r\n  isModalOpen: boolean;\r\n  /** Optional. Content of the ModalDialog. */\r\n  children?: React.ReactNode;\r\n  /** Optional. Title of the ModalDialog. */\r\n  title?: string | React.ReactNode;\r\n  /** Optional. Content of the image to be shown in the header of the modal. */\r\n  topImage?: any;\r\n  /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n  topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n  /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n  topImageGrayscale?: boolean;\r\n  /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n  buttons?: ButtonAction[];\r\n  /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n  leftFooterAction?: LeftFooterAction;\r\n  /** Optional. Tooltip that will be shown */\r\n  tooltip?: string;\r\n  /**  */\r\n  backButton?: () => void;\r\n  closeAction: () => void;\r\n  submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n  note?: string | React.ReactNode;\r\n  state?: string;\r\n  icon?: React.ReactNode;\r\n  zIndex?: number;\r\n  contentOverflow?: string;\r\n  width?: string;\r\n  hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n  size,\r\n  isModalOpen,\r\n  title,\r\n  topImage,\r\n  topImageWithFallbacksProps,\r\n  topImageGrayscale,\r\n  buttons,\r\n  leftFooterAction,\r\n  backButton,\r\n  closeAction,\r\n  submitAction,\r\n  tooltip,\r\n  children,\r\n  note,\r\n  state,\r\n  icon,\r\n  zIndex,\r\n  contentOverflow,\r\n  width,\r\n  hasContentBorders,\r\n}) => {\r\n  const getMinWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '320px';\r\n      case Size.Large:\r\n        return '640px';\r\n      case Size.Medium:\r\n      default:\r\n        return '480px';\r\n    }\r\n  };\r\n\r\n  const getMaxWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '480px';\r\n      case Size.Large:\r\n        return '720px';\r\n      case Size.Medium:\r\n      default:\r\n        return '640px';\r\n    }\r\n  };\r\n\r\n  const getImageHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 160;\r\n      case Size.Medium:\r\n        return 200;\r\n      case Size.Large:\r\n        return 240;\r\n      default:\r\n        return 200;\r\n    }\r\n  };\r\n\r\n  const getMarginBottom = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px';\r\n      case Size.Medium:\r\n        return '24px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px';\r\n    }\r\n  };\r\n\r\n  const getPadding = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px 16px 8px';\r\n      case Size.Medium:\r\n        return '24px 24px 20px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px 24px 16px';\r\n    }\r\n  };\r\n\r\n  const getMaxHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 'calc(100vh - 56px)';\r\n      case Size.Medium:\r\n        return 'calc(100vh - 76px)';\r\n      case Size.Large:\r\n        return 'calc(100vh - 96px)';\r\n      default:\r\n        return 'calc(100vh - 72px)';\r\n    }\r\n  };\r\n\r\n  const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n    if (typeof title === 'string') {\r\n      switch (size) {\r\n        case Size.Small:\r\n          return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n        case Size.Medium:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n        case Size.Large:\r\n          return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n        default:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n      }\r\n    } else {\r\n      return title;\r\n    }\r\n  };\r\n\r\n  const ModalTootip = (tooltip: string) => {\r\n    return (\r\n      <ModalHoverModifier>\r\n        <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n            <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600} />\r\n          </IconButton>\r\n        </TooltipWrapper>\r\n      </ModalHoverModifier>\r\n    );\r\n  };\r\n\r\n  const ModalCloseButton = (onClick: any) => {\r\n    return (\r\n      <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n          <SystemIcons.Close size=\"24px\" color={COLORS.black} />\r\n        </IconButton>\r\n      </CloseButtonWrapper>\r\n    );\r\n  };\r\n\r\n  const ModalBackButton = () => {\r\n    if (backButton) {\r\n      return (\r\n        <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n            <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.black} />\r\n          </IconButton>\r\n        </BackButtonWrapper>\r\n      );\r\n    }\r\n  };\r\n\r\n  const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n    return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n  };\r\n\r\n  const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n    const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n    switch (actionType) {\r\n      case 'button':\r\n        return (\r\n          <Button\r\n            id={'left-action-button'}\r\n            type={(leftFooterAction as LeftFooterButton)?.type}\r\n            disabled={disabled}\r\n            loading={(leftFooterAction as LeftFooterButton)?.loading}\r\n            icon={icon}\r\n            size={size}\r\n            onClick={action}\r\n            variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\r\n            style={{ order: -1, marginRight: 'auto' }}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      case 'hyperlink':\r\n        return (\r\n          <HyperLink\r\n            id=\"left-action-hyperlink\"\r\n            className=\"footer-action\"\r\n            href={(leftFooterAction as LeftFooterHyperlink).href}\r\n            disabled={disabled}\r\n            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            {icon && getLeftActionIconElement(icon)}\r\n          </HyperLink>\r\n        );\r\n      case 'note':\r\n        return (\r\n          <div className=\"footer-action note\">\r\n            {icon && getLeftActionIconElement(icon)}\r\n            <span>{text}</span>\r\n          </div>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ModalContainer\r\n      showModal={isModalOpen}\r\n      closeModal={closeAction}\r\n      minWidth={getMinWidth()}\r\n      maxWidth={getMaxWidth()}\r\n      height=\"auto\"\r\n      padding={getPadding()}\r\n      zIndex={zIndex}\r\n      width={width}>\r\n      <Column>\r\n        <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n          {(topImage || topImageWithFallbacksProps) && (\r\n            <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n              <ImageContainer $height={getImageHeight()}>\r\n                {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n                {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n                {!topImage && topImageWithFallbacksProps && (\r\n                  <ImageWithFallbacks\r\n                    loader={topImageWithFallbacksProps.loader}\r\n                    alt={topImageWithFallbacksProps.alt}\r\n                    fallbacks={topImageWithFallbacksProps.fallbacks}\r\n                    src={topImageWithFallbacksProps.src}\r\n                  />\r\n                )}\r\n              </ImageContainer>\r\n              <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n                {ModalBackButton()}\r\n                {ModalCloseButton(closeAction)}\r\n              </ModalHeaderActionsWithImage>\r\n            </StyledModalHeader>\r\n          )}\r\n          <ModalTitleSection>\r\n            <FlexContainer>\r\n              {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n              {title && ModalTitle(title, size)}\r\n            </FlexContainer>\r\n            {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n              <ModalHeaderActions>\r\n                {tooltip && ModalTootip(tooltip)}\r\n                {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n              </ModalHeaderActions>\r\n            )}\r\n          </ModalTitleSection>\r\n\r\n          <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n            {children}\r\n          </ModalBody>\r\n\r\n          {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n          <ModalFooter size={size}>\r\n            {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n            {buttons?.map((b, i) => (\r\n              <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n                {b.text}\r\n              </Button>\r\n            ))}\r\n          </ModalFooter>\r\n        </form>\r\n      </Column>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalDialog.cjs","names":["_react","_interopRequireDefault","require","_Button","_icons","_styles","_types","_ModalContainer","_ModalStyles","_ModalNote","_Tooltips","_","_styledComponents","_jsxRuntime","ModalDialog","_ref","size","isModalOpen","title","topImage","topImageWithFallbacksProps","topImageGrayscale","buttons","leftFooterAction","backButton","closeAction","submitAction","tooltip","children","note","state","icon","zIndex","contentOverflow","width","hasContentBorders","theme","useTheme","getMinWidth","Size","Small","Large","Medium","getMaxWidth","getImageHeight","getMarginBottom","getPadding","getMaxHeight","ModalTitle","jsx","ComponentM","textStyle","ComponentTextStyle","Bold","ComponentL","ComponentXL","ModalTootip","ModalHoverModifier","TooltipWrapper","delay","XSmall","align","position","withArrow","label","IconButton","variant","shape","action","SystemIcons","Help","color","COLORS","getColor","ModalCloseButton","onClick","CloseButtonWrapper","hasImage","borderRadius","Close","ModalBackButton","BackButtonWrapper","ArrowLineLeft","getLeftActionIconElement","React","cloneElement","LeftFooterAction","_variant","text","actionType","disabled","Button","id","type","loading","style","order","marginRight","jsxs","HyperLink","className","href","e","preventDefault","showModal","closeModal","minWidth","maxWidth","height","padding","Column","onSubmit","display","flexDirection","maxHeight","StyledModalHeader","$height","marginBottom","ImageContainer","ImageOverlay","src","alt","ImageWithFallbacks","loader","fallbacks","ModalHeaderActionsWithImage","hasBackButton","ModalTitleSection","FlexContainer","ModalHeaderActions","ModalBody","overflow","ModalNote","ModalFooter","map","b","i","exports","propTypes","_propTypes","bool","isRequired","node","oneOfType","string","any","array","func","number","_default"],"sources":["../../src/Modals/ModalDialog.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button, IconButton } from '../Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { COLORS, ComponentL, ComponentM, ComponentTextStyle, ComponentXL } from '../styles';\r\nimport { Size } from '../types';\r\nimport ModalContainer from './ModalContainer';\r\nimport {\r\n  BackButtonWrapper,\r\n  CloseButtonWrapper,\r\n  Column,\r\n  FlexContainer,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalHeaderActions,\r\n  ModalHeaderActionsWithImage,\r\n  ModalTitleSection,\r\n  StyledModalHeader,\r\n  ModalHoverModifier,\r\n  ImageOverlay,\r\n  ImageContainer,\r\n} from './ModalStyles';\r\n\r\nimport { ModalNote } from './ModalNote';\r\nimport { TooltipWrapper } from '../Tooltips';\r\nimport { ButtonAction, LeftFooterAction, LeftFooterButton, LeftFooterHyperlink } from './ModalTypes';\r\nimport { HyperLink, ImageWithFallbacks } from '..';\r\nimport { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface ModalDialogProps {\r\n  /** Optional. Size of the modal. Defaults to 'medium'  */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Required. Current state of the modal. */\r\n  isModalOpen: boolean;\r\n  /** Optional. Content of the ModalDialog. */\r\n  children?: React.ReactNode;\r\n  /** Optional. Title of the ModalDialog. */\r\n  title?: string | React.ReactNode;\r\n  /** Optional. Content of the image to be shown in the header of the modal. */\r\n  topImage?: any;\r\n  /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */\r\n  topImageWithFallbacksProps?: ImageWithFallbacksProps;\r\n  /** Optional. If flag is set then overlay is added that converts image to grey color. */\r\n  topImageGrayscale?: boolean;\r\n  /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */\r\n  buttons?: ButtonAction[];\r\n  /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */\r\n  leftFooterAction?: LeftFooterAction;\r\n  /** Optional. Tooltip that will be shown */\r\n  tooltip?: string;\r\n  /**  */\r\n  backButton?: () => void;\r\n  closeAction: () => void;\r\n  submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;\r\n  note?: string | React.ReactNode;\r\n  state?: string;\r\n  icon?: React.ReactNode;\r\n  zIndex?: number;\r\n  contentOverflow?: string;\r\n  width?: string;\r\n  hasContentBorders?: boolean;\r\n}\r\n\r\nexport const ModalDialog: React.FunctionComponent<ModalDialogProps> = ({\r\n  size,\r\n  isModalOpen,\r\n  title,\r\n  topImage,\r\n  topImageWithFallbacksProps,\r\n  topImageGrayscale,\r\n  buttons,\r\n  leftFooterAction,\r\n  backButton,\r\n  closeAction,\r\n  submitAction,\r\n  tooltip,\r\n  children,\r\n  note,\r\n  state,\r\n  icon,\r\n  zIndex,\r\n  contentOverflow,\r\n  width,\r\n  hasContentBorders,\r\n}) => {\r\n\r\n  const theme = useTheme();\r\n  const getMinWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '320px';\r\n      case Size.Large:\r\n        return '640px';\r\n      case Size.Medium:\r\n      default:\r\n        return '480px';\r\n    }\r\n  };\r\n\r\n  const getMaxWidth = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '480px';\r\n      case Size.Large:\r\n        return '720px';\r\n      case Size.Medium:\r\n      default:\r\n        return '640px';\r\n    }\r\n  };\r\n\r\n  const getImageHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 160;\r\n      case Size.Medium:\r\n        return 200;\r\n      case Size.Large:\r\n        return 240;\r\n      default:\r\n        return 200;\r\n    }\r\n  };\r\n\r\n  const getMarginBottom = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px';\r\n      case Size.Medium:\r\n        return '24px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px';\r\n    }\r\n  };\r\n\r\n  const getPadding = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return '16px 16px 8px';\r\n      case Size.Medium:\r\n        return '24px 24px 20px';\r\n      case Size.Large:\r\n        return '32px';\r\n      default:\r\n        return '24px 24px 16px';\r\n    }\r\n  };\r\n\r\n  const getMaxHeight = () => {\r\n    switch (size) {\r\n      case Size.Small:\r\n        return 'calc(100vh - 56px)';\r\n      case Size.Medium:\r\n        return 'calc(100vh - 76px)';\r\n      case Size.Large:\r\n        return 'calc(100vh - 96px)';\r\n      default:\r\n        return 'calc(100vh - 72px)';\r\n    }\r\n  };\r\n\r\n  const ModalTitle = (title: string | React.ReactNode, size?: Size) => {\r\n    if (typeof title === 'string') {\r\n      switch (size) {\r\n        case Size.Small:\r\n          return <ComponentM textStyle={ComponentTextStyle.Bold}>{title}</ComponentM>;\r\n        case Size.Medium:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n        case Size.Large:\r\n          return <ComponentXL textStyle={ComponentTextStyle.Bold}>{title}</ComponentXL>;\r\n        default:\r\n          return <ComponentL textStyle={ComponentTextStyle.Bold}>{title}</ComponentL>;\r\n      }\r\n    } else {\r\n      return title;\r\n    }\r\n  };\r\n\r\n  const ModalTootip = (tooltip: string) => {\r\n    return (\r\n      <ModalHoverModifier>\r\n        <TooltipWrapper delay=\"0s\" size={Size.XSmall} align=\"center\" position=\"top\" withArrow={false} label={tooltip}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => {}}>\r\n            <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)} />\r\n          </IconButton>\r\n        </TooltipWrapper>\r\n      </ModalHoverModifier>\r\n    );\r\n  };\r\n\r\n  const ModalCloseButton = (onClick: any) => {\r\n    return (\r\n      <CloseButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n        <IconButton variant=\"secondary\" shape=\"circular\" action={() => onClick()} borderRadius={48}>\r\n          <SystemIcons.Close size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n        </IconButton>\r\n      </CloseButtonWrapper>\r\n    );\r\n  };\r\n\r\n  const ModalBackButton = () => {\r\n    if (backButton) {\r\n      return (\r\n        <BackButtonWrapper hasImage={!!topImage || !!topImageWithFallbacksProps} size={size}>\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => backButton()} borderRadius={48}>\r\n            <SystemIcons.ArrowLineLeft size=\"24px\" color={COLORS.getColor('black', theme)} />\r\n          </IconButton>\r\n        </BackButtonWrapper>\r\n      );\r\n    }\r\n  };\r\n\r\n  const getLeftActionIconElement = (icon: React.ReactNode) => {\r\n    return React.cloneElement(icon as React.ReactElement, { size: size === Size.Small ? '20px' : size === Size.Large ? '28px' : '24px' });\r\n  };\r\n\r\n  const LeftFooterAction = (leftFooterAction: LeftFooterAction) => {\r\n    const { text, actionType, disabled, icon, action } = leftFooterAction;\r\n    switch (actionType) {\r\n      case 'button':\r\n        return (\r\n          <Button\r\n            id={'left-action-button'}\r\n            type={(leftFooterAction as LeftFooterButton)?.type}\r\n            disabled={disabled}\r\n            loading={(leftFooterAction as LeftFooterButton)?.loading}\r\n            icon={icon}\r\n            size={size}\r\n            onClick={action}\r\n            variant={(leftFooterAction as LeftFooterButton)?.variant ?? 'secondary'}\r\n            style={{ order: -1, marginRight: 'auto' }}>\r\n            {text}\r\n          </Button>\r\n        );\r\n      case 'hyperlink':\r\n        return (\r\n          <HyperLink\r\n            id=\"left-action-hyperlink\"\r\n            className=\"footer-action\"\r\n            href={(leftFooterAction as LeftFooterHyperlink).href}\r\n            disabled={disabled}\r\n            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            {icon && getLeftActionIconElement(icon)}\r\n          </HyperLink>\r\n        );\r\n      case 'note':\r\n        return (\r\n          <div className=\"footer-action note\">\r\n            {icon && getLeftActionIconElement(icon)}\r\n            <span>{text}</span>\r\n          </div>\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <ModalContainer\r\n      showModal={isModalOpen}\r\n      closeModal={closeAction}\r\n      minWidth={getMinWidth()}\r\n      maxWidth={getMaxWidth()}\r\n      height=\"auto\"\r\n      padding={getPadding()}\r\n      zIndex={zIndex}\r\n      width={width}>\r\n      <Column>\r\n        <form onSubmit={submitAction} style={{ display: 'flex', flexDirection: 'column', maxHeight: getMaxHeight() }}>\r\n          {(topImage || topImageWithFallbacksProps) && (\r\n            <StyledModalHeader size={size} $height={getImageHeight()} marginBottom={getMarginBottom()}>\r\n              <ImageContainer $height={getImageHeight()}>\r\n                {topImageGrayscale && <ImageOverlay $height={getImageHeight()} />}\r\n                {topImage && <img src={topImage} alt=\"Modal top\" />}\r\n                {!topImage && topImageWithFallbacksProps && (\r\n                  <ImageWithFallbacks\r\n                    loader={topImageWithFallbacksProps.loader}\r\n                    alt={topImageWithFallbacksProps.alt}\r\n                    fallbacks={topImageWithFallbacksProps.fallbacks}\r\n                    src={topImageWithFallbacksProps.src}\r\n                  />\r\n                )}\r\n              </ImageContainer>\r\n              <ModalHeaderActionsWithImage hasBackButton={!!backButton}>\r\n                {ModalBackButton()}\r\n                {ModalCloseButton(closeAction)}\r\n              </ModalHeaderActionsWithImage>\r\n            </StyledModalHeader>\r\n          )}\r\n          <ModalTitleSection>\r\n            <FlexContainer>\r\n              {!(topImage || topImageWithFallbacksProps) && ModalBackButton()}\r\n              {title && ModalTitle(title, size)}\r\n            </FlexContainer>\r\n            {(tooltip || !(topImage || topImageWithFallbacksProps)) && (\r\n              <ModalHeaderActions>\r\n                {tooltip && ModalTootip(tooltip)}\r\n                {!(topImage || topImageWithFallbacksProps) && ModalCloseButton(closeAction)}\r\n              </ModalHeaderActions>\r\n            )}\r\n          </ModalTitleSection>\r\n\r\n          <ModalBody size={size} overflow={contentOverflow} hasContentBorders={hasContentBorders}>\r\n            {children}\r\n          </ModalBody>\r\n\r\n          {note && <ModalNote note={note} state={state} size={size} icon={icon} />}\r\n\r\n          <ModalFooter size={size}>\r\n            {leftFooterAction && LeftFooterAction(leftFooterAction)}\r\n            {buttons?.map((b, i) => (\r\n              <Button key={b.id || i} icon={b.icon} id={b.id} disabled={b.disabled} loading={b.loading} size={size} onClick={b.action} type={b.type} variant={b.variant}>\r\n                {b.text}\r\n              </Button>\r\n            ))}\r\n          </ModalFooter>\r\n        </form>\r\n      </Column>\r\n    </ModalContainer>\r\n  );\r\n};\r\n\r\nexport default ModalDialog;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/ModalDialog.js

@@ -9,6 +9,7 @@ import { BackButtonWrapper, CloseButtonWrapper, Column, FlexContainer, ModalBody
 import { ModalNote } from './ModalNote';
 import { TooltipWrapper } from '../Tooltips';
 import { HyperLink, ImageWithFallbacks } from '..';
+import { useTheme } from 'styled-components';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ModalDialog = function ModalDialog(_ref) {
@@ -32,6 +33,7 @@ export var ModalDialog = function ModalDialog(_ref) {
     contentOverflow = _ref.contentOverflow,
     width = _ref.width,
     hasContentBorders = _ref.hasContentBorders;
+  var theme = useTheme();
   var getMinWidth = function getMinWidth() {
     switch (size) {
       case Size.Small:
@@ -145,7 +147,7 @@ export var ModalDialog = function ModalDialog(_ref) {
           action: function action() {},
           children: /*#__PURE__*/_jsx(SystemIcons.Help, {
             size: "24px",
-            color: COLORS.neutral_600
+            color: COLORS.getColor('neutral_600', theme)
           })
         })
       })
@@ -164,7 +166,7 @@ export var ModalDialog = function ModalDialog(_ref) {
         borderRadius: 48,
         children: /*#__PURE__*/_jsx(SystemIcons.Close, {
           size: "24px",
-          color: COLORS.black
+          color: COLORS.getColor('black', theme)
         })
       })
     });
@@ -183,7 +185,7 @@ export var ModalDialog = function ModalDialog(_ref) {
           borderRadius: 48,
           children: /*#__PURE__*/_jsx(SystemIcons.ArrowLineLeft, {
             size: "24px",
-            color: COLORS.black
+            color: COLORS.getColor('black', theme)
           })
         })
       });