@laerdal/life-react-components 1.8.0-dev.3 → 1.8.0-dev.31

package/dist/Tile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tile/Tile.tsx"],"names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","Wrapper","div","white","neutral_200","Tile","header","footer","size","Medium","style","children"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAEA,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAV,8QAMGF,MAAM,CAACG,KANV,EAQSH,MAAM,CAACI,WARhB,CAAb;;AAYA,IAAMC,IAAwC,GAAG,SAA3CA,IAA2C,OAMO;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,MAII,QAJJA,MAII;AAAA,uBAHJC,IAGI;AAAA,MAHJA,IAGI,0BAHGb,IAAI,CAACc,MAGR;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,QACI,QADJA,QACI;AAEtD,sBACE,MAAC,OAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACS,IAAA,SAAS,EAAEF,IADpB;AAAA,eAEGF,MAAM,iBAAI,KAAC,UAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEE;AAA9B,OAFb,eAGE,KAAC,QAAD;AAAU,MAAA,IAAI,EAAEA,IAAhB;AAAA,gBACGG;AADH,MAHF,EAMGJ,MAAM,iBAAI,KAAC,UAAD,kCAAgBA,MAAhB;AAAwB,MAAA,IAAI,EAAEC;AAA9B,OANb;AAAA,IADF;AAUD,CAlBD;;AAqBA,eAAeH,IAAf","sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport {TileProps} from './TileTypes';\nimport styled from 'styled-components';\nimport TileHeader from './TileHeader';\nimport TileFooter from './TileFooter';\nimport TileBody from './TileBody';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ${COLORS.white};\n  border-radius: 8px;\n  border: 1px solid ${COLORS.neutral_200};\n  box-sizing: border-box;\n`;\n\nconst Tile: React.FunctionComponent<TileProps> = ({\n                                                    header,\n                                                    footer,\n                                                    size = Size.Medium,\n                                                    style,\n                                                    children\n                                                  }) => {\n\n  return (\n    <Wrapper style={style}\n             className={size}>\n      {header && <TileHeader {...header} size={size}/>}\n      <TileBody size={size}>\n        {children}\n      </TileBody>\n      {footer && <TileFooter {...footer} size={size}/>}\n    </Wrapper>\n  )\n}\n\n\nexport default Tile;\n"],"file":"Tile.js"}

package/dist/Tile/TileBody.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _types = require("../types");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styles = require("../styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _templateObject;
+
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+
+var TileBody = function TileBody(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+    className: size,
+    children: children
+  });
+};
+
+var _default = TileBody;
+exports.default = _default;
+//# sourceMappingURL=TileBody.cjs.map

package/dist/Tile/TileBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tile/TileBody.tsx"],"names":["Wrapper","styled","div","Size","Small","TileBody","children","size"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,wSAkBT,8BAAiBC,YAAKC,KAAtB,CAlBS,CAAb;;AAqBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAG9E,sBACE,qBAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,cACGD;AADH,IADF;AAKD,CARD;;eAWeD,Q","sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"file":"TileBody.cjs"}

package/dist/Tile/TileBody.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Size } from '../types';
+declare const TileBody: React.FunctionComponent<{
+    size: Size;
+}>;
+export default TileBody;

package/dist/Tile/TileBody.js

@@ -0,0 +1,22 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React from 'react';
+import { Size } from '../types';
+import styled from 'styled-components';
+import { scrollBarStyling } from '../styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ", "\n"])), scrollBarStyling(Size.Small));
+
+var TileBody = function TileBody(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /*#__PURE__*/_jsx(Wrapper, {
+    className: size,
+    children: children
+  });
+};
+
+export default TileBody;
+//# sourceMappingURL=TileBody.js.map

package/dist/Tile/TileBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tile/TileBody.tsx"],"names":["React","Size","styled","scrollBarStyling","Wrapper","div","Small","TileBody","children","size"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,gBAAR,QAA+B,WAA/B;;AAEA,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAV,0RAkBTF,gBAAgB,CAACF,IAAI,CAACK,KAAN,CAlBP,CAAb;;AAqBA,IAAMC,QAAiD,GAAG,SAApDA,QAAoD,OAAsB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAG9E,sBACE,KAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,cACGD;AADH,IADF;AAKD,CARD;;AAWA,eAAeD,QAAf","sourcesContent":["import React from 'react'\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {scrollBarStyling} from '../styles';\n\nconst Wrapper = styled.div`\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n`;\n\nconst TileBody: React.FunctionComponent<{ size: Size }> = ({children, size}) => {\n\n\n  return (\n    <Wrapper className={size}>\n      {children}\n    </Wrapper>\n  )\n}\n\n\nexport default TileBody;\n"],"file":"TileBody.js"}

package/dist/Tile/TileCommonItems.cjs

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileNoteWrapper = exports.TileNoteText = exports.TileNoteIcon = exports.TileHyperLinkWrapper = exports.TileHyperLinkText = exports.TileHyperLinkIcon = exports.RenderTileItem = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _Button = require("../Button");
+
+var _Toggles = require("../Toggles");
+
+var _Dropdown = require("../Dropdown");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styles = require("../styles");
+
+var _HyperLink = require("../HyperLink");
+
+var _types = require("../types");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["linkText", "componentType", "linkIcon"],
+    _excluded2 = ["buttonText", "componentType"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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)([""])));
+
+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"])), _styles.COLORS.neutral_600, 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)([""])));
+
+exports.TileHyperLinkIcon = TileHyperLinkIcon;
+
+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"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.primary_500), 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;
+
+var RenderTileItem = function RenderTileItem(item, size) {
+  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  switch (item.componentType) {
+    case 'icon':
+      {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
+          variant: 'secondary',
+          useTransparentBackground: true,
+          shape: 'circular',
+          action: item.action,
+          disabled: item.disabled,
+          children: item.icon
+        }, key);
+      }
+
+    case 'toggle':
+      {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggles.ToggleButton, {
+          active: item.active,
+          onChange: item.onChange,
+          defaultState: item.defaultState,
+          activeState: item.activeState,
+          disabled: item.disabled
+        }, key);
+      }
+
+    case 'dropdown':
+      {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownButton, {
+          type: 'icon',
+          items: item.items,
+          itemsType: item.itemsType,
+          onClick: item.onClick,
+          icon: item.icon,
+          action: item.action,
+          actionIcon: item.actionIcon,
+          actionLabel: item.actionLabel,
+          actionVariant: item.actionVariant,
+          actionLoading: item.actionLoading,
+          multiSelect: item.multiSelect,
+          scrollable: item.scrollable,
+          pinTopItem: item.pinTopItem,
+          maxHeight: item.maxHeight,
+          disabled: item.disabled
+        }, key);
+      }
+
+    case 'note':
+      {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TileNoteWrapper, {
+          className: size,
+          children: [item.noteIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteIcon, {
+            children: /*#__PURE__*/_react.default.cloneElement(item.noteIcon, {
+              size: size === _types.Size.Large ? '20px' : '16'
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteText, {
+            children: item.noteText
+          })]
+        }, key);
+      }
+
+    case 'link':
+      {
+        var linkText = item.linkText,
+            componentType = item.componentType,
+            linkIcon = item.linkIcon,
+            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)(TileHyperLinkIcon, {
+              children: /*#__PURE__*/_react.default.cloneElement(linkIcon, {
+                size: size === _types.Size.Large ? '28px' : '24px'
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkText, {
+              children: linkText
+            })]
+          }))
+        }, key);
+      }
+
+    case 'button':
+      {
+        var buttonText = item.buttonText,
+            _componentType = item.componentType,
+            _rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
+
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
+          size: size
+        }, _rest), {}, {
+          children: buttonText
+        }), key);
+      }
+  }
+};
+
+exports.RenderTileItem = RenderTileItem;
+//# sourceMappingURL=TileCommonItems.cjs.map

package/dist/Tile/TileCommonItems.cjs.map

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

package/dist/Tile/TileCommonItems.d.ts

@@ -0,0 +1,9 @@
+import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
+import { Size } from '../types';
+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

@@ -0,0 +1,126 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["linkText", "componentType", "linkIcon"],
+    _excluded2 = ["buttonText", "componentType"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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';
+import React from 'react';
+import styled from 'styled-components';
+import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles';
+import { HyperLink } from '../HyperLink';
+import { Size } from '../types';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var TileNoteText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+export var TileNoteIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
+export var TileNoteWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])), COLORS.neutral_600, TileNoteIcon, TileNoteText, ComponentXXSStyling(ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, ComponentXSStyling(ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, ComponentSStyling(ComponentTextStyle.Regular, null));
+export var TileHyperLinkIcon = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""])));
+export var TileHyperLinkText = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
+export var TileHyperLinkWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500), TileHyperLinkIcon, TileHyperLinkText, ComponentSStyling(ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, ComponentMStyling(ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, ComponentLStyling(ComponentTextStyle.Bold, null));
+export var RenderTileItem = function RenderTileItem(item, size) {
+  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+
+  switch (item.componentType) {
+    case 'icon':
+      {
+        return /*#__PURE__*/_jsx(IconButton, {
+          variant: 'secondary',
+          useTransparentBackground: true,
+          shape: 'circular',
+          action: item.action,
+          disabled: item.disabled,
+          children: item.icon
+        }, key);
+      }
+
+    case 'toggle':
+      {
+        return /*#__PURE__*/_jsx(ToggleButton, {
+          active: item.active,
+          onChange: item.onChange,
+          defaultState: item.defaultState,
+          activeState: item.activeState,
+          disabled: item.disabled
+        }, key);
+      }
+
+    case 'dropdown':
+      {
+        return /*#__PURE__*/_jsx(DropdownButton, {
+          type: 'icon',
+          items: item.items,
+          itemsType: item.itemsType,
+          onClick: item.onClick,
+          icon: item.icon,
+          action: item.action,
+          actionIcon: item.actionIcon,
+          actionLabel: item.actionLabel,
+          actionVariant: item.actionVariant,
+          actionLoading: item.actionLoading,
+          multiSelect: item.multiSelect,
+          scrollable: item.scrollable,
+          pinTopItem: item.pinTopItem,
+          maxHeight: item.maxHeight,
+          disabled: item.disabled
+        }, key);
+      }
+
+    case 'note':
+      {
+        return /*#__PURE__*/_jsxs(TileNoteWrapper, {
+          className: size,
+          children: [item.noteIcon && /*#__PURE__*/_jsx(TileNoteIcon, {
+            children: /*#__PURE__*/React.cloneElement(item.noteIcon, {
+              size: size === Size.Large ? '20px' : '16'
+            })
+          }), /*#__PURE__*/_jsx(TileNoteText, {
+            children: item.noteText
+          })]
+        }, key);
+      }
+
+    case 'link':
+      {
+        var linkText = item.linkText,
+            componentType = item.componentType,
+            linkIcon = item.linkIcon,
+            rest = _objectWithoutProperties(item, _excluded);
+
+        return /*#__PURE__*/_jsx(TileHyperLinkWrapper, {
+          className: size,
+          children: /*#__PURE__*/_jsxs(HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
+            children: [/*#__PURE__*/_jsx(TileHyperLinkIcon, {
+              children: /*#__PURE__*/React.cloneElement(linkIcon, {
+                size: size === Size.Large ? '28px' : '24px'
+              })
+            }), /*#__PURE__*/_jsx(TileHyperLinkText, {
+              children: linkText
+            })]
+          }))
+        }, key);
+      }
+
+    case 'button':
+      {
+        var buttonText = item.buttonText,
+            _componentType = item.componentType,
+            _rest = _objectWithoutProperties(item, _excluded2);
+
+        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          size: size
+        }, _rest), {}, {
+          children: buttonText
+        }), key);
+      }
+  }
+};
+//# sourceMappingURL=TileCommonItems.js.map

package/dist/Tile/TileCommonItems.js.map

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

package/dist/Tile/TileFooter.cjs

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+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"])), _styles.COLORS.neutral_600);
+
+var TileFooter = function TileFooter(_ref) {
+  var buttons = _ref.buttons,
+      leftItem = _ref.leftItem,
+      size = _ref.size;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    className: size,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LeftItemContainer, {
+      children: leftItem && (0, _TileCommonItems.RenderTileItem)(leftItem, size)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(RightItemContainer, {
+      children: buttons && buttons.map(function (value, index) {
+        return (0, _TileCommonItems.RenderTileItem)(value, size, index);
+      })
+    })]
+  });
+};
+
+var _default = TileFooter;
+exports.default = _default;
+//# sourceMappingURL=TileFooter.cjs.map

package/dist/Tile/TileFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tile/TileFooter.tsx"],"names":["Wrapper","styled","div","LeftItemContainer","RightItemContainer","COLORS","neutral_600","TileFooter","buttons","leftItem","size","map","value","index"],"mappings":";;;;;;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,0bAAb;;AA2BA,IAAMC,iBAAiB,GAAGF,0BAAOC,GAAV,kGAAvB;;AAIA,IAAME,kBAAkB,GAAGH,0BAAOC,GAAV,gLAIbG,eAAOC,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAE3G,sBACE,sBAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,4BACE,qBAAC,iBAAD;AAAA,gBAAoBD,QAAQ,IAAI,qCAAeA,QAAf,EAAyBC,IAAzB;AAAhC,MADF,eAEE,qBAAC,kBAAD;AAAA,gBAAqBF,OAAO,IAAIA,OAAO,CAACG,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;AAAA,eAAkB,qCAAeD,KAAf,EAAsBF,IAAtB,EAA4BG,KAA5B,CAAlB;AAAA,OAAZ;AAAhC,MAFF;AAAA,IADF;AAMD,CARD;;eAUeN,U","sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\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`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"file":"TileFooter.cjs"}

package/dist/Tile/TileFooter.d.ts

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

package/dist/Tile/TileFooter.js

@@ -0,0 +1,32 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import React from 'react';
+import styled from 'styled-components';
+import { RenderTileItem } from './TileCommonItems';
+import { COLORS } from '../styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n"])));
+var LeftItemContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1\n"])));
+var RightItemContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), COLORS.neutral_600);
+
+var TileFooter = function TileFooter(_ref) {
+  var buttons = _ref.buttons,
+      leftItem = _ref.leftItem,
+      size = _ref.size;
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    className: size,
+    children: [/*#__PURE__*/_jsx(LeftItemContainer, {
+      children: leftItem && RenderTileItem(leftItem, size)
+    }), /*#__PURE__*/_jsx(RightItemContainer, {
+      children: buttons && buttons.map(function (value, index) {
+        return RenderTileItem(value, size, index);
+      })
+    })]
+  });
+};
+
+export default TileFooter;
+//# sourceMappingURL=TileFooter.js.map

package/dist/Tile/TileFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tile/TileFooter.tsx"],"names":["React","styled","RenderTileItem","COLORS","Wrapper","div","LeftItemContainer","RightItemContainer","neutral_600","TileFooter","buttons","leftItem","size","map","value","index"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,cAAR,QAA6B,mBAA7B;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAEA,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAV,4aAAb;AA2BA,IAAMC,iBAAiB,GAAGL,MAAM,CAACI,GAAV,oFAAvB;AAIA,IAAME,kBAAkB,GAAGN,MAAM,CAACI,GAAV,kKAIbF,MAAM,CAACK,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAE3G,sBACE,MAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,4BACE,KAAC,iBAAD;AAAA,gBAAoBD,QAAQ,IAAIT,cAAc,CAACS,QAAD,EAAWC,IAAX;AAA9C,MADF,eAEE,KAAC,kBAAD;AAAA,gBAAqBF,OAAO,IAAIA,OAAO,CAACG,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;AAAA,eAAkBb,cAAc,CAACY,KAAD,EAAQF,IAAR,EAAcG,KAAd,CAAhC;AAAA,OAAZ;AAAhC,MAFF;AAAA,IADF;AAMD,CARD;;AAUA,eAAeN,UAAf","sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\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`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"file":"TileFooter.js"}