@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/Tile/TileCommonItems.cjs

@@ -20,21 +20,21 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["linkText", "componentType", "linkIcon"],
   _excluded2 = ["buttonText", "componentType"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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 TileNoteText = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TileNoteText = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
 exports.TileNoteText = TileNoteText;
-var TileNoteIcon = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display: flex;"])));
+var TileNoteIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["display: flex;"])));
 exports.TileNoteIcon = TileNoteIcon;
-var TileNoteWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ", ";\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ", " {\n      width: 20px;\n      height: 20px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n"])), function (props) {
+var TileNoteWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ", ";\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ", " {\n      width: 20px;\n      height: 20px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_600', props.theme);
 }, TileNoteIcon, TileNoteText, (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null));
 exports.TileNoteWrapper = TileNoteWrapper;
-var TileHyperLinkIcon = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display: flex"])));
+var TileHyperLinkIcon = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["display: flex"])));
 exports.TileHyperLinkIcon = TileHyperLinkIcon;
-var TileHyperLinkText = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])([""])));
+var TileHyperLinkText = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.TileHyperLinkText = TileHyperLinkText;
-var TileHyperLinkWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: max-content;\n\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ", " {\n      width: 28px;\n      height: 28px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n"])), function (props) {
+var TileHyperLinkWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: max-content;\n\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ", " {\n      width: 28px;\n      height: 28px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n"])), function (props) {
   return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme));
 }, TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null));
 exports.TileHyperLinkWrapper = TileHyperLinkWrapper;
@@ -90,7 +90,7 @@ var RenderTileItem = function RenderTileItem(item, size) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TileNoteWrapper, {
           className: size,
           children: [item.noteIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteIcon, {
-            children: /*#__PURE__*/_react["default"].cloneElement(item.noteIcon, {
+            children: /*#__PURE__*/_react.default.cloneElement(item.noteIcon, {
               size: size === _types.Size.Large ? '20px' : '16'
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteText, {
@@ -103,14 +103,14 @@ var RenderTileItem = function RenderTileItem(item, size) {
         var linkText = item.linkText,
           componentType = item.componentType,
           linkIcon = item.linkIcon,
-          rest = (0, _objectWithoutProperties2["default"])(item, _excluded);
+          rest = (0, _objectWithoutProperties2.default)(item, _excluded);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkWrapper, {
           className: size,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HyperLink.HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkText, {
               children: linkText
             }), linkIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkIcon, {
-              children: /*#__PURE__*/_react["default"].cloneElement(linkIcon, {
+              children: /*#__PURE__*/_react.default.cloneElement(linkIcon, {
                 size: size === _types.Size.Large ? '28px' : '24px'
               })
             })]
@@ -121,7 +121,7 @@ var RenderTileItem = function RenderTileItem(item, size) {
       {
         var buttonText = item.buttonText,
           _componentType = item.componentType,
-          _rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
+          _rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
           size: [_types.Size.XSmall, _types.Size.XSmall, _types.Size.XXSmall].includes(size) ? _types.Size.Small : size == _types.Size.Large ? _types.Size.Large : _types.Size.Medium
         }, _rest), {}, {

package/dist/Tile/TileCommonItems.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.cjs","names":["_Button","require","_Toggles","_Dropdown","_react","_interopRequireDefault","_styledComponents","_styles","_HyperLink","_types","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","styled","div","_taggedTemplateLiteral2","exports","TileNoteIcon","TileNoteWrapper","props","COLORS","getColor","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","_item$variant","_item$shape","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","ToggleButton","active","onChange","defaultState","activeState","DropdownButton","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","jsxs","className","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties2","HyperLink","buttonText","Button","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":[]}
+{"version":3,"file":"TileCommonItems.cjs","names":["TileNoteText","styled","div","TileNoteIcon","TileNoteWrapper","props","COLORS","getColor","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","variant","shape","action","tooltip","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","buttonText","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":";;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AAQA;AACA;AAA8B;AAAA;EAAA;AAAA;AAAA;AAAA;AAGvB,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG,mFAAE;AAAC;AAClC,IAAMC,YAAY,GAAGF,yBAAM,CAACC,GAAG,mGAAgB;AAAC;AAChD,IAAME,eAAe,GAAGH,yBAAM,CAACC,GAAG,mjBAI9B,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKzDL,YAAY,EAKZH,YAAY,EACV,IAAAS,2BAAmB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAOvDR,YAAY,EAKZH,YAAY,EACV,IAAAY,0BAAkB,EAACF,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAQtDR,YAAY,EAKZH,YAAY,EACV,IAAAa,yBAAiB,EAACH,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,CAG1D;AAAC;AAGK,IAAMG,iBAAiB,GAAGb,yBAAM,CAACC,GAAG,kGAAe;AAAC;AACpD,IAAMa,iBAAiB,GAAGd,yBAAM,CAACC,GAAG,qFAAE;AAAC;AAEvC,IAAMc,oBAAoB,GAAGf,yBAAM,CAACC,GAAG,ypBAG1C,UAAAG,KAAK;EAAA,OAAI,IAAAQ,yBAAiB,EAACH,0BAAkB,CAACO,IAAI,EAAEX,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAS9FM,iBAAiB,EAKjBC,iBAAiB,EACf,IAAAF,yBAAiB,EAACH,0BAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,EASlDH,iBAAiB,EAKjBC,iBAAiB,EACf,IAAAG,yBAAiB,EAACR,0BAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,EASlDH,iBAAiB,EAKjBC,iBAAiB,EACf,IAAAI,yBAAiB,EAACT,0BAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,CAOvD;AAAA;AAEM,IAAMG,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAA4G,EAC5GC,IAAU,EAC2B;EAAA,IAArCC,GAAoB,uEAAGC,SAAS;EAC7D,QAAQH,IAAI,CAACI,aAAa;IACxB,KAAK,MAAM;MAAE;QAAA;QACX,oBAAO,qBAAC,kBAAU;UACC,OAAO,mBAAEJ,IAAI,CAACK,OAAO,yDAAI,WAAY;UACrC,wBAAwB,EAAEL,IAAI,CAACK,OAAO,IAAI,WAAW,GAAG,IAAI,GAAG,KAAM;UACrE,KAAK,iBAAEL,IAAI,CAACM,KAAK,qDAAI,UAAW;UAChC,MAAM,EAAEN,IAAI,CAACO,MAAO;UACpB,OAAO,EAAEP,IAAI,CAACQ,OAAQ;UACtB,QAAQ,EAAER,IAAI,CAACS,QAAS;UAAA,UACxCT,IAAI,CAACU;QAAI,GAPYR,GAAG,CAQd;MACf;IACA,KAAK,QAAQ;MAAE;QACb,oBAAO,qBAAC,qBAAY;UACC,MAAM,EAAEF,IAAI,CAACW,MAAO;UACpB,QAAQ,EAAEX,IAAI,CAACY,QAAS;UACxB,YAAY,EAAEZ,IAAI,CAACa,YAAa;UAChC,WAAW,EAAEb,IAAI,CAACc,WAAY;UAC9B,QAAQ,EAAEd,IAAI,CAACS;QAAS,GALnBP,GAAG,CAKkB;MACjD;IACA,KAAK,UAAU;MAAE;QACf,oBAAO,qBAAC,wBAAc;UACC,IAAI,EAAE,MAAO;UACb,KAAK,EAAEF,IAAI,CAACe,KAAM;UAClB,SAAS,EAAEf,IAAI,CAACgB,SAAU;UAC1B,OAAO,EAAEhB,IAAI,CAACiB,OAAQ;UACtB,IAAI,EAAEjB,IAAI,CAACU,IAAK;UAChB,OAAO,EAAEV,IAAI,CAACQ,OAAQ;UACtB,MAAM,EAAER,IAAI,CAACO,MAAO;UACpB,UAAU,EAAEP,IAAI,CAACkB,UAAW;UAC5B,WAAW,EAAElB,IAAI,CAACmB,WAAY;UAC9B,aAAa,EAAEnB,IAAI,CAACoB,aAAc;UAClC,aAAa,EAAEpB,IAAI,CAACqB,aAAc;UAClC,WAAW,EAAErB,IAAI,CAACsB,WAAY;UAC9B,UAAU,EAAEtB,IAAI,CAACuB,UAAW;UAC5B,UAAU,EAAEvB,IAAI,CAACwB,UAAW;UAC5B,SAAS,EAAExB,IAAI,CAACyB,SAAU;UAC1B,QAAQ,EAAEzB,IAAI,CAACS;QAAS,GAhBnBP,GAAG,CAgBkB;MAEnD;IACA,KAAK,MAAM;MAAE;QACX,oBAAO,sBAAC,eAAe;UAAW,SAAS,EAAED,IAAK;UAAA,WAE9CD,IAAI,CAAC0B,QAAQ,iBACb,qBAAC,YAAY;YAAA,uBACVC,cAAK,CAACC,YAAY,CAAC5B,IAAI,CAAC0B,QAAQ,EAAwB;cAACzB,IAAI,EAAEA,IAAI,KAAK4B,WAAI,CAACC,KAAK,GAAG,MAAM,GAAG;YAAI,CAAC;UAAC,EACxF,eAEjB,qBAAC,YAAY;YAAA,UAAE9B,IAAI,CAAC+B;UAAQ,EAAgB;QAAA,GAPjB7B,GAAG,CAQd;MAEpB;IACA,KAAK,MAAM;MAAE;QACX,IAAO8B,QAAQ,GAAsChC,IAAI,CAAlDgC,QAAQ;UAAE5B,aAAa,GAAuBJ,IAAI,CAAxCI,aAAa;UAAE6B,QAAQ,GAAajC,IAAI,CAAzBiC,QAAQ;UAAKC,IAAI,0CAAIlC,IAAI;QACzD,oBAAO,qBAAC,oBAAoB;UAAC,SAAS,EAAEC,IAAK;UAAA,uBAC3C,sBAAC,oBAAS,kCAAKiC,IAAI;YAAA,wBACjB,qBAAC,iBAAiB;cAAA,UAAEF;YAAQ,EAAqB,EAE/CC,QAAQ,iBACR,qBAAC,iBAAiB;cAAA,uBACfN,cAAK,CAACC,YAAY,CAACK,QAAQ,EAAwB;gBAAChC,IAAI,EAAEA,IAAI,KAAK4B,WAAI,CAACC,KAAK,GAAG,MAAM,GAAG;cAAM,CAAC;YAAC,EAChF;UAAA;QAEZ,GATqC5B,GAAG,CAU/B;MACzB;IACA,KAAK,QAAQ;MAAE;QACb,IAAOiC,UAAU,GAA4BnC,IAAI,CAA1CmC,UAAU;UAAE/B,cAAa,GAAaJ,IAAI,CAA9BI,aAAa;UAAK8B,KAAI,0CAAIlC,IAAI;QACjD,oBAAO,qBAAC,cAAM;UACC,IAAI,EAAE,CAAC6B,WAAI,CAACO,MAAM,EAAEP,WAAI,CAACO,MAAM,EAAEP,WAAI,CAACQ,OAAO,CAAC,CAACC,QAAQ,CAACrC,IAAI,CAAC,GAAG4B,WAAI,CAACU,KAAK,GACzEtC,IAAI,IAAI4B,WAAI,CAACC,KAAK,GAAGD,WAAI,CAACC,KAAK,GAAGD,WAAI,CAACW;QAAO,GAC3CN,KAAI;UAAA,UACpBC;QAAU,IAJOjC,GAAG,CAKd;MACX;EAAC;AAEL,CAAC;AAAA"}

package/dist/Tile/TileCommonItems.d.ts

@@ -1,10 +1,9 @@
 import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
-import React from 'react';
 import { Size } from '../types';
-export declare const TileNoteText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileNoteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileNoteWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RenderTileItem: (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink, size: Size, key?: any | undefined) => React.JSX.Element;
+export declare const TileNoteText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileNoteIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileNoteWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileHyperLinkIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileHyperLinkText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TileHyperLinkWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RenderTileItem: (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink, size: Size, key?: any | undefined) => JSX.Element;

package/dist/Tile/TileCommonItems.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _excluded = ["linkText", "componentType", "linkIcon"],
   _excluded2 = ["buttonText", "componentType"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Button, IconButton } from '../Button';
 import { ToggleButton } from '../Toggles';
 import { DropdownButton } from '../Dropdown';

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","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":[]}
+{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","TileNoteText","div","TileNoteIcon","TileNoteWrapper","props","getColor","theme","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","RenderTileItem","item","size","key","undefined","componentType","variant","shape","action","tooltip","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","buttonText","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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"}

package/dist/Tile/TileFooter.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -12,9 +12,9 @@ var _TileCommonItems = require("./TileCommonItems");
 var _styles = require("../styles");
 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"])), function (props) {
+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"])), function (props) {
   return _styles.COLORS.getColor('neutral_600', props.theme);
 });
 var TileFooter = function TileFooter(_ref) {
@@ -33,5 +33,5 @@ var TileFooter = function TileFooter(_ref) {
   });
 };
 var _default = TileFooter;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=TileFooter.cjs.map

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","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":[]}
+{"version":3,"file":"TileFooter.cjs","names":["Wrapper","styled","div","LeftItemContainer","RightItemContainer","props","COLORS","getColor","theme","TileFooter","buttons","leftItem","size","RenderTileItem","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;AAGA;AACA;AACA;AAAiC;AAAA;AAEjC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,0bAyBzB;AAED,IAAMC,iBAAiB,GAAGF,yBAAM,CAACC,GAAG,kGAEnC;AAED,IAAME,kBAAkB,GAAGH,yBAAM,CAACC,GAAG,gLAI1B,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAC9D;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqE,OAAkC;EAAA,IAA7BC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;EAErG,oBACE,sBAAC,OAAO;IAAC,SAAS,EAAEA,IAAK;IAAA,wBACvB,qBAAC,iBAAiB;MAAA,UAAED,QAAQ,IAAI,IAAAE,+BAAc,EAACF,QAAQ,EAAEC,IAAI;IAAC,EAAqB,eACnF,qBAAC,kBAAkB;MAAA,UAAEF,OAAO,IAAIA,OAAO,CAACI,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAK,IAAAH,+BAAc,EAACE,KAAK,EAAEH,IAAI,EAAEI,KAAK,CAAC;MAAA;IAAC,EAAsB;EAAA,EAC/G;AAEd,CAAC;AAAA,eAEcP,UAAU;AAAA"}

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","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":[]}
+{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","Wrapper","div","LeftItemContainer","RightItemContainer","props","getColor","theme","TileFooter","buttons","leftItem","size","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;AAAA;AAEjC,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAG,4aAyBzB;AAED,IAAMC,iBAAiB,GAAGL,MAAM,CAACI,GAAG,oFAEnC;AAED,IAAME,kBAAkB,GAAGN,MAAM,CAACI,GAAG,kKAI1B,UAAAG,KAAK;EAAA,OAAIL,MAAM,CAACM,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAC9D;AAED,IAAMC,UAAqE,GAAG,SAAxEA,UAAqE,OAAkC;EAAA,IAA7BC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;EAErG,oBACE,MAAC,OAAO;IAAC,SAAS,EAAEA,IAAK;IAAA,wBACvB,KAAC,iBAAiB;MAAA,UAAED,QAAQ,IAAIX,cAAc,CAACW,QAAQ,EAAEC,IAAI;IAAC,EAAqB,eACnF,KAAC,kBAAkB;MAAA,UAAEF,OAAO,IAAIA,OAAO,CAACG,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;QAAA,OAAKf,cAAc,CAACc,KAAK,EAAEF,IAAI,EAAEG,KAAK,CAAC;MAAA;IAAC,EAAsB;EAAA,EAC/G;AAEd,CAAC;AAED,eAAeN,UAAU"}

package/dist/Tile/TileHeader.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
@@ -19,21 +19,21 @@ 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"])), function (props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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"])), 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) {
+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));
-var TagContainer = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  align-self: center;\n"])));
+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));
+var TagContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  align-self: center;\n"])));
 var TileHeader = function TileHeader(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
@@ -77,7 +77,7 @@ var TileHeader = function TileHeader(_ref) {
         children: title
       }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)(SubtitleContainer, {
         children: [subtitleIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(SubtitleIconContainer, {
-          children: /*#__PURE__*/_react["default"].cloneElement(subtitleIcon, {
+          children: /*#__PURE__*/_react.default.cloneElement(subtitleIcon, {
             size: size === _types.Size.Large ? '20px' : '16px'
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -92,5 +92,5 @@ var TileHeader = function TileHeader(_ref) {
   });
 };
 var _default = TileHeader;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=TileHeader.cjs.map

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","_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":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.cjs","names":["SubtitleIconContainer","styled","span","SubtitleContainer","div","props","COLORS","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TagContainer","TileHeader","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","useTheme","renderTooltip","Size","XSmall","cursor","renderTag","React","cloneElement","Large","map","item","index","RenderTileItem"],"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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"}

package/dist/Tile/TileHeader.js

@@ -1,8 +1,8 @@
 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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { Size } from '../types';
 import styled, { useTheme } from 'styled-components';

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","SubtitleIconContainer","span","SubtitleContainer","div","props","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","Regular","Bold","TagContainer","TileHeader","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","XSmall","cursor","renderTag","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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"}

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} 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":""}

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} 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":""}

package/dist/Tile/index.cjs

@@ -10,7 +10,7 @@ var _exportNames = {
 Object.defineProperty(exports, "Tile", {
   enumerable: true,
   get: function get() {
-    return _Tile["default"];
+    return _Tile.default;
   }
 });
 var _Tile = _interopRequireDefault(require("./Tile"));

package/dist/Tile/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Tile","_interopRequireDefault","require","_TileTypes","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["import Tile from './Tile';\r\n\r\nexport {Tile}\r\nexport * from './TileTypes';\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,UAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,UAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,UAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Tile/index.ts"],"sourcesContent":["import Tile from './Tile';\r\n\r\nexport {Tile}\r\nexport * from './TileTypes';\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAGA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}