@mailstep/design-system 0.8.26-beta.5 → 0.8.26

package/ui/Elements/Alert/styles.js

@@ -1,127 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  width: calc(100vw - 20px);\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ",
-        ";\n  border-radius: 8px;\n  background-color: ",
-        ";\n  color: ",
-        ";\n  font-family: ",
-        ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: sticky;\n  left: 10px;\n  @media (min-width: 1024px) {\n    position: relative;\n    left: 0;\n    width: 100%;\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ",
-        ";\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  margin: 0 13px 0 9px;\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n  font-size: 14px;\n  font-weight: 600;\n  color: ",
-        ";\n  margin-right: 10px;\n"
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ",
-        ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ",
-        ";\n  font-size: 10px;\n"
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "styled-components";
-import { Link } from "../Link";
-import { x, th } from "@xstyled/styled-components";
-var StyledAlert = styled(x.div)(_templateObject(), function(param) {
-    var $inline = param.$inline, $colorFill = param.$colorFill;
-    return $inline ? "solid 1px ".concat($colorFill) : "none";
-}, function(param) {
-    var $bgColor = param.$bgColor;
-    return $bgColor;
-}, th("colors.textPrimary"), th("fonts.primary"));
-var VerticalSeparator = styled(x.div)(_templateObject1(), function(param) {
-    var $colorFill = param.$colorFill;
-    return $colorFill;
-});
-var IconWrap = styled(x.div)(_templateObject2());
-var Title = styled.span(_templateObject3());
-var Text = styled.span(_templateObject4());
-var LinkWrapper = styled(Link)(_templateObject5(), function(param) {
-    var $colorFill = param.$colorFill;
-    return $colorFill;
-});
-var ActionButton = styled.button(_templateObject6(), function(param) {
-    var $colorFill = param.$colorFill;
-    return $colorFill;
-});
-var CloseBtn = styled.button(_templateObject7());
-var Description = styled.div(_templateObject8(), th("colors.gray"));
-export { ActionButton, CloseBtn, Description, IconWrap, LinkWrapper, StyledAlert, Text, Title, VerticalSeparator };

package/ui/Elements/AsyncSelect/AsyncSelect.js

@@ -1,161 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import ErrorMessage from "../ErrorMessage/ErrorMessage";
-import { FieldLabel } from "../Label";
-import { StyledAsyncSelect, Wrapper } from "../Select/styles";
-import { useStylesAndComponents } from "../Select/themes";
-import SpaceAroundWrap from "../SpaceAround";
-import { i18n } from "@lingui/core";
-var AsyncSelect = function AsyncSelect(_0) {
-    var error = _0.error, label = _0.label, className = _0.className, spaceAround = _0.spaceAround, name = _0.name, placeholder = _0.placeholder, _0_style = _0.style, style = _0_style === void 0 ? "form" : _0_style, _0_optionVariant = _0.optionVariant, optionVariant = _0_optionVariant === void 0 ? "checkbox" : _0_optionVariant, _0_multiLabelVariant = _0.multiLabelVariant, multiLabelVariant = _0_multiLabelVariant === void 0 ? "count" : _0_multiLabelVariant, props = _object_without_properties(_0, [
-        "error",
-        "label",
-        "className",
-        "spaceAround",
-        "name",
-        "placeholder",
-        "style",
-        "optionVariant",
-        "multiLabelVariant"
-    ]);
-    var _useStylesAndComponents = _sliced_to_array(useStylesAndComponents(style, optionVariant, multiLabelVariant), 3), customComponents = _useStylesAndComponents[0], customTheme = _useStylesAndComponents[1], customStyles = _useStylesAndComponents[2];
-    return /* @__PURE__ */ jsxs(SpaceAroundWrap, {
-        spaceAround: spaceAround,
-        className: className,
-        children: [
-            /* @__PURE__ */ jsxs(Wrapper, {
-                children: [
-                    label && /* @__PURE__ */ jsx(FieldLabel, {
-                        htmlFor: name,
-                        children: label
-                    }),
-                    /* @__PURE__ */ jsx(StyledAsyncSelect, _object_spread({
-                        id: name,
-                        name: name,
-                        theme: customTheme,
-                        components: customComponents,
-                        styles: customStyles,
-                        classNamePrefix: "react-select",
-                        placeholder: placeholder || i18n._({
-                            id: "components.dropdown.placeholder",
-                            message: "Select..."
-                        })
-                    }, props))
-                ]
-            }),
-            error && /* @__PURE__ */ jsx(ErrorMessage, {
-                children: error
-            })
-        ]
-    });
-};
-export { AsyncSelect };

package/ui/Elements/AsyncSelect/index.js

@@ -1,3 +0,0 @@
-import { AsyncSelect } from "./AsyncSelect";
-var AsyncSelect_default = AsyncSelect;
-export { AsyncSelect_default as default };

package/ui/Elements/Avatar/Avatar.js

@@ -1,153 +0,0 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ",
-        ";\n  background-color: ",
-        ";\n  width: ",
-        ";\n  height: ",
-        ";\n  :hover {\n    background-color: ",
-        ";\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Profile } from "../Icon";
-import styled, { th } from "@xstyled/styled-components";
-var defaultDimension = 100;
-var StyledAvatarWrap = styled.div(_templateObject(), function(props) {
-    return props.$colorFront ? th.color(props.$colorFront) : "auto";
-}, function(props) {
-    return props.$colorBack ? th.color(props.$colorBack) : "auto";
-}, function(props) {
-    return "".concat(props.size, "px");
-}, function(props) {
-    return "".concat(props.size, "px");
-}, function(props) {
-    return props.$hoverColorBack ? th.color(props.$hoverColorBack) : "auto";
-});
-var Avatar = function Avatar(_0) {
-    var src = _0.src, _0_size = _0.size, size = _0_size === void 0 ? defaultDimension : _0_size, colorFront = _0.colorFront, colorBack = _0.colorBack, className = _0.className, hoverColorBack = _0.hoverColorBack, rest = _object_without_properties(_0, [
-        "src",
-        "size",
-        "colorFront",
-        "colorBack",
-        "className",
-        "hoverColorBack"
-    ]);
-    return /* @__PURE__ */ jsx(Fragment, {
-        children: /* @__PURE__ */ jsx(StyledAvatarWrap, _object_spread_props(_object_spread({
-            size: size || 34,
-            className: className,
-            $colorBack: colorBack || "neutral20",
-            $colorFront: colorFront || "blue2",
-            $hoverColorBack: hoverColorBack || "lightGray7"
-        }, rest), {
-            children: src ? /* @__PURE__ */ jsx("img", {
-                src: src,
-                width: size,
-                height: size
-            }) : /* @__PURE__ */ jsx(Profile, {})
-        }))
-    });
-};
-export { Avatar };

package/ui/Elements/Avatar/index.d.js

@@ -1,2 +0,0 @@
-var index_d_default = Avatar;
-export { index_d_default as default };

package/ui/Elements/Avatar/index.js

@@ -1,4 +0,0 @@
-import { Avatar } from "./Avatar";
-import { Avatar as Avatar2 } from "./Avatar";
-var Avatar_default = Avatar;
-export { Avatar2 as Avatar, Avatar_default as default };

package/ui/Elements/Badge/Badge.js

@@ -1,107 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  min-width: 12px;\n  display: flex;\n  align-items: center;\n  height: ",
-        ";\n  padding: ",
-        ";\n  color: white;\n  gap: 10px;\n  background-color: ",
-        ";\n  border-radius: 29px;\n  line-height: 15.6px;\n  font-family: ",
-        ";\n  font-size: ",
-        ";\n  font-weight: semiBold;\n  position: absolute;\n  top: ",
-        ";\n  left: ",
-        ";\n  z-index: 1;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n          width: ",
-        ";\n        "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  position: relative;\n  ",
-        ";\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import styled, { css, useTheme, th } from "@xstyled/styled-components";
-var Circle = styled.div(_templateObject(), function(param) {
-    var size = param.size;
-    return size === "small" ? "16px" : "24px";
-}, function(param) {
-    var size = param.size;
-    return size === "small" ? "0 5px" : "3px 8px";
-}, function(param) {
-    var color = param.color;
-    return color;
-}, th("fonts.primary"), function(param) {
-    var size = param.size;
-    return size === "small" ? "12px" : "14px";
-}, function(param) {
-    var topPosition = param.topPosition;
-    return topPosition && "-15%";
-}, function(param) {
-    var horizontalPosition = param.horizontalPosition;
-    return horizontalPosition === "middle" ? "50%" : "100%";
-});
-var RelativeWrap = styled.div(_templateObject2(), function(param) {
-    var width = param.width;
-    return width ? css(_templateObject1(), width) : "";
-});
-var Badge = function Badge(param) {
-    var children = param.children, _param_color = param.color, color = _param_color === void 0 ? "red1" : _param_color, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, label = param.label, childWidth = param.childWidth, topPosition = param.topPosition, _param_horizontalPosition = param.horizontalPosition, horizontalPosition = _param_horizontalPosition === void 0 ? "middle" : _param_horizontalPosition;
-    var theme = useTheme();
-    var themeColor = th.color(color)({
-        theme: theme
-    });
-    var badgeLabel = useMemo(function() {
-        return typeof label === "number" ? label >= 100 ? "99+" : label : label;
-    }, [
-        label
-    ]);
-    if (!label || typeof label === "number" && label <= 0) {
-        return /* @__PURE__ */ jsx(Fragment, {
-            children: children
-        });
-    }
-    return /* @__PURE__ */ jsxs(RelativeWrap, {
-        width: childWidth,
-        children: [
-            /* @__PURE__ */ jsx(Circle, {
-                color: themeColor,
-                size: size,
-                topPosition: topPosition,
-                horizontalPosition: horizontalPosition,
-                children: /* @__PURE__ */ jsx("div", {
-                    className: "label",
-                    children: badgeLabel
-                })
-            }),
-            children
-        ]
-    });
-};
-var Badge_default = Badge;
-export { Badge_default as default };

package/ui/Elements/Badge/index.d.js

@@ -1,2 +0,0 @@
-var index_d_default = Badge;
-export { index_d_default as default };

package/ui/Elements/Badge/index.js

@@ -1,3 +0,0 @@
-import Badge from "./Badge";
-var Badge_default = Badge;
-export { Badge, Badge_default as default };

package/ui/Elements/BarChartSymbol/BarChartSymbol.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { x } from "@xstyled/styled-components";
-import { Bar } from "./styles";
-var BarChartSymbol = function BarChartSymbol(param) {
-    var _param_total = param.total, total = _param_total === void 0 ? 3 : _param_total, _param_height = param.height, height = _param_height === void 0 ? 14 : _param_height, _param_minHeight = param.minHeight, minHeight = _param_minHeight === void 0 ? 7 : _param_minHeight, _param_selected = param.selected, selected = _param_selected === void 0 ? 3 : _param_selected, _param_gap = param.gap, gap = _param_gap === void 0 ? 2 : _param_gap, _param_width = param.width, width = _param_width === void 0 ? 3 : _param_width, color = param.color;
-    return /* @__PURE__ */ jsx(x.div, {
-        display: "flex",
-        alignItems: "flex-end",
-        gap: "".concat(gap, "px"),
-        children: Array.from({
-            length: total
-        }).map(function(_, index) {
-            return /* @__PURE__ */ jsx(Bar, {
-                total: total,
-                index: index + 1,
-                height: height,
-                minHeight: minHeight,
-                selected: selected,
-                color: color,
-                width: width
-            }, index);
-        })
-    });
-};
-export { BarChartSymbol };

package/ui/Elements/BarChartSymbol/index.js

@@ -1,2 +0,0 @@
-import { BarChartSymbol } from "./BarChartSymbol";
-export { BarChartSymbol };

package/ui/Elements/BarChartSymbol/styles.js

@@ -1,34 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  width: ",
-        "px;\n  height: ",
-        "px;\n  background-color: ",
-        ";\n  border-radius: 7px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { styled, th } from "@xstyled/styled-components";
-var Bar = styled.div(_templateObject(), function(param) {
-    var width = param.width;
-    return width;
-}, function(param) {
-    var index = param.index, height = param.height, total = param.total, minHeight = param.minHeight;
-    return minHeight + (index - 1) * ((height - minHeight) / (total - 1));
-}, function(param) {
-    var selected = param.selected, index = param.index, color = param.color;
-    return selected >= index ? th.color(color || "red1") : th.color("lightGray6");
-});
-export { Bar };