@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/Modals/ModalStyles.js

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

package/dist/Modals/ModalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStyles.js","names":["styled","css","COLORS","scrollBarStyling","Size","ModalHeader","section","_templateObject","_taggedTemplateLiteral","props","$marginBottom","StyledModalHeader","_templateObject2","$height","concat","$size","ImageContainer","div","_templateObject3","ImageOverlay","_templateObject4","Column","_templateObject5","ModalTitleSection","_templateObject6","ModalHeaderActionsWithImage","_templateObject7","$hasBackButton","ModalHeaderActions","_templateObject8","FlexContainer","_templateObject9","ModalHoverModifier","_templateObject10","CloseButtonWrapper","_templateObject11","$hasImage","_templateObject12","_templateObject13","BackButtonWrapper","_templateObject14","ModalTitle","h5","_templateObject15","$fontSize","ModalNoteSection","_templateObject16","getBackgroundColor","$state","theme","getNoteMessageColor","ModalBody","_templateObject17","_props$$overflow","$overflow","$hasContentBorders","getColor","Small","ModalFooter","_templateObject18","Large","state"],"sources":["../../src/Modals/ModalStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\nimport { scrollBarStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nexport const ModalHeader = styled.section<{ $marginBottom?: string }>`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: ${(props) => props.$marginBottom || '24px'};\r\n`;\r\n\r\nexport const StyledModalHeader = styled(ModalHeader)<{ $marginBottom?: string; $size?: string; $height?: number }>`\r\n  flex: 1 0 calc(50% - 5px);\r\n  flex-direction: column;\r\n  flex-basis: auto;\r\n  text-align: left;\r\n  height: ${(props) => (props.$height ? `${props.$height - (props.$size === 'small' ? 16 : props.$size === 'large' ? 32 : 24)}px` : '')};\r\n  img {\r\n    width: 100%;\r\n    height: ${(props) => `${props.$height}px`};\r\n    object-fit: cover;\r\n    border-radius: 8px 8px 0 0;\r\n  }\r\n`;\r\n\r\nexport const ImageContainer = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n\r\n  #imgWithFallbackLoadingIndicator {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n  }\r\n`;\r\n\r\nexport const ImageOverlay = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  left: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n  width: 100%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  border-radius: 8px 8px 0 0;\r\n\r\n  &:after {\r\n    position: absolute;\r\n    height: ${(props) => `${props.$height}px`};\r\n    border-radius: 8px 8px 0 0;\r\n    content: '';\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: #888888;\r\n    mix-blend-mode: saturation;\r\n  }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ModalTitleSection = styled.section`\r\n  word-break: break-word;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n`;\r\n\r\nexport const ModalHeaderActionsWithImage = styled.div<{ $hasBackButton?: boolean }>`\r\n  display: flex;\r\n  flex-direction: ${(props) => (!props.$hasBackButton ? 'row-reverse' : 'row')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const ModalHeaderActions = styled.div`\r\n  display: flex;\r\n  margin: -12px -12px 0 0;\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n`;\r\n\r\nexport const ModalHoverModifier = styled.div`\r\n  button:hover {\r\n    cursor: help !important;\r\n  }\r\n`;\r\n\r\nexport const CloseButtonWrapper = styled.div<{ $size?: Size; $hasImage?: boolean }>`\r\n  button {\r\n    ${(props) =>\r\n      props.$hasImage\r\n        ? css`\r\n            margin: -12px -12px 0 0 !important;\r\n          `\r\n        : css`\r\n            left: unset;\r\n          `}\r\n  }\r\n`;\r\n\r\nexport const BackButtonWrapper = styled.div<{ $size?: Size; $hasImage?: boolean }>`\r\n  button {\r\n    margin: -12px 0 0 -12px !important;\r\n  }\r\n`;\r\n\r\nexport const ModalTitle = styled.h5<{ $fontSize?: string }>`\r\n  margin: 0;\r\n  font-size: ${(props) => props.$fontSize || '1.25em'};\r\n  font-weight: bold;\r\n`;\r\n\r\nexport const ModalNoteSection = styled.section<{ $state: string; $size?: string }>`\r\n  background-color: ${(props) => getBackgroundColor(props.$state, props.theme)};\r\n  font-size: ${(props) => (props?.$size === 'small' ? `16px` : props?.$size === 'large' ? '20px' : '18px')};\r\n  margin-top: ${(props) => (props?.$size === 'small' ? `0px` : props?.$size === 'large' ? '16px' : '4px')};\r\n  margin-bottom: ${(props) => (props?.$size === 'small' ? `8px` : props?.$size === 'large' ? '24px' : '16px')};\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: ${(props) => (props?.$size === 'small' ? `8px` : props?.$size === 'large' ? '16px' : '12px')};\r\n  border-radius: 2px;\r\n\r\n  span {\r\n    display: block;\r\n    width: calc(100% - 32px);\r\n    margin-left: 8px;\r\n    color: ${(props) => getNoteMessageColor(props.$state, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ModalBody = styled.section<{ $size?: string; $overflow?: string; $hasContentBorders?: boolean }>`\r\n  flex: 1 1 auto;\r\n  overflow: ${(props) => props?.$overflow ?? 'unset'};\r\n  margin: ${(props) => (props?.$size === 'small' ? `8px 0` : props?.$size === 'large' ? '16px 0' : '12px 0')};\r\n\r\n  border-top: ${(props) => (props?.$hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n  border-bottom: ${(props) => (props?.$hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const ModalFooter = styled.section<{ $size?: Size }>`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  gap: ${(props) => (props?.$size === 'large' ? `16px` : '8px')};\r\n\r\n  .footer-action {\r\n    order: -1;\r\n    margin-right: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: ${(props) => (props?.$size === 'small' ? `16px` : props?.$size === 'large' ? '20px' : '18px')};\r\n    gap: ${(props) => (props?.$size === Size.Large ? `8px` : props?.$size === Size.Small ? '4px' : '6px')};\r\n  }\r\n\r\n  .footer-action.note {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const getBackgroundColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_100', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_100', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_100', theme);\r\n    default:\r\n      return COLORS.getColor('primary_100', theme);\r\n  }\r\n};\r\n\r\nexport const getNoteMessageColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_700', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_700', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_700', theme);\r\n    default:\r\n      return COLORS.getColor('primary_700', theme);\r\n  }\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalStyles.js","names":["styled","css","COLORS","scrollBarStyling","Size","ModalHeader","section","_templateObject","_taggedTemplateLiteral","props","$marginBottom","StyledModalHeader","_templateObject2","$height","concat","$size","ImageContainer","div","_templateObject3","ImageOverlay","_templateObject4","Column","_templateObject5","ModalTitleSection","_templateObject6","ModalHeaderActionsWithImage","_templateObject7","$hasBackButton","ModalHeaderActions","_templateObject8","FlexContainer","_templateObject9","ModalHoverModifier","_templateObject10","CloseButtonWrapper","_templateObject11","$hasImage","_templateObject12","_templateObject13","BackButtonWrapper","_templateObject14","ModalTitle","h5","_templateObject15","$fontSize","ModalNoteSection","_templateObject16","getBackgroundColor","$state","theme","getNoteMessageColor","ModalBody","_templateObject17","_props$$overflow","$overflow","$hasContentBorders","getColor","Small","ModalFooter","_templateObject18","Large","state"],"sources":["../../src/Modals/ModalStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\nimport { scrollBarStyling } from '../styles';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Modal styles\r\n */\r\nexport const ModalHeader = styled.section<{ $marginBottom?: string }>`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: ${(props) => props.$marginBottom || '24px'};\r\n`;\r\n\r\nexport const StyledModalHeader = styled(ModalHeader)<{ $marginBottom?: string; $size?: string; $height?: number }>`\r\n  flex: 1 0 calc(50% - 5px);\r\n  flex-direction: column;\r\n  flex-basis: auto;\r\n  text-align: left;\r\n  height: ${(props) => (props.$height ? `${props.$height - (props.$size === 'small' ? 16 : props.$size === 'large' ? 32 : 24)}px` : '')};\r\n  img {\r\n    width: 100%;\r\n    height: ${(props) => `${props.$height}px`};\r\n    object-fit: cover;\r\n    border-radius: 8px 8px 0 0;\r\n  }\r\n`;\r\n\r\nexport const ImageContainer = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n\r\n  #imgWithFallbackLoadingIndicator {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n  }\r\n`;\r\n\r\nexport const ImageOverlay = styled.div<{ $height: number }>`\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  left: 0;\r\n  height: ${(props) => `${props.$height}px`};\r\n  width: 100%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  border-radius: 8px 8px 0 0;\r\n\r\n  &:after {\r\n    position: absolute;\r\n    height: ${(props) => `${props.$height}px`};\r\n    border-radius: 8px 8px 0 0;\r\n    content: '';\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: #888888;\r\n    mix-blend-mode: saturation;\r\n  }\r\n`;\r\n\r\nexport const Column = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: stretch;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ModalTitleSection = styled.section`\r\n  word-break: break-word;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n`;\r\n\r\nexport const ModalHeaderActionsWithImage = styled.div<{ $hasBackButton?: boolean }>`\r\n  display: flex;\r\n  flex-direction: ${(props) => (!props.$hasBackButton ? 'row-reverse' : 'row')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const ModalHeaderActions = styled.div`\r\n  display: flex;\r\n  margin: -12px -12px 0 0;\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n`;\r\n\r\nexport const ModalHoverModifier = styled.div`\r\n  button:hover {\r\n    cursor: help !important;\r\n  }\r\n`;\r\n\r\nexport const CloseButtonWrapper = styled.div<{ $size?: Size; $hasImage?: boolean }>`\r\n  button {\r\n    ${(props) =>\r\n      props.$hasImage\r\n        ? css`\r\n            margin: -12px -12px 0 0 !important;\r\n          `\r\n        : css`\r\n            left: unset;\r\n          `}\r\n  }\r\n`;\r\n\r\nexport const BackButtonWrapper = styled.div<{ $size?: Size; $hasImage?: boolean }>`\r\n  button {\r\n    margin: -12px 0 0 -12px !important;\r\n  }\r\n`;\r\n\r\nexport const ModalTitle = styled.h5<{ $fontSize?: string }>`\r\n  margin: 0;\r\n  font-size: ${(props) => props.$fontSize || '1.25em'};\r\n  font-weight: bold;\r\n`;\r\n\r\nexport const ModalNoteSection = styled.section<{ $state: string; $size?: string }>`\r\n  background-color: ${(props) => getBackgroundColor(props.$state, props.theme)};\r\n  font-size: ${(props) => (props?.$size === 'small' ? `16px` : props?.$size === 'large' ? '20px' : '18px')};\r\n  margin-top: ${(props) => (props?.$size === 'small' ? `0px` : props?.$size === 'large' ? '16px' : '4px')};\r\n  margin-bottom: ${(props) => (props?.$size === 'small' ? `8px` : props?.$size === 'large' ? '24px' : '16px')};\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: ${(props) => (props?.$size === 'small' ? `8px` : props?.$size === 'large' ? '16px' : '12px')};\r\n  border-radius: 2px;\r\n\r\n  span {\r\n    display: block;\r\n    width: calc(100% - 32px);\r\n    margin-left: 8px;\r\n    color: ${(props) => getNoteMessageColor(props.$state, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ModalBody = styled.section<{ $size?: string; $overflow?: string; $hasContentBorders?: boolean }>`\r\n  flex: 1 1 auto;\r\n  overflow: ${(props) => props?.$overflow ?? 'unset'};\r\n  margin: ${(props) => (props?.$size === 'small' ? `8px 0` : props?.$size === 'large' ? '16px 0' : '12px 0')};\r\n\r\n  border-top: ${(props) => (props?.$hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n  border-bottom: ${(props) => (props?.$hasContentBorders ? `1px solid ${COLORS.getColor('neutral_100', props.theme)}` : 'none')};\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nexport const ModalFooter = styled.section<{ $size?: Size }>`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  gap: ${(props) => (props?.$size === 'large' ? `16px` : '8px')};\r\n\r\n  .footer-action {\r\n    order: -1;\r\n    margin-right: auto;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: ${(props) => (props?.$size === 'small' ? `16px` : props?.$size === 'large' ? '20px' : '18px')};\r\n    gap: ${(props) => (props?.$size === Size.Large ? `8px` : props?.$size === Size.Small ? '4px' : '6px')};\r\n  }\r\n\r\n  .footer-action.note {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const getBackgroundColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_100', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_100', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_100', theme);\r\n    default:\r\n      return COLORS.getColor('primary_100', theme);\r\n  }\r\n};\r\n\r\nexport const getNoteMessageColor = (state: string, theme: any) => {\r\n  switch (state) {\r\n    case 'positive':\r\n      return COLORS.getColor('correct_700', theme);\r\n    case 'warning':\r\n      return COLORS.getColor('warning_700', theme);\r\n    case 'critical':\r\n      return COLORS.getColor('critical_700', theme);\r\n    default:\r\n      return COLORS.getColor('primary_700', theme);\r\n  }\r\n};\r\n"],"mappings":";;AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,IAAI;AAC3B,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,IAAI,QAAQ,UAAU;;AAE/B;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAGL,MAAM,CAACM,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gHAItB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACC,aAAa,IAAI,MAAM;AAAA,EAC1D;AAED,OAAO,IAAMC,iBAAiB,GAAGX,MAAM,CAACK,WAAW,CAAC,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,2OAKxC,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACI,OAAO,MAAAC,MAAA,CAAML,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACM,KAAK,KAAK,OAAO,GAAG,EAAE,GAAGN,KAAK,CAACM,KAAK,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,CAAC,UAAO,EAAE;AAAA,CAAC,EAGzH,UAACN,KAAK;EAAA,UAAAK,MAAA,CAAQL,KAAK,CAACI,OAAO;AAAA,CAAI,CAI5C;AAED,OAAO,IAAMG,cAAc,GAAGhB,MAAM,CAACiB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,0LAK5B,UAACC,KAAK;EAAA,UAAAK,MAAA,CAAQL,KAAK,CAACI,OAAO;AAAA,CAAI,CAO1C;AAED,OAAO,IAAMM,YAAY,GAAGnB,MAAM,CAACiB,GAAG,CAAAG,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,6YAK1B,UAACC,KAAK;EAAA,UAAAK,MAAA,CAAQL,KAAK,CAACI,OAAO;AAAA,CAAI,EAO7B,UAACJ,KAAK;EAAA,UAAAK,MAAA,CAAQL,KAAK,CAACI,OAAO;AAAA,CAAI,CAS5C;AAED,OAAO,IAAMQ,MAAM,GAAGrB,MAAM,CAACiB,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,qGAK/B;AAED,OAAO,IAAMe,iBAAiB,GAAGvB,MAAM,CAACM,OAAO,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,0GAK9C;AAED,OAAO,IAAMiB,2BAA2B,GAAGzB,MAAM,CAACiB,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,wHAEjC,UAACC,KAAK;EAAA,OAAM,CAACA,KAAK,CAACkB,cAAc,GAAG,aAAa,GAAG,KAAK;AAAA,CAAC,CAI7E;AAED,OAAO,IAAMC,kBAAkB,GAAG5B,MAAM,CAACiB,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,wDAG3C;AAED,OAAO,IAAMsB,aAAa,GAAG9B,MAAM,CAACiB,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAvB,sBAAA,4CAGtC;AAED,OAAO,IAAMwB,kBAAkB,GAAGhC,MAAM,CAACiB,GAAG,CAAAgB,iBAAA,KAAAA,iBAAA,GAAAzB,sBAAA,+DAI3C;AAED,OAAO,IAAM0B,kBAAkB,GAAGlC,MAAM,CAACiB,GAAG,CAAAkB,iBAAA,KAAAA,iBAAA,GAAA3B,sBAAA,sCAEtC,UAACC,KAAK;EAAA,OACNA,KAAK,CAAC2B,SAAS,GACXnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA7B,sBAAA,wEAGHP,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,8CAEF;AAAA,EAEV;AAED,OAAO,IAAM+B,iBAAiB,GAAGvC,MAAM,CAACiB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA,oEAI1C;AAED,OAAO,IAAMiC,UAAU,GAAGzC,MAAM,CAAC0C,EAAE,CAAAC,iBAAA,KAAAA,iBAAA,GAAAnC,sBAAA,mEAEpB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACmC,SAAS,IAAI,QAAQ;AAAA,EAEpD;AAED,OAAO,IAAMC,gBAAgB,GAAG7C,MAAM,CAACM,OAAO,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,wSACxB,UAACC,KAAK;EAAA,OAAKsC,kBAAkB,CAACtC,KAAK,CAACuC,MAAM,EAAEvC,KAAK,CAACwC,KAAK,CAAC;AAAA,GAC/D,UAACxC,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,YAAY,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAC1F,UAACN,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,WAAW,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,MAAM,GAAG,KAAK;AAAA,CAAC,EACtF,UAACN,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,WAAW,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAGhG,UAACN,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,WAAW,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAO1F,UAACN,KAAK;EAAA,OAAKyC,mBAAmB,CAACzC,KAAK,CAACuC,MAAM,EAAEvC,KAAK,CAACwC,KAAK,CAAC;AAAA,EAErE;AAED,OAAO,IAAME,SAAS,GAAGnD,MAAM,CAACM,OAAO,CAAA8C,iBAAA,KAAAA,iBAAA,GAAA5C,sBAAA,2HAEzB,UAACC,KAAK;EAAA,IAAA4C,gBAAA;EAAA,QAAAA,gBAAA,GAAK5C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE6C,SAAS,cAAAD,gBAAA,cAAAA,gBAAA,GAAI,OAAO;AAAA,GACxC,UAAC5C,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,aAAa,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAC,EAE5F,UAACN,KAAK;EAAA,OAAMA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAE8C,kBAAkB,gBAAAzC,MAAA,CAAgBZ,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAE/C,KAAK,CAACwC,KAAK,CAAC,IAAK,MAAM;AAAA,CAAC,EACzG,UAACxC,KAAK;EAAA,OAAMA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAE8C,kBAAkB,gBAAAzC,MAAA,CAAgBZ,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAE/C,KAAK,CAACwC,KAAK,CAAC,IAAK,MAAM;AAAA,CAAC,EAE3H9C,gBAAgB,CAACC,IAAI,CAACqD,KAAK,CAAC,CAC/B;AAED,OAAO,IAAMC,WAAW,GAAG1D,MAAM,CAACM,OAAO,CAAAqD,iBAAA,KAAAA,iBAAA,GAAAnD,sBAAA,qRAIhC,UAACC,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,YAAY,KAAK;AAAA,CAAC,EAO9C,UAACN,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,YAAY,CAAAN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAK,OAAO,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EACjG,UAACN,KAAK;EAAA,OAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAKX,IAAI,CAACwD,KAAK,WAAW,CAAAnD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEM,KAAK,MAAKX,IAAI,CAACqD,KAAK,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,EAI5F,UAAAhD,KAAK;EAAA,OAAIP,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAE/C,KAAK,CAACwC,KAAK,CAAC;AAAA,EAEhE;AAED,OAAO,IAAMF,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIc,KAAa,EAAEZ,KAAU,EAAK;EAC/D,QAAQY,KAAK;IACX,KAAK,UAAU;MACb,OAAO3D,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;IAC9C,KAAK,SAAS;MACZ,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;IAC9C,KAAK,UAAU;MACb,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAAC;IAC/C;MACE,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;EAChD;AACF,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIW,KAAa,EAAEZ,KAAU,EAAK;EAChE,QAAQY,KAAK;IACX,KAAK,UAAU;MACb,OAAO3D,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;IAC9C,KAAK,SAAS;MACZ,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;IAC9C,KAAK,UAAU;MACb,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,cAAc,EAAEP,KAAK,CAAC;IAC/C;MACE,OAAO/C,MAAM,CAACsD,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAAC;EAChD;AACF,CAAC","ignoreList":[]}

package/dist/Modals/index.cjs

@@ -1,78 +1,79 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () {
-    return _Modal.default;
+  get: function get() {
+    return _Modal["default"];
   }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalStyles.ModalBody;
   }
 });
 Object.defineProperty(exports, "ModalCloseButton", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _Modal.ModalCloseButton;
   }
 });
 Object.defineProperty(exports, "ModalContainer", {
   enumerable: true,
-  get: function () {
-    return _ModalContainer.default;
+  get: function get() {
+    return _ModalContainer["default"];
   }
 });
 Object.defineProperty(exports, "ModalContent", {
   enumerable: true,
-  get: function () {
-    return _ModalContent.default;
+  get: function get() {
+    return _ModalContent["default"];
   }
 });
 Object.defineProperty(exports, "ModalContentBodyComponent", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalContent.ModalContentBodyComponent;
   }
 });
 Object.defineProperty(exports, "ModalContentFooterComponent", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalContent.ModalContentFooterComponent;
   }
 });
 Object.defineProperty(exports, "ModalContentHeaderComponent", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalContent.ModalContentHeaderComponent;
   }
 });
 Object.defineProperty(exports, "ModalDialog", {
   enumerable: true,
-  get: function () {
-    return _ModalDialog.default;
+  get: function get() {
+    return _ModalDialog["default"];
   }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalStyles.ModalFooter;
   }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalStyles.ModalHeader;
   }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _ModalStyles.ModalTitle;
   }
 });
@@ -81,6 +82,6 @@ var _ModalContainer = _interopRequireDefault(require("./ModalContainer"));
 var _ModalStyles = require("./ModalStyles");
 var _ModalDialog = _interopRequireDefault(require("./ModalDialog"));
 var _ModalContent = _interopRequireWildcard(require("./ModalContent"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Modals/index.cjs.map

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

package/dist/NavItem/NavItem.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NavItemDiv = void 0;
+exports["default"] = exports.NavItemDiv = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -15,10 +15,38 @@ var _zIndexes = require("../styles/z-indexes");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const NavItemDiv = exports.NavItemDiv = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  margin: 0;\n  padding: 0 21px 0 21px;\n  height: 64px;\n\n  ", " {\n    height: 80px;\n  }\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 3px;\n    border-radius: 3px;\n    left: 2px;\n    right: 2px;\n    bottom: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n\n  &:focus:not(.disabled) {\n    ", "\n    outline-offset: -4px;\n  }\n"])), props => (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), _styles.BREAKPOINTS.LARGE, _zIndexes.Z_INDEXES.active, props => _styles.COLORS.getColor('neutral_20', props.theme), props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('primary_600', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('neutral_100', props.theme), props => _styles.COLORS.getColor('neutral_100', props.theme), _zIndexes.Z_INDEXES.hover, props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), _zIndexes.Z_INDEXES.active, props => _styles.COLORS.getColor('primary_100', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_800', props.theme), _styles.focusStyles);
-const NavItem = props => {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NavItemDiv = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  margin: 0;\n  padding: 0 21px 0 21px;\n  height: 64px;\n\n  ", " {\n    height: 80px;\n  }\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 3px;\n    border-radius: 3px;\n    left: 2px;\n    right: 2px;\n    bottom: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n\n  &:focus:not(.disabled) {\n    ", "\n    outline-offset: -4px;\n  }\n"])), function (props) {
+  return (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.BREAKPOINTS.LARGE, _zIndexes.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, _zIndexes.Z_INDEXES.hover, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, _zIndexes.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.focusStyles);
+exports.NavItemDiv = NavItemDiv;
+var NavItem = function NavItem(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NavItemDiv, _objectSpread({}, props));
 };
-var _default = exports.default = NavItem;
+var _default = NavItem;
+exports["default"] = _default;
 //# sourceMappingURL=NavItem.cjs.map

package/dist/NavItem/NavItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.cjs","names":["_styledComponents","_interopRequireDefault","require","_react","_styles","_typography","_zIndexes","_jsxRuntime","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","NavItemDiv","exports","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","BREAKPOINTS","LARGE","Z_INDEXES","active","hover","focusStyles","NavItem","jsx","_default"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\n\r\nexport const NavItemDiv = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  margin: 0;\r\n  padding: 0 21px 0 21px;\r\n  height: 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    background-color: transparent;\r\n    height: 3px;\r\n    border-radius: 3px;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles}\r\n    outline-offset: -4px;\r\n  }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n  return (\r\n    <NavItemDiv {...props} />\r\n  );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NavItem.cjs","names":["_styledComponents","_interopRequireDefault","require","_react","_styles","_typography","_zIndexes","_jsxRuntime","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","NavItemDiv","styled","div","_taggedTemplateLiteral2","props","ComponentMStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","BREAKPOINTS","LARGE","Z_INDEXES","active","hover","focusStyles","exports","NavItem","jsx","_default"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\n\r\nexport const NavItemDiv = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  margin: 0;\r\n  padding: 0 21px 0 21px;\r\n  height: 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    background-color: transparent;\r\n    height: 3px;\r\n    border-radius: 3px;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles}\r\n    outline-offset: -4px;\r\n  }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n  return (\r\n    <NavItemDiv {...props} />\r\n  );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/NavItem/NavItem.js

@@ -9,8 +9,34 @@ import { BREAKPOINTS, COLORS, focusStyles } from '../styles';
 import { ComponentMStyling, ComponentTextStyle } from '../styles/typography';
 import { Z_INDEXES } from '../styles/z-indexes';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const NavItemDiv = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  margin: 0;\n  padding: 0 21px 0 21px;\n  height: 64px;\n\n  ", " {\n    height: 80px;\n  }\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 3px;\n    border-radius: 3px;\n    left: 2px;\n    right: 2px;\n    bottom: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n\n  &:focus:not(.disabled) {\n    ", "\n    outline-offset: -4px;\n  }\n"])), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), BREAKPOINTS.LARGE, Z_INDEXES.active, props => COLORS.getColor('neutral_20', props.theme), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('primary_600', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_100', props.theme), Z_INDEXES.hover, props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_700', props.theme), Z_INDEXES.active, props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_800', props.theme), focusStyles);
-const NavItem = props => {
+export var NavItemDiv = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  margin: 0;\n  padding: 0 21px 0 21px;\n  height: 64px;\n\n  ", " {\n    height: 80px;\n  }\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 3px;\n    border-radius: 3px;\n    left: 2px;\n    right: 2px;\n    bottom: 2px;\n  }\n\n  &.active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:hover:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    z-index: ", ";\n    background-color: ", ";\n    color: ", ";\n\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n\n  &:focus:not(.disabled) {\n    ", "\n    outline-offset: -4px;\n  }\n"])), function (props) {
+  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, BREAKPOINTS.LARGE, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, Z_INDEXES.hover, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, focusStyles);
+var NavItem = function NavItem(props) {
   return /*#__PURE__*/_jsx(NavItemDiv, _objectSpread({}, props));
 };
 export default NavItem;

package/dist/NavItem/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","names":["styled","React","BREAKPOINTS","COLORS","focusStyles","ComponentMStyling","ComponentTextStyle","Z_INDEXES","jsx","_jsx","NavItemDiv","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","LARGE","active","hover","NavItem","_objectSpread"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\n\r\nexport const NavItemDiv = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  margin: 0;\r\n  padding: 0 21px 0 21px;\r\n  height: 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    background-color: transparent;\r\n    height: 3px;\r\n    border-radius: 3px;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles}\r\n    outline-offset: -4px;\r\n  }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n  return (\r\n    <NavItemDiv {...props} />\r\n  );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":";;;;;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAQC,WAAW,EAAEC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAC1D,SAAQC,iBAAiB,EAAEC,kBAAkB,QAAO,sBAAsB;AAC1E,SAAQC,SAAS,QAAO,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,OAAO,MAAMC,UAAU,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mkCAChCC,KAAK,IAAIT,iBAAiB,CAACC,kBAAkB,CAACS,OAAO,EAAEZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAMnGf,WAAW,CAACgB,KAAK,EAsBNX,SAAS,CAACY,MAAM,EACPL,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC9DH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGvCH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKjEH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACzCH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGlDH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAK/DV,SAAS,CAACa,KAAK,EACNN,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC9DH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGvCH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAK/DV,SAAS,CAACY,MAAM,EACPL,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC/DH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAGvCH,KAAK,IAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMxEb,WAAW,CAGhB;AAGD,MAAMiB,OAAO,GAAIP,KAAU,IAAK;EAC9B,oBACEL,IAAA,CAACC,UAAU,EAAAY,aAAA,KAAKR,KAAK,CAAG,CAAC;AAE7B,CAAC;AAED,eAAeO,OAAO","ignoreList":[]}
+{"version":3,"file":"NavItem.js","names":["styled","React","BREAKPOINTS","COLORS","focusStyles","ComponentMStyling","ComponentTextStyle","Z_INDEXES","jsx","_jsx","NavItemDiv","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","LARGE","active","hover","NavItem","_objectSpread"],"sources":["../../src/NavItem/NavItem.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport React from 'react';\r\nimport {BREAKPOINTS, COLORS, focusStyles} from '../styles';\r\nimport {ComponentMStyling, ComponentTextStyle} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {useFocusVisibleRef} from '../common';\r\n\r\nexport const NavItemDiv = styled.div`\r\n  ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  margin: 0;\r\n  padding: 0 21px 0 21px;\r\n  height: 64px;\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    height: 80px;\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    background-color: transparent;\r\n    height: 3px;\r\n    border-radius: 3px;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: 2px;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n    &:after {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n\r\n  &:focus:not(.disabled) {\r\n    ${focusStyles}\r\n    outline-offset: -4px;\r\n  }\r\n`;\r\n\r\n\r\nconst NavItem = (props: any) => {\r\n  return (\r\n    <NavItemDiv {...props} />\r\n  );\r\n};\r\n\r\nexport default NavItem;\r\n"],"mappings":";;;;;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAQC,WAAW,EAAEC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAC1D,SAAQC,iBAAiB,EAAEC,kBAAkB,QAAO,sBAAsB;AAC1E,SAAQC,SAAS,QAAO,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,OAAO,IAAMC,UAAU,GAAGV,MAAM,CAACW,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mkCAChC,UAAAC,KAAK;EAAA,OAAIT,iBAAiB,CAACC,kBAAkB,CAACS,OAAO,EAAEZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAMnGf,WAAW,CAACgB,KAAK,EAsBNX,SAAS,CAACY,MAAM,EACP,UAAAL,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC9D,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGvC,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKjE,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzC,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGlD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK/DV,SAAS,CAACa,KAAK,EACN,UAAAN,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC9D,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGvC,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK/DV,SAAS,CAACY,MAAM,EACP,UAAAL,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGvC,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMxEb,WAAW,CAGhB;AAGD,IAAMiB,OAAO,GAAG,SAAVA,OAAOA,CAAIP,KAAU,EAAK;EAC9B,oBACEL,IAAA,CAACC,UAAU,EAAAY,aAAA,KAAKR,KAAK,CAAG,CAAC;AAE7B,CAAC;AAED,eAAeO,OAAO","ignoreList":[]}

package/dist/NavItem/NestedNavItem.cjs

@@ -1,37 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["active", "item", "onClickHandler", "size", "className", "tabIndex", "iconRight", "id"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const NestedNavItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      active,
-      item,
-      onClickHandler,
-      size = _types.Size.Medium,
-      className,
-      tabIndex,
-      iconRight,
-      id
-    } = _ref,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+var _excluded = ["active", "item", "onClickHandler", "size", "className", "tabIndex", "iconRight", "id"];
+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 NestedNavItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var active = _ref.active,
+    item = _ref.item,
+    onClickHandler = _ref.onClickHandler,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
+    className = _ref.className,
+    tabIndex = _ref.tabIndex,
+    iconRight = _ref.iconRight,
+    id = _ref.id,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 });
 NestedNavItem.propTypes = {
-  onClickHandler: _propTypes.default.func.isRequired,
-  active: _propTypes.default.bool.isRequired,
-  id: _propTypes.default.string.isRequired,
-  iconRight: _propTypes.default.element
+  onClickHandler: _propTypes["default"].func.isRequired,
+  active: _propTypes["default"].bool.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  iconRight: _propTypes["default"].element
 };
-var _default = exports.default = NestedNavItem;
+var _default = NestedNavItem;
+exports["default"] = _default;
 //# sourceMappingURL=NestedNavItem.cjs.map

package/dist/NavItem/NestedNavItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestedNavItem.cjs","names":["React","_interopRequireWildcard","require","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NestedNavItem","forwardRef","_ref","ref","active","item","onClickHandler","size","Size","Medium","className","tabIndex","iconRight","id","rest","_objectWithoutProperties2","jsx","Fragment","propTypes","_propTypes","func","isRequired","bool","string","element","_default","exports"],"sources":["../../src/NavItem/NestedNavItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {Size} from '../types';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\n\r\nexport interface NestedNavItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\r\n  /**\r\n   * Required. The item to be displayed in the dropdown.\r\n   */\r\n  item: DropdownItem;\r\n\r\n  /**\r\n   * Required. The handler function to be called when the item is clicked.\r\n   */\r\n  onClickHandler: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Required. A boolean indicating whether the item is currently active.\r\n   */\r\n  active: boolean;\r\n\r\n  /**\r\n   * Required. The unique identifier for the item.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. The size of the item. Defaults to 'Medium'.\r\n   */\r\n  size?: Size;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed on the right side of the item.\r\n   */\r\n  iconRight?: React.ReactElement;\r\n}\r\n\r\n\r\nconst NestedNavItem = React.forwardRef<HTMLButtonElement, NestedNavItemProps>(({\r\n                                                                       active,\r\n                                                                       item,\r\n                                                                       onClickHandler,\r\n                                                                       size = Size.Medium,\r\n                                                                       className,\r\n                                                                       tabIndex,\r\n                                                                       iconRight,\r\n                                                                       id,\r\n                                                                       ...rest\r\n                                                                     }: NestedNavItemProps, ref) => {\r\n  return (\r\n   <></>\r\n  );\r\n});\r\n\r\nexport default NestedNavItem;\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8B,IAAAE,WAAA,GAAAF,OAAA;AAAA,MAAAG,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAoC9B,MAAMW,aAAa,gBAAG1B,KAAK,CAAC2B,UAAU,CAAwC,CAAAC,IAAA,EAUcC,GAAG,KAAK;EAAA,IAVrB;MACRC,MAAM;MACNC,IAAI;MACJC,cAAc;MACdC,IAAI,GAAGC,WAAI,CAACC,MAAM;MAClBC,SAAS;MACTC,QAAQ;MACRC,SAAS;MACTC;IAEkB,CAAC,GAAAX,IAAA;IADhBY,IAAI,OAAAC,yBAAA,CAAA7B,OAAA,EAAAgB,IAAA,EAAAvB,SAAA;EAE5E,oBACC,IAAAD,WAAA,CAAAsC,GAAA,EAAAtC,WAAA,CAAAuC,QAAA,IAAI,CAAC;AAER,CAAC,CAAC;AAACjB,aAAA,CAAAkB,SAAA;EAtCDZ,cAAc,EAAAa,UAAA,CAAAjC,OAAA,CAAAkC,IAAA,CAAAC,UAAA;EAKdjB,MAAM,EAAAe,UAAA,CAAAjC,OAAA,CAAAoC,IAAA,CAAAD,UAAA;EAKNR,EAAE,EAAAM,UAAA,CAAAjC,OAAA,CAAAqC,MAAA,CAAAF,UAAA;EAUFT,SAAS,EAAAO,UAAA,CAAAjC,OAAA,CAAAsC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAoBIc,aAAa","ignoreList":[]}
+{"version":3,"file":"NestedNavItem.cjs","names":["React","_interopRequireWildcard","require","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NestedNavItem","forwardRef","_ref","ref","active","item","onClickHandler","_ref$size","size","Size","Medium","className","tabIndex","iconRight","id","rest","_objectWithoutProperties2","jsx","Fragment","propTypes","_propTypes","func","isRequired","bool","string","element","_default","exports"],"sources":["../../src/NavItem/NestedNavItem.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {Size} from '../types';\r\nimport { DropdownItem } from '../Dropdown/DropdownContent';\r\n\r\nexport interface NestedNavItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'onMouseDown' | 'onClick'> {\r\n  /**\r\n   * Required. The item to be displayed in the dropdown.\r\n   */\r\n  item: DropdownItem;\r\n\r\n  /**\r\n   * Required. The handler function to be called when the item is clicked.\r\n   */\r\n  onClickHandler: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Required. A boolean indicating whether the item is currently active.\r\n   */\r\n  active: boolean;\r\n\r\n  /**\r\n   * Required. The unique identifier for the item.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. The size of the item. Defaults to 'Medium'.\r\n   */\r\n  size?: Size;\r\n\r\n  /**\r\n   * Optional. An icon to be displayed on the right side of the item.\r\n   */\r\n  iconRight?: React.ReactElement;\r\n}\r\n\r\n\r\nconst NestedNavItem = React.forwardRef<HTMLButtonElement, NestedNavItemProps>(({\r\n                                                                       active,\r\n                                                                       item,\r\n                                                                       onClickHandler,\r\n                                                                       size = Size.Medium,\r\n                                                                       className,\r\n                                                                       tabIndex,\r\n                                                                       iconRight,\r\n                                                                       id,\r\n                                                                       ...rest\r\n                                                                     }: NestedNavItemProps, ref) => {\r\n  return (\r\n   <></>\r\n  );\r\n});\r\n\r\nexport default NestedNavItem;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8B,IAAAE,WAAA,GAAAF,OAAA;AAAA,IAAAG,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAoC9B,IAAMW,aAAa,gBAAG1B,KAAK,CAAC2B,UAAU,CAAwC,UAAAC,IAAA,EAUcC,GAAG,EAAK;EAAA,IAT7BC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAAC,SAAA,GAAAL,IAAA,CACdM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAClBI,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,EAAE,GAAAZ,IAAA,CAAFY,EAAE;IACCC,IAAI,OAAAC,yBAAA,aAAAd,IAAA,EAAAvB,SAAA;EAE5E,oBACC,IAAAD,WAAA,CAAAuC,GAAA,EAAAvC,WAAA,CAAAwC,QAAA,IAAI,CAAC;AAER,CAAC,CAAC;AAAClB,aAAA,CAAAmB,SAAA;EAtCDb,cAAc,EAAAc,UAAA,YAAAC,IAAA,CAAAC,UAAA;EAKdlB,MAAM,EAAAgB,UAAA,YAAAG,IAAA,CAAAD,UAAA;EAKNR,EAAE,EAAAM,UAAA,YAAAI,MAAA,CAAAF,UAAA;EAUFT,SAAS,EAAAO,UAAA,YAAAK;AAAA;AAAA,IAAAC,QAAA,GAoBI1B,aAAa;AAAA2B,OAAA,cAAAD,QAAA","ignoreList":[]}