@telia-ace/knowledge-widget-components-contact-link 1.0.1

package/LICENSE.txt

@@ -0,0 +1,6 @@
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+http://www.humany.com/legal

package/README.md

@@ -0,0 +1,3 @@
+# `@telia-ace/widget-services`
+
+Services for ACE Widgets.

package/lib/contact-link-component.d.ts

@@ -0,0 +1,14 @@
+import { Symbol } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+export declare type ContactLinkComponentProps = {
+    widget: string;
+    route: string;
+    mode: 'large' | 'compact';
+    iconSize: 'large' | 'small';
+    symbol?: Symbol;
+    label: string;
+    descriptionLabel: string;
+    textAlign: string;
+};
+declare const ContactLinkComponent: (container: Container) => Promise<void>;
+export default ContactLinkComponent;

package/lib/contact-link-component.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
+var ContactLinkComponent = function (container) {
+    return (0, knowledge_widget_ui_1.createReactComponent)(container, 'contact-link', Promise.resolve().then(function () { return __importStar(require('./contact-link')); }));
+};
+exports.default = ContactLinkComponent;

package/lib/contact-link.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    className: string;
+};
+declare const ContactLink: React.FC<Props>;
+export default ContactLink;

package/lib/contact-link.js

@@ -0,0 +1,90 @@
+"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 __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 knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
+var widget_utilities_1 = require("@telia-ace/widget-utilities");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var ContactLink = function (_a) {
+    var className = _a.className, other = __rest(_a, ["className"]);
+    var _b = (0, knowledge_widget_ui_1.useProperties)(), widget = _b.widget, route = _b.route, _c = _b.mode, mode = _c === void 0 ? 'large' : _c, _d = _b.iconSize, iconSize = _d === void 0 ? 'large' : _d, symbol = _b.symbol, descriptionLabel = _b.descriptionLabel, label = _b.label, textAlign = _b.textAlign;
+    var align = textAlign ? textAlign : mode === 'large' ? 'center' : 'right';
+    var iconSizePx = iconSize === 'large' ? '64' : '48';
+    var activationOptions = {
+        apiNotificationPriorityBy: 'contacts',
+    };
+    if (mode === 'compact') {
+        return (react_1.default.createElement(CompactWrapper, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-link', 'humany-contact-link-compact'), textAlign: align }),
+            descriptionLabel && react_1.default.createElement(knowledge_widget_ui_1.Text, null, descriptionLabel),
+            route ? (react_1.default.createElement(knowledge_widget_ui_1.Link, { routeName: route }, label)) : (react_1.default.createElement(knowledge_widget_ui_1.WidgetLink, { "aria-haspopup": "dialog", role: "button", activationOptions: activationOptions, widgetName: widget }, label))));
+    }
+    var children = (react_1.default.createElement(react_1.default.Fragment, null,
+        symbol ? (react_1.default.createElement(knowledge_widget_ui_1.SymbolBadge, { symbol: symbol })) : (react_1.default.createElement(ContactIcon, { width: iconSizePx, viewBox: "0 0 63 37", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            react_1.default.createElement("path", { d: "M1 1H62M1 1L24.7579 15.6328M1 1V36M62 1V36M62 1L38.8842 15.5402M1 36H62M1 36L24.7579 15.6328M62 36L38.8842 15.5402M38.8842 15.5402L37.0898 16.6689C33.8642 18.6979 29.7658 18.7172 26.5212 16.7188L24.7579 15.6328", stroke: "#990AE3" }))),
+        label && react_1.default.createElement(Heading, null, label),
+        descriptionLabel && react_1.default.createElement(Description, null, descriptionLabel)));
+    return route ? (react_1.default.createElement(StyledLink, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-link', 'humany-contact-link-large'), routeName: route }), children)) : (react_1.default.createElement(StyledWidgetLink, __assign({}, other, { "aria-haspopup": "dialog", role: "button", className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-link', 'humany-contact-link-large'), textAlign: align, widgetName: widget, activationOptions: activationOptions }), children));
+};
+var CompactWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    text-align: ", ";\n    font-weight: 300;\n\n    span,\n    a {\n        display: inline-block;\n        font-size: ", ";\n    }\n\n    span {\n        margin: 0 ", " 0 0;\n    }\n    a {\n        text-decoration: underline;\n        color: ", ";\n        &:focus {\n            ", ";\n        }\n    }\n"], ["\n    text-align: ", ";\n    font-weight: 300;\n\n    span,\n    a {\n        display: inline-block;\n        font-size: ", ";\n    }\n\n    span {\n        margin: 0 ", " 0 0;\n    }\n    a {\n        text-decoration: underline;\n        color: ", ";\n        &:focus {\n            ", ";\n        }\n    }\n"])), function (p) { return p.textAlign; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) {
+    var _a;
+    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    padding: ", ";\n                "], ["\n                    ", "\n                    padding: ", ";\n                "])), knowledge_widget_ui_1.linkTabStyle, function (p) { var _a, _b; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " / 2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small); });
+});
+var styling = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    padding: ", ";\n    text-align: center;\n    cursor: pointer;\n    text-decoration: none;\n    i {\n        font-size: ", ";\n        min-width: 1em;\n        min-height: 1em;\n        color: ", ";\n    }\n    span {\n        color: ", ";\n    }\n    &:focus {\n        ", ";\n    }\n"], ["\n    ", "\n    padding: ", ";\n    text-align: center;\n    cursor: pointer;\n    text-decoration: none;\n    i {\n        font-size: ", ";\n        min-width: 1em;\n        min-height: 1em;\n        color: ", ";\n    }\n    span {\n        color: ", ";\n    }\n    &:focus {\n        ", ";\n    }\n"])), knowledge_widget_ui_1.contentBox, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.huge; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && knowledge_widget_ui_1.borderTabStyle; });
+var StyledWidgetLink = (0, styled_components_1.default)(knowledge_widget_ui_1.WidgetLink)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    text-align: ", ";\n"], ["\n    ", "\n    text-align: ", ";\n"])), styling, function (p) { return p.textAlign; });
+var StyledLink = (0, styled_components_1.default)(knowledge_widget_ui_1.Link)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), styling);
+var Description = (0, styled_components_1.default)(knowledge_widget_ui_1.Text)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    line-height: 1.6em;\n    font-weight: 300;\n    font-size: ", ";\n"], ["\n    line-height: 1.6em;\n    font-weight: 300;\n    font-size: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
+var Heading = (0, styled_components_1.default)(knowledge_widget_ui_1.Text)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: block;\n    font-size: ", ";\n    margin: ", " 0;\n"], ["\n    display: block;\n    font-size: ", ";\n    margin: ", " 0;\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
+var ContactIcon = styled_components_1.default.svg(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    align-self: center;\n\n    path {\n        vector-effect: non-scaling-stroke;\n        stroke: ", ";\n    }\n"], ["\n    align-self: center;\n\n    path {\n        vector-effect: non-scaling-stroke;\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
+exports.default = ContactLink;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+import ContactLinkComponent from './contact-link-component';
+export default ContactLinkComponent;

package/lib/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var contact_link_component_1 = __importDefault(require("./contact-link-component"));
+exports.default = contact_link_component_1.default;

package/lib-esm/contact-link-component.d.ts

@@ -0,0 +1,14 @@
+import { Symbol } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+export declare type ContactLinkComponentProps = {
+    widget: string;
+    route: string;
+    mode: 'large' | 'compact';
+    iconSize: 'large' | 'small';
+    symbol?: Symbol;
+    label: string;
+    descriptionLabel: string;
+    textAlign: string;
+};
+declare const ContactLinkComponent: (container: Container) => Promise<void>;
+export default ContactLinkComponent;

package/lib-esm/contact-link-component.js

@@ -0,0 +1,5 @@
+import { createReactComponent } from '@telia-ace/knowledge-widget-ui';
+var ContactLinkComponent = function (container) {
+    return createReactComponent(container, 'contact-link', import('./contact-link'));
+};
+export default ContactLinkComponent;

package/lib-esm/contact-link.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    className: string;
+};
+declare const ContactLink: React.FC<Props>;
+export default ContactLink;

package/lib-esm/contact-link.js

@@ -0,0 +1,62 @@
+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 { borderTabStyle, contentBox, Link, linkTabStyle, SymbolBadge, Text, useProperties, WidgetLink, } from '@telia-ace/knowledge-widget-ui';
+import { appendClassNames } from '@telia-ace/widget-utilities';
+import React from 'react';
+import styled, { css } from 'styled-components';
+var ContactLink = function (_a) {
+    var className = _a.className, other = __rest(_a, ["className"]);
+    var _b = useProperties(), widget = _b.widget, route = _b.route, _c = _b.mode, mode = _c === void 0 ? 'large' : _c, _d = _b.iconSize, iconSize = _d === void 0 ? 'large' : _d, symbol = _b.symbol, descriptionLabel = _b.descriptionLabel, label = _b.label, textAlign = _b.textAlign;
+    var align = textAlign ? textAlign : mode === 'large' ? 'center' : 'right';
+    var iconSizePx = iconSize === 'large' ? '64' : '48';
+    var activationOptions = {
+        apiNotificationPriorityBy: 'contacts',
+    };
+    if (mode === 'compact') {
+        return (React.createElement(CompactWrapper, __assign({}, other, { className: appendClassNames(className, 'humany-contact-link', 'humany-contact-link-compact'), textAlign: align }),
+            descriptionLabel && React.createElement(Text, null, descriptionLabel),
+            route ? (React.createElement(Link, { routeName: route }, label)) : (React.createElement(WidgetLink, { "aria-haspopup": "dialog", role: "button", activationOptions: activationOptions, widgetName: widget }, label))));
+    }
+    var children = (React.createElement(React.Fragment, null,
+        symbol ? (React.createElement(SymbolBadge, { symbol: symbol })) : (React.createElement(ContactIcon, { width: iconSizePx, viewBox: "0 0 63 37", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M1 1H62M1 1L24.7579 15.6328M1 1V36M62 1V36M62 1L38.8842 15.5402M1 36H62M1 36L24.7579 15.6328M62 36L38.8842 15.5402M38.8842 15.5402L37.0898 16.6689C33.8642 18.6979 29.7658 18.7172 26.5212 16.7188L24.7579 15.6328", stroke: "#990AE3" }))),
+        label && React.createElement(Heading, null, label),
+        descriptionLabel && React.createElement(Description, null, descriptionLabel)));
+    return route ? (React.createElement(StyledLink, __assign({}, other, { className: appendClassNames(className, 'humany-contact-link', 'humany-contact-link-large'), routeName: route }), children)) : (React.createElement(StyledWidgetLink, __assign({}, other, { "aria-haspopup": "dialog", role: "button", className: appendClassNames(className, 'humany-contact-link', 'humany-contact-link-large'), textAlign: align, widgetName: widget, activationOptions: activationOptions }), children));
+};
+var CompactWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    text-align: ", ";\n    font-weight: 300;\n\n    span,\n    a {\n        display: inline-block;\n        font-size: ", ";\n    }\n\n    span {\n        margin: 0 ", " 0 0;\n    }\n    a {\n        text-decoration: underline;\n        color: ", ";\n        &:focus {\n            ", ";\n        }\n    }\n"], ["\n    text-align: ", ";\n    font-weight: 300;\n\n    span,\n    a {\n        display: inline-block;\n        font-size: ", ";\n    }\n\n    span {\n        margin: 0 ", " 0 0;\n    }\n    a {\n        text-decoration: underline;\n        color: ", ";\n        &:focus {\n            ", ";\n        }\n    }\n"])), function (p) { return p.textAlign; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) {
+    var _a;
+    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    padding: ", ";\n                "], ["\n                    ", "\n                    padding: ", ";\n                "])), linkTabStyle, function (p) { var _a, _b; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " / 2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small); });
+});
+var styling = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n    padding: ", ";\n    text-align: center;\n    cursor: pointer;\n    text-decoration: none;\n    i {\n        font-size: ", ";\n        min-width: 1em;\n        min-height: 1em;\n        color: ", ";\n    }\n    span {\n        color: ", ";\n    }\n    &:focus {\n        ", ";\n    }\n"], ["\n    ", "\n    padding: ", ";\n    text-align: center;\n    cursor: pointer;\n    text-decoration: none;\n    i {\n        font-size: ", ";\n        min-width: 1em;\n        min-height: 1em;\n        color: ", ";\n    }\n    span {\n        color: ", ";\n    }\n    &:focus {\n        ", ";\n    }\n"])), contentBox, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.huge; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; });
+var StyledWidgetLink = styled(WidgetLink)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    text-align: ", ";\n"], ["\n    ", "\n    text-align: ", ";\n"])), styling, function (p) { return p.textAlign; });
+var StyledLink = styled(Link)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), styling);
+var Description = styled(Text)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    line-height: 1.6em;\n    font-weight: 300;\n    font-size: ", ";\n"], ["\n    line-height: 1.6em;\n    font-weight: 300;\n    font-size: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
+var Heading = styled(Text)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: block;\n    font-size: ", ";\n    margin: ", " 0;\n"], ["\n    display: block;\n    font-size: ", ";\n    margin: ", " 0;\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
+var ContactIcon = styled.svg(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    align-self: center;\n\n    path {\n        vector-effect: non-scaling-stroke;\n        stroke: ", ";\n    }\n"], ["\n    align-self: center;\n\n    path {\n        vector-effect: non-scaling-stroke;\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
+export default ContactLink;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/lib-esm/index.d.ts

@@ -0,0 +1,2 @@
+import ContactLinkComponent from './contact-link-component';
+export default ContactLinkComponent;

package/lib-esm/index.js

@@ -0,0 +1,2 @@
+import ContactLinkComponent from './contact-link-component';
+export default ContactLinkComponent;

package/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "@telia-ace/knowledge-widget-components-contact-link",
+    "version": "1.0.1",
+    "description": "Contact link component for ACE Knowledge Widgets.",
+    "license": "SEE LICENSE IN LICENSE.txt",
+    "author": "Telia Company AB",
+    "keywords": [
+        "telia"
+    ],
+    "main": "lib/index.js",
+    "module": "lib-esm/index.js",
+    "files": [
+        "LICENSE.txt",
+        "README.md",
+        "lib/",
+        "lib-esm/"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "clean": "cleandir lib && cleandir lib-esm",
+        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+    },
+    "sideEffects": false,
+    "typings": "lib/index.d.ts",
+    "dependencies": {
+        "@telia-ace/knowledge-widget-core": "^1.0.1",
+        "@telia-ace/knowledge-widget-ui": "^1.0.1",
+        "@telia-ace/widget-utilities": "^1.0.1",
+        "@webprovisions/platform": "^1.1.2",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "styled-components": "^4.3.2"
+    },
+    "devDependencies": {
+        "@types/react": "^17.0.39",
+        "@types/react-dom": "^17.0.13",
+        "@types/styled-components": "^5.1.7"
+    },
+    "gitHead": "58b00b80f6a1e4a3c13f4291cb29b9422ea1aa4a"
+}