@laerdal/life-react-components 3.6.0 → 3.6.1

package/dist/Modals/ModalStyles.js

@@ -40,7 +40,7 @@ export var ModalTitle = styled.h5(_templateObject15 || (_templateObject15 = _tag
   return props.fontSize || '1.25em';
 });
 export var ModalNoteSection = styled.section(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-size: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  display: flex;\n  flex-direction: row;\n  padding: ", ";\n  border-radius: 2px;\n\n  span {\n    display: block;\n    width: calc(100% - 32px);\n    margin-left: 8px;\n    color: ", ";\n  }\n"])), function (props) {
-  return getBackgroundColor(props.state);
+  return getBackgroundColor(props.state, props.theme);
 }, function (props) {
   return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "16px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '20px' : '18px';
 }, function (props) {
@@ -50,7 +50,7 @@ export var ModalNoteSection = styled.section(_templateObject16 || (_templateObje
 }, function (props) {
   return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '16px' : '12px';
 }, function (props) {
-  return getNoteMessageColor(props.state);
+  return getNoteMessageColor(props.state, props.theme);
 });
 export var ModalBody = styled.section(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n  overflow: ", ";\n  margin: ", ";\n\n  border-top: ", ";\n  border-bottom: ", ";\n\n  ", "\n"])), function (props) {
   var _props$overflow;
@@ -58,9 +58,9 @@ export var ModalBody = styled.section(_templateObject17 || (_templateObject17 =
 }, function (props) {
   return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "8px 0" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '16px 0' : '12px 0';
 }, function (props) {
-  return props !== null && props !== void 0 && props.hasContentBorders ? "1px solid ".concat(COLORS.neutral_100) : 'none';
+  return props !== null && props !== void 0 && props.hasContentBorders ? "1px solid ".concat(COLORS.getColor('neutral_100', props.theme)) : 'none';
 }, function (props) {
-  return props !== null && props !== void 0 && props.hasContentBorders ? "1px solid ".concat(COLORS.neutral_100) : 'none';
+  return props !== null && props !== void 0 && props.hasContentBorders ? "1px solid ".concat(COLORS.getColor('neutral_100', props.theme)) : 'none';
 }, scrollBarStyling(Size.Small));
 export var ModalFooter = styled.section(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n\n  gap: ", ";\n\n  .footer-action {\n    order: -1;\n    margin-right: auto;\n    display: flex;\n    align-items: center;\n    font-size: ", ";\n    gap: ", ";\n  }\n\n  .footer-action.note {\n    color: ", ";\n  }\n"])), function (props) {
   return (props === null || props === void 0 ? void 0 : props.size) === 'large' ? "16px" : '8px';
@@ -68,29 +68,31 @@ export var ModalFooter = styled.section(_templateObject18 || (_templateObject18
   return (props === null || props === void 0 ? void 0 : props.size) === 'small' ? "16px" : (props === null || props === void 0 ? void 0 : props.size) === 'large' ? '20px' : '18px';
 }, function (props) {
   return (props === null || props === void 0 ? void 0 : props.size) === Size.Large ? "8px" : (props === null || props === void 0 ? void 0 : props.size) === Size.Small ? '4px' : '6px';
-}, COLORS.neutral_600);
-export var getBackgroundColor = function getBackgroundColor(state) {
+}, function (props) {
+  return COLORS.getColor('neutral_600', props.theme);
+});
+export var getBackgroundColor = function getBackgroundColor(state, theme) {
   switch (state) {
     case 'positive':
-      return COLORS.correct_100;
+      return COLORS.getColor('correct_100', theme);
     case 'warning':
-      return COLORS.warning_100;
+      return COLORS.getColor('warning_100', theme);
     case 'critical':
-      return COLORS.critical_100;
+      return COLORS.getColor('critical_100', theme);
     default:
-      return COLORS.primary_100;
+      return COLORS.getColor('primary_100', theme);
   }
 };
-export var getNoteMessageColor = function getNoteMessageColor(state) {
+export var getNoteMessageColor = function getNoteMessageColor(state, theme) {
   switch (state) {
     case 'positive':
-      return COLORS.correct_700;
+      return COLORS.getColor('correct_700', theme);
     case 'warning':
-      return COLORS.warning_700;
+      return COLORS.getColor('warning_700', theme);
     case 'critical':
-      return COLORS.critical_700;
+      return COLORS.getColor('critical_700', theme);
     default:
-      return COLORS.primary_700;
+      return COLORS.getColor('primary_700', theme);
   }
 };
 //# sourceMappingURL=ModalStyles.js.map

package/dist/Modals/ModalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStyles.js","names":["styled","css","COLORS","scrollBarStyling","Size","ModalHeader","section","props","marginBottom","StyledModalHeader","$height","size","ImageContainer","div","ImageOverlay","Column","ModalTitleSection","ModalHeaderActionsWithImage","hasBackButton","ModalHeaderActions","FlexContainer","ModalHoverModifier","CloseButtonWrapper","hasImage","BackButtonWrapper","ModalTitle","h5","fontSize","ModalNoteSection","getBackgroundColor","state","getNoteMessageColor","ModalBody","overflow","hasContentBorders","neutral_100","Small","ModalFooter","Large","neutral_600","correct_100","warning_100","critical_100","primary_100","correct_700","warning_700","critical_700","primary_700"],"sources":["../../src/Modals/ModalStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\nimport { scrollBarStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nexport const ModalHeader = styled.section<{ marginBottom?: string }>`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: ${(props) => props.marginBottom || '24px'};\r\n`;\r\n\r\nexport const StyledModalHeader = styled(ModalHeader)<{ marginBottom?: string; size?: string; $height?: number }>`\r\n  flex: 1 0 calc(50% - 5px);\r\n  flex-direction: column;\r\n  flex-basis: auto;\r\n  text-align: left;\r\n  height: ${(props) => (props.$height ? `${props.$height - (props.size === 'small' ? 16 : props.size === 'large' ? 32 : 24)}px` : '')};\r\n  img {\r\n    width: 100%;\r\n    height: ${(props) => `${props.$height}px`};\r\n    object-fit: cover;\r\n    border-radius: 8px 8px 0 0;\r\n  }\r\n`;\r\n\r\nexport const ImageContainer = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n\r\n  #imgWithFallbackLoadingIndicator {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n  }\r\n`;\r\n\r\nexport const ImageOverlay = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  left: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n  width: 100%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  border-radius: 8px 8px 0 0;\r\n\r\n  :after {\r\n    position: absolute;\r\n    height: ${(props) => `${props.$height}px`};\r\n    border-radius: 8px 8px 0 0;\r\n    content: '';\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: #888888;\r\n    mix-blend-mode: saturation;\r\n  }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ModalTitleSection = styled.section`\r\n  word-break: break-word;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n`;\r\n\r\nexport const ModalHeaderActionsWithImage = styled.div<{ hasBackButton?: boolean }>`\r\n  display: flex;\r\n  flex-direction: ${(props) => (!props.hasBackButton ? 'row-reverse' : 'row')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const ModalHeaderActions = styled.div`\r\n  display: flex;\r\n  margin: -12px -12px 0 0;\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n`;\r\n\r\nexport const ModalHoverModifier = styled.div`\r\n  button:hover {\r\n    cursor: help !important;\r\n  }\r\n`;\r\n\r\nexport const CloseButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    ${(props) =>\r\n      props.hasImage\r\n        ? css`\r\n            margin: -12px -12px 0 0 !important;\r\n          `\r\n        : css`\r\n            left: unset;\r\n          `}\r\n  }\r\n`;\r\n\r\nexport const BackButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    margin: -12px 0 0 -12px !important;\r\n  }\r\n`;\r\n\r\nexport const ModalTitle = styled.h5<{ fontSize?: string }>`\r\n  margin: 0;\r\n  font-size: ${(props) => props.fontSize || '1.25em'};\r\n  font-weight: bold;\r\n`;\r\n\r\nexport const ModalNoteSection = styled.section<{ state: string; size?: string }>`\r\n  background-color: ${(props) => getBackgroundColor(props.state)};\r\n  font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n  margin-top: ${(props) => (props?.size === 'small' ? `0px` : props?.size === 'large' ? '16px' : '4px')};\r\n  margin-bottom: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '24px' : '16px')};\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '16px' : '12px')};\r\n  border-radius: 2px;\r\n\r\n  span {\r\n    display: block;\r\n    width: calc(100% - 32px);\r\n    margin-left: 8px;\r\n    color: ${(props) => getNoteMessageColor(props.state)};\r\n  }\r\n`;\r\n\r\nexport const ModalBody = styled.section<{ size?: string; overflow?: string; hasContentBorders?: boolean }>`\r\n  flex: 1 1 auto;\r\n  overflow: ${(props) => props?.overflow ?? 'unset'};\r\n  margin: ${(props) => (props?.size === 'small' ? `8px 0` : props?.size === 'large' ? '16px 0' : '12px 0')};\r\n\r\n  border-top: ${(props) => (props?.hasContentBorders ? `1px solid ${COLORS.neutral_100}` : 'none')};\r\n  border-bottom: ${(props) => (props?.hasContentBorders ? `1px solid ${COLORS.neutral_100}` : 'none')};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const ModalFooter = styled.section<{ size?: Size }>`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  gap: ${(props) => (props?.size === 'large' ? `16px` : '8px')};\r\n\r\n  .footer-action {\r\n    order: -1;\r\n    margin-right: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n    gap: ${(props) => (props?.size === Size.Large ? `8px` : props?.size === Size.Small ? '4px' : '6px')};\r\n  }\r\n\r\n  .footer-action.note {\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n`;\r\n\r\nexport const getBackgroundColor = (state: string) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.correct_100;\r\n    case 'warning':\r\n      return COLORS.warning_100;\r\n    case 'critical':\r\n      return COLORS.critical_100;\r\n    default:\r\n      return COLORS.primary_100;\r\n  }\r\n};\r\n\r\nexport const getNoteMessageColor = (state: string) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.correct_700;\r\n    case 'warning':\r\n      return COLORS.warning_700;\r\n    case 'critical':\r\n      return COLORS.critical_700;\r\n    default:\r\n      return COLORS.primary_700;\r\n  }\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"ModalStyles.js","names":["styled","css","COLORS","scrollBarStyling","Size","ModalHeader","section","_templateObject","_taggedTemplateLiteral","props","marginBottom","StyledModalHeader","_templateObject2","$height","concat","size","ImageContainer","div","_templateObject3","ImageOverlay","_templateObject4","Column","_templateObject5","ModalTitleSection","_templateObject6","ModalHeaderActionsWithImage","_templateObject7","hasBackButton","ModalHeaderActions","_templateObject8","FlexContainer","_templateObject9","ModalHoverModifier","_templateObject10","CloseButtonWrapper","_templateObject11","hasImage","_templateObject12","_templateObject13","BackButtonWrapper","_templateObject14","ModalTitle","h5","_templateObject15","fontSize","ModalNoteSection","_templateObject16","getBackgroundColor","state","theme","getNoteMessageColor","ModalBody","_templateObject17","_props$overflow","overflow","hasContentBorders","getColor","Small","ModalFooter","_templateObject18","Large"],"sources":["../../src/Modals/ModalStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\nimport { scrollBarStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nexport const ModalHeader = styled.section<{ marginBottom?: string }>`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: ${(props) => props.marginBottom || '24px'};\r\n`;\r\n\r\nexport const StyledModalHeader = styled(ModalHeader)<{ marginBottom?: string; size?: string; $height?: number }>`\r\n  flex: 1 0 calc(50% - 5px);\r\n  flex-direction: column;\r\n  flex-basis: auto;\r\n  text-align: left;\r\n  height: ${(props) => (props.$height ? `${props.$height - (props.size === 'small' ? 16 : props.size === 'large' ? 32 : 24)}px` : '')};\r\n  img {\r\n    width: 100%;\r\n    height: ${(props) => `${props.$height}px`};\r\n    object-fit: cover;\r\n    border-radius: 8px 8px 0 0;\r\n  }\r\n`;\r\n\r\nexport const ImageContainer = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n\r\n  #imgWithFallbackLoadingIndicator {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n  }\r\n`;\r\n\r\nexport const ImageOverlay = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  left: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n  width: 100%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  border-radius: 8px 8px 0 0;\r\n\r\n  :after {\r\n    position: absolute;\r\n    height: ${(props) => `${props.$height}px`};\r\n    border-radius: 8px 8px 0 0;\r\n    content: '';\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: #888888;\r\n    mix-blend-mode: saturation;\r\n  }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ModalTitleSection = styled.section`\r\n  word-break: break-word;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n`;\r\n\r\nexport const ModalHeaderActionsWithImage = styled.div<{ hasBackButton?: boolean }>`\r\n  display: flex;\r\n  flex-direction: ${(props) => (!props.hasBackButton ? 'row-reverse' : 'row')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const ModalHeaderActions = styled.div`\r\n  display: flex;\r\n  margin: -12px -12px 0 0;\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n`;\r\n\r\nexport const ModalHoverModifier = styled.div`\r\n  button:hover {\r\n    cursor: help !important;\r\n  }\r\n`;\r\n\r\nexport const CloseButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    ${(props) =>\r\n      props.hasImage\r\n        ? css`\r\n            margin: -12px -12px 0 0 !important;\r\n          `\r\n        : css`\r\n            left: unset;\r\n          `}\r\n  }\r\n`;\r\n\r\nexport const BackButtonWrapper = styled.div<{ size?: Size; hasImage?: boolean }>`\r\n  button {\r\n    margin: -12px 0 0 -12px !important;\r\n  }\r\n`;\r\n\r\nexport const ModalTitle = styled.h5<{ fontSize?: string }>`\r\n  margin: 0;\r\n  font-size: ${(props) => props.fontSize || '1.25em'};\r\n  font-weight: bold;\r\n`;\r\n\r\nexport const ModalNoteSection = styled.section<{ state: string; size?: string }>`\r\n  background-color: ${(props) => getBackgroundColor(props.state, props.theme)};\r\n  font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n  margin-top: ${(props) => (props?.size === 'small' ? `0px` : props?.size === 'large' ? '16px' : '4px')};\r\n  margin-bottom: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '24px' : '16px')};\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: ${(props) => (props?.size === 'small' ? `8px` : props?.size === 'large' ? '16px' : '12px')};\r\n  border-radius: 2px;\r\n\r\n  span {\r\n    display: block;\r\n    width: calc(100% - 32px);\r\n    margin-left: 8px;\r\n    color: ${(props) => getNoteMessageColor(props.state, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ModalBody = styled.section<{ size?: string; overflow?: string; hasContentBorders?: boolean }>`\r\n  flex: 1 1 auto;\r\n  overflow: ${(props) => props?.overflow ?? 'unset'};\r\n  margin: ${(props) => (props?.size === 'small' ? `8px 0` : props?.size === 'large' ? '16px 0' : '12px 0')};\r\n\r\n  border-top: ${(props) => (props?.hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n  border-bottom: ${(props) => (props?.hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const ModalFooter = styled.section<{ size?: Size }>`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  gap: ${(props) => (props?.size === 'large' ? `16px` : '8px')};\r\n\r\n  .footer-action {\r\n    order: -1;\r\n    margin-right: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: ${(props) => (props?.size === 'small' ? `16px` : props?.size === 'large' ? '20px' : '18px')};\r\n    gap: ${(props) => (props?.size === Size.Large ? `8px` : props?.size === Size.Small ? '4px' : '6px')};\r\n  }\r\n\r\n  .footer-action.note {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const getBackgroundColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_100', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_100', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_100', theme);\r\n    default:\r\n      return COLORS.getColor('primary_100', theme);\r\n  }\r\n};\r\n\r\nexport const getNoteMessageColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_700', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_700', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_700', theme);\r\n    default:\r\n      return COLORS.getColor('primary_700', theme);\r\n  }\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Modals/ModalTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTypes.cjs","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n  componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n  componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n  action?: (() => void) | ((e: any) => void);\r\n  text?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n  actionType: 'hyperlink' | 'note' | 'button';\r\n  text: string;\r\n  icon?: React.ReactNode;\r\n  action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":""}
+{"version":3,"file":"ModalTypes.cjs","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n  componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n  componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n  action?: (() => void) | ((e: any) => void);\r\n  text: string;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n  actionType: 'hyperlink' | 'note' | 'button';\r\n  text: string;\r\n  icon?: React.ReactNode;\r\n  action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n  text: string;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":"","ignoreList":[]}

package/dist/Modals/ModalTypes.d.ts

@@ -17,8 +17,7 @@ export interface ModalHeaderToggleButton extends ToggleButtonProps {
 export type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;
 export interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {
     action?: (() => void) | ((e: any) => void);
-    text?: string;
-    children?: React.ReactNode;
+    text: string;
 }
 export interface LeftFooterActionBase {
     actionType: 'hyperlink' | 'note' | 'button';
@@ -29,6 +28,6 @@ export interface LeftFooterActionBase {
 export interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {
 }
 export interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {
-    children?: React.ReactNode;
+    text: string;
 }
 export type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;

package/dist/Modals/ModalTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTypes.js","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n  componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n  componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n  action?: (() => void) | ((e: any) => void);\r\n  text?: string;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n  actionType: 'hyperlink' | 'note' | 'button';\r\n  text: string;\r\n  icon?: React.ReactNode;\r\n  action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":""}
+{"version":3,"file":"ModalTypes.js","names":[],"sources":["../../src/Modals/ModalTypes.ts"],"sourcesContent":["import {ButtonProps} from '../Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {IconButtonProps} from '../Button';\r\nimport React from 'react';\r\nimport {IconDropdownButtonProps} from \"../Dropdown/DropdownButtonTypes\";\r\nimport {ToggleButtonProps} from \"../Toggles/ToggleButton\";\r\n\r\nexport interface ModalHeaderIconButton extends Omit<IconButtonProps, 'hideOnLowWidth' | 'flatEdge' | 'isInMobileMenu' | 'useTransparentBackground' | 'shouldNotInteract' | 'unsetIconSize' | 'borderRadius' | 'focusBackgroundColor' | 'children' | 'focusOnClick'> {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport interface ModalHeaderDropdownButton extends Omit<IconDropdownButtonProps, 'size' | 'type'> {\r\n  componentType: 'dropdown';\r\n}\r\n\r\nexport interface ModalHeaderToggleButton extends ToggleButtonProps {\r\n  componentType: 'toggle';\r\n}\r\n\r\nexport type ModalHeaderButtons = ModalHeaderIconButton | ModalHeaderDropdownButton | ModalHeaderToggleButton;\r\n\r\n\r\nexport interface ButtonAction extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'> {\r\n  action?: (() => void) | ((e: any) => void);\r\n  text: string;\r\n}\r\n\r\nexport interface LeftFooterActionBase {\r\n  actionType: 'hyperlink' | 'note' | 'button';\r\n  text: string;\r\n  icon?: React.ReactNode;\r\n  action?: (() => void) | ((e: any) => void);\r\n}\r\n\r\nexport interface LeftFooterHyperlink extends HyperlinkProps, LeftFooterActionBase {\r\n}\r\n\r\nexport interface LeftFooterButton extends Pick<ButtonProps, 'variant' | 'id' | 'loading' | 'disabled' | 'icon' | 'type'>, LeftFooterActionBase {\r\n  text: string;\r\n}\r\n\r\nexport type LeftFooterAction = LeftFooterButton | LeftFooterHyperlink;\r\n"],"mappings":"","ignoreList":[]}

package/dist/Modals/__tests__/Modal.test.tsx

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import {render} from '../../test-utils';
+import 'jest-styled-components';
+import {ModalDialog} from '..';
+import {Size, SystemIcons} from '../..';
+
+
+
+describe('<ModalDialog />', () => {
+  let mountingDiv: HTMLElement;
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+  });
+
+  it('Check modal not rendered when isModalOpen is false', async () => {
+    const {container, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={false}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+      />,
+    );
+    //check modal portal not exists when modal not opened
+    expect(container.querySelector('.ReactModalPortal')).toBeNull();
+  });
+
+  it('Check modal visible, title and footer buttons displayed correctly', async () => {
+    const {container, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        buttons={[
+          {
+            action: () => {
+            },
+            text: 'Close',
+            variant: 'tertiary',
+          },
+          {
+            action: () => {
+            },
+            text: 'Save',
+          },
+        ]}
+      />,
+    );
+    //check modal portal defined
+    expect(container.querySelector('.ReactModalPortal')).toBeDefined();
+    //Check header and footer buttons
+    expect(getByText('Header')).toBeDefined();
+    expect(getByText('Close')).toBeDefined();
+    expect(getByText('Save')).toBeDefined();
+  });
+
+  it('Check tooltip, and link displayed without right footer buttons', async () => {
+    const {baseElement, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        tooltip={'some test tooltip'}
+        leftFooterAction={{
+          id: 'test-link',
+          actionType: 'hyperlink',
+          text: 'Link',
+          href: 'http://test.com',
+          icon: <></>,
+          variant: 'default'
+        }}
+      />,
+    );
+    //check tooltip displayed
+    expect(getByText('some test tooltip').textContent).toBeDefined();
+    //check footer link displayed
+    expect(getByText('Link').children).toBeDefined();
+  });
+
+  it('Check note and footer note displayed', async () => {
+    const {baseElement, getByText} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+        leftFooterAction={{id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information/>}}
+        note={'Message text'}
+        state={'critical'}
+      />,
+    );
+    //check footer note text displayed
+    expect(getByText('Test note').textContent).toBeDefined();
+    //check note section added
+    expect(baseElement.querySelectorAll('section')?.length).toEqual(4);
+    //check note message displayed
+    expect(getByText('Message text').children).toBeDefined();
+  });
+
+  it('Check back button and close icon displayed', async () => {
+    const {baseElement, getByText, container} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        backButton={() => {
+        }}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}
+      />,
+    );
+    //only 2 svg elements should be found in the header of the modal
+    expect(baseElement.querySelectorAll('svg')?.length).toEqual(2);
+  });
+
+  it('Check modal body displayed', async () => {
+    const {baseElement, getByText, container} = render(
+      <ModalDialog
+        key="smallModalWithoutImage"
+        
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {
+        }}
+        submitAction={() => {
+        }}>
+        <span>Inner modal text</span>
+      </ModalDialog>,
+    );
+    //Check all dialog sections are displayed
+    expect(baseElement.querySelectorAll('section')?.length).toEqual(3);
+    //Check that the second section (modal body) has the correct text
+    expect(baseElement.querySelectorAll('section')?.[1].textContent).toEqual('Inner modal text');
+  });
+});

package/dist/Modals/__tests__/ModalContainer.test.tsx

@@ -0,0 +1,77 @@
+import * as React from 'react';
+import {ModalContainer} from '../index';
+import {act, fireEvent, render} from '../../test-utils';
+
+
+
+describe('ModalContainer', () => {
+
+  let mountingDiv: HTMLElement;
+  const scrollToSpy = jest.fn();
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+    window.scrollTo = scrollToSpy;
+    document.body.style.position = '';
+    document.body.style.left = '';
+    document.body.style.top = '';
+    document.body.style.right = '';
+
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+    scrollToSpy.mockReset();
+  });
+
+  it('should not render content', () => {
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(wrapper.queryByText('text')).not.toBeInTheDocument();
+  });
+
+  it('should render children inside react modal', () => {
+    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(wrapper.queryByText('text')).toBeInTheDocument();
+  });
+
+  it('should call onClose when react modal closes', () => {
+    const onClose = jest.fn();
+    const wrapper = render(<ModalContainer showModal={true} closeModal={onClose} children={'text'}/>);
+
+    act(() => {
+      fireEvent.click(document.querySelector('.ReactModal__Overlay')!);
+    });
+
+    expect(onClose).toHaveBeenCalled();
+  });
+
+  it('should append custom styles when modal is mounted', () => {
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.querySelectorAll('[modal-custom-styling="active"]')).toHaveLength(1);
+  });
+
+  it('should prevent scroll when modal is open', () => {
+    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
+
+    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.body.style.top).toEqual('-5px');
+    expect(document.body.style.position).toEqual('fixed');
+  });
+
+  it('should not touch scroll if modal was not opened yet', async () => {
+    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
+
+    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
+
+    expect(document.body.style.top).toBeFalsy();
+    expect(document.body.style.position).toBeFalsy();
+  });
+
+});

package/dist/Modals/__tests__/ModalContent.test.tsx

@@ -0,0 +1,126 @@
+import React from 'react';
+import { render } from '../../test-utils';
+import 'jest-styled-components';
+import { ModalContent } from '..';
+import { Size, SystemIcons } from '../..';
+
+
+
+describe('<ModalContent />', () => {
+  let mountingDiv: HTMLElement;
+
+  beforeEach(() => {
+    //being rendered as a React.Portal we need to have the 'root' div defined
+    mountingDiv = document.createElement('div');
+    mountingDiv.id = 'root';
+    document.body.appendChild(mountingDiv);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(mountingDiv);
+  });
+
+  it('Check modal not rendered when isModalOpen is false', async () => {
+    const { container, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={false}
+        closeAction={() => {}}
+      />,
+    );
+    //check modal portal not exists when modal not opened
+    expect(container.querySelector('.ReactModalPortal')).toBeNull();
+  });
+
+  it('Check modal visible, title and footer buttons displayed correctly', async () => {
+    const { container, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        footerActions={[
+          {
+            action: () => {},
+            text: 'Close',
+            variant: 'tertiary',
+          },
+          {
+            action: () => {},
+            text: 'Save',
+          },
+        ]}
+      />,
+    );
+    //check modal portal defined
+    expect(container.querySelector('.ReactModalPortal')).toBeDefined();
+    //Check header and footer buttons
+    expect(getByText('Header')).toBeDefined();
+    expect(getByText('Close')).toBeDefined();
+    expect(getByText('Save')).toBeDefined();
+  });
+
+  it('Check tooltip, and link displayed without right footer buttons', async () => {
+    const { baseElement, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        tooltip={'some test tooltip'}
+        leftFooterAction={{ id: 'test-link', actionType: 'hyperlink', text: 'Link', href: 'http://test.com', icon: <></>, variant: 'default' }}
+      />,
+    );
+    //check tooltip displayed
+    expect(getByText('some test tooltip').textContent).toBeDefined();
+    //check footer link displayed
+    expect(getByText('Link').children).toBeDefined();
+  });
+
+  it('Check note and footer note displayed', async () => {
+    const { baseElement, getByText } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+        leftFooterAction={{ id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information /> }}
+        note={'Message text'}
+      />,
+    );
+    expect(getByText('Test note').textContent).toBeDefined();
+    expect(getByText('Message text').children).toBeDefined();
+  });
+
+  it('Check close button is displayed', async () => {
+    const {getByTestId } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}
+      />,
+    );
+    expect(getByTestId('content-modal-close-button')).toBeDefined();
+  });
+
+  it('Check modal body displayed', async () => {
+    const { baseElement, getByText, container } = render(
+      <ModalContent
+        key="smallModalWithoutImage"
+        title={'Header'}
+        size={Size.Small}
+        isModalOpen={true}
+        closeAction={() => {}}>
+        <span>Inner modal text</span>
+      </ModalContent>,
+    );
+    expect(getByText('Inner modal text')).toBeDefined();
+  });
+});

package/dist/Modals/index.cjs

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
-    return _Modal.default;
+    return _Modal["default"];
   }
 });
 Object.defineProperty(exports, "ModalBody", {
@@ -26,19 +26,19 @@ Object.defineProperty(exports, "ModalCloseButton", {
 Object.defineProperty(exports, "ModalContainer", {
   enumerable: true,
   get: function get() {
-    return _ModalContainer.default;
+    return _ModalContainer["default"];
   }
 });
 Object.defineProperty(exports, "ModalContent", {
   enumerable: true,
   get: function get() {
-    return _ModalContent.default;
+    return _ModalContent["default"];
   }
 });
 Object.defineProperty(exports, "ModalDialog", {
   enumerable: true,
   get: function get() {
-    return _ModalDialog.default;
+    return _ModalDialog["default"];
   }
 });
 Object.defineProperty(exports, "ModalFooter", {
@@ -64,6 +64,6 @@ var _ModalContainer = _interopRequireDefault(require("./ModalContainer"));
 var _ModalStyles = require("./ModalStyles");
 var _ModalDialog = _interopRequireDefault(require("./ModalDialog"));
 var _ModalContent = _interopRequireDefault(require("./ModalContent"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Modals/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Modals/index.tsx"],"sourcesContent":["import Modal, { ModalCloseButton } from './Modal';\r\nimport ModalContainer from './ModalContainer';\r\nimport { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';\r\nimport ModalDialog from './ModalDialog';\r\nimport ModalContent from './ModalContent';\r\n\r\nexport { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog, ModalContent };\r\n\r\nexport type {LeftFooterAction, LeftFooterHyperlink, LeftFooterActionBase, LeftFooterButton, ModalHeaderIconButton} from './ModalTypes';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA0C;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Modal","_interopRequireWildcard","require","_ModalContainer","_interopRequireDefault","_ModalStyles","_ModalDialog","_ModalContent","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["../../src/Modals/index.tsx"],"sourcesContent":["import Modal, { ModalCloseButton } from './Modal';\r\nimport ModalContainer from './ModalContainer';\r\nimport { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';\r\nimport ModalDialog from './ModalDialog';\r\nimport ModalContent from './ModalContent';\r\n\r\nexport { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog, ModalContent };\r\n\r\nexport type {LeftFooterAction, LeftFooterHyperlink, LeftFooterActionBase, LeftFooterButton, ModalHeaderIconButton} from './ModalTypes';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AAA0C,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/Modals/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Modal","ModalCloseButton","ModalContainer","ModalHeader","ModalTitle","ModalBody","ModalFooter","ModalDialog","ModalContent"],"sources":["../../src/Modals/index.tsx"],"sourcesContent":["import Modal, { ModalCloseButton } from './Modal';\r\nimport ModalContainer from './ModalContainer';\r\nimport { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';\r\nimport ModalDialog from './ModalDialog';\r\nimport ModalContent from './ModalContent';\r\n\r\nexport { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog, ModalContent };\r\n\r\nexport type {LeftFooterAction, LeftFooterHyperlink, LeftFooterActionBase, LeftFooterButton, ModalHeaderIconButton} from './ModalTypes';\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,gBAAgB,QAAQ,SAAS;AACjD,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;AAC/E,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASR,KAAK,EAAEE,cAAc,EAAEC,WAAW,EAAEE,SAAS,EAAEC,WAAW,EAAEF,UAAU,EAAEH,gBAAgB,EAAEM,WAAW,EAAEC,YAAY"}
+{"version":3,"file":"index.js","names":["Modal","ModalCloseButton","ModalContainer","ModalHeader","ModalTitle","ModalBody","ModalFooter","ModalDialog","ModalContent"],"sources":["../../src/Modals/index.tsx"],"sourcesContent":["import Modal, { ModalCloseButton } from './Modal';\r\nimport ModalContainer from './ModalContainer';\r\nimport { ModalHeader, ModalTitle, ModalBody, ModalFooter } from './ModalStyles';\r\nimport ModalDialog from './ModalDialog';\r\nimport ModalContent from './ModalContent';\r\n\r\nexport { Modal, ModalContainer, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalCloseButton, ModalDialog, ModalContent };\r\n\r\nexport type {LeftFooterAction, LeftFooterHyperlink, LeftFooterActionBase, LeftFooterButton, ModalHeaderIconButton} from './ModalTypes';\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,gBAAgB,QAAQ,SAAS;AACjD,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,QAAQ,eAAe;AAC/E,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASR,KAAK,EAAEE,cAAc,EAAEC,WAAW,EAAEE,SAAS,EAAEC,WAAW,EAAEF,UAAU,EAAEH,gBAAgB,EAAEM,WAAW,EAAEC,YAAY","ignoreList":[]}