venice-ui 2.4.13 → 3.0.1

package/dist/cjs/components/Tooltip/Tooltip.styles.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipPivot = exports.TooltipWrapper = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
-const Theme_1 = require("../../Theme/Theme");
-exports.TooltipWrapper = styled_components_1.default.div `
-  position: absolute;
-  top: ${(p) => (p.showBelow ? p.position.top + 8 : p.position.top - 36)}px;
-  left: ${(p) => p.position.left}px;
-  background: ${Theme_1.Theme.colors.darkGray};
-  color: ${Theme_1.Theme.colors.white};
-  padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.m};
-  border-radius: ${Theme_1.Theme.borderRadius.m};
-  font-size: ${Theme_1.Theme.fontSize.s};
-  z-index: 9999;
-  white-space: nowrap;
-  box-shadow: 0 2px 8px ${Theme_1.Theme.colors.overlayer};
-  pointer-events: none;
-`;
-exports.TooltipPivot = styled_components_1.default.span `
-  position: absolute;
-  left: 18px;
-  transform: translateX(-50%);
-  width: 0;
-  height: 0;
-  border-left: 7px solid transparent;
-  border-right: 7px solid transparent;
-
-  ${({ showBelow }) => showBelow
-    ? (0, styled_components_1.css) `
-          top: -7px;
-          border-bottom: 7px solid #222;
-          border-top: none;
-        `
-    : (0, styled_components_1.css) `
-          bottom: -7px;
-          border-top: 7px solid #222;
-          border-bottom: none;
-        `}
-`;

package/dist/cjs/components/Typography/Typography.styles.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextLabel = exports.TextAccent = exports.TextSubHeader = exports.TextHeader = exports.TextMicro = exports.TextSmall = exports.Text = void 0;
-const common_1 = require("../common");
-const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme/Theme");
-exports.Text = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.m};
-  line-height: ${Theme_1.Theme.lineHeight.m};
-  font-weight: normal;
-  color: ${(p) => p.isDisabled ? Theme_1.Theme.colors.gray_3 : p.color ? p.color : Theme_1.Theme.colors.text};
-  cursor: ${(p) => p.isDisabled ? 'not-allowed' : p.action ? 'pointer' : 'default'};
-  ${(p) => p.action &&
-    !p.isDisabled &&
-    `
-    :hover{
-    color:${Theme_1.Theme.colors.primary};
-    }
-    `}
-`;
-exports.TextSmall = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.s};
-  line-height: ${Theme_1.Theme.lineHeight.s};
-  font-weight: normal;
-  color: ${(p) => (p.color ? p.color : Theme_1.Theme.colors.text)};
-  cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-`;
-exports.TextMicro = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.xxs};
-  line-height: ${Theme_1.Theme.lineHeight.xs};
-  font-weight: normal;
-  color: ${(p) => (p.color ? p.color : Theme_1.Theme.colors.text)};
-  cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-`;
-exports.TextHeader = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.l};
-  line-height: ${Theme_1.Theme.lineHeight.l};
-  font-weight: 300;
-  color: ${(p) => (p.color ? p.color : Theme_1.Theme.colors.text)};
-  cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-`;
-exports.TextSubHeader = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.m};
-  line-height: ${Theme_1.Theme.lineHeight.m};
-  font-weight: 300;
-  color: ${(p) => (p.color ? p.color : Theme_1.Theme.colors.text)};
-  cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-`;
-exports.TextAccent = styled_components_1.default.div `
-  font-size: ${Theme_1.Theme.fontSize.xs};
-  line-height: ${Theme_1.Theme.lineHeight.xs};
-  text-transform: uppercase;
-  color: ${(p) => (p.color ? p.color : Theme_1.Theme.colors.text)};
-  cursor: ${(p) => (p.action ? 'pointer' : 'default')};
-`;
-exports.TextLabel = styled_components_1.default.div `
-  font-weight: ${(p) => (p.labelPosition === 'left' ? 'normal' : 'bold')};
-  ${(p) => p.size && p.labelPosition === 'left'
-    ? (0, common_1.setLabelFontSize)(p.size)
-    : `
-  font-size: ${Theme_1.Theme.fontSize.s};
-  line-height: ${Theme_1.Theme.lineHeight.s};
-  `}
-`;

package/dist/cjs/components/common/commonComponents.js

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelOption = exports.Panel = exports.ScrollCotainer = exports.Container = void 0;
-const polished_1 = require("polished");
-const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme/Theme");
-const inputStyles_1 = require("./inputStyles");
-exports.Container = styled_components_1.default.div `
-  width: 100%;
-`;
-exports.ScrollCotainer = styled_components_1.default.div `
-  width: 100%;
-  padding: ${Theme_1.Theme.padding.m} ${Theme_1.Theme.padding.l};
-  overflow: auto;
-  box-sizing: border-box;
-`;
-exports.Panel = styled_components_1.default.div `
-  box-sizing: border-box;
-  background-color: ${Theme_1.Theme.colors.white};
-  box-shadow: ${Theme_1.Theme.shadow.m};
-  padding: ${Theme_1.Theme.padding.m} 0;
-  border-radius: ${Theme_1.Theme.borderRadius.m};
-  height: ${(p) => (p.height ? p.height : 'auto')};
-  width: ${(p) => (p.fullWidth ? '100%' : 'auto')};
-  position: absolute;
-  z-index: ${(p) => (p.zIndex ? p.zIndex : Theme_1.Theme.zIndex.dropdown)};
-  top: ${(p) => (0, inputStyles_1.setPanelTop)(p.size)};
-  border: 1px solid ${Theme_1.Theme.colors.gray_2};
-  border-top: none;
-  min-width: 30px;
-  ${(p) => p.maxHeight &&
-    `
-  max-height: ${p.maxHeight};
-  overflow: auto;
-  
-  `}
-`;
-exports.PanelOption = styled_components_1.default.div `
-  padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.m};
-  cursor: ${(p) => (p.isDisabled ? 'not-allowed' : 'pointer')};
-  white-space: nowrap;
-  font-size: 16px;
-  color: ${(p) => p.active
-    ? Theme_1.Theme.colors.primary
-    : p.isDisabled
-        ? Theme_1.Theme.colors.gray_1
-        : Theme_1.Theme.colors.text};
-  :hover {
-    background-color: ${(p) => p.isDisabled ? Theme_1.Theme.colors.gray_4 : (0, polished_1.lighten)(0.4, Theme_1.Theme.colors.primary)};
-  }
-  ${(p) => p.width && `width:${p.width};`}
-`;

package/dist/cjs/components/common/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./commonComponents"), exports);
-__exportStar(require("./inputStyles"), exports);

package/dist/cjs/components/common/inputStyles.js

@@ -1,280 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setAnimationParams = exports.animationParams = exports.setFieldHeight = exports.fieldHeight = exports.setPanelTop = exports.panelTop = exports.setIconShiftSize = exports.setIconSize = exports.iconShiftSize = exports.iconSize = exports.setLabelFontSize = exports.lableFontSize = exports.inputColorSchema = exports.setEyeTopPosition = exports.setButtonLoaderSize = exports.setToogleSize = exports.setButtonSize = exports.setHeight = exports.setSizeWithPrefix = exports.setFontSize = exports.setSelectorSize = exports.setSelecAreaSize = exports.setSize = exports.eyeTopPosition = exports.buttonLoaderHeight = exports.buttonLoaderPadding = exports.buttonPadding = exports.inputPaddingWithPrefix = exports.selectorPadding = exports.selectAreaPadding = exports.inputPadding = exports.toogleSize = exports.height = exports.sizes = exports.defaultStyles = void 0;
-const polished_1 = require("polished");
-const Theme_1 = require("../../Theme");
-exports.defaultStyles = `
-  box-sizing: border-box;
-  background-color: ${Theme_1.Theme.colors.white};
-  border: 1px solid ${Theme_1.Theme.colors.gray_2};
-  border-radius: ${Theme_1.Theme.borderRadius.m};
-  width: 100%;
-  font-family: "Lato", sans-serif;
-  outline: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-`;
-exports.sizes = {
-    small: `
-  font-size: ${Theme_1.Theme.fontSize.s};
-  line-height: ${Theme_1.Theme.lineHeight.s};
-  `,
-    medium: `
-  font-size: ${Theme_1.Theme.fontSize.m};
-  line-height: ${Theme_1.Theme.lineHeight.m};
-  `,
-    large: `
-  font-size: ${Theme_1.Theme.fontSize.l};
-  line-height: ${Theme_1.Theme.lineHeight.l};
-  `,
-};
-exports.height = {
-    small: `
-  height: calc( ${Theme_1.Theme.lineHeight.s} + 2 * (${Theme_1.Theme.padding.s}) + 2px);
-  `,
-    medium: `
-  height: calc( ${Theme_1.Theme.lineHeight.m} + 2 * (${Theme_1.Theme.padding.m}) + 2px);
-
-  `,
-    large: `
-  height: calc( ${Theme_1.Theme.lineHeight.l} + 2 * (${Theme_1.Theme.padding.m}) + 2px);
-  `,
-};
-exports.toogleSize = {
-    small: `
-  padding:1px 0px;
-  `,
-    medium: `
- padding:7px 0px;
-  `,
-    large: `
-  padding:10px 0px;
-  `,
-};
-exports.inputPadding = {
-    small: `
-  padding: ${Theme_1.Theme.padding.s};
-  `,
-    medium: `
-  padding: ${Theme_1.Theme.padding.m};
-  `,
-    large: `
-  padding: ${Theme_1.Theme.padding.m};
-  `,
-};
-exports.selectAreaPadding = {
-    small: `
-  padding: calc(${Theme_1.Theme.padding.s} - 2px) ${Theme_1.Theme.padding.s};
-  `,
-    medium: `
-  padding: calc(${Theme_1.Theme.padding.m} - 2px) ${Theme_1.Theme.padding.m};
-  `,
-    large: `
-  padding: calc(${Theme_1.Theme.padding.m} - 4px) ${Theme_1.Theme.padding.m};
-  `,
-};
-exports.selectorPadding = {
-    small: `
-  padding: calc(${Theme_1.Theme.padding.s} ) 0px;
-  `,
-    medium: `
-  padding: calc(${Theme_1.Theme.padding.m} + 1px) 0px;
-  `,
-    large: `
-  padding: calc(${Theme_1.Theme.padding.m} ) 0px;
-  `,
-};
-exports.inputPaddingWithPrefix = {
-    small: `
-  padding: ${Theme_1.Theme.padding.s};
-  padding-left: calc(2* ${Theme_1.Theme.padding.s} + 24px);
-  `,
-    medium: `
-  padding: ${Theme_1.Theme.padding.m};
-  padding-left: calc(2* ${Theme_1.Theme.padding.m} + 24px);
-  `,
-    large: `
-  padding: ${Theme_1.Theme.padding.m};
-  padding-left: calc(2* ${Theme_1.Theme.padding.m} + 24px);
-  `,
-};
-//TODO refactor this
-exports.buttonPadding = {
-    small: `
-  padding: calc(${Theme_1.Theme.padding.s} + 1px ) ${Theme_1.Theme.padding.m};
-  `,
-    medium: `
-  padding: calc(${Theme_1.Theme.padding.m} + 1px ) ${Theme_1.Theme.padding.l};
-  `,
-    large: `
-  padding: calc(${Theme_1.Theme.padding.m} + 1px ) ${Theme_1.Theme.padding.l};
-  `,
-};
-//TODO refactor this
-exports.buttonLoaderPadding = {
-    small: `
-  padding: ${Theme_1.Theme.padding.s};
-  `,
-    medium: `
-  padding: ${Theme_1.Theme.padding.m};
-  `,
-    large: `
-  padding: ${Theme_1.Theme.padding.m};
-  `,
-};
-exports.buttonLoaderHeight = {
-    small: 'height: 16px;',
-    medium: 'height: 18px;',
-    large: 'height: 24px;',
-};
-exports.eyeTopPosition = {
-    small: `top:-2px;`,
-    medium: `top: 3px;`,
-    large: `top: 7px;`,
-};
-const setSize = (size) => {
-    return exports.sizes[size] + exports.inputPadding[size];
-};
-exports.setSize = setSize;
-const setSelecAreaSize = (size) => {
-    return exports.sizes[size] + exports.selectAreaPadding[size];
-};
-exports.setSelecAreaSize = setSelecAreaSize;
-const setSelectorSize = (size) => {
-    return exports.sizes[size] + exports.selectorPadding[size];
-};
-exports.setSelectorSize = setSelectorSize;
-const setFontSize = (size) => {
-    return exports.sizes[size];
-};
-exports.setFontSize = setFontSize;
-const setSizeWithPrefix = (size) => {
-    return exports.sizes[size] + exports.inputPaddingWithPrefix[size];
-};
-exports.setSizeWithPrefix = setSizeWithPrefix;
-const setHeight = (size) => {
-    return exports.height[size];
-};
-exports.setHeight = setHeight;
-const setButtonSize = (size, loader) => {
-    return (exports.sizes[size] + (loader ? exports.buttonLoaderPadding[size] : exports.buttonPadding[size]));
-};
-exports.setButtonSize = setButtonSize;
-const setToogleSize = (size) => {
-    return exports.toogleSize[size];
-};
-exports.setToogleSize = setToogleSize;
-const setButtonLoaderSize = (size) => {
-    return exports.buttonLoaderHeight[size];
-};
-exports.setButtonLoaderSize = setButtonLoaderSize;
-const setEyeTopPosition = (size) => {
-    return exports.eyeTopPosition[size];
-};
-exports.setEyeTopPosition = setEyeTopPosition;
-exports.inputColorSchema = {
-    default: `
-    border-color: ${Theme_1.mainTheme.action};
-    background-color: ${Theme_1.mainTheme.inputFocusBackground};
-  `,
-    disabled: `
-    border-color: ${Theme_1.Theme.colors.gray_1};
-    background-color: ${(0, polished_1.lighten)(0.2, Theme_1.Theme.colors.gray_2)};
-    color:${Theme_1.Theme.colors.gray_1};
-  `,
-    error: `
-    border-color: ${Theme_1.Theme.colors.red};
-    background-color: ${Theme_1.mainTheme.errorBackgroundColorHoverLight};
-  `,
-};
-exports.lableFontSize = {
-    small: `
-  line-height: ${Theme_1.Theme.lineHeight.s};
-  font-size: ${Theme_1.Theme.fontSize.s};
-  `,
-    medium: `
-  line-height: ${Theme_1.Theme.lineHeight.m};
-  font-size: ${Theme_1.Theme.fontSize.m};`,
-    large: `
-  line-height: ${Theme_1.Theme.lineHeight.m};
-  font-size: ${Theme_1.Theme.fontSize.l};
-  `,
-};
-const setLabelFontSize = (size) => {
-    return exports.lableFontSize[size];
-};
-exports.setLabelFontSize = setLabelFontSize;
-exports.iconSize = {
-    small: 18,
-    medium: 28,
-    large: 34,
-};
-exports.iconShiftSize = {
-    small: 12,
-    medium: 16,
-    large: 24,
-};
-const setIconSize = (size) => {
-    return exports.iconSize[size];
-};
-exports.setIconSize = setIconSize;
-const setIconShiftSize = (size) => {
-    return exports.iconShiftSize[size];
-};
-exports.setIconShiftSize = setIconShiftSize;
-exports.panelTop = {
-    small: '26px',
-    medium: '36px',
-    large: '42px',
-};
-const setPanelTop = (size) => {
-    return exports.panelTop[size];
-};
-exports.setPanelTop = setPanelTop;
-exports.fieldHeight = {
-    small: '26px',
-    medium: '36px',
-    large: '42px',
-};
-const setFieldHeight = (size) => {
-    return exports.fieldHeight[size];
-};
-exports.setFieldHeight = setFieldHeight;
-exports.animationParams = {
-    small: {
-        width: '40px',
-        itemSize: '7px',
-        itemOne: '4px',
-        itemTwo: '4px',
-        itemThree: '16px',
-        itemFour: '28px',
-        move: '12px',
-        duration: '0.6s',
-    },
-    medium: {
-        width: '80px',
-        itemSize: '13px',
-        itemOne: '8px',
-        itemTwo: '8px',
-        itemThree: '32px',
-        itemFour: '56px',
-        move: '24px',
-        duration: '0.6s',
-    },
-    large: {
-        width: '160px',
-        itemSize: '26px',
-        itemOne: '16px',
-        itemTwo: '16px',
-        itemThree: '64px',
-        itemFour: '112px',
-        move: '48px',
-        duration: '0.6s',
-    },
-};
-const setAnimationParams = (size) => {
-    return exports.animationParams[size];
-};
-exports.setAnimationParams = setAnimationParams;

package/dist/cjs/docs/Overview.js

@@ -1,91 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overview = void 0;
-const react_1 = __importStar(require("react"));
-const Input_1 = require("../components/Input");
-const example_1 = require("../example");
-const Button_1 = require("../components/Button");
-const Dropdown_1 = require("../components/Dropdown");
-const Selector_1 = require("../components/Selector");
-const DropdownMenu_1 = require("../components/DropdownMenu");
-const Aligment_1 = require("../components/Aligment");
-const Overview = ({ sectionName, size, labelPosition, }) => {
-    const [data, setData] = (0, react_1.useState)({
-        input: 'my text',
-        dropdown: '',
-        selector1: 'test_01',
-        selector2: '',
-    });
-    const onChange = (name, value) => {
-        setData({
-            ...data,
-            [name]: value,
-        });
-    };
-    const onClick = () => {
-        alert('button click');
-    };
-    const handleClear1 = () => {
-        setData({
-            ...data,
-            selector1: '',
-        });
-    };
-    const handleClear2 = () => {
-        setData({
-            ...data,
-            selector2: '',
-        });
-    };
-    return (react_1.default.createElement(Aligment_1.Aligment, { gap: 20, direction: 'column', align: 'stretch', justify: 'space-between' },
-        react_1.default.createElement(example_1.ExampleAreaTitle, null, sectionName),
-        react_1.default.createElement(example_1.ExampleArea, null,
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(Input_1.Input, { value: data.input, size: size, label: "Input", name: "input", handleChange: onChange, labelPosition: labelPosition })),
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(Button_1.Button, { size: size, text: "Button", onClick: onClick })),
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(Dropdown_1.Dropdown, { size: size, label: "Dropdown", labelPosition: labelPosition, handleSelect: onChange, name: "dropdown", value: data.dropdown, options: [
-                        { value: 'test_01', label: 'test 01' },
-                        { value: 'test_02', label: 'test 02' },
-                    ] })),
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(Selector_1.Selector, { labelPosition: labelPosition, size: size, label: "Selected selector", value: data.selector1, handleSelect: onChange, handleClear: handleClear1, name: "selector1", options: [
-                        { value: 'test_01', label: 'test 01' },
-                        { value: 'test_02', label: 'test 02' },
-                    ] })),
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(Selector_1.Selector, { handleSelect: onChange, handleClear: handleClear2, name: "selector2", value: data.selector2, labelPosition: labelPosition, size: size, label: "Selector", options: [
-                        { value: 'test_01', label: 'test 01' },
-                        { value: 'test_02', label: 'test 02' },
-                    ] })),
-            react_1.default.createElement(example_1.ExampleItem, null,
-                react_1.default.createElement(DropdownMenu_1.DropdownMenu, { size: size, options: [
-                        { action: () => alert('action one'), label: 'action one' },
-                        { action: () => alert('action two'), label: 'action two' },
-                    ] })))));
-};
-exports.Overview = Overview;