@telia-ace/widget-ui 1.0.8 → 1.0.11

package/lib/components/symbol-badge.js

@@ -1,205 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _1 = require(".");
-var SymbolBadge = function (_a) {
-    var _b = _a.text, text = _b === void 0 ? '' : _b, _c = _a.backgroundSize, backgroundSize = _c === void 0 ? 'contain' : _c, _d = _a.size, size = _d === void 0 ? 12 : _d, _e = _a.symbol, symbol = _e === void 0 ? {
-        content: '',
-        type: '',
-    } : _e, _f = _a.elementStyle, elementStyle = _f === void 0 ? {} : _f, className = _a.className, other = __rest(_a, ["text", "backgroundSize", "size", "symbol", "elementStyle", "className"]);
-    var type = symbol.type, content = symbol.content;
-    var sharedProps = {
-        'aria-label': text,
-        role: 'presentation',
-    };
-    switch (type) {
-        case 'Uri': {
-            var style = {
-                backgroundSize: backgroundSize,
-                backgroundImage: "url('".concat(content, "')"),
-                backgroundRepeat: 'no-repeat',
-                backgroundPosition: 'center',
-                backgroundAttachment: 'center',
-            };
-            return (react_1.default.createElement("i", __assign({ className: (0, widget_utilities_1.appendClassNames)(className, 'humany-icon', 'humany-custom-icon'), title: text, style: __assign(__assign({}, style), elementStyle) }, sharedProps, other)));
-        }
-        case 'Svg': {
-            var svgProps = __assign(__assign({ className: (0, widget_utilities_1.appendClassNames)(className, 'humany-icon'), width: "".concat(size), fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, other), { ref: null });
-            var style = { minWidth: "".concat(size) };
-            switch (content) {
-                case 'search': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 32 30" }, svgProps),
-                        react_1.default.createElement("circle", { cx: "14.8457", cy: "14.5175", r: "8.14359", transform: "rotate(45 14.8457 14.5175)" }),
-                        react_1.default.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" })));
-                }
-                case 'clear': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 27 27" }, svgProps),
-                        react_1.default.createElement("circle", { cx: "13.4351", cy: "13.435", r: "9", transform: "rotate(45 13.4351 13.435)", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "16.6172", y1: "10.2531", x2: "10.2533", y2: "16.6171", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "16.6171", y1: "16.617", x2: "10.2532", y2: "10.2531", stroke: "black" })));
-                }
-                case 'close': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 13 13" }, svgProps),
-                        react_1.default.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }),
-                        react_1.default.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" })));
-                }
-                case 'caret-right': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 14 14", style: style }, svgProps),
-                        react_1.default.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" })));
-                }
-                case 'caret-left': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 14 14", style: style }, svgProps),
-                        react_1.default.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" })));
-                }
-                case 'caret-up': {
-                    return (react_1.default.createElement(CaretUp, __assign({ viewBox: "0 0 14 14", style: style }, svgProps),
-                        react_1.default.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })));
-                }
-                case 'caret-down': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 14 14", style: style }, svgProps),
-                        react_1.default.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" })));
-                }
-                case 'back': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 18 18" }, svgProps),
-                        react_1.default.createElement("line", { y1: "-0.5", x2: "11.724", y2: "-0.5", transform: "matrix(-0.682355 -0.731021 0.682355 -0.731021 13 16.9999)", stroke: "white" }),
-                        react_1.default.createElement("line", { y1: "-0.5", x2: "11.724", y2: "-0.5", transform: "matrix(0.682355 -0.731021 0.682355 0.731021 5 9.5705)", stroke: "white" })));
-                }
-                case 'alert': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 19 19" }, svgProps),
-                        react_1.default.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }),
-                        react_1.default.createElement("path", { d: "M10.36 4.878V8.882C10.36 9.30667 10.339 9.72433 10.297 10.135C10.255 10.541 10.199 10.9727 10.129 11.43H8.96C8.89 10.9727 8.834 10.541 8.792 10.135C8.75 9.72433 8.729 9.30667 8.729 8.882V4.878H10.36ZM8.463 14.048C8.463 13.9033 8.48867 13.7657 8.54 13.635C8.596 13.5043 8.67067 13.3923 8.764 13.299C8.862 13.2057 8.97633 13.131 9.107 13.075C9.23767 13.019 9.37767 12.991 9.527 12.991C9.67167 12.991 9.80933 13.019 9.94 13.075C10.0707 13.131 10.1827 13.2057 10.276 13.299C10.3693 13.3923 10.444 13.5043 10.5 13.635C10.556 13.7657 10.584 13.9033 10.584 14.048C10.584 14.1973 10.556 14.3373 10.5 14.468C10.444 14.594 10.3693 14.7037 10.276 14.797C10.1827 14.8903 10.0707 14.9627 9.94 15.014C9.80933 15.07 9.67167 15.098 9.527 15.098C9.37767 15.098 9.23767 15.07 9.107 15.014C8.97633 14.9627 8.862 14.8903 8.764 14.797C8.67067 14.7037 8.596 14.594 8.54 14.468C8.48867 14.3373 8.463 14.1973 8.463 14.048Z", fill: "white" })));
-                }
-                case 'send': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 20 17" }, svgProps),
-                        react_1.default.createElement("path", { d: "M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z", fill: "#A6A6A6", stroke: "#A6A6A6", strokeWidth: "0.1" })));
-                }
-                case 'chat': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "-2 -3 40 40" }, svgProps),
-                        react_1.default.createElement("path", { strokeWidth: "0", fillRule: "evenodd", clipRule: "evenodd", d: "M16.9799 34C21.2676 34 25.1841 32.4256 28.1725 29.8285L34.9534 32.1994C35.7991 32.4951 36.553 31.5778 36.0892 30.8173L32.2559 24.5317C33.3474 22.3103 33.9598 19.8153 33.9598 17.1786C33.9598 7.88838 26.3576 0.357178 16.9799 0.357178C7.60216 0.357178 0 7.88838 0 17.1786C0 26.4688 7.60216 34 16.9799 34ZM30.7031 24.565C31.9094 22.3701 32.5948 19.8536 32.5948 17.1786C32.5948 8.6352 25.6038 1.70942 16.9799 1.70942C8.35601 1.70942 1.36498 8.6352 1.36498 17.1786C1.36498 25.722 8.35601 32.6478 16.9799 32.6478C21.1946 32.6478 25.0193 30.9935 27.8285 28.3047L34.3975 30.5798L30.7031 24.565Z", fill: "currentColor" }),
-                        react_1.default.createElement("path", { strokeWidth: "0", d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z", fill: "currentColor" }),
-                        react_1.default.createElement("path", { strokeWidth: "0", d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z", fill: "currentColor" }),
-                        react_1.default.createElement("path", { strokeWidth: "0", d: "M25.8791 17.1786C25.8791 18.6079 24.7204 19.7665 23.2912 19.7665C21.8619 19.7665 20.7033 18.6079 20.7033 17.1786C20.7033 15.7493 21.8619 14.5907 23.2912 14.5907C24.7204 14.5907 25.8791 15.7493 25.8791 17.1786Z", fill: "currentColor" })));
-                }
-                case 'chat-new': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 26 24" }, svgProps),
-                        react_1.default.createElement("path", { d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z", fill: "currentColor" }),
-                        react_1.default.createElement("path", { d: "M25.6633 4C25.6633 6.20914 23.8724 8 21.6633 8C19.4541 8 17.6633 6.20914 17.6633 4C17.6633 1.79086 19.4541 0 21.6633 0C23.8724 0 25.6633 1.79086 25.6633 4Z", fill: "currentColor" })));
-                }
-                case 'agent': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 36 30" }, svgProps),
-                        react_1.default.createElement("path", { d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z", stroke: "white" }),
-                        react_1.default.createElement("path", { d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z", stroke: "white" }),
-                        react_1.default.createElement("path", { d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792", stroke: "white" }),
-                        react_1.default.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }),
-                        react_1.default.createElement("path", { d: "M6.28467 12.9396C6.28467 11.195 6.28686 18.0452 6.28467 8.47234C6.28248 -1.10049 29.2591 -1.10047 29.259 8.47234C29.259 18.0452 29.2569 11.6631 29.259 12.9396", stroke: "white" })));
-                }
-                case 'minimize': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 -10 22 22" }, svgProps),
-                        react_1.default.createElement("path", { d: "M0 1H22", stroke: "white" })));
-                }
-                case 'sorting': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 18 14" }, svgProps),
-                        react_1.default.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" })));
-                }
-                case 'copy': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 19 17" }, svgProps),
-                        react_1.default.createElement("rect", { x: "0.5", y: "0.5", width: "11.6667", height: "11.6014", rx: "1.5", fill: "white" }),
-                        react_1.default.createElement("rect", { x: "6.83301", y: "4.89868", width: "11.6667", height: "11.6014", rx: "1.5", fill: "white" })));
-                }
-                case 'print': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 16 17" }, svgProps),
-                        react_1.default.createElement("path", { d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z", fill: "white", stroke: "black" }),
-                        react_1.default.createElement("path", { d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z", fill: "white", stroke: "black" }),
-                        react_1.default.createElement("path", { d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z", fill: "white", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "5.29004", y1: "10.8323", x2: "10.7101", y2: "10.8323", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "5.29004", y1: "12.5242", x2: "10.7101", y2: "12.5242", stroke: "black" }),
-                        react_1.default.createElement("line", { x1: "5.29004", y1: "14.2161", x2: "10.7101", y2: "14.2161", stroke: "black" })));
-                }
-                case 'language': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 19 19" }, svgProps),
-                        react_1.default.createElement("path", { d: "M9.5 18C14.1944 18 18 14.1944 18 9.5C18 4.80558 14.1944 1 9.5 1M9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1M9.5 18C11.823 18 13.7062 14.1944 13.7062 9.5C13.7062 4.80558 11.823 1 9.5 1M9.5 18C7.17699 18 5.29381 14.1944 5.29381 9.5C5.29381 4.80558 7.17699 1 9.5 1M1.44333 6.78351H17.4742M1.3088 11.7784H17.6912", stroke: "black" })));
-                }
-                case 'information': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 17 17" }, svgProps),
-                        react_1.default.createElement("path", { d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z", fill: "black" }),
-                        react_1.default.createElement("path", { d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z", fill: "black" }),
-                        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 8.5C17 13.1944 13.1944 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5ZM16 8.5C16 12.8454 12.8454 16 8.5 16C4.15461 16 1 12.8454 1 8.5C1 4.15461 4.15461 1 8.5 1C12.8454 1 16 4.15461 16 8.5Z", fill: "black" })));
-                }
-                case 'options': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 16 2" }, svgProps),
-                        react_1.default.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }),
-                        react_1.default.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }),
-                        react_1.default.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" })));
-                }
-                case 'browse': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 24 24" }, svgProps),
-                        react_1.default.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z", fill: "white" }),
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z", fill: "white" }),
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z", fill: "white" }),
-                        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.8333 15.2083C17.8333 16.6581 16.658 17.8333 15.2083 17.8333C13.7585 17.8333 12.5833 16.6581 12.5833 15.2083C12.5833 13.7586 13.7585 12.5833 15.2083 12.5833C16.658 12.5833 17.8333 13.7586 17.8333 15.2083ZM16.9583 15.2083C16.9583 16.1748 16.1748 16.9583 15.2083 16.9583C14.2418 16.9583 13.4583 16.1748 13.4583 15.2083C13.4583 14.2418 14.2418 13.4583 15.2083 13.4583C16.1748 13.4583 16.9583 14.2418 16.9583 15.2083Z", fill: "white" })));
-                }
-                case 'star-empty': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 13 12" }, svgProps),
-                        react_1.default.createElement("path", { d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z", stroke: "black" })));
-                }
-                case 'star-filled': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 13 12" }, svgProps),
-                        react_1.default.createElement("path", { d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z", fill: "black", stroke: "black" })));
-                }
-                case 'cog-wheel': {
-                    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 24 24" }, svgProps),
-                        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.273 2.68498V1C15.273 0.447715 14.8253 0 14.273 0H9.72754C9.17525 0 8.72754 0.447715 8.72754 1V2.6852C8.72754 3.20708 8.09656 3.46843 7.72754 3.09941L6.53588 1.90775C6.14536 1.51723 5.51219 1.51723 5.12167 1.90775L1.90755 5.12187C1.51702 5.5124 1.51702 6.14556 1.90755 6.53609L3.09865 7.72719C3.46767 8.09621 3.20632 8.72719 2.68444 8.72719H1C0.447715 8.72719 0 9.1749 0 9.72719V14.2726C0 14.8249 0.447715 15.2726 1 15.2726H2.68534C3.20722 15.2726 3.46857 15.9036 3.09955 16.2726L1.90793 17.4643C1.51741 17.8548 1.51741 18.488 1.90793 18.8785L5.12205 22.0926C5.51258 22.4831 6.14574 22.4831 6.53627 22.0926L7.72754 20.9013C8.09656 20.5323 8.72754 20.7937 8.72754 21.3155V23C8.72754 23.5523 9.17525 24 9.72754 24H14.273C14.8253 24 15.273 23.5523 15.273 23V21.3158C15.273 20.7939 15.904 20.5325 16.273 20.9015L17.4639 22.0924C17.8544 22.483 18.4876 22.483 18.8781 22.0924L22.0922 18.8783C22.4828 18.4878 22.4828 17.8546 22.0922 17.4641L20.9008 16.2726C20.5317 15.9036 20.7931 15.2726 21.315 15.2726H23C23.5523 15.2726 24 14.8249 24 14.2726V9.72719C24 9.1749 23.5523 8.72719 23 8.72719H21.3159C20.794 8.72719 20.5326 8.09621 20.9017 7.72719L22.0926 6.53625C22.4831 6.14572 22.4831 5.51256 22.0926 5.12203L18.8785 1.90791C18.488 1.51739 17.8548 1.51739 17.4643 1.90791L16.273 3.0992C15.904 3.46822 15.273 3.20686 15.273 2.68498ZM16.5792 4.20716C16.263 4.52345 15.7775 4.58532 15.3687 4.40375C15.2439 4.34832 15.1174 4.29587 14.9895 4.2465C14.5723 4.08555 14.273 3.69861 14.273 3.25149V2C14.273 1.44771 13.8253 1 13.273 1H10.7275C10.1753 1 9.72754 1.44772 9.72754 2V3.25116C9.72754 3.69832 9.42816 4.08528 9.01096 4.2462C8.88288 4.29561 8.75633 4.34809 8.6314 4.40357C8.22262 4.58511 7.73715 4.52323 7.42087 4.20695L6.53588 3.32196C6.14536 2.93144 5.51219 2.93144 5.12167 3.32196L3.32176 5.12187C2.93124 5.5124 2.93124 6.14556 3.32176 6.53609L4.20676 7.42109C4.52303 7.73736 4.58491 8.22283 4.40338 8.63161C4.34797 8.75638 4.29555 8.88276 4.2462 9.01067C4.08526 9.42784 3.69831 9.72719 3.25118 9.72719H2C1.44772 9.72719 1 10.1749 1 10.7272V13.2726C1 13.8249 1.44772 14.2726 2 14.2726H3.2511C3.69825 14.2726 4.0852 14.572 4.24614 14.9892C4.29556 15.1173 4.34807 15.2439 4.40357 15.3688C4.58513 15.7776 4.52327 16.2631 4.20698 16.5794L3.32215 17.4643C2.93162 17.8548 2.93162 18.488 3.32215 18.8785L5.12205 20.6784C5.51258 21.0689 6.14574 21.0689 6.53627 20.6784L7.42136 19.7933C7.73762 19.477 8.22305 19.4151 8.63183 19.5966C8.75662 19.6521 8.88302 19.7045 9.01096 19.7538C9.42816 19.9147 9.72754 20.3017 9.72754 20.7489V22C9.72754 22.5523 10.1753 23 10.7275 23H13.273C13.8253 23 14.273 22.5523 14.273 22V20.7485C14.273 20.3014 14.5723 19.9145 14.9895 19.7535C15.1173 19.7042 15.2436 19.6518 15.3682 19.5965C15.777 19.4149 16.2625 19.4768 16.5788 19.7931L17.4639 20.6782C17.8544 21.0687 18.4876 21.0687 18.8781 20.6782L20.678 18.8783C21.0685 18.4878 21.0685 17.8546 20.678 17.4641L19.7929 16.579C19.4766 16.2627 19.4147 15.7772 19.5963 15.3684C19.6517 15.2436 19.7042 15.1172 19.7535 14.9892C19.9145 14.572 20.3014 14.2726 20.7486 14.2726H22C22.5523 14.2726 23 13.8249 23 13.2726V10.7272C23 10.1749 22.5523 9.72719 22 9.72719H20.7485C20.3013 9.72719 19.9144 9.42784 19.7535 9.01067C19.7042 8.8829 19.6518 8.75665 19.5965 8.63201C19.415 8.22324 19.4768 7.7378 19.7931 7.42154L20.6784 6.53625C21.0689 6.14572 21.0689 5.51256 20.6784 5.12203L18.8785 3.32213C18.488 2.9316 17.8548 2.9316 17.4643 3.32213L16.5792 4.20716ZM16.5999 12.0001C16.5999 14.5406 14.5404 16.6001 11.9999 16.6001C9.45939 16.6001 7.3999 14.5406 7.3999 12.0001C7.3999 9.45958 9.45939 7.40009 11.9999 7.40009C14.5404 7.40009 16.5999 9.45958 16.5999 12.0001ZM17.5999 12.0001C17.5999 15.0929 15.0927 17.6001 11.9999 17.6001C8.90711 17.6001 6.3999 15.0929 6.3999 12.0001C6.3999 8.90729 8.90711 6.40009 11.9999 6.40009C15.0927 6.40009 17.5999 8.90729 17.5999 12.0001Z", fill: "black" })));
-                }
-                default:
-                    break;
-            }
-            return null;
-        }
-        case 'FontAwesome': {
-            return (react_1.default.createElement(_1.Icon, __assign({ className: className, faIcon: content, title: text }, other)));
-        }
-        default:
-        case 'Text': {
-            return text ? (react_1.default.createElement("i", __assign({ className: (0, widget_utilities_1.appendClassNames)(className, 'humany-letter-symbol'), title: text }, sharedProps, other), text.substring(0, 2))) : null;
-        }
-    }
-};
-var CaretUp = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    transform: rotate(180deg);\n"], ["\n    transform: rotate(180deg);\n"])));
-exports.default = SymbolBadge;
-var templateObject_1;

package/lib/components/tab-stop.d.ts

@@ -1,18 +0,0 @@
-import { Container } from '@webprovisions/platform';
-import { Component } from 'react';
-export declare type Props = {
-    container: Container;
-};
-declare type State = Readonly<{
-    boundFocus: boolean;
-}>;
-declare class TabStop extends Component<Props, State> {
-    private node;
-    private onFocusListener;
-    readonly state: State;
-    componentWillMount(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element | null;
-}
-export default TabStop;

package/lib/components/tab-stop.js

@@ -1,100 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 });
-var react_1 = __importStar(require("react"));
-var TabStop = /** @class */ (function (_super) {
-    __extends(TabStop, _super);
-    function TabStop() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            boundFocus: false,
-        };
-        return _this;
-    }
-    TabStop.prototype.componentWillMount = function () {
-        var settings = this.props.container.get('accessibilitySettings');
-        if (settings && settings.boundFocus) {
-            this.setState({
-                boundFocus: true,
-            });
-        }
-    };
-    TabStop.prototype.componentDidMount = function () {
-        if (!this.state.boundFocus) {
-            return;
-        }
-        var widgetDOMElement = this.props.container.get('widgetDOMElement');
-        if (this.node && widgetDOMElement) {
-            this.onFocusListener = this.node.addEventListener('focus', function () {
-                var focusable = widgetDOMElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-                var filtered = [].filter.call(focusable, function (el) {
-                    if (typeof window === 'undefined') {
-                        return true;
-                    }
-                    var style = window.getComputedStyle(el);
-                    if (style.display === 'none' || (el.offsetWidth <= 0 && el.offsetHeight <= 0)) {
-                        return false;
-                    }
-                    return true;
-                });
-                var firstFocusable = filtered[0];
-                if (firstFocusable) {
-                    firstFocusable.focus();
-                }
-            });
-        }
-    };
-    TabStop.prototype.componentWillUnmount = function () {
-        if (this.node) {
-            this.node.removeEventListener('focus', this.onFocusListener);
-        }
-    };
-    TabStop.prototype.render = function () {
-        var _this = this;
-        if (!this.state.boundFocus) {
-            return null;
-        }
-        return (react_1.default.createElement("div", { style: { opacity: 0 }, tabIndex: 0, ref: function (node) {
-                _this.node = node;
-            } }));
-    };
-    return TabStop;
-}(react_1.Component));
-exports.default = TabStop;

package/lib/components/text-link.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Props as LinkProps } from './link';
-export declare type Props = Merge<LinkProps, {
-    text: string;
-    description?: string;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "text" | "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "description" | "routeName" | "params"> & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;

package/lib/components/text-link.js

@@ -1,62 +0,0 @@
-"use strict";
-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 __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;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importStar(require("react"));
-var html_1 = __importDefault(require("./html"));
-var link_1 = __importDefault(require("./link"));
-var text_1 = __importDefault(require("./text"));
-exports.default = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, description = _a.description, text = _a.text, children = _a.children, other = __rest(_a, ["className", "description", "text", "children"]);
-    return (react_1.default.createElement(link_1.default, __assign({ className: (0, widget_utilities_1.appendClassNames)(className, 'humany-text-link') }, other, { ref: ref }),
-        children,
-        react_1.default.createElement(text_1.default, null, text),
-        description ? react_1.default.createElement(html_1.default, { html: description, className: "humany-description" }) : null));
-});

package/lib/components/text.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare type Props = React.ComponentProps<'span'>;
-declare const Text: React.FC<Props>;
-export default Text;

package/lib/components/text.js

@@ -1,35 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../utils");
-var Text = function (_a) {
-    var className = _a.className, children = _a.children, other = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("span", __assign({ className: (0, widget_utilities_1.appendClassNames)(className, 'humany-text') }, (0, utils_1.convertToStringAttributes)(other)), children));
-};
-exports.default = Text;

package/lib/components/timestamp.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-export declare enum DateFormats {
-    HH_MM = "hh:mm",
-    YYYY_MM_DD = "yyyy-mm-dd",
-    YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm"
-}
-export declare type Props = {
-    timestamp: string;
-    format?: DateFormats;
-    className?: string;
-};
-declare const Timestamp: React.FC<Props>;
-export default Timestamp;

package/lib/components/timestamp.js

@@ -1,39 +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.DateFormats = void 0;
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var DateFormats;
-(function (DateFormats) {
-    DateFormats["HH_MM"] = "hh:mm";
-    DateFormats["YYYY_MM_DD"] = "yyyy-mm-dd";
-    DateFormats["YYYY_MM_DD_HH_MM"] = "yyyy-mm-dd hh:mm";
-})(DateFormats = exports.DateFormats || (exports.DateFormats = {}));
-var Timestamp = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.format, format = _c === void 0 ? DateFormats.HH_MM : _c, timestamp = _a.timestamp;
-    return (react_1.default.createElement("span", { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-timestamp') }, formatDate(timestamp, format)));
-};
-exports.default = Timestamp;
-var asTwoDigitString = function (input) {
-    return "0".concat(input).slice(-2);
-};
-/* formats date to hh:mm, yyyy-mm-dd or yyyy-mm-dd hh:mm format */
-function formatDate(unformattedDate, format) {
-    var date = new Date(unformattedDate);
-    var dateArray = date.toTimeString().split(' ')[0].split(':');
-    var timeString = dateArray.length > 1 ? "".concat(dateArray[0], ":").concat(dateArray[1]) : dateArray[0];
-    var year = date.getFullYear();
-    var month = date.getMonth() + 1;
-    var day = date.getDate();
-    var dateString = "".concat(year, "-").concat(asTwoDigitString(month), "-").concat(asTwoDigitString(day));
-    if (format === DateFormats.YYYY_MM_DD) {
-        return dateString;
-    }
-    if (format === DateFormats.HH_MM) {
-        return timeString;
-    }
-    return "".concat(dateString, " ").concat(timeString);
-}

package/lib/components/tooltip.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare type Props = {
-    className?: string;
-    content: React.ReactNode;
-    sticky: boolean;
-};
-declare const Tooltip: React.FC<Props>;
-export default Tooltip;