@telia-ace/knowledge-widget-components-contact-link 1.1.2-rc.0 → 1.1.2-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/{contact-link-d7b4abaa.mjs → contact-link-442e49a1.mjs} +48 -48
  2. package/{contact-link-727ca2b4.js → contact-link-af9e3354.js} +48 -48
  3. package/index.js +1 -1
  4. package/index.mjs +5 -1
  5. package/package.json +4 -4
package/{contact-link-d7b4abaa.mjs → contact-link-442e49a1.mjs} RENAMED
@@ -92,91 +92,91 @@ const F = ({ className: t, ...e }) => {
92
92
  }
93
93
  );
94
94
  }, A = a.div`
95
- text-align: ${(t) => t.textAlign};
96
- font-weight: 300;
95
+ text-align: ${(t) => t.textAlign};
96
+ font-weight: 300;
97
97
 
98
- span,
99
- a {
100
- display: inline-block;
101
- font-size: ${(t) => {
98
+ span,
99
+ a {
100
+ display: inline-block;
101
+ font-size: ${(t) => {
102
102
  var e;
103
103
  return (e = t.theme.fonts) == null ? void 0 : e.normal;
104
104
  }};
105
- }
105
+ }
106
106
 
107
- span {
108
- margin: 0 ${(t) => {
107
+ span {
108
+ margin: 0 ${(t) => {
109
109
  var e;
110
110
  return (e = t.theme.sizes) == null ? void 0 : e.small;
111
111
  }} 0 0;
112
- }
113
- a {
114
- text-decoration: underline;
115
- color: ${(t) => {
112
+ }
113
+ a {
114
+ text-decoration: underline;
115
+ color: ${(t) => {
116
116
  var e;
117
117
  return (e = t.theme.colors) == null ? void 0 : e.primary;
118
118
  }};
119
- &:focus-visible {
120
- ${v}
121
- padding: ${(t) => {
119
+ &:focus-visible {
120
+ ${v}
121
+ padding: ${(t) => {
122
122
  var e, i;
123
123
  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(i = t.theme.sizes) == null ? void 0 : i.small}`;
124
124
  }};
125
- }
126
125
  }
126
+ }
127
127
  `, x = (t) => {
128
128
  var e, i, o, l;
129
129
  return L`
130
- ${N(t)}
131
- padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
132
- text-align: center;
133
- cursor: pointer;
134
- text-decoration: none;
135
- i {
136
- font-size: ${(i = t.theme.fonts) == null ? void 0 : i.huge};
137
- min-width: 1em;
138
- min-height: 1em;
139
- color: ${(o = t.theme.colors) == null ? void 0 : o.primary};
140
- }
141
- span {
142
- color: ${(l = t.theme.colors) == null ? void 0 : l.text};
143
- }
144
- &:focus-visible {
145
- ${S(t)};
146
- }
130
+ ${N(t)}
131
+ padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
132
+ text-align: center;
133
+ cursor: pointer;
134
+ text-decoration: none;
135
+ i {
136
+ font-size: ${(i = t.theme.fonts) == null ? void 0 : i.huge};
137
+ min-width: 1em;
138
+ min-height: 1em;
139
+ color: ${(o = t.theme.colors) == null ? void 0 : o.primary};
140
+ }
141
+ span {
142
+ color: ${(l = t.theme.colors) == null ? void 0 : l.text};
143
+ }
144
+ &:focus-visible {
145
+ ${S(t)};
146
+ }
147
147
  `;
148
148
  }, C = a($)`
149
- ${x}
150
- text-align: ${(t) => t.textAlign};
149
+ ${x}
150
+ text-align: ${(t) => t.textAlign};
151
151
  `, B = a(y)`
152
- ${x}
152
+ ${x}
153
153
  `, H = a(m)`
154
- line-height: 1.6em;
155
- font-weight: 300;
156
- font-size: ${(t) => {
154
+ line-height: 1.6em;
155
+ font-weight: 300;
156
+ font-size: ${(t) => {
157
157
  var e;
158
158
  return (e = t.theme.fonts) == null ? void 0 : e.normal;
159
159
  }};
160
160
  `, P = a(m)`
161
- display: block;
162
- font-size: ${(t) => {
161
+ display: block;
162
+ font-size: ${(t) => {
163
163
  var e;
164
164
  return (e = t.theme.fonts) == null ? void 0 : e.medium;
165
165
  }};
166
- margin: ${(t) => {
166
+ margin: ${(t) => {
167
167
  var e;
168
168
  return (e = t.theme.sizes) == null ? void 0 : e.normal;
169
169
  }} 0;
170
170
  `, T = a.svg`
171
- align-self: center;
171
+ align-self: center;
172
172
 
173
- path {
174
- vector-effect: non-scaling-stroke;
175
- stroke: ${(t) => {
173
+ path {
174
+ vector-effect: non-scaling-stroke;
175
+ stroke: ${(t) => {
176
176
  var e;
177
177
  return (e = t.theme.colors) == null ? void 0 : e.primary;
178
178
  }};
179
- }
179
+ }
180
180
  `;
181
181
  export {
182
182
  F as default
package/{contact-link-727ca2b4.js → contact-link-af9e3354.js} RENAMED
@@ -1,60 +1,60 @@
1
1
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("@emotion/react"),a=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-utilities"),k=({className:e,...t})=>{const{widget:o,route:s,mode:l="large",iconSize:y="large",symbol:d,descriptionLabel:r,label:c,textAlign:g}=i.useProperties(),h=g||(l==="large"?"center":"right"),$=y==="large"?"64":"48",u={apiNotificationPriorityBy:"contacts"};if(l==="compact")return n.jsxs(b,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-compact"),textAlign:h,children:[r&&n.jsx(i.Text,{children:r}),s?n.jsx(i.Link,{routeName:s,children:c}):n.jsx(i.WidgetLink,{"aria-haspopup":"dialog",role:"button",activationOptions:u,widgetName:o,children:c})]});const p=n.jsxs(n.Fragment,{children:[d?n.jsx(i.SymbolBadge,{symbol:d}):n.jsx(M,{width:$,viewBox:"0 0 63 37",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("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"})}),c&&n.jsx(z,{children:c}),r&&n.jsx(L,{children:r})]});return s?n.jsx(w,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),routeName:s,children:p}):n.jsx(j,{...t,"aria-haspopup":"dialog",role:"button",className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),textAlign:h,widgetName:o,activationOptions:u,children:p})},b=a.div`
2
- text-align: ${e=>e.textAlign};
3
- font-weight: 300;
2
+ text-align: ${e=>e.textAlign};
3
+ font-weight: 300;
4
4
 
5
- span,
6
- a {
7
- display: inline-block;
8
- font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
9
- }
5
+ span,
6
+ a {
7
+ display: inline-block;
8
+ font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
9
+ }
10
10
 
11
- span {
12
- margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
13
- }
14
- a {
15
- text-decoration: underline;
16
- color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
17
- &:focus-visible {
18
- ${i.linkTabStyle}
19
- padding: ${e=>{var t,o;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} / 2) ${(o=e.theme.sizes)==null?void 0:o.small}`}};
20
- }
21
- }
22
- `,x=e=>{var t,o,s,l;return f.css`
23
- ${i.contentBox(e)}
24
- padding: ${(t=e.theme.sizes)==null?void 0:t.large};
25
- text-align: center;
26
- cursor: pointer;
27
- text-decoration: none;
28
- i {
29
- font-size: ${(o=e.theme.fonts)==null?void 0:o.huge};
30
- min-width: 1em;
31
- min-height: 1em;
32
- color: ${(s=e.theme.colors)==null?void 0:s.primary};
33
- }
34
- span {
35
- color: ${(l=e.theme.colors)==null?void 0:l.text};
36
- }
11
+ span {
12
+ margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
13
+ }
14
+ a {
15
+ text-decoration: underline;
16
+ color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
37
17
  &:focus-visible {
38
- ${i.borderTabStyle(e)};
18
+ ${i.linkTabStyle}
19
+ padding: ${e=>{var t,o;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} / 2) ${(o=e.theme.sizes)==null?void 0:o.small}`}};
39
20
  }
21
+ }
22
+ `,x=e=>{var t,o,s,l;return f.css`
23
+ ${i.contentBox(e)}
24
+ padding: ${(t=e.theme.sizes)==null?void 0:t.large};
25
+ text-align: center;
26
+ cursor: pointer;
27
+ text-decoration: none;
28
+ i {
29
+ font-size: ${(o=e.theme.fonts)==null?void 0:o.huge};
30
+ min-width: 1em;
31
+ min-height: 1em;
32
+ color: ${(s=e.theme.colors)==null?void 0:s.primary};
33
+ }
34
+ span {
35
+ color: ${(l=e.theme.colors)==null?void 0:l.text};
36
+ }
37
+ &:focus-visible {
38
+ ${i.borderTabStyle(e)};
39
+ }
40
40
  `},j=a(i.WidgetLink)`
41
- ${x}
42
- text-align: ${e=>e.textAlign};
41
+ ${x}
42
+ text-align: ${e=>e.textAlign};
43
43
  `,w=a(i.Link)`
44
- ${x}
44
+ ${x}
45
45
  `,L=a(i.Text)`
46
- line-height: 1.6em;
47
- font-weight: 300;
48
- font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
46
+ line-height: 1.6em;
47
+ font-weight: 300;
48
+ font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
49
49
  `,z=a(i.Text)`
50
- display: block;
51
- font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
52
- margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
50
+ display: block;
51
+ font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
52
+ margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
53
53
  `,M=a.svg`
54
- align-self: center;
54
+ align-self: center;
55
55
 
56
- path {
57
- vector-effect: non-scaling-stroke;
58
- stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
59
- }
56
+ path {
57
+ vector-effect: non-scaling-stroke;
58
+ stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
59
+ }
60
60
  `;exports.default=k;
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";const t=require("@telia-ace/knowledge-widget-ui"),n=e=>t.createReactComponent(e,"contact-link",Promise.resolve().then(()=>require("./contact-link-727ca2b4.js")));module.exports=n;
1
+ "use strict";const t=require("@telia-ace/knowledge-widget-ui"),n=e=>t.createReactComponent(e,"contact-link",Promise.resolve().then(()=>require("./contact-link-af9e3354.js")));module.exports=n;
package/index.mjs CHANGED
@@ -1,5 +1,9 @@
1
1
  import { createReactComponent as o } from "@telia-ace/knowledge-widget-ui";
2
- const e = (t) => o(t, "contact-link", import("./contact-link-d7b4abaa.mjs"));
2
+ const e = (t) => o(
3
+ t,
4
+ "contact-link",
5
+ import("./contact-link-442e49a1.mjs")
6
+ );
3
7
  export {
4
8
  e as default
5
9
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/knowledge-widget-components-contact-link",
3
- "version": "1.1.2-rc.0",
3
+ "version": "1.1.2-rc.2",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -10,9 +10,9 @@
10
10
  }
11
11
  },
12
12
  "dependencies": {
13
- "@telia-ace/knowledge-widget-core": "^1.1.2-rc.0",
14
- "@telia-ace/knowledge-widget-ui": "^1.1.2-rc.0",
15
- "@telia-ace/widget-utilities": "^1.1.2-rc.0",
13
+ "@telia-ace/knowledge-widget-core": "^1.1.2-rc.2",
14
+ "@telia-ace/knowledge-widget-ui": "^1.1.2-rc.2",
15
+ "@telia-ace/widget-utilities": "^1.1.2-rc.2",
16
16
  "@webprovisions/platform": "^1.1.4"
17
17
  },
18
18
  "peerDependencies": {