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

package/dist/src/Tabs/VerticalTabs.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { Size } from '../types';
-export interface VerticalTabEntry {
-    /**
-     * Required. The main text to be displayed on the tab.
-     */
-    requiredLine: string;
-    /**
-     * Optional. The secondary text to be displayed on the tab link under the required line.
-     */
-    optionalLine?: string;
-    /**
-     * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.
-     */
-    optionalLineIcon?: React.ReactNode;
-    /**
-     * Optional. The icon to be displayed at the end of the tab.
-     */
-    endLineIcon?: React.ReactNode;
-    /**
-     * Required. The URL to which the tab links.
-     */
-    to: string;
-    /**
-     * Optional. A boolean indicating whether the tab is disabled.
-     * If true, the tab will be unclickable and will have a disabled appearance.
-     */
-    disabled?: boolean;
-    /**
-     * Optional. The handler function to be called when the tab is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Optional. A boolean indicating whether a notification dot should be shown on the tab.
-     */
-    showNotificationDot?: boolean;
-    /**
-     * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'
-     */
-    variant?: 'critical' | 'positive';
-}
-export interface VerticalTabsProps {
-    size?: Size.Small | Size.Medium | Size.Large;
-    entries: VerticalTabEntry[];
-}
-declare const VerticalTabs: ({ size, entries }: VerticalTabsProps) => React.JSX.Element;
-export default VerticalTabs;

package/dist/src/Tabs/VerticalTabs.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import Tabs from './Tabs';
-import TabLink from './TabLink';
-import { Size } from '../types';
-var VerticalTabs = function (_a) {
-    var size = _a.size, entries = _a.entries;
-    return (React.createElement(Tabs, { size: size !== null && size !== void 0 ? size : Size.Large }, entries === null || entries === void 0 ? void 0 : entries.map(function (entry) { return (React.createElement(TabLink, { key: entry.to, to: entry.to, requiredLine: entry.requiredLine, optionalLine: entry.optionalLine, endLineIcon: entry.endLineIcon, OptionalLineIcon: entry.optionalLineIcon, disabled: entry.disabled, showNotificationDot: entry.showNotificationDot, size: size, variant: entry.variant, onLinkClick: function (e) {
-            if (entry.onClick) {
-                entry.onClick(e);
-            }
-        } })); })));
-};
-export default VerticalTabs;

package/dist/src/Tabs/__tests__/TabLink.tests.d.ts

@@ -1 +0,0 @@
-import 'jest-styled-components';

package/dist/src/Tabs/__tests__/TabLink.tests.js

@@ -1,83 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from 'react';
-import { render } from '@testing-library/react';
-import { MemoryRouter as Router } from 'react-router';
-import TabLink from '../TabLink';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-jest.mock('react-router-dom', function () { return (__assign(__assign({}, jest.requireActual('react-router-dom')), { useLocation: function () { return ({
-        pathname: 'localhost:3000/test',
-    }); } })); });
-describe('<TabLink />', function () {
-    it('Renders primary button', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, queryByText, getByTestId;
-        return __generator(this, function (_b) {
-            _a = render(React.createElement(Router, { initialEntries: ['/some-route'] },
-                React.createElement(TabLink, { requiredLine: "This is a required line", onLinkClick: function () { }, to: "/test", testId: "TestTabLink" }))), queryByText = _a.queryByText, getByTestId = _a.getByTestId;
-            expect(queryByText('This is a required line')).toBeDefined();
-            expect(getByTestId('TestTabLink')).toHaveStyle('background-color: transparent');
-            expect(getByTestId('TestTabLink')).toHaveStyle("color: ".concat(COLORS.neutral_600));
-            expect(getByTestId('TestTabLink')).toHaveStyle('font-size: 16px');
-            // Check that click takes you to correct route
-            getByTestId('TestTabLink').click();
-            return [2 /*return*/];
-        });
-    }); });
-    it('Renders notification dot if defined', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, queryByText, getByTestId;
-        return __generator(this, function (_b) {
-            _a = render(React.createElement(Router, { initialEntries: ['/some-route'] },
-                React.createElement(TabLink, { requiredLine: "This is a required line", onLinkClick: function () { }, to: "/test", testId: "TestTabLinkWithNotifcationDot", showNotificationDot: true }))), queryByText = _a.queryByText, getByTestId = _a.getByTestId;
-            expect(queryByText('This is a required line')).toBeDefined();
-            expect(getByTestId('NotificationDot')).toBeDefined();
-            expect(getByTestId('NotificationDot')).toHaveStyleRule('background-color', COLORS.critical_500);
-            return [2 /*return*/];
-        });
-    }); });
-});

package/dist/src/Tabs/__tests__/Tablist.tests.d.ts

@@ -1,2 +0,0 @@
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';

package/dist/src/Tabs/__tests__/Tablist.tests.js

@@ -1,78 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from 'react';
-import { render } from '@testing-library/react';
-import Tabs from '../Tabs';
-import { Size } from '../../types';
-import 'jest-styled-components';
-import '@testing-library/jest-dom/extend-expect';
-describe('<Tabs />', function () {
-    it('Renders tabs component', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryByRole;
-        var _a;
-        return __generator(this, function (_b) {
-            queryByRole = render(React.createElement(Tabs, { size: Size.Small })).queryByRole;
-            expect(queryByRole('tablist')).toBeDefined();
-            expect((_a = queryByRole('tablist')) === null || _a === void 0 ? void 0 : _a.children).toHaveLength(0);
-            return [2 /*return*/];
-        });
-    }); });
-    it('Renders tabs component with children and medium size', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryByRole;
-        var _a;
-        return __generator(this, function (_b) {
-            queryByRole = render(React.createElement(Tabs, { size: Size.Medium },
-                React.createElement("a", { "data-testid": "child" }, "test tab"))).queryByRole;
-            expect(queryByRole('tablist')).toBeTruthy();
-            expect((_a = queryByRole('tablist')) === null || _a === void 0 ? void 0 : _a.children).toHaveLength(1);
-            expect(queryByRole('tablist')).toHaveStyleRule('height', '56px', { modifier: 'a' });
-            expect(queryByRole('tablist')).toHaveStyleRule('margin', '10px 0 3px 16px', { modifier: 'a > div:first-child' });
-            return [2 /*return*/];
-        });
-    }); });
-    it('Renders tabs component with children and large size', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var queryByRole;
-        return __generator(this, function (_a) {
-            queryByRole = render(React.createElement(Tabs, { size: Size.Large },
-                React.createElement("a", { "data-testid": "child" }, "test tab"))).queryByRole;
-            expect(queryByRole('tablist')).toBeTruthy();
-            expect(queryByRole('tablist')).toHaveStyleRule('height', '64px', { modifier: 'a' });
-            expect(queryByRole('tablist')).toHaveStyleRule('margin', '12px 0 4px 16px', { modifier: 'a > div:first-child' });
-            return [2 /*return*/];
-        });
-    }); });
-});

package/dist/src/Tabs/index.d.ts

@@ -1,5 +0,0 @@
-import VerticalTabs from './VerticalTabs';
-import HorizontalTabs from './HorizontalTabs';
-export type { VerticalTabEntry, VerticalTabsProps } from './VerticalTabs';
-export type { HorizontalTab } from './HorizontalTabs';
-export { VerticalTabs, HorizontalTabs };

package/dist/src/Tabs/index.js

@@ -1,3 +0,0 @@
-import VerticalTabs from './VerticalTabs';
-import HorizontalTabs from './HorizontalTabs';
-export { VerticalTabs, HorizontalTabs };

package/dist/src/Tag/Tag.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export declare type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
-export declare type TagProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Optional. Label to be shown in the Tag. */
-    label?: string;
-    /** Optional. Icon to be shown in the tag. */
-    icon?: React.ReactNode;
-    /** Optional. Style Variant of the Tag. Defaults to 'neutral' */
-    variant?: TagVariants;
-};
-declare const Tag: React.FunctionComponent<TagProps>;
-export default Tag;

package/dist/src/Tag/Tag.js

@@ -1,41 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"], ["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) { return props.isLabelPresent ? '64px' : ''; }, COLORS.neutral_100, COLORS.neutral_600, COLORS.correct_100, COLORS.correct_600, COLORS.warning_100, COLORS.warning_600, COLORS.critical_100, COLORS.critical_600, COLORS.accent1_100, COLORS.accent1_600, COLORS.accent2_100, COLORS.accent2_600);
-var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"], ["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
-var TextContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"], ["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null));
-var Tag = function (_a) {
-    var label = _a.label, icon = _a.icon, _b = _a.variant, variant = _b === void 0 ? 'neutral' : _b, className = _a.className, rest = __rest(_a, ["label", "icon", "variant", "className"]);
-    var cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(variant);
-    return (React.createElement(Container, __assign({ variant: variant, isLabelPresent: !!label, className: cls }, rest),
-        icon && React.createElement(IconContainer, { variant: variant, "data-testid": 'iconContainer' }, icon),
-        label && React.createElement(TextContainer, { variant: variant, icon: icon }, label)));
-};
-export default Tag;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/Tag/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Tag } from './Tag';
-export type { TagVariants, TagProps } from './Tag';

package/dist/src/Tag/index.js

@@ -1 +0,0 @@
-export { default as Tag } from './Tag';

package/dist/src/Tile/Tile.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TileProps } from './TileTypes';
-declare const Tile: React.FunctionComponent<TileProps>;
-export default Tile;

package/dist/src/Tile/Tile.js

@@ -1,43 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Size } from '../types';
-import styled from 'styled-components';
-import TileHeader from './TileHeader';
-import TileFooter from './TileFooter';
-import TileBody from './TileBody';
-import { COLORS } from '../styles';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"], ["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"])), COLORS.white, COLORS.neutral_200);
-var Tile = function (_a) {
-    var header = _a.header, footer = _a.footer, _b = _a.size, size = _b === void 0 ? Size.Medium : _b, style = _a.style, children = _a.children, className = _a.className, rest = __rest(_a, ["header", "footer", "size", "style", "children", "className"]);
-    return (React.createElement(Wrapper, __assign({ style: style, className: "".concat(size, " ").concat(className || '') }, rest),
-        header && React.createElement(TileHeader, __assign({}, header, { size: size })),
-        React.createElement(TileBody, { size: size }, children),
-        footer && React.createElement(TileFooter, __assign({}, footer, { size: size }))));
-};
-export default Tile;
-var templateObject_1;

package/dist/src/Tile/TileBody.d.ts

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

package/dist/src/Tile/TileBody.js

@@ -1,15 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import { Size } from '../types';
-import styled from 'styled-components';
-import { scrollBarStyling } from '../styles';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\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 (_a) {
-    var children = _a.children, size = _a.size;
-    return (React.createElement(Wrapper, { className: size }, children));
-};
-export default TileBody;
-var templateObject_1;

package/dist/src/Tile/TileCommonItems.d.ts

@@ -1,10 +0,0 @@
-import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
-import React from 'react';
-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) => React.JSX.Element;

package/dist/src/Tile/TileCommonItems.js

@@ -1,75 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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';
-export var TileNoteText = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var TileNoteIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["display: flex;"], ["display: flex;"])));
-export var TileNoteWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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"], ["\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(templateObject_4 || (templateObject_4 = __makeTemplateObject(["display: flex"], ["display: flex"])));
-export var TileHyperLinkText = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-export var TileHyperLinkWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\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"], ["\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 (item, size, key) {
-    var _a, _b;
-    if (key === void 0) { key = undefined; }
-    switch (item.componentType) {
-        case 'icon': {
-            return React.createElement(IconButton, { key: key, variant: (_a = item.variant) !== null && _a !== void 0 ? _a : 'secondary', useTransparentBackground: item.variant == 'secondary' ? true : false, shape: (_b = item.shape) !== null && _b !== void 0 ? _b : 'circular', action: item.action, tooltip: item.tooltip, disabled: item.disabled }, item.icon);
-        }
-        case 'toggle': {
-            return React.createElement(ToggleButton, { key: key, active: item.active, onChange: item.onChange, defaultState: item.defaultState, activeState: item.activeState, disabled: item.disabled });
-        }
-        case 'dropdown': {
-            return React.createElement(DropdownButton, { key: key, type: 'icon', items: item.items, itemsType: item.itemsType, onClick: item.onClick, icon: item.icon, tooltip: item.tooltip, 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 });
-        }
-        case 'note': {
-            return React.createElement(TileNoteWrapper, { key: key, className: size },
-                item.noteIcon &&
-                    React.createElement(TileNoteIcon, null, React.cloneElement(item.noteIcon, { size: size === Size.Large ? '20px' : '16' })),
-                React.createElement(TileNoteText, null, item.noteText));
-        }
-        case 'link': {
-            var linkText = item.linkText, componentType = item.componentType, linkIcon = item.linkIcon, rest = __rest(item, ["linkText", "componentType", "linkIcon"]);
-            return React.createElement(TileHyperLinkWrapper, { className: size, key: key },
-                React.createElement(HyperLink, __assign({}, rest),
-                    React.createElement(TileHyperLinkText, null, linkText),
-                    linkIcon &&
-                        React.createElement(TileHyperLinkIcon, null, React.cloneElement(linkIcon, { size: size === Size.Large ? '28px' : '24px' }))));
-        }
-        case 'button': {
-            var buttonText = item.buttonText, componentType = item.componentType, rest = __rest(item, ["buttonText", "componentType"]);
-            return React.createElement(Button, __assign({ key: key, size: [Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small :
-                    size == Size.Large ? Size.Large : Size.Medium }, rest), buttonText);
-        }
-    }
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/src/Tile/TileFooter.d.ts

@@ -1,7 +0,0 @@
-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/src/Tile/TileFooter.js

@@ -1,19 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import React from 'react';
-import styled from 'styled-components';
-import { RenderTileItem } from './TileCommonItems';
-import { COLORS } from '../styles';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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  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(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1\n"], ["\n  flex: 1\n"])));
-var RightItemContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ", ";\n"])), COLORS.neutral_600);
-var TileFooter = function (_a) {
-    var buttons = _a.buttons, leftItem = _a.leftItem, size = _a.size;
-    return (React.createElement(Wrapper, { className: size },
-        React.createElement(LeftItemContainer, null, leftItem && RenderTileItem(leftItem, size)),
-        React.createElement(RightItemContainer, null, buttons && buttons.map(function (value, index) { return RenderTileItem(value, size, index); }))));
-};
-export default TileFooter;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/Tile/TileHeader.d.ts

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

package/dist/src/Tile/TileHeader.js

@@ -1,57 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { Size } from '../types';
-import styled from 'styled-components';
-import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles';
-import { TooltipWrapper } from '../Tooltips';
-import { IconButton } from '../Button';
-import { SystemIcons } from '../icons';
-import { RenderTileItem } from './TileCommonItems';
-import { Tag } from "../Tag";
-var SubtitleIconContainer = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n\n  .large & {\n    width: 20px;\n    height: 20px;\n  }\n"], ["\n  display: flex;\n  width: 16px;\n  height: 16px;\n\n  .large & {\n    width: 20px;\n    height: 20px;\n  }\n"])));
-var SubtitleContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"], ["\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n"])), COLORS.neutral_600);
-var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), COLORS.black);
-var TextContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n  flex: 1;\n\n  padding: 14px 0;\n\n  .medium & {\n    padding: 12px 0;\n  }\n\n  .large & {\n    padding: 12px 0;\n  }\n\n"])));
-var ActionContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
-var Wrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\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"], ["\n  display: flex;\n  align-items: flex-start;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n"])), SubtitleContainer, ComponentXXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentSStyling(ComponentTextStyle.Bold, null), SubtitleContainer, ComponentXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentMStyling(ComponentTextStyle.Bold, null), SubtitleContainer, ComponentSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentLStyling(ComponentTextStyle.Bold, null));
-var TagContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-self: center;\n"], ["\n  align-self: center;\n"])));
-var TileHeader = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, subtitleIcon = _a.subtitleIcon, tooltip = _a.tooltip, buttons = _a.buttons, size = _a.size, tag = _a.tag;
-    var renderTooltip = function () {
-        return !!tooltip &&
-            React.createElement(TooltipWrapper, { delay: "0s", size: Size.XSmall, align: "center", position: "bottom", withArrow: false, label: tooltip },
-                React.createElement(IconButton, { variant: "secondary", shape: "circular", style: { cursor: 'help' }, action: function () {
-                    } },
-                    React.createElement(SystemIcons.Help, { size: "24px", color: COLORS.neutral_600 })));
-    };
-    var renderTag = function () { return !!tag && React.createElement(TagContainer, null,
-        React.createElement(Tag, __assign({}, tag))); };
-    return (React.createElement(Wrapper, { className: size },
-        React.createElement(TextContainer, null,
-            React.createElement(TitleContainer, null, title),
-            subtitle &&
-                React.createElement(SubtitleContainer, null,
-                    subtitleIcon &&
-                        React.createElement(SubtitleIconContainer, null, React.cloneElement(subtitleIcon, { size: size === Size.Large ? '20px' : '16px' })),
-                    React.createElement("span", null, subtitle))),
-        React.createElement(ActionContainer, null,
-            renderTooltip(),
-            renderTag(),
-            buttons && buttons.map(function (item, index) { return RenderTileItem(item, size, index); }))));
-};
-export default TileHeader;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;