@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/Tile/TileHeader.cjs.map

@@ -1 +1 @@
-{"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","default","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":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_interopRequireWildcard","_styles","_Tooltips","_Button","_icons","_TileCommonItems","_Tag","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","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<any>, {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/Tile/TileHeader.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { TileHeaderProps } from './TileTypes';
-import { Size } from '../types';
-declare const TileHeader: React.FunctionComponent<TileHeaderProps & {
-    size: Size;
-}>;
-export default TileHeader;
+import React from 'react';
+import { TileHeaderProps } from './TileTypes';
+import { Size } from '../types';
+declare const TileHeader: React.FunctionComponent<TileHeaderProps & {
+    size: Size;
+}>;
+export default TileHeader;

package/dist/Tile/TileHeader.js

@@ -1,6 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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) { _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';
@@ -13,13 +11,97 @@ import { SystemIcons } from '../icons';
 import { RenderTileItem } from './TileCommonItems';
 import { Tag } from "../Tag";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const 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"])));
-const SubtitleContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), props => COLORS.getColor('neutral_600', props.theme));
-const TitleContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), props => COLORS.getColor('black', props.theme));
-const 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"])));
-const ActionContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 100%;\n"])));
-const 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));
-const TagContainer = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  align-self: center;\n"])));
+const SubtitleIconContainer = styled.span`
+  display: flex;
+  width: 16px;
+  height: 16px;
+
+  .large & {
+    width: 20px;
+    height: 20px;
+  }
+`;
+const SubtitleContainer = styled.div`
+  color: ${props => COLORS.getColor('neutral_600', props.theme)};
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+`;
+const TitleContainer = styled.div`
+  color: ${props => COLORS.getColor('black', props.theme)};
+`;
+const TextContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+  flex: 1;
+
+  padding: 14px 0;
+
+  .medium & {
+    padding: 12px 0;
+  }
+
+  .large & {
+    padding: 12px 0;
+  }
+
+`;
+const ActionContainer = styled.div`
+  display: flex;
+  height: 100%;
+`;
+const Wrapper = styled.div`
+  display: flex;
+  align-items: flex-start;
+
+  min-height: 56px;
+  box-sizing: border-box;
+
+  &.small {
+    padding: 4px 16px;
+
+    ${SubtitleContainer} {
+      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}
+    }
+
+    ${TitleContainer} {
+      ${ComponentSStyling(ComponentTextStyle.Bold, null)}
+    }
+  }
+
+  &.medium {
+    padding: 8px 20px;
+    min-height: 64px;
+
+    ${SubtitleContainer} {
+      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}
+    }
+
+    ${TitleContainer} {
+      ${ComponentMStyling(ComponentTextStyle.Bold, null)}
+    }
+
+  }
+
+  &.large {
+    padding: 12px 24px;
+    min-height: 72px;
+
+    ${SubtitleContainer} {
+      ${ComponentSStyling(ComponentTextStyle.Regular, null)}
+    }
+
+    ${TitleContainer} {
+      ${ComponentLStyling(ComponentTextStyle.Bold, null)}
+    }
+
+  }
+`;
+const TagContainer = styled.div`
+  align-self: center;
+`;
 const TileHeader = _ref => {
   let {
     title,

package/dist/Tile/TileHeader.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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","SubtitleContainer","div","props","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","Regular","Bold","TagContainer","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<any>, {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/Tile/TileTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/TileTypes.d.ts

@@ -1,62 +1,65 @@
-import React from 'react';
-import { IconButtonProps } from '../Button/Iconbutton';
-import { ToggleButtonProps } from '../Toggles/ToggleButton';
-import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { ButtonProps } from '../Button/Button';
-import { HyperlinkProps } from '../HyperLink/HyperLink';
-import { Size } from '../types';
-import { TooltipProps } from "../Tooltips/TooltipTypes";
-import { TagProps } from "../Tag";
-export type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {
-    componentType: 'icon';
-    icon: React.ReactNode;
-};
-export type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
-    componentType: 'toggle';
-};
-export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
-    componentType: 'dropdown';
-    icon: React.ReactNode;
-    tooltip?: TooltipProps;
-};
-export type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
-    componentType: 'button';
-    buttonText: string;
-};
-export type TileNote = {
-    componentType: 'note';
-    noteIcon?: React.ReactNode;
-    noteText: string;
-};
-export type TileHyperLink = HyperlinkProps & {
-    componentType: 'link';
-    linkIcon?: React.ReactNode;
-    linkText: string;
-};
-export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
-export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
-export interface TileHeaderProps {
-    title: string;
-    tag?: TagProps;
-    tooltip?: string;
-    subtitle?: string;
-    subtitleIcon?: React.ReactNode;
-    buttons?: HeaderButtons[];
-}
-export interface TileFooterProps {
-    leftItem?: TileNote | TileHyperLink | TileStandardButton;
-    buttons?: FooterButtons[];
-}
-export interface TileProps extends React.HTMLAttributes<HTMLDivElement> {
-    style?: {
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-    };
-    size?: Size.Small | Size.Medium | Size.Large;
-    header?: TileHeaderProps;
-    footer?: TileFooterProps;
-}
+import React from 'react';
+import { IconButtonProps } from '../Button/Iconbutton';
+import { ToggleButtonProps } from '../Toggles/ToggleButton';
+import { DropdownButtonProps, TextDropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
+import { ButtonProps } from '../Button/Button';
+import { HyperlinkProps } from '../HyperLink/HyperLink';
+import { Size } from '../types';
+import { TooltipProps } from "../Tooltips/TooltipTypes";
+import { TagProps } from "../Tag";
+export type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {
+    componentType: 'icon';
+    icon: React.ReactNode;
+};
+export type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
+    componentType: 'toggle';
+};
+export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+    componentType: 'dropdown';
+    icon: React.ReactNode;
+    tooltip?: TooltipProps;
+};
+export type TileTextDropdownButton = Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+    componentType: 'text-dropdown';
+};
+export type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
+    componentType: 'button';
+    buttonText: string;
+};
+export type TileNote = {
+    componentType: 'note';
+    noteIcon?: React.ReactNode;
+    noteText: string;
+};
+export type TileHyperLink = HyperlinkProps & {
+    componentType: 'link';
+    linkIcon?: React.ReactNode;
+    linkText: string;
+};
+export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
+export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
+export interface TileHeaderProps {
+    title: string;
+    tag?: TagProps;
+    tooltip?: string;
+    subtitle?: string;
+    subtitleIcon?: React.ReactNode;
+    buttons?: HeaderButtons[];
+}
+export interface TileFooterProps {
+    leftItem?: TileNote | TileHyperLink | TileStandardButton;
+    buttons?: FooterButtons[];
+}
+export interface TileProps extends React.HTMLAttributes<HTMLDivElement> {
+    style?: {
+        width?: string;
+        minWidth?: string;
+        maxWidth?: string;
+        height?: string;
+        minHeight?: string;
+        maxHeight?: string;
+    };
+    size?: Size.Small | Size.Medium | Size.Large;
+    header?: TileHeaderProps;
+    footer?: TileFooterProps;
+}

package/dist/Tile/TileTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/index.d.ts

@@ -1,3 +1,3 @@
-import Tile from './Tile';
-export { Tile };
-export * from './TileTypes';
+import Tile from './Tile';
+export { Tile };
+export * from './TileTypes';