@mailstep/design-system 0.8.25 → 0.8.26-beta.1

package/ui/Elements/SingleSelect/SingleSelect.js

@@ -1,200 +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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { nanoid } from 'nanoid';
-import { createFilter } from 'react-select';
-import Select from '../Select';
-import { i18n } from '@lingui/core';
-import omit from 'lodash/fp/omit';
-var CREATE = "_create_".concat(nanoid(), "_");
-var defaultFilterOption = createFilter();
-var creatableFilterOption = function (option, rawInput) {
-    if ((option === null || option === void 0 ? void 0 : option.value) === CREATE)
-        return true;
-    return defaultFilterOption(option, rawInput);
-};
-var getOptionValue = function (selectedOption) {
-    if (selectedOption === null) {
-        return null;
-    }
-    else if (Array.isArray(selectedOption)) {
-        return selectedOption.map(function (option) { return option.value; });
-    }
-    else {
-        return selectedOption.value;
-    }
-};
-var loadingMessage = function () { return i18n._({ id: 'components.dropdown.loading', message: 'Loading...' }); };
-var SingleSelect = function (props) {
-    var name = props.name, onChange = props.onChange, onBlur = props.onBlur, onValueChange = props.onValueChange, loadOptions = props.loadOptions, _a = props.asyncLoadMinChars, asyncLoadMinChars = _a === void 0 ? 0 : _a, isLocked = props.isLocked, _b = props.lockedText, lockedText = _b === void 0 ? i18n._({ id: 'components.dropdown.notReact', message: 'Select related values first...' }) : _b, disabled = props.disabled, _c = props.placeholder, placeholder = _c === void 0 ? i18n._({ id: 'components.dropdown.placeholder', message: 'Select...' }) : _c, preload = props.preload, initialOptions = props.initialOptions, onCreateOption = props.onCreateOption, options = props.options, filterOption = props.filterOption, _d = props.shouldReloadOptions, shouldReloadOptions = _d === void 0 ? false : _d;
-    var _e = useState(false), isCreating = _e[0], setIsCreating = _e[1];
-    var asAsync = !!loadOptions || !!onCreateOption;
-    var noOptionsMessage = useCallback(function (inputValue) {
-        if (!loadOptions)
-            return i18n._({ id: 'components.dropdown.noOptions', message: 'No options' });
-        if (inputValue.length < asyncLoadMinChars)
-            return i18n._({ id: 'components.dropdown.writeMoreChars', message: "Write at least ".concat(asyncLoadMinChars, " characters.") });
-        return i18n._({ id: 'dataGrid.filterCell', message: 'Type to filter' });
-    }, [loadOptions, asyncLoadMinChars]);
-    var handleLoadOptions = useCallback(function (inputValue) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!onCreateOption) return [3 /*break*/, 4];
-                    if (!!inputValue.trim()) return [3 /*break*/, 2];
-                    return [4 /*yield*/, Promise.resolve(options || [])];
-                case 1: return [2 /*return*/, _a.sent()];
-                case 2: return [4 /*yield*/, Promise.resolve(__spreadArray(__spreadArray([], (options || []), true), [
-                        {
-                            value: CREATE,
-                            label: "".concat(inputValue, " (").concat(i18n._({ id: 'components.dropdown.newOption', message: 'new value' }), ")"),
-                            inputValue: inputValue
-                        }
-                    ], false))];
-                case 3: return [2 /*return*/, _a.sent()];
-                case 4:
-                    if (!(!loadOptions || inputValue.length < asyncLoadMinChars)) return [3 /*break*/, 6];
-                    return [4 /*yield*/, Promise.resolve([])];
-                case 5: return [2 /*return*/, _a.sent()];
-                case 6: return [4 /*yield*/, loadOptions(inputValue, false)];
-                case 7: return [2 /*return*/, _a.sent()];
-            }
-        });
-    }); }, [onCreateOption, loadOptions, asyncLoadMinChars, options]);
-    var _f = useState(options || []), loadedDefaultOptions = _f[0], setLoadedDefaultOptions = _f[1];
-    useEffect(function () {
-        if (loadOptions && preload && !props.value)
-            loadOptions('', false).then(setLoadedDefaultOptions).catch(console.error);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [loadOptions]); // this is intentional
-    var _g = useState(null), storedSelectedOption = _g[0], setStoredSelectedOption = _g[1];
-    useEffect(function () {
-        if (initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.length) {
-            var selectedOption = initialOptions.find(function (option) { return option.value === props.value; }) || null;
-            setStoredSelectedOption(selectedOption);
-        }
-        if (loadOptions && !initialOptions && props.value) {
-            loadOptions(String(props.value), true)
-                .then(function (selectedOptions) {
-                setStoredSelectedOption((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions[0]) || null);
-            })
-                .catch(console.error);
-        }
-        // ignored because of props.value, this only finds option for initial value
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [initialOptions, setStoredSelectedOption]);
-    useEffect(function () {
-        if (shouldReloadOptions) {
-            setLoadedDefaultOptions(options || []);
-        }
-    }, [options]);
-    var handleChange = useCallback(function (option) { return __awaiter(void 0, void 0, void 0, function () {
-        var value, newOption;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!(onCreateOption && (option === null || option === void 0 ? void 0 : option.value) === CREATE)) return [3 /*break*/, 4];
-                    if (!((option === null || option === void 0 ? void 0 : option.inputValue) && ((_b = (_a = option === null || option === void 0 ? void 0 : option.inputValue) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length) < 2)) return [3 /*break*/, 1];
-                    props === null || props === void 0 ? void 0 : props.form.setFieldTouched(name, true, true);
-                    props === null || props === void 0 ? void 0 : props.form.setFieldError(name, i18n._({ id: 'form.general.min2Chars', message: 'Minimal length is 2 characters.' }));
-                    return [2 /*return*/];
-                case 1:
-                    setIsCreating(true);
-                    return [4 /*yield*/, onCreateOption((_d = (_c = option === null || option === void 0 ? void 0 : option.inputValue) === null || _c === void 0 ? void 0 : _c.trim()) !== null && _d !== void 0 ? _d : '')];
-                case 2:
-                    newOption = _e.sent();
-                    value = getOptionValue(newOption);
-                    setIsCreating(false);
-                    _e.label = 3;
-                case 3: return [3 /*break*/, 5];
-                case 4:
-                    value = getOptionValue(option);
-                    loadOptions && setStoredSelectedOption(option);
-                    _e.label = 5;
-                case 5:
-                    if (onChange) {
-                        onChange({
-                            target: {
-                                name: name !== null && name !== void 0 ? name : '',
-                                type: 'change',
-                                value: value
-                            }
-                        });
-                    }
-                    if (onValueChange) {
-                        onValueChange(value);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [onCreateOption, loadOptions, onChange, onValueChange, props === null || props === void 0 ? void 0 : props.form, name]);
-    var omitted = ['onValueChange', 'placeholder', 'options', 'loadOptions', 'asyncLoadMinChars'];
-    var displayLockedText = isLocked && !disabled;
-    var placeholderValue = displayLockedText ? lockedText : placeholder;
-    var defaultOptions = useMemo(function () {
-        if (!asAsync)
-            return undefined; // relates only to asAsync true
-        var staticOptions = onCreateOption ? options : loadedDefaultOptions;
-        if (!storedSelectedOption)
-            return staticOptions || undefined;
-        return staticOptions ? __spreadArray(__spreadArray([], staticOptions, true), [storedSelectedOption], false) : [storedSelectedOption];
-    }, [asAsync, loadedDefaultOptions, onCreateOption, options, storedSelectedOption]);
-    return (_jsx(Select, __assign({}, omit(omitted, props), { filterOption: (filterOption || creatableFilterOption), disabled: disabled || isLocked, onChange: handleChange, onBlur: onBlur, placeholder: placeholderValue, loadingMessage: loadingMessage, noOptionsMessage: noOptionsMessage, loadOptions: asAsync ? handleLoadOptions : undefined, containerVariant: asAsync ? 'search' : undefined, defaultOptions: defaultOptions, options: !asAsync ? options : undefined, isLoading: isCreating || props.isLoading })));
-};
-export default SingleSelect;

package/ui/Elements/SingleSelect/index.js

@@ -1,2 +0,0 @@
-import SingleSelect from './SingleSelect';
-export default SingleSelect;

package/ui/Elements/SpaceAround/SpaceAround.js

@@ -1,53 +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 { jsx as _jsx } from "react/jsx-runtime";
-import styled, { x, css, useTheme, th } from '@xstyled/styled-components';
-var Wrapper = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
-    var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;
-    return "calc(100% - ".concat($marginLeft || '0px', " - ").concat($marginRight || '0px', ")");
-}, function (_a) {
-    var $spaceAround = _a.$spaceAround;
-    return $spaceAround
-        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "], ["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "])), $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginTop) === 'undefined' ? 1 : $spaceAround.marginTop, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginRight) === 'undefined'
-            ? 1
-            : $spaceAround.marginRight, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginBottom) === 'undefined'
-            ? 2
-            : $spaceAround.marginBottom, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginLeft) === 'undefined' ? 0 : $spaceAround.marginLeft) : '';
-}, function (_a) {
-    var $spaceBetween = _a.$spaceBetween;
-    return $spaceBetween
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          justify-content: space-between;\n        "], ["\n          display: flex;\n          justify-content: space-between;\n        "]))) : '';
-});
-var SpaceAroundWrap = function (_a) {
-    var children = _a.children, _b = _a.spaceBetween, spaceBetween = _b === void 0 ? false : _b, _c = _a.spaceAround, spaceAround = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "spaceBetween", "spaceAround"]);
-    var theme = useTheme();
-    var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;
-    var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;
-    return (_jsx(Wrapper, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
-};
-export default SpaceAroundWrap;
-var templateObject_1, templateObject_2, templateObject_3;

package/ui/Elements/SpaceAround/index.js

@@ -1,3 +0,0 @@
-import SpaceAroundWrap from './SpaceAround';
-export { SpaceAroundWrap };
-export default SpaceAroundWrap;

package/ui/Elements/SpaceAround/stories/SpaceAround.stories.js

@@ -1,22 +0,0 @@
-import { SpaceAroundWrap } from '../';
-var meta = {
-    title: 'Elements/SpaceAround',
-    component: SpaceAroundWrap,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        children: 'This is a content',
-        spaceBetween: false,
-        spaceAround: true,
-    },
-};
-export var ManyPages = {
-    args: {
-        children: 'This is a content',
-        spaceBetween: true,
-        spaceAround: false,
-    },
-};

package/ui/Elements/SpaceAround/types.js

@@ -1 +0,0 @@
-export {};

package/ui/Elements/Spinner/Spinner.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Svg, Circle } from './styles';
-export var appearanceToColorMap = {
-    error: 'red1',
-    concept: 'bgLightGray1',
-    done: 'darkGreen',
-    info: 'lightGray6',
-    processing: 'blue2',
-    success: 'green',
-    warning: 'yellow1',
-    waiting: 'gray1'
-};
-export var appearanceToFontColorMap = {
-    error: 'white',
-    concept: 'blue2',
-    done: 'white',
-    info: 'blue2',
-    processing: 'white',
-    success: 'white',
-    warning: 'blue2',
-    waiting: 'white'
-};
-export var Spinner = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;
-    var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';
-    return (_jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: _jsx(Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
-};
-export default Spinner;

package/ui/Elements/Spinner/index.js

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

package/ui/Elements/Spinner/stories/Spinner.stories.js

@@ -1,56 +0,0 @@
-import { Spinner } from '../';
-var meta = {
-    title: 'Elements/Spinner',
-    component: Spinner,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {},
-};
-export var Sm = {
-    args: {
-        variant: 'sm',
-    },
-};
-export var AppearanceConcept = {
-    args: {
-        appearance: 'concept',
-    },
-};
-export var AppearanceDone = {
-    args: {
-        appearance: 'done',
-    },
-};
-export var AppearanceError = {
-    args: {
-        appearance: 'error',
-    },
-};
-export var AppearanceInfo = {
-    args: {
-        appearance: 'info',
-    },
-};
-export var AppearanceProcessing = {
-    args: {
-        appearance: 'processing',
-    },
-};
-export var AppearanceSuccess = {
-    args: {
-        appearance: 'success',
-    },
-};
-export var AppearanceWarning = {
-    args: {
-        appearance: 'warning',
-    },
-};
-export var AppearanceWaiting = {
-    args: {
-        appearance: 'waiting',
-    },
-};

package/ui/Elements/Spinner/styles.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 styled, { th, keyframes } from '@xstyled/styled-components';
-var KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-export var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"], ["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"])), function (_a) {
-    var $variant = _a.$variant;
-    return ($variant === 'sm' ? '16' : '40');
-}, function (_a) {
-    var $variant = _a.$variant;
-    return ($variant === 'sm' ? '16' : '40');
-}, KeyframesCircularRotate);
-export var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
-    var color = _a.color;
-    return (color ? th.color(color) : th.color('blue2'));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/ui/Elements/Spinner/types.js

@@ -1 +0,0 @@
-export {};

package/ui/Elements/Table/Table.js

@@ -1,12 +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 styled, { system } from '@xstyled/styled-components';
-export var Table = styled.table(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  width: 100%;\n  border-collapse: collapse;\n  color: blue2;\n"], ["\n  ", ";\n  width: 100%;\n  border-collapse: collapse;\n  color: blue2;\n"])), system);
-export var Tr = styled.tr(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n  &:nth-child(even) {\n    background-color: bgLightGray;\n  }\n"], ["\n  ", ";\n  &:nth-child(even) {\n    background-color: bgLightGray;\n  }\n"])), system);
-export var Td = styled.td(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), system);
-export var Th = styled.th(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  font-weight: semiBold;\n  text-align: left;\n  border-top: 1px solid;\n  border-top-color: lightGray6;\n\n  &:not(:last-child) {\n    border-right: 1px dashed;\n    border-right-color: lightGray6;\n  }\n"], ["\n  ", ";\n  font-weight: semiBold;\n  text-align: left;\n  border-top: 1px solid;\n  border-top-color: lightGray6;\n\n  &:not(:last-child) {\n    border-right: 1px dashed;\n    border-right-color: lightGray6;\n  }\n"])), system);
-export var Tbody = styled.tbody(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  td {\n    padding: 9px 4px;\n  }\n"], ["\n  ", ";\n  td {\n    padding: 9px 4px;\n  }\n"])), system);
-export var Thead = styled.thead(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  background-color: bgLightGray1;\n\n  th {\n    padding: 10px 8px;\n  }\n"], ["\n  ", ";\n  background-color: bgLightGray1;\n\n  th {\n    padding: 10px 8px;\n  }\n"])), system);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/ui/Elements/Table/index.js

@@ -1 +0,0 @@
-export { Table, Thead, Tr, Th, Td, Tbody } from './Table';

package/ui/Elements/Table/stories/Table.stories.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, Thead, Tr, Th, Td, Tbody } from '../';
-var meta = {
-    title: 'Elements/Table',
-    component: Table,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = function () { return (_jsxs(Table, { children: [_jsx(Thead, { children: _jsxs(Tr, { children: [_jsx(Th, { children: "Name" }), _jsx(Th, { children: "Address" }), _jsx(Th, { children: "City" })] }) }), _jsxs(Tbody, { children: [_jsxs(Tr, { children: [_jsx(Td, { children: "John Doe" }), _jsx(Td, { children: "123 Main St" }), _jsx(Td, { children: "Anytown" })] }), _jsxs(Tr, { children: [_jsx(Td, { children: "John Doe" }), _jsx(Td, { children: "123 Main St" }), _jsx(Td, { children: "Anytown" })] }), _jsxs(Tr, { children: [_jsx(Td, { children: "John Doe" }), _jsx(Td, { children: "123 Main St" }), _jsx(Td, { children: "Anytown" })] })] })] })); };

package/ui/Elements/Tag/Tag.js

@@ -1,62 +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 styled, { th } from '@xstyled/styled-components';
-var fontSizeMap = {
-    small: '14px',
-    medium: '16px',
-    big: '20px'
-};
-var paddingMap = {
-    small: '2px 8px',
-    medium: '7px 10px',
-    big: '12px 12px'
-};
-var borderRadiusMap = {
-    small: '6px',
-    medium: '20px',
-    big: '20px'
-};
-var getTextColor = function (isNotSelected, textColor) {
-    if (textColor) {
-        return th.color(textColor);
-    }
-    return isNotSelected ? th.color('blue2') : 'white';
-};
-var getBgColor = function (color) {
-    return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';
-};
-var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  margin-right: ", ";\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"], ["\n  background-color: ", ";\n  margin-right: ", ";\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"])), function (_a) {
-    var color = _a.color;
-    return getBgColor(color);
-}, function (_a) {
-    var marginRight = _a.marginRight;
-    return marginRight || '10px';
-}, function (_a) {
-    var isNotSelected = _a.isNotSelected, textColor = _a.textColor;
-    return getTextColor(isNotSelected, textColor);
-}, function (_a) {
-    var size = _a.size;
-    return "border-radius: ".concat(borderRadiusMap[size || 'medium']);
-}, function (_a) {
-    var size = _a.size;
-    return "font-size: ".concat(fontSizeMap[size || 'medium']);
-}, function (_a) {
-    var size = _a.size;
-    return "padding: ".concat(paddingMap[size || 'medium']);
-}, function (_a) {
-    var border = _a.border;
-    return border && 'border: 1px solid rgba(0, 0, 0, 0.65);';
-}, function (_a) {
-    var opacity = _a.opacity;
-    return opacity && 'opacity: 0.7';
-}, function (_a) {
-    var pointer = _a.pointer;
-    return pointer && 'cursor: pointer;';
-}, function (_a) {
-    var hover = _a.hover;
-    return hover && '&: hover { opacity: 0.7}';
-});
-export default Tag;
-var templateObject_1;

package/ui/Elements/Tag/index.js

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

package/ui/Elements/Tag/palettes.js

@@ -1,16 +0,0 @@
-/**
- * [string, string]: [background, text]
- */
-export var palettes = {
-    greenWhite: { color: 'green60', textColor: 'white' },
-    greenGreen: { color: 'green30', textColor: 'green80' },
-    blueBlue: { color: 'blue20', textColor: 'blue80' },
-    magentaWhite: { color: 'magenta60', textColor: 'white' },
-    magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },
-    tealTeal: { color: 'teal20', textColor: 'teal90' },
-    orangeOrange: { color: 'orange20', textColor: 'orange80' },
-    grayGray: { color: 'neutral20', textColor: 'typoPrimary' },
-    redWhite: { color: 'red1', textColor: 'white' },
-    redRed: { color: 'red30', textColor: 'red1' },
-    purplePurple: { color: 'purple20', textColor: 'purple80' }
-};

package/ui/Elements/Tag/stories/Tag.stories.js

@@ -1,72 +0,0 @@
-import Tag from '../';
-import PredefinedTags from './components/predefinedTags';
-var meta = {
-    title: 'Elements/Tag',
-    component: Tag,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var AllPalettes = {
-    decorators: [PredefinedTags]
-};
-export var Default = {
-    args: {
-        children: 'Label'
-    }
-};
-export var RedTag = {
-    args: {
-        color: 'red1',
-        children: 'This tag has color red1'
-    }
-};
-export var NotSelected = {
-    args: {
-        isNotSelected: true,
-        children: 'This tag is not selected',
-        color: 'red1'
-    }
-};
-export var Pointer = {
-    args: {
-        pointer: true,
-        children: 'This tag has pointer',
-        color: 'red1'
-    }
-};
-export var Hover = {
-    args: {
-        hover: true,
-        children: 'This tag has hover effect',
-        color: 'red1'
-    }
-};
-export var Opacity = {
-    args: {
-        opacity: true,
-        children: 'This tag has opacity 0.7',
-        color: 'red1'
-    }
-};
-export var Border = {
-    args: {
-        border: true,
-        children: 'This tag has border',
-        color: 'red1'
-    }
-};
-export var Small = {
-    args: {
-        children: 'Small',
-        color: 'teal60',
-        size: 'small'
-    }
-};
-export var Big = {
-    args: {
-        children: 'Big',
-        color: 'teal60',
-        size: 'big'
-    }
-};

package/ui/Elements/Tag/stories/components/predefinedTags.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tag from '../../Tag';
-import { palettes } from '../../palettes';
-import { x } from '@xstyled/styled-components';
-var PredefinedTags = function () {
-    return (_jsx(x.div, { display: "flex", flexWrap: "wrap", fontFamily: "monospace", children: Object.keys(palettes).map(function (paletteName) { return (_jsx(Tag, { color: palettes[paletteName].color, textColor: palettes[paletteName].textColor, children: paletteName }, paletteName)); }) }));
-};
-export default PredefinedTags;

package/ui/Elements/Tag/types.js

@@ -1 +0,0 @@
-export {};

package/ui/Elements/Text/Text.js

@@ -1,29 +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 __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 { jsx as _jsx } from "react/jsx-runtime";
-import { x } from '@xstyled/styled-components';
-var Text = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? 'span' : _b, props = __rest(_a, ["as"]);
-    return _jsx(x.div, __assign({ as: as }, props));
-};
-export default Text;

package/ui/Elements/Text/index.js

@@ -1,2 +0,0 @@
-import Text from './Text';
-export { Text };