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

package/dist/Tile/TileCommonItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","_templateObject","_taggedTemplateLiteral","TileNoteIcon","_templateObject2","TileNoteWrapper","_templateObject3","neutral_600","Regular","TileHyperLinkIcon","_templateObject4","TileHyperLinkText","_templateObject5","TileHyperLinkWrapper","_templateObject6","Bold","primary_500","RenderTileItem","item","size","key","arguments","length","undefined","componentType","_item$variant","_item$shape","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${COLORS.neutral_600};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return <TileNoteWrapper key={key} className={size}>\r\n        {\r\n          item.noteIcon &&\r\n          <TileNoteIcon>\r\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\r\n          </TileNoteIcon>\r\n        }\r\n        <TileNoteText>{item.noteText}</TileNoteText>\r\n      </TileNoteWrapper>\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return <TileHyperLinkWrapper className={size} key={key}>\r\n        <HyperLink {...rest}>\r\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n          {\r\n            linkIcon &&\r\n            <TileHyperLinkIcon>\r\n              {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\r\n            </TileHyperLinkIcon>\r\n          }\r\n        </HyperLink>\r\n      </TileHyperLinkWrapper>\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","_templateObject","_taggedTemplateLiteral","TileNoteIcon","_templateObject2","TileNoteWrapper","_templateObject3","props","getColor","theme","Regular","TileHyperLinkIcon","_templateObject4","TileHyperLinkText","_templateObject5","TileHyperLinkWrapper","_templateObject6","Bold","RenderTileItem","item","size","key","arguments","length","undefined","componentType","_item$variant","_item$shape","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\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  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return <TileNoteWrapper key={key} className={size}>\r\n        {\r\n          item.noteIcon &&\r\n          <TileNoteIcon>\r\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\r\n          </TileNoteIcon>\r\n        }\r\n        <TileNoteText>{item.noteText}</TileNoteText>\r\n      </TileNoteWrapper>\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return <TileHyperLinkWrapper className={size} key={key}>\r\n        <HyperLink {...rest}>\r\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n          {\r\n            linkIcon &&\r\n            <TileHyperLinkIcon>\r\n              {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\r\n            </TileHyperLinkIcon>\r\n          }\r\n        </HyperLink>\r\n      </TileHyperLinkWrapper>\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/TileFooter.cjs

@@ -14,7 +14,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n"])));
 var LeftItemContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1\n"])));
-var RightItemContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), _styles.COLORS.neutral_600);
+var RightItemContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_600', props.theme);
+});
 var TileFooter = function TileFooter(_ref) {
   var buttons = _ref.buttons,
     leftItem = _ref.leftItem,

package/dist/Tile/TileFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_TileCommonItems","_styles","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","Wrapper","styled","div","_taggedTemplateLiteral2","LeftItemContainer","RightItemContainer","COLORS","neutral_600","TileFooter","_ref","buttons","leftItem","size","jsxs","className","children","jsx","RenderTileItem","map","value","index","_default","exports"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${COLORS.neutral_600};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEjC,IAAMC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,2XAyBzB;AAED,IAAMC,iBAAiB,GAAGH,4BAAM,CAACC,GAAG,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,iCAEnC;AAED,IAAME,kBAAkB,GAAGJ,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,+GAI1BG,cAAM,CAACC,WAAW,CAC5B;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqEA,CAAAC,IAAA,EAAkC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAErG,oBACE,IAAAhB,WAAA,CAAAiB,IAAA,EAACb,OAAO;IAACc,SAAS,EAAEF,IAAK;IAAAG,QAAA,gBACvB,IAAAnB,WAAA,CAAAoB,GAAA,EAACZ,iBAAiB;MAAAW,QAAA,EAAEJ,QAAQ,IAAI,IAAAM,+BAAc,EAACN,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnF,IAAAhB,WAAA,CAAAoB,GAAA,EAACX,kBAAkB;MAAAU,QAAA,EAAEL,OAAO,IAAIA,OAAO,CAACQ,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAK,IAAAH,+BAAc,EAACE,KAAK,EAAEP,IAAI,EAAEQ,KAAK,CAAC;MAAA;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAAA,IAAAC,QAAA,GAEcb,UAAU;AAAAc,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"TileFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_TileCommonItems","_styles","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","Wrapper","styled","div","_taggedTemplateLiteral2","LeftItemContainer","RightItemContainer","props","COLORS","getColor","theme","TileFooter","_ref","buttons","leftItem","size","jsxs","className","children","jsx","RenderTileItem","map","value","index","_default","exports"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEjC,IAAMC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,2XAyBzB;AAED,IAAMC,iBAAiB,GAAGH,4BAAM,CAACC,GAAG,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,iCAEnC;AAED,IAAME,kBAAkB,GAAGJ,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,+GAI1B,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAC9D;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqEA,CAAAC,IAAA,EAAkC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAErG,oBACE,IAAAlB,WAAA,CAAAmB,IAAA,EAACf,OAAO;IAACgB,SAAS,EAAEF,IAAK;IAAAG,QAAA,gBACvB,IAAArB,WAAA,CAAAsB,GAAA,EAACd,iBAAiB;MAAAa,QAAA,EAAEJ,QAAQ,IAAI,IAAAM,+BAAc,EAACN,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnF,IAAAlB,WAAA,CAAAsB,GAAA,EAACb,kBAAkB;MAAAY,QAAA,EAAEL,OAAO,IAAIA,OAAO,CAACQ,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAK,IAAAH,+BAAc,EAACE,KAAK,EAAEP,IAAI,EAAEQ,KAAK,CAAC;MAAA;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAAA,IAAAC,QAAA,GAEcb,UAAU;AAAAc,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Tile/TileFooter.js

@@ -8,7 +8,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n"])));
 var LeftItemContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1\n"])));
-var RightItemContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), COLORS.neutral_600);
+var RightItemContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), function (props) {
+  return COLORS.getColor('neutral_600', props.theme);
+});
 var TileFooter = function TileFooter(_ref) {
   var buttons = _ref.buttons,
     leftItem = _ref.leftItem,

package/dist/Tile/TileFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LeftItemContainer","_templateObject2","RightItemContainer","_templateObject3","neutral_600","TileFooter","_ref","buttons","leftItem","size","className","children","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${COLORS.neutral_600};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,cAAc,QAAO,mBAAmB;AAChD,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+WAyBzB;AAED,IAAMC,iBAAiB,GAAGX,MAAM,CAACQ,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,qBAEnC;AAED,IAAMG,kBAAkB,GAAGb,MAAM,CAACQ,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,mGAI1BR,MAAM,CAACa,WAAW,CAC5B;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqEA,CAAAC,IAAA,EAAkC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAErG,oBACEd,KAAA,CAACC,OAAO;IAACc,SAAS,EAAED,IAAK;IAAAE,QAAA,gBACvBlB,IAAA,CAACO,iBAAiB;MAAAW,QAAA,EAAEH,QAAQ,IAAIlB,cAAc,CAACkB,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnFhB,IAAA,CAACS,kBAAkB;MAAAS,QAAA,EAAEJ,OAAO,IAAIA,OAAO,CAACK,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAKxB,cAAc,CAACuB,KAAK,EAAEJ,IAAI,EAAEK,KAAK,CAAC;MAAA;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","LeftItemContainer","_templateObject2","RightItemContainer","_templateObject3","props","getColor","theme","TileFooter","_ref","buttons","leftItem","size","className","children","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,cAAc,QAAO,mBAAmB;AAChD,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+WAyBzB;AAED,IAAMC,iBAAiB,GAAGX,MAAM,CAACQ,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,qBAEnC;AAED,IAAMG,kBAAkB,GAAGb,MAAM,CAACQ,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,mGAI1B,UAAAK,KAAK;EAAA,OAAIb,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAC9D;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqEA,CAAAC,IAAA,EAAkC;EAAA,IAA7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAErG,oBACEhB,KAAA,CAACC,OAAO;IAACgB,SAAS,EAAED,IAAK;IAAAE,QAAA,gBACvBpB,IAAA,CAACO,iBAAiB;MAAAa,QAAA,EAAEH,QAAQ,IAAIpB,cAAc,CAACoB,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnFlB,IAAA,CAACS,kBAAkB;MAAAW,QAAA,EAAEJ,OAAO,IAAIA,OAAO,CAACK,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAK1B,cAAc,CAACyB,KAAK,EAAEJ,IAAI,EAAEK,KAAK,CAAC;MAAA;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}

package/dist/Tile/TileHeader.cjs

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _types = require("../types");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _styles = require("../styles");
 var _Tooltips = require("../Tooltips");
 var _Button = require("../Button");
@@ -18,11 +19,17 @@ var _TileCommonItems = require("./TileCommonItems");
 var _Tag = require("../Tag");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubtitleIconContainer = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n\n  .large & {\n    width: 20px;\n    height: 20px;\n  }\n"])));
-var SubtitleContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), _styles.COLORS.neutral_600);
-var TitleContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), _styles.COLORS.black);
+var SubtitleContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_600', props.theme);
+});
+var TitleContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
+  return _styles.COLORS.getColor('black', props.theme);
+});
 var TextContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n  flex: 1;\n\n  padding: 14px 0;\n\n  .medium & {\n    padding: 12px 0;\n  }\n\n  .large & {\n    padding: 12px 0;\n  }\n\n"])));
 var ActionContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  height: 100%;\n"])));
 var Wrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: flex-start;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n"])), SubtitleContainer, (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), TitleContainer, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), SubtitleContainer, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null), TitleContainer, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), SubtitleContainer, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), TitleContainer, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null));
@@ -35,6 +42,7 @@ var TileHeader = function TileHeader(_ref) {
     buttons = _ref.buttons,
     size = _ref.size,
     tag = _ref.tag;
+  var theme = (0, _styledComponents.useTheme)();
   var renderTooltip = function renderTooltip() {
     return !!tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltips.TooltipWrapper, {
       delay: "0s",
@@ -52,7 +60,7 @@ var TileHeader = function TileHeader(_ref) {
         action: function action() {},
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Help, {
           size: "24px",
-          color: _styles.COLORS.neutral_600
+          color: _styles.COLORS.getColor('neutral_600', theme)
         })
       })
     });

package/dist/Tile/TileHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileHeader.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_Tooltips","_Button","_icons","_TileCommonItems","_Tag","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","SubtitleIconContainer","styled","span","_taggedTemplateLiteral2","SubtitleContainer","div","COLORS","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","jsx","TooltipWrapper","delay","Size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","renderTag","Tag","jsxs","className","React","cloneElement","Large","map","item","index","RenderTileItem","_default","exports"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${COLORS.neutral_600};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${COLORS.black};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_interopRequireWildcard","_styles","_Tooltips","_Button","_icons","_TileCommonItems","_Tag","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","SubtitleIconContainer","styled","span","_taggedTemplateLiteral2","SubtitleContainer","div","props","COLORS","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","useTheme","renderTooltip","jsx","TooltipWrapper","delay","Size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","renderTag","Tag","jsxs","className","React","cloneElement","Large","map","item","index","RenderTileItem","_default","exports"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  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\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAT,OAAA;AAA2B,IAAAU,WAAA,GAAAV,OAAA;AAAA,IAAAW,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;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,SAAAhB,wBAAAgB,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;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAE3B,IAAMkC,qBAAqB,GAAGC,4BAAM,CAACC,IAAI,CAAA5C,eAAA,KAAAA,eAAA,OAAA6C,uBAAA,mIASxC;AAED,IAAMC,iBAAiB,GAAGH,4BAAM,CAACI,GAAG,CAAA9C,gBAAA,KAAAA,gBAAA,OAAA4C,uBAAA,kGACzB,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAI9D;AAED,IAAMC,cAAc,GAAGT,4BAAM,CAACI,GAAG,CAAA7C,gBAAA,KAAAA,gBAAA,OAAA2C,uBAAA,uCACtB,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EACxD;AAED,IAAME,aAAa,GAAGV,4BAAM,CAACI,GAAG,CAAA5C,gBAAA,KAAAA,gBAAA,OAAA0C,uBAAA,uOAiB/B;AAED,IAAMS,eAAe,GAAGX,4BAAM,CAACI,GAAG,CAAA3C,gBAAA,KAAAA,gBAAA,OAAAyC,uBAAA,yDAGjC;AAED,IAAMU,OAAO,GAAGZ,4BAAM,CAACI,GAAG,CAAA1C,gBAAA,KAAAA,gBAAA,OAAAwC,uBAAA,qfAUpBC,iBAAiB,EACf,IAAAU,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGvDN,cAAc,EACZ,IAAAO,yBAAiB,EAACF,0BAAkB,CAACG,IAAI,EAAE,IAAI,CAAC,EAQlDd,iBAAiB,EACf,IAAAe,0BAAkB,EAACJ,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGtDN,cAAc,EACZ,IAAAU,yBAAiB,EAACL,0BAAkB,CAACG,IAAI,EAAE,IAAI,CAAC,EASlDd,iBAAiB,EACf,IAAAa,yBAAiB,EAACF,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDN,cAAc,EACZ,IAAAW,yBAAiB,EAACN,0BAAkB,CAACG,IAAI,EAAE,IAAI,CAAC,CAIvD;AAED,IAAMI,YAAY,GAAGrB,4BAAM,CAACI,GAAG,CAAAzC,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,6CAE9B;AAGD,IAAMoB,UAAqE,GAAG,SAAxEA,UAAqEA,CAAAC,IAAA,EAQU;EAAA,IAPJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,GAAG,GAAAP,IAAA,CAAHO,GAAG;EAGlF,IAAMtB,KAAK,GAAG,IAAAuB,0BAAQ,EAAC,CAAC;EAExB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA;IAAA,OACjB,CAAC,CAACL,OAAO,iBACT,IAAAvE,WAAA,CAAA6E,GAAA,EAAClF,SAAA,CAAAmF,cAAc;MAACC,KAAK,EAAC,IAAI;MAACN,IAAI,EAAEO,WAAI,CAACC,MAAO;MAC7BC,KAAK,EAAC,QAAQ;MACdC,QAAQ,EAAC,QAAQ;MACjBC,SAAS,EAAE,KAAM;MACjBC,KAAK,EAAEd,OAAQ;MAAAe,QAAA,eAC7B,IAAAtF,WAAA,CAAA6E,GAAA,EAACjF,OAAA,CAAA2F,UAAU;QAACC,OAAO,EAAC,WAAW;QACnBC,KAAK,EAAC,UAAU;QAChBC,KAAK,EAAE;UAACC,MAAM,EAAE;QAAM,CAAE;QACxBC,MAAM,EAAE,SAAAA,OAAA,EAAM,CACd,CAAE;QAAAN,QAAA,eACZ,IAAAtF,WAAA,CAAA6E,GAAA,EAAChF,MAAA,CAAAgG,WAAW,CAACC,IAAI;UAACrB,IAAI,EAAC,MAAM;UAACsB,KAAK,EAAE7C,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEC,KAAK;QAAE,CAAC;MAAC,CACnE;IAAC,CACC,CAAC;EAAA;EAGnB,IAAM4C,SAAS,GAAG,SAAZA,SAASA,CAAA;IAAA,OAAS,CAAC,CAACtB,GAAG,iBAAI,IAAA1E,WAAA,CAAA6E,GAAA,EAACZ,YAAY;MAAAqB,QAAA,eAAC,IAAAtF,WAAA,CAAA6E,GAAA,EAAC9E,IAAA,CAAAkG,GAAG,EAAA7D,aAAA,KAAKsC,GAAG,CAAE;IAAC,CAAc,CAAC;EAAA;EAG7E,oBACE,IAAA1E,WAAA,CAAAkG,IAAA,EAAC1C,OAAO;IAAC2C,SAAS,EAAE1B,IAAK;IAAAa,QAAA,gBACvB,IAAAtF,WAAA,CAAAkG,IAAA,EAAC5C,aAAa;MAAAgC,QAAA,gBACZ,IAAAtF,WAAA,CAAA6E,GAAA,EAACxB,cAAc;QAAAiC,QAAA,EAAElB;MAAK,CAAiB,CAAC,EAEtCC,QAAQ,iBACR,IAAArE,WAAA,CAAAkG,IAAA,EAACnD,iBAAiB;QAAAuC,QAAA,GAEdhB,YAAY,iBACZ,IAAAtE,WAAA,CAAA6E,GAAA,EAAClC,qBAAqB;UAAA2C,QAAA,eAAEc,iBAAK,CAACC,YAAY,CAAC/B,YAAY,EAAwB;YAACG,IAAI,EAAEA,IAAI,KAAKO,WAAI,CAACsB,KAAK,GAAG,MAAM,GAAG;UAAM,CAAC;QAAC,CAAwB,CAAC,eAExJ,IAAAtG,WAAA,CAAA6E,GAAA;UAAAS,QAAA,EAAOjB;QAAQ,CAAO,CAAC;MAAA,CACN,CAAC;IAAA,CAET,CAAC,eAChB,IAAArE,WAAA,CAAAkG,IAAA,EAAC3C,eAAe;MAAA+B,QAAA,GACbV,aAAa,CAAC,CAAC,EACfoB,SAAS,CAAC,CAAC,EACXxB,OAAO,IAAIA,OAAO,CAAC+B,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,OAAK,IAAAC,+BAAc,EAACF,IAAI,EAAE/B,IAAI,EAAEgC,KAAK,CAAC;MAAA,EAAC;IAAA,CAC5D,CAAC;EAAA,CACX,CAAC;AAEd,CAAC;AAAA,IAAAE,QAAA,GAEczC,UAAU;AAAA0C,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Tile/TileHeader.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import React from 'react';
 import { Size } from '../types';
-import styled from 'styled-components';
+import styled, { useTheme } from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles';
 import { TooltipWrapper } from '../Tooltips';
 import { IconButton } from '../Button';
@@ -15,8 +15,12 @@ import { Tag } from "../Tag";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SubtitleIconContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n\n  .large & {\n    width: 20px;\n    height: 20px;\n  }\n"])));
-var SubtitleContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), COLORS.neutral_600);
-var TitleContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), COLORS.black);
+var SubtitleContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), function (props) {
+  return COLORS.getColor('neutral_600', props.theme);
+});
+var TitleContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (props) {
+  return COLORS.getColor('black', props.theme);
+});
 var TextContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n  flex: 1;\n\n  padding: 14px 0;\n\n  .medium & {\n    padding: 12px 0;\n  }\n\n  .large & {\n    padding: 12px 0;\n  }\n\n"])));
 var ActionContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n"])));
 var Wrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n"])), SubtitleContainer, ComponentXXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentSStyling(ComponentTextStyle.Bold, null), SubtitleContainer, ComponentXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentMStyling(ComponentTextStyle.Bold, null), SubtitleContainer, ComponentSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentLStyling(ComponentTextStyle.Bold, null));
@@ -29,6 +33,7 @@ var TileHeader = function TileHeader(_ref) {
     buttons = _ref.buttons,
     size = _ref.size,
     tag = _ref.tag;
+  var theme = useTheme();
   var renderTooltip = function renderTooltip() {
     return !!tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
       delay: "0s",
@@ -46,7 +51,7 @@ var TileHeader = function TileHeader(_ref) {
         action: function action() {},
         children: /*#__PURE__*/_jsx(SystemIcons.Help, {
           size: "24px",
-          color: COLORS.neutral_600
+          color: COLORS.getColor('neutral_600', theme)
         })
       })
     });

package/dist/Tile/TileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileHeader.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","SystemIcons","RenderTileItem","Tag","jsx","_jsx","jsxs","_jsxs","SubtitleIconContainer","span","_templateObject","_taggedTemplateLiteral","SubtitleContainer","div","_templateObject2","neutral_600","TitleContainer","_templateObject3","black","TextContainer","_templateObject4","ActionContainer","_templateObject5","Wrapper","_templateObject6","Regular","Bold","TagContainer","_templateObject7","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","delay","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","renderTag","_objectSpread","className","cloneElement","Large","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${COLORS.neutral_600};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${COLORS.black};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.neutral_600}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.js","names":["React","Size","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","SystemIcons","RenderTileItem","Tag","jsx","_jsx","jsxs","_jsxs","SubtitleIconContainer","span","_templateObject","_taggedTemplateLiteral","SubtitleContainer","div","_templateObject2","props","getColor","theme","TitleContainer","_templateObject3","TextContainer","_templateObject4","ActionContainer","_templateObject5","Wrapper","_templateObject6","Regular","Bold","TagContainer","_templateObject7","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","delay","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","renderTag","_objectSpread","className","cloneElement","Large","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  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\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Toasters/Toast.cjs

@@ -26,7 +26,31 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var LoaderAnimationKeyframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
 var Loader = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ", " ", "ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n"])), LoaderAnimationKeyframes, function (props) {
   return props.duration;
-}, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_200, _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_400, _styles.COLORS.white, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_200, _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_200, _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_200, _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_200, _styles.COLORS.critical_500);
+}, _types.ToastColor[_types.ToastColor.BLACK], function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, _types.ToastColor[_types.ToastColor.WHITE], function (props) {
+  return _styles.COLORS.getColor('neutral_400', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, _types.ToastColor[_types.ToastColor.BLUE], function (props) {
+  return _styles.COLORS.getColor('accent1_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('accent1_600', props.theme);
+}, _types.ToastColor[_types.ToastColor.GREEN], function (props) {
+  return _styles.COLORS.getColor('correct_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('correct_500', props.theme);
+}, _types.ToastColor[_types.ToastColor.ORANGE], function (props) {
+  return _styles.COLORS.getColor('warning_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('warning_500', props.theme);
+}, _types.ToastColor[_types.ToastColor.RED], function (props) {
+  return _styles.COLORS.getColor('critical_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('critical_500', props.theme);
+});
 var ToastContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  box-shadow: ", ";\n  border-radius: 4px;\n\n  animation: ", " ", " ", ";\n  transform: ", ";\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ", " ", " 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ", "\n\n  & a {\n    display: inline;\n    ", "\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n    color: ", ";\n\n    & a {\n      ", "\n    }\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n"])), _styles.BOXSHADOWS.BOXSHADOW_L2, function (props) {
   return props.animation.keyframes;
 }, function (props) {
@@ -39,11 +63,31 @@ var ToastContainer = _styledComponents["default"].div(_templateObject3 || (_temp
   return props.withClose ? '0' : '16px';
 }, function (props) {
   return props.withLoader ? '4px' : '0';
-}, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white), _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.white, _styles.COLORS.black, _HyperLink.HyperLinkDefaultStyling, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_500);
+}, function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
+}, _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, _types.ToastColor[_types.ToastColor.WHITE], function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('black', props.theme);
+}, _HyperLink.HyperLinkDefaultStyling, _types.ToastColor[_types.ToastColor.BLUE], function (props) {
+  return _styles.COLORS.getColor('accent1_600', props.theme);
+}, _types.ToastColor[_types.ToastColor.GREEN], function (props) {
+  return _styles.COLORS.getColor('correct_500', props.theme);
+}, _types.ToastColor[_types.ToastColor.ORANGE], function (props) {
+  return _styles.COLORS.getColor('warning_500', props.theme);
+}, _types.ToastColor[_types.ToastColor.RED], function (props) {
+  return _styles.COLORS.getColor('critical_500', props.theme);
+});
 exports.ToastContainer = ToastContainer;
 var ToastActionButtons = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n"])));
 exports.ToastActionButtons = ToastActionButtons;
-var ToastCloseButton = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ", " !important;\n  }\n\n  &.", " {\n    button svg path {\n      fill: ", " !important;\n    }\n  }\n"])), _styles.COLORS.white, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_600);
+var ToastCloseButton = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ", " !important;\n  }\n\n  &.", " {\n    button svg path {\n      fill: ", " !important;\n    }\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, _types.ToastColor[_types.ToastColor.WHITE], function (props) {
+  return _styles.COLORS.getColor('neutral_600', props.theme);
+});
 exports.ToastCloseButton = ToastCloseButton;
 var ToastTextContainer = _styledComponents["default"].span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n"])));
 exports.ToastTextContainer = ToastTextContainer;
@@ -65,6 +109,7 @@ var Toast = function Toast(_ref) {
     options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
     testId = _ref.testId;
   if (!remove) throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');
+  var styledTheme = (0, _styledComponents.useTheme)();
   var removeRef = React.useRef();
   removeRef.current = remove;
   var elementRef = React.useRef(null);
@@ -175,7 +220,7 @@ var Toast = function Toast(_ref) {
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
           size: "24px",
-          color: _styles.COLORS.neutral_600
+          color: _styles.COLORS.getColor('neutral_600', styledTheme)
         })
       })
     }), !!opts.autoClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(Loader, {

package/dist/Toasters/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_enter","_leave","_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","LoaderAnimationKeyframes","keyframes","_taggedTemplateLiteral2","Loader","styled","div","props","duration","ToastColor","BLACK","COLORS","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","ToastContainer","BOXSHADOWS","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","black","HyperLinkDefaultStyling","exports","ToastActionButtons","ToastCloseButton","neutral_600","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray2","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","concat","theme","_elementRef$current3","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","Button","size","Size","Small","variant","type","ToastActionType","SECONDARY","colorTheme","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\r\n  transform: ${(props) => props.animation.transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${COLORS.neutral_800};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${COLORS.white};\r\n    color: ${COLORS.black};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${COLORS.accent1_600};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${COLORS.correct_500};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${COLORS.warning_500};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${COLORS.critical_500};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${COLORS.white} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${COLORS.neutral_600} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    duration: animation.duration,\r\n    bezier: animation.bezier,\r\n    transform: `translateY(${toY}) translateX(${toX})`,\r\n    keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_enter","_leave","_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","LoaderAnimationKeyframes","keyframes","_taggedTemplateLiteral2","Loader","styled","div","props","duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","BOXSHADOWS","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","exports","ToastActionButtons","ToastCloseButton","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray2","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","concat","_elementRef$current3","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","Button","size","Size","Small","variant","type","ToastActionType","SECONDARY","colorTheme","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('accent1_200', props.theme)} 50%, ${props => COLORS.getColor('accent1_600', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('correct_200', props.theme)} 50%, ${props => COLORS.getColor('correct_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('warning_200', props.theme)} 50%, ${props => COLORS.getColor('warning_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('critical_200', props.theme)} 50%, ${props => COLORS.getColor('critical_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\r\n  transform: ${(props) => props.animation.transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.getColor('warning_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.getColor('white', props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    duration: animation.duration,\r\n    bezier: animation.bezier,\r\n    transform: `translateY(${toY}) translateX(${toX})`,\r\n    keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAuC,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,MAAA,EAAAC,MAAA;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,SAAArB,wBAAAqB,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;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAEvC,IAAMkC,wBAAwB,OAAGC,2BAAS,EAAA/C,eAAA,KAAAA,eAAA,OAAAgD,uBAAA,mHAOzC;AAED,IAAMC,MAAM,GAAGC,4BAAM,CAACC,GAAG,CAAAlD,gBAAA,KAAAA,gBAAA,OAAA+C,uBAAA,o8BASVF,wBAAwB,EAAI,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,QAAQ;AAAA,GAE9DC,iBAAU,CAACA,iBAAU,CAACC,KAAK,CAAC,EACU,UAAAH,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIvJJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EACU,UAAAP,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIjJJ,iBAAU,CAACA,iBAAU,CAACM,IAAI,CAAC,EACW,UAAAR,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIvJJ,iBAAU,CAACA,iBAAU,CAACO,KAAK,CAAC,EACU,UAAAT,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIvJJ,iBAAU,CAACA,iBAAU,CAACQ,MAAM,CAAC,EACS,UAAAV,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAIvJJ,iBAAU,CAACA,iBAAU,CAACS,GAAG,CAAC,EACY,UAAAX,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAAS,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAG9J;AAEM,IAAMM,cAAc,GAAGd,4BAAM,CAACC,GAAG,CAAAjD,gBAAA,KAAAA,gBAAA,OAAA8C,uBAAA,8yBACxBiB,kBAAU,CAACC,YAAY,EAGxB,UAACd,KAAK;EAAA,OAAKA,KAAK,CAACe,SAAS,CAACpB,SAAS;AAAA,GAAI,UAACK,KAAK;EAAA,OAAKA,KAAK,CAACe,SAAS,CAACd,QAAQ;AAAA,GAAI,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACe,SAAS,CAACC,MAAM;AAAA,GAChH,UAAChB,KAAK;EAAA,OAAKA,KAAK,CAACe,SAAS,CAACE,SAAS;AAAA,GAIpC,UAACjB,KAAK;EAAA,OAAMA,KAAK,CAACkB,SAAS,GAAG,GAAG,GAAG,MAAM;AAAA,CAAC,EAAI,UAAClB,KAAK;EAAA,OAAMA,KAAK,CAACmB,UAAU,GAAG,KAAK,GAAG,GAAG;AAAA,CAAC,EAcrG,UAAAnB,KAAK;EAAA,OAAI,IAAAoB,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAElB,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC;AAAA,GAI3FiB,mCAAwB,EAGxBrB,iBAAU,CAACA,iBAAU,CAACC,KAAK,CAAC,EACV,UAAAH,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGtEJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EACV,UAAAP,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GACzD,UAAAN,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGnDkB,kCAAuB,EAIzBtB,iBAAU,CAACA,iBAAU,CAACM,IAAI,CAAC,EACT,UAAAR,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGtEJ,iBAAU,CAACA,iBAAU,CAACO,KAAK,CAAC,EACV,UAAAT,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGtEJ,iBAAU,CAACA,iBAAU,CAACQ,MAAM,CAAC,EACX,UAAAV,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGtEJ,iBAAU,CAACA,iBAAU,CAACS,GAAG,CAAC,EACR,UAAAX,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAE5E;AAACmB,OAAA,CAAAb,cAAA,GAAAA,cAAA;AAEK,IAAMc,kBAAkB,GAAG5B,4BAAM,CAACC,GAAG,CAAAhD,gBAAA,KAAAA,gBAAA,OAAA6C,uBAAA,+IAS3C;AAAC6B,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEK,IAAMC,gBAAgB,GAAG7B,4BAAM,CAACC,GAAG,CAAA/C,gBAAA,KAAAA,gBAAA,OAAA4C,uBAAA,mPAU9B,UAAAI,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAGpDJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EAEpB,UAAAP,KAAK;EAAA,OAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,EAGjE;AAACmB,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AAEK,IAAMC,kBAAkB,GAAG9B,4BAAM,CAAC+B,IAAI,CAAA5E,gBAAA,KAAAA,gBAAA,OAAA2C,uBAAA,mHAK5C;AAAC6B,OAAA,CAAAG,kBAAA,GAAAA,kBAAA;AAEK,IAAME,kBAAkB,GAAGhC,4BAAM,CAAC+B,IAAI,CAAA3E,gBAAA,KAAAA,gBAAA,OAAA0C,uBAAA,6CAE5C;AAAC6B,OAAA,CAAAK,kBAAA,GAAAA,kBAAA;AAiCF,IAAMC,eAA6B,GAAG;EACpCC,KAAK,EAAE9B,iBAAU,CAACC,KAAK;EACvB8B,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEC,oBAAa,CAACC,OAAO;EAC/BC,SAAS,EAAEC,0BAAmB,CAACC;AACjC,CAAC;AAED,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAsE;EAAA,IAAAC,eAAA,EAAAC,WAAA,EAAAC,WAAA;EAAA,IAAhEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,YAAA,GAAAN,IAAA,CAAEO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAGlB,eAAe,GAAAkB,YAAA;IAAEE,MAAM,GAAAR,IAAA,CAANQ,MAAM;EAIjE,IAAG,CAACH,MAAM,EACR,MAAM,IAAII,KAAK,CAAC,qIAAqI,CAAC;EAExJ,IAAMC,WAAW,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EAE9B,IAAMC,SAAS,GAAGrH,KAAK,CAACsH,MAAM,CAAC,CAAC;EAChCD,SAAS,CAACE,OAAO,GAAGT,MAAM;EAE1B,IAAMU,UAAU,GAAGxH,KAAK,CAACsH,MAAM,CAAM,IAAI,CAAC;EAE1C,IAAAG,eAAA,GAAwCzH,KAAK,CAAC0H,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAtDI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EACpC,IAAAI,gBAAA,GAAoC/H,KAAK,CAAC0H,QAAQ,CAAoC;MAAEM,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC,CAAC;IAAAC,gBAAA,OAAAN,eAAA,aAAAG,gBAAA;IAAvGI,UAAU,GAAAD,gBAAA;IAAEE,aAAa,GAAAF,gBAAA;EAEhC,IAAMG,IAAI,GAAApF,aAAA,CAAAA,aAAA,KAAQ4C,eAAe,GAAKmB,OAAO,CAAE;EAE/ChH,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpB,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEtC,SAAS,EAAE;MACnB;MACA,IAAMwC,EAAE,GAAGC,UAAU,CAAC;QAAA,OAAMV,eAAe,CAAC,IAAI,CAAC;MAAA,GAAEO,IAAI,CAACrC,KAAK,CAAC;MAC9D,OAAO;QAAA,OAAMyC,YAAY,CAACF,EAAE,CAAC;MAAA;IAC/B;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN1I,KAAK,CAACsI,SAAS,CAAC,YAAM;IACpB,IAAIT,YAAY,EAAE;MAChB;MACA,IAAMU,EAAE,GAAGC,UAAU,CAAC;QAAA,OAAMnB,SAAS,CAACE,OAAO,CAAC,CAAC;MAAA,GAAE,GAAG,CAAC;MACrD,OAAO;QAAA,OAAMkB,YAAY,CAACF,EAAE,CAAC;MAAA;IAC/B;EACF,CAAC,EAAE,CAACV,YAAY,CAAC,CAAC;EAElB7H,KAAK,CAACsI,SAAS,CAAC,YAAM;IAAA,IAAAK,mBAAA,EAAAC,oBAAA;IACpBR,aAAa,CAAC;MAAEH,MAAM,GAAAU,mBAAA,GAAEnB,UAAU,CAACD,OAAO,cAAAoB,mBAAA,uBAAlBA,mBAAA,CAAoBE,YAAY;MAAEb,KAAK,GAAAY,oBAAA,GAAEpB,UAAU,CAACD,OAAO,cAAAqB,oBAAA,uBAAlBA,oBAAA,CAAoBE;IAAY,CAAC,CAAC;EACrG,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMjE,SAAS,GAAGkE,UAAU,CAAClB,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;EAC9D,IAAMmB,SAAS,GAAGnE,SAAS,EAAA6B,eAAA,GAAC2B,IAAI,CAAChC,SAAS,cAAAK,eAAA,cAAAA,eAAA,GAAIJ,0BAAmB,CAACC,GAAG,CAAC;EAEtE,IAAM0C,KAAK,GAAGd,UAAU,CAACF,MAAM,GAAGe,SAAS,CAACE,UAAU;EACtD,IAAMC,GAAG,GAAGhB,UAAU,CAACF,MAAM,GAAGe,SAAS,CAACI,QAAQ;EAClD,IAAMC,KAAK,GAAGlB,UAAU,CAACH,KAAK,GAAGgB,SAAS,CAACM,SAAS;EACpD,IAAMC,GAAG,GAAGpB,UAAU,CAACH,KAAK,GAAGgB,SAAS,CAACQ,OAAO;EAEhD,IAAIC,IAAI,GAAG;IACT1F,QAAQ,EAAEc,SAAS,CAACd,QAAQ;IAC5Be,MAAM,EAAED,SAAS,CAACC,MAAM;IACxBC,SAAS,gBAAA2E,MAAA,CAAgBP,GAAG,mBAAAO,MAAA,CAAgBH,GAAG,MAAG;IAClD9F,SAAS,MAAEA,2BAAS,EAAAxC,gBAAA,KAAAA,gBAAA,OAAAyC,uBAAA,mMAEUuF,KAAK,EAAkBI,KAAK,EAG5BF,GAAG,EAAkBI,GAAG;EAExD,CAAC;EAED,IAAI,CAACpB,UAAU,CAACF,MAAM,EAAE;IACtBwB,IAAI,GAAAxG,aAAA,CAAAA,aAAA,KACCwG,IAAI,GACJ;MACD1E,SAAS,EAAE,yCAAyC;MACpDtB,SAAS,MAAEA,2BAAS,EAAAvC,gBAAA,KAAAA,gBAAA,OAAAwC,uBAAA;IACtB,CAAC,CACF;EACH;EAEA,IAAMU,KAAK,GAAGJ,iBAAU,EAAA2C,WAAA,GAAC0B,IAAI,CAACvC,KAAK,cAAAa,WAAA,cAAAA,WAAA,GAAI3C,iBAAU,CAACC,KAAK,CAAC;EAExD,IAAI,CAAC4D,YAAY,EAAC;IAChBW,UAAU,CAAC;MAAA,IAAAmB,oBAAA;MAAA,OAAMnC,UAAU,aAAVA,UAAU,wBAAAmC,oBAAA,GAAVnC,UAAU,CAAED,OAAO,cAAAoC,oBAAA,uBAAnBA,oBAAA,CAAqBC,KAAK,CAAC,CAAC;IAAA,EAAC;EAChD;EAEA,oBACE,IAAAnJ,WAAA,CAAAoJ,IAAA,EAACnF,cAAc;IAAC,eAAauC,MAAO;IACzBpC,SAAS,EAAE4E,IAAK;IAChBK,GAAG,EAAEtC,UAAW;IAChBvC,UAAU,EAAE,CAAC,CAACoD,IAAI,CAACtC,SAAU;IAC7BgE,SAAS,EAAE3F,KAAM;IACjBY,SAAS,EAAE,CAAC,CAACqD,IAAI,CAACpC,eAAgB;IAClC+D,QAAQ,EAAE,CAAC,CAAE;IAAAC,QAAA,GACrB5B,IAAI,CAAC6B,IAAI,iBAAI,IAAAzJ,WAAA,CAAA0J,GAAA,EAACvE,kBAAkB;MAAAqE,QAAA,EAAE5B,IAAI,CAAC6B;IAAI,CAAqB,CAAC,eAClE,IAAAzJ,WAAA,CAAA0J,GAAA,EAACzE,kBAAkB;MAACqE,SAAS,EAAE,aAAc;MAAAE,QAAA,EAAEpD;IAAO,CAAqB,CAAC,EAC3EwB,IAAI,CAAC+B,MAAM,iBACV,IAAA3J,WAAA,CAAA0J,GAAA,EAAC3E,kBAAkB;MAAAyE,QAAA,EAChB5B,IAAI,CAAC+B,MAAM,CAACC,GAAG,CAAC,UAACD,MAAM,EAAE7H,CAAC;QAAA,oBACzB,IAAA9B,WAAA,CAAA0J,GAAA,EAAC7J,OAAA,CAAAgK,MAAM;UACLC,IAAI,EAAEC,WAAI,CAACC,KAAM;UACjBC,OAAO,EAAEN,MAAM,CAACO,IAAI,KAAKC,sBAAe,CAACC,SAAS,GAAG,WAAW,GAAG,SAAU;UAC7EC,UAAU,EAAEzC,IAAI,CAACvC,KAAK,KAAK9B,iBAAU,CAACK,KAAK,GAAG,MAAM,GAAG,MAAO;UAC9D0G,WAAW,EAAE1C,IAAI,CAACvC,KAAK,KAAK9B,iBAAU,CAACC,KAAM;UAE7C+G,OAAO,EAAE,SAAAA,QAAA,EAAM;YACblD,eAAe,CAAC,IAAI,CAAC;YACrBsC,MAAM,CAACa,OAAO,CAAC,CAAC;UAClB,CAAE;UACFlB,SAAS,EAAE,QAAS;UAAAE,QAAA,EACnBG,MAAM,CAACc;QAAK,GANR3I,CAOC,CAAC;MAAA,CACV;IAAC,CACgB,CACrB,EACA8F,IAAI,CAACpC,eAAe,iBACnB,IAAAxF,WAAA,CAAA0J,GAAA,EAAC1E,gBAAgB;MAACsE,SAAS,kBAAAL,MAAA,CAAkBtF,KAAK,CAAG;MAAA6F,QAAA,eACnD,IAAAxJ,WAAA,CAAA0J,GAAA,EAAC7J,OAAA,CAAA6K,UAAU;QAACT,OAAO,EAAE,WAAY;QACrBU,KAAK,EAAC,UAAU;QAChBC,wBAAwB,EAAE,IAAK;QAC/BN,WAAW,EAAE1C,IAAI,CAACvC,KAAK,KAAK9B,iBAAU,CAACC,KAAM;QAC7CmG,MAAM,EAAE,SAAAA,OAACkB,KAAK;UAAA,OAAKxD,eAAe,CAAC,IAAI,CAAC;QAAA,CAAC;QAAAmC,QAAA,eACnD,IAAAxJ,WAAA,CAAA0J,GAAA,EAAC3J,MAAA,CAAA+K,WAAW,CAACC,KAAK;UAACjB,IAAI,EAAC,MAAM;UAACzE,KAAK,EAAE5B,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEgD,WAAW;QAAE,CAAE;MAAC,CAC3E;IAAC,CACG,CACnB,EACA,CAAC,CAACkB,IAAI,CAACtC,SAAS,iBAAI,IAAAtF,WAAA,CAAA0J,GAAA,EAACxG,MAAM;MAACoG,SAAS,YAAAL,MAAA,CAAYtF,KAAK,CAAG;MAACL,QAAQ,GAAA6C,WAAA,GAAEyB,IAAI,CAACrC,KAAK,cAAAY,WAAA,cAAAA,WAAA,GAAI;IAAE,CAAE,CAAC;EAAA,CAC1E,CAAC;AAErB,CAAC;AAACJ,KAAA,CAAAiF,SAAA;EAvIA3E,MAAM,EAAA4E,UAAA,YAAAC,GAAA;EACN9E,OAAO,EAAA6E,UAAA,YAAAC,GAAA,CAAAC,UAAA;EACP5E,OAAO,EAAA0E,UAAA,YAAAN,KAAA;IAvBPrF,SAAS,EAAA2F,UAAA,YAAAG,IAAA;IAET7F,KAAK,EAAA0F,UAAA,YAAAI,MAAA;IAEL7F,eAAe,EAAAyF,UAAA,YAAAG,IAAA;IAGfzB,MAAM,EAAAsB,UAAA,YAAAK,OAAA,CAAAL,UAAA,YAAAN,KAAA;MACJF,KAAK,EAAAQ,UAAA,YAAAM,MAAA,CAAAJ,UAAA;MACLX,OAAO,EAAAS,UAAA,YAAAO,IAAA,CAAAL;IAAA;IAQT1B,IAAI,EAAAwB,UAAA,YAAAQ;EAAA;EAOJjF,MAAM,EAAAyE,UAAA,YAAAM;AAAA;AAAA,IAAAG,QAAA,GAsIO3F,KAAK;AAAAjB,OAAA,cAAA4G,QAAA;AAEpB,IAAMpD,UAAU,GAAG;EACjBqD,KAAK,GAAAjL,MAAA;IACH2D,MAAM,EAAE,mCAAmC;IAC3Cf,QAAQ,EAAE;EAAO,OAAAV,gBAAA,aAAAlC,MAAA,EAChBmF,0BAAmB,CAACC,GAAG,EAAG;IACzB2C,UAAU,EAAE,CAAC,CAAC;IACdE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,OAAAnG,gBAAA,aAAAlC,MAAA,EACAmF,0BAAmB,CAAC+F,MAAM,EAAG;IAC5BnD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,OAAAnG,gBAAA,aAAAlC,MAAA,EACAmF,0BAAmB,CAACgG,IAAI,EAAG;IAC1BpD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC,CAAC;IACbE,OAAO,EAAE;EACX,CAAC,OAAAnG,gBAAA,aAAAlC,MAAA,EACAmF,0BAAmB,CAACiG,KAAK,EAAG;IAC3BrD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAArI,MAAA,CACF;EACDqL,KAAK,GAAApL,MAAA;IACH0D,MAAM,EAAE,qCAAqC;IAC7Cf,QAAQ,EAAE;EAAO,OAAAV,gBAAA,aAAAjC,MAAA,EAChBkF,0BAAmB,CAACC,GAAG,EAAG;IACzB2C,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC,CAAC;IACZE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,OAAAnG,gBAAA,aAAAjC,MAAA,EACAkF,0BAAmB,CAAC+F,MAAM,EAAG;IAC5BnD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,OAAAnG,gBAAA,aAAAjC,MAAA,EACAkF,0BAAmB,CAACgG,IAAI,EAAG;IAC1BpD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE,CAAC;EACZ,CAAC,OAAAnG,gBAAA,aAAAjC,MAAA,EACAkF,0BAAmB,CAACiG,KAAK,EAAG;IAC3BrD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAApI,MAAA;AAEL,CAAC","ignoreList":[]}