@laerdal/life-react-components 5.0.2 → 5.0.4

package/dist/InputFields/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_types","_typography","_common","_jsxRuntime","_excluded","_templateObject","_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","StyledCheckBox","styled","div","_taggedTemplateLiteral2","props","margin","concat","COLORS","getColor","theme","$selected","$invalid","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","focusStyles","exports","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties2","onKeyPress","keyCode","handleClick","stopPropagation","Size","Medium","cls","jsxs","$disabled","tabIndex","onClick","onKeyDown","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor","_default"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ $disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    $disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_types","_typography","_common","_jsxRuntime","_excluded","_templateObject","_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","StyledCheckBox","styled","div","_taggedTemplateLiteral2","props","margin","concat","COLORS","getColor","theme","$selected","$invalid","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","focusStyles","exports","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties2","onKeyPress","keyCode","handleClick","stopPropagation","Size","Medium","cls","jsxs","tabIndex","onClick","onKeyDown","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor","_default"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CheckboxProps } from './types';
 export declare const StyledCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled?: boolean | undefined;
+    disabled?: boolean | undefined;
     $invalid?: boolean | undefined;
     $selected?: boolean | undefined;
     margin?: string | undefined;

package/dist/InputFields/Checkbox.js

@@ -81,7 +81,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var cls = "".concat(size, " ").concat(className || '', " ").concat(disabled ? ' disabled' : '', " ").concat(readOnly ? ' readonly' : '');
   return /*#__PURE__*/_jsxs(StyledCheckBox, _objectSpread(_objectSpread({
     ref: ref,
-    $disabled: disabled,
+    disabled: disabled,
     className: cls,
     "aria-checked": selected,
     $selected: selected,

package/dist/InputFields/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","styled","SystemIcons","COLORS","ComponentTextStyle","focusStyles","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","StyledCheckBox","div","_templateObject","_taggedTemplateLiteral","props","margin","concat","getColor","theme","$selected","$invalid","Regular","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties","_excluded","onKeyPress","e","keyCode","handleClick","stopPropagation","Medium","cls","_objectSpread","$disabled","tabIndex","onClick","onKeyDown","onMouseDown","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ $disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    $disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["React","styled","SystemIcons","COLORS","ComponentTextStyle","focusStyles","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","StyledCheckBox","div","_templateObject","_taggedTemplateLiteral","props","margin","concat","getColor","theme","$selected","$invalid","Regular","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties","_excluded","onKeyPress","e","keyCode","handleClick","stopPropagation","Medium","cls","_objectSpread","tabIndex","onClick","onKeyDown","onMouseDown","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,QAAO,WAAW;AACjE,SAAQC,IAAI,QAAO,UAAU;AAC7B,SAAQC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,QAAO,sBAAsB;AAC5F,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGpD,OAAO,IAAMC,cAAc,GAAGd,MAAM,CAACe,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,8pDAMpC,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM,cAAAC,MAAA,CAAcF,KAAK,CAACC,MAAM,SAAM,EAAE;AAAA,CAAC,EAGlD,UAAAD,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAiB1C,UAAAJ,KAAK;EAAA,OAAKA,KAAK,CAACK,SAAS,GAAGrB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAGJ,KAAK,CAACM,QAAQ,GAAGtB,MAAM,CAACmB,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAACI,KAAK,CAAC,GAAGpB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,CAAC,EAU/L,UAAAJ,KAAK;EAAA,OAAIV,iBAAiB,CAACL,kBAAkB,CAACsB,OAAO,EAAEvB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAO7F,UAAAJ,KAAK;EAAA,OAAIX,iBAAiB,CAACJ,kBAAkB,CAACsB,OAAO,EAAEvB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAO7F,UAAAJ,KAAK;EAAA,OAAIZ,iBAAiB,CAACH,kBAAkB,CAACsB,OAAO,EAAEvB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAO7FlB,WAAW,EAKS,UAAAc,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,YAAY,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAG5D,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAOjD,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGvD,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAiBxD,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAQvC,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIzD,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAMzC,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,YAAY,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAG5D,UAAAJ,KAAK;EAAA,OAAIhB,MAAM,CAACmB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAIpE;AAED,IAAMI,QAAQ,gBAAG3B,KAAK,CAAC4B,UAAU,CAAgC,UAAAC,IAAA,EAiBJC,GAAG,EAAK;EAAA,IAAAC,KAAA;EAAA,IAhBTC,EAAE,GAAAH,IAAA,CAAFG,EAAE;IACFC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,4BAA4B,GAAAR,IAAA,CAA5BQ,4BAA4B;IAC5BC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRlB,MAAM,GAAAS,IAAA,CAANT,MAAM;IACNmB,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAlB,IAAA,EAAAmB,SAAA;EAEjE,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAM,EAAK;IAC7B,IAAIA,CAAC,CAACC,OAAO,KAAK,EAAE,IAAI,CAACb,QAAQ,IAAI,CAACI,QAAQ,EAAE;MAC9CR,MAAM,IAAIA,MAAM,CAAC,CAACD,QAAQ,CAAC;IAC7B;EACF,CAAC;EAED,IAAMmB,WAAW,GAAG,SAAdA,WAAWA,CAAIF,CAAmC,EAAK;IAC3D,IAAIZ,QAAQ,IAAII,QAAQ,EAAE;MACxB;IACF;IACA,IAAGR,MAAM,EAAC;MACRgB,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEG,eAAe,CAAC,CAAC;MACpBnB,MAAM,CAAC,CAACD,QAAQ,CAAC;IACnB;EACF,CAAC;EAEDM,IAAI,IAAAR,KAAA,GAAGQ,IAAI,cAAAR,KAAA,cAAAA,KAAA,GAAIzB,IAAI,CAACgD,MAAM;EAE1B,IAAMC,GAAG,MAAAlC,MAAA,CAAMkB,IAAI,OAAAlB,MAAA,CAAIwB,SAAS,IAAI,EAAE,OAAAxB,MAAA,CAAIiB,QAAQ,GAAG,WAAW,GAAG,EAAE,OAAAjB,MAAA,CAAIqB,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAE;EAEtG,oBACE5B,KAAA,CAACC,cAAc,EAAAyC,aAAA,CAAAA,aAAA;IACC1B,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAEA,QAAS;IACnBO,SAAS,EAAEU,GAAI;IACf,gBAActB,QAAS;IACvBT,SAAS,EAAES,QAAS;IACpBwB,QAAQ,EAAEnB,QAAQ,IAAII,QAAQ,GAAG,CAAC,CAAC,GAAIC,WAAW,GAAGA,WAAW,GAAG,CAAG;IACtElB,QAAQ,EAAEW,OAAQ;IAClBhB,MAAM,EAAEA,MAAO;IACfsC,OAAO,EAAEN,WAAY;IACrBO,SAAS,EAAEV,UAAW;IACtBW,WAAW,EAAElD;EAA0B,GACnCoC,IAAI;IAAAL,QAAA,gBACtB7B,IAAA;MAAKoB,EAAE,EAAEA,EAAG;MAAC,eAAaY,UAAW;MAACC,SAAS,EAAE,eAAgB;MAAAJ,QAAA,EAE7DR,QAAQ,gBACJrB,IAAA,CAACV,WAAW,CAAC2D,UAAU;QAAChB,SAAS,EAAER,4BAA4B,GAAG,oBAAoB,GAAG,EAAG;QAACE,IAAI,EAAC;MAAM,CAAC,CAAC,GAC1GC,YAAY,gBACV5B,IAAA,CAACV,WAAW,CAAC4D,YAAY;QAACjB,SAAS,EAAER,4BAA4B,GAAG,oBAAoB,GAAG,EAAG;QAACE,IAAI,EAAC;MAAM,CAAC,CAAC,gBAC5G3B,IAAA,CAACV,WAAW,CAAC6D,WAAW;QAAClB,SAAS,EAAER,4BAA4B,GAAG,oBAAoB,GAAG,EAAG;QAACE,IAAI,EAAC;MAAM,CAAC;IAAC,CAEhH,CAAC,EAEJJ,KAAK,iBAEHvB,IAAA;MAAOiC,SAAS,EAAE,gBAAiB;MAC5BmB,OAAO,EAAEhC,EAAG;MAAAS,QAAA,EAChBN;IAAK,CACD,CACR,EAGD,CAACA,KAAK,iBACNvB,IAAA;MAAOiC,SAAS,EAAE,gBAAiB;MAC5BmB,OAAO,EAAEhC,EAAG;MAAAS,QAAA,EAChBA;IAAQ,CACJ,CAAC;EAAA,IApCST,EAsCL,CAAC;AAErB,CAAC,CAAC;AAEF,eAAeL,QAAQ","ignoreList":[]}

package/dist/Modals/ModalContent.cjs

@@ -27,7 +27,7 @@ var _excluded = ["icon", "componentType"],
   _excluded2 = ["componentType"],
   _excluded3 = ["componentType"],
   _excluded4 = ["text", "variant", "action"],
-  _excluded5 = ["text", "variant", "action"],
+  _excluded5 = ["text", "variant", "action", "actionType"],
   _excluded6 = ["action", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -138,6 +138,7 @@ var ModalContent = function ModalContent(props) {
             _text = _ref2.text,
             _variant = _ref2.variant,
             _action = _ref2.action,
+            actionType = _ref2.actionType,
             _rest3 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded5);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterLeftLink, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HyperLink.HyperLink, _objectSpread(_objectSpread({}, _rest3), {}, {

package/dist/Modals/ModalContent.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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, actionType, ...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

@@ -6,7 +6,7 @@ var _excluded = ["icon", "componentType"],
   _excluded2 = ["componentType"],
   _excluded3 = ["componentType"],
   _excluded4 = ["text", "variant", "action"],
-  _excluded5 = ["text", "variant", "action"],
+  _excluded5 = ["text", "variant", "action", "actionType"],
   _excluded6 = ["action", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -129,6 +129,7 @@ var ModalContent = function ModalContent(props) {
             _text = _ref2.text,
             _variant = _ref2.variant,
             _action = _ref2.action,
+            actionType = _ref2.actionType,
             _rest3 = _objectWithoutProperties(_ref2, _excluded5);
           return /*#__PURE__*/_jsx(FooterLeftLink, {
             children: /*#__PURE__*/_jsxs(HyperLink, _objectSpread(_objectSpread({}, _rest3), {}, {

package/dist/Modals/ModalContent.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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, actionType, ...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/Tabs/Tabs.cjs

@@ -63,10 +63,12 @@ var getBottomMargin = function getBottomMargin(size) {
       return '4px';
   }
 };
-var Nav = _styledComponents["default"].nav(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
+var Nav = _styledComponents["default"].nav(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div {\n  \n  color: 'red';\n  }\n\n  a > div:last-of-type {\n    font-size: ", ";\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
   return getHeight(props.$size);
 }, function (props) {
   return getFontSize(props.$size);
+}, function (props) {
+  return getFontSize(props.$size);
 }, function (props) {
   return getTopMargin(props.$size);
 }, function (props) {

package/dist/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","$size","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","$size","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div {\r\n  \r\n  color: 'red';\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/Tabs.js

@@ -53,10 +53,12 @@ var getBottomMargin = function getBottomMargin(size) {
       return '4px';
   }
 };
-var Nav = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: 12px;\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
+var Nav = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div {\n  \n  color: 'red';\n  }\n\n  a > div:last-of-type {\n    font-size: ", ";\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), function (props) {
   return getHeight(props.$size);
 }, function (props) {
   return getFontSize(props.$size);
+}, function (props) {
+  return getFontSize(props.$size);
 }, function (props) {
   return getTopMargin(props.$size);
 }, function (props) {

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","_templateObject","_taggedTemplateLiteral","props","$size","Tabs","_ref","children","role","propTypes","_pt","any"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: 12px;\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAU,EAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,IAAU,EAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAU,EAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAU,EAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,IAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+XAKR,UAACC,KAAK;EAAA,OAAKZ,SAAS,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAQ9B,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,GACtC,UAACD,KAAK;EAAA,OAAKN,YAAY,CAACM,KAAK,CAACC,KAAK,CAAC;AAAA,GAAM,UAACD,KAAK;EAAA,OAAKL,eAAe,CAACK,KAAK,CAACC,KAAK,CAAC;AAAA,GAG9E,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,EAOnD;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEf,IAAI,GAAAc,IAAA,CAAJd,IAAI;EAAA,oBAChEF,IAAA,CAACS,GAAG;IAACS,IAAI,EAAC,SAAS;IAACJ,KAAK,EAAEZ,IAAK;IAAAe,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EAtFAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AAwFV,eAAeN,IAAI","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","_templateObject","_taggedTemplateLiteral","props","$size","Tabs","_ref","children","role","propTypes","_pt","any"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div {\r\n  \r\n  color: 'red';\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAU,EAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIJ,IAAU,EAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIL,IAAU,EAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAU,EAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,IAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,waAKR,UAACC,KAAK;EAAA,OAAKZ,SAAS,CAACY,KAAK,CAACC,KAAK,CAAC;AAAA,GAS9B,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,GAInC,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,GACtC,UAACD,KAAK;EAAA,OAAKN,YAAY,CAACM,KAAK,CAACC,KAAK,CAAC;AAAA,GAAM,UAACD,KAAK;EAAA,OAAKL,eAAe,CAACK,KAAK,CAACC,KAAK,CAAC;AAAA,GAG9E,UAACD,KAAK;EAAA,OAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC;AAAA,EAOnD;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEf,IAAI,GAAAc,IAAA,CAAJd,IAAI;EAAA,oBAChEF,IAAA,CAACS,GAAG;IAACS,IAAI,EAAC,SAAS;IAACJ,KAAK,EAAEZ,IAAK;IAAAe,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EA3FAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AA6FV,eAAeN,IAAI","ignoreList":[]}

package/dist/styles/typography.cjs

@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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; }
-var TypographyBase = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  fontSize: ", ";\n  fontWeight: ", ";\n  lineHeight: ", "px;\n  textTransform: ", ";\n  textDecorationLine: ", ";\n  fontStyle: ", ";\n  color: ", ";\n"])), function (props) {
+var TypographyBase = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), function (props) {
   return props.$fontSize;
 }, function (props) {
   return props.$fontWeight;
@@ -32,8 +32,8 @@ var TypographyBase = _styledComponents["default"].div(_templateObject || (_templ
   var _props$$fontStyle;
   return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
 }, function (props) {
-  var _props$color;
-  return (_props$color = props.color) !== null && _props$color !== void 0 ? _props$color : _.COLORS.getColor('black', props.theme);
+  var _props$$color;
+  return (_props$$color = props.$color) !== null && _props$$color !== void 0 ? _props$$color : _.COLORS.getColor('black', props.theme);
 });
 exports.TypographyBase = TypographyBase;
 var ComponentTextStyle;