@telia-ace/widget-components-not-found 1.1.2-rc.1 → 1.1.2-rc.3

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.
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";const t=require("@telia-ace/widget-ui"),o=e=>t.createReactComponent(e,"not-found",Promise.resolve().then(()=>require("./not-found-6205e98b.js")));module.exports=o;
1
+ "use strict";const t=require("@telia-ace/widget-ui"),o=e=>t.createReactComponent(e,"not-found",Promise.resolve().then(()=>require("./not-found-c8d08104.js")));module.exports=o;
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { createReactComponent as t } from "@telia-ace/widget-ui";
2
- const e = (o) => t(o, "not-found", import("./not-found-d0860be1.mjs"));
2
+ const e = (o) => t(o, "not-found", import("./not-found-2f5e3fec.mjs"));
3
3
  export {
4
4
  e as default
5
5
  };
@@ -19,65 +19,65 @@ const L = ({
19
19
  /* @__PURE__ */ r("ul", { children: /* @__PURE__ */ r("li", { children: i }) })
20
20
  ] })
21
21
  ] }), k = o.div`
22
- ${(t) => v(t)}
23
- display: flex;
24
- flex-wrap: wrap;
25
- flex-direction: row;
26
- justify-content: flex-start;
27
- padding: ${(t) => {
22
+ ${(t) => v(t)}
23
+ display: flex;
24
+ flex-wrap: wrap;
25
+ flex-direction: row;
26
+ justify-content: flex-start;
27
+ padding: ${(t) => {
28
28
  var e;
29
29
  return (e = t.theme.sizes) == null ? void 0 : e.medium;
30
30
  }};
31
31
  `, F = o.div`
32
- ${(t) => {
32
+ ${(t) => {
33
33
  var e;
34
34
  return u(t)(
35
35
  "h2",
36
36
  p`
37
- padding: 0;
38
- margin: 0;
39
- color: gray;
40
- font-size: ${(e = t.theme.fonts) == null ? void 0 : e.huge};
41
- `
37
+ padding: 0;
38
+ margin: 0;
39
+ color: gray;
40
+ font-size: ${(e = t.theme.fonts) == null ? void 0 : e.huge};
41
+ `
42
42
  );
43
43
  }}
44
44
  `, P = o.div`
45
- margin-left: ${(t) => {
45
+ margin-left: ${(t) => {
46
46
  var e;
47
47
  return (e = t.theme.sizes) == null ? void 0 : e.medium;
48
48
  }};
49
49
 
50
- ${(t) => {
50
+ ${(t) => {
51
51
  var e;
52
52
  return u(t)(
53
53
  "h3",
54
54
  p`
55
- text-transform: uppercase;
56
- font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
57
- `
55
+ text-transform: uppercase;
56
+ font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
57
+ `
58
58
  );
59
59
  }}
60
60
 
61
- a {
62
- color: ${(t) => {
61
+ a {
62
+ color: ${(t) => {
63
63
  var e;
64
64
  return (e = t.theme.colors) == null ? void 0 : e.link;
65
65
  }};
66
- font-size: ${(t) => {
66
+ font-size: ${(t) => {
67
67
  var e;
68
68
  return (e = t.theme.fonts) == null ? void 0 : e.small;
69
69
  }};
70
- }
70
+ }
71
71
  `, T = o.div`
72
- margin-top: ${(t) => {
72
+ margin-top: ${(t) => {
73
73
  var e;
74
74
  return (e = t.theme.sizes) == null ? void 0 : e.medium;
75
75
  }};
76
- min-width: 100%;
76
+ min-width: 100%;
77
77
 
78
- span {
79
- font-weight: bold;
80
- }
78
+ span {
79
+ font-weight: bold;
80
+ }
81
81
  `, O = () => {
82
82
  const { header: t, linkLabel: e, suggestionHeader: s, suggestionLabel: i, showSearch: f } = j(), g = C(), a = z();
83
83
  return /* @__PURE__ */ n(y, { children: [
@@ -86,10 +86,11 @@ const L = ({
86
86
  {
87
87
  builder: (x) => g.get("settings").then((c) => {
88
88
  var m;
89
- const $ = Object.keys(c.components).reduce(
90
- (w, l) => c.components[l].type === "search" ? c.components[l].properties : w,
91
- {}
92
- ), d = x.createNode("search", { detached: !0 });
89
+ const $ = Object.keys(
90
+ c.components
91
+ ).reduce((w, l) => c.components[l].type === "search" ? c.components[l].properties : w, {}), d = x.createNode("search", {
92
+ detached: !0
93
+ });
93
94
  return d.writeLayout({ size: "full" }), d.writeProperties({
94
95
  "css-margin-bottom": ((m = a == null ? void 0 : a.sizes) == null ? void 0 : m.normal) || "15px",
95
96
  ...$
@@ -1,34 +1,34 @@
1
1
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("@emotion/react"),j=require("@telia-ace/widget-types-grid"),s=require("@telia-ace/widget-ui"),r=require("@emotion/styled"),y=({header:t="",link:e="",suggestionHeader:o="",suggestion:i=""})=>n.jsxs(w,{children:[n.jsx($,{children:n.jsx(s.Typography,{variant:"h2",children:"404"})}),n.jsxs(b,{children:[n.jsx(s.Typography,{variant:"h3",children:t}),n.jsx(s.TextLink,{routeName:"index","aria-label":e,text:e})]}),n.jsxs(z,{children:[n.jsx("span",{children:o}),n.jsx("ul",{children:n.jsx("li",{children:i})})]})]}),w=r.div`
2
- ${t=>s.contentBox(t)}
3
- display: flex;
4
- flex-wrap: wrap;
5
- flex-direction: row;
6
- justify-content: flex-start;
7
- padding: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
2
+ ${t=>s.contentBox(t)}
3
+ display: flex;
4
+ flex-wrap: wrap;
5
+ flex-direction: row;
6
+ justify-content: flex-start;
7
+ padding: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
8
8
  `,$=r.div`
9
- ${t=>{var e;return s.headingElement(t)("h2",l.css`
10
- padding: 0;
11
- margin: 0;
12
- color: gray;
13
- font-size: ${(e=t.theme.fonts)==null?void 0:e.huge};
14
- `)}}
9
+ ${t=>{var e;return s.headingElement(t)("h2",l.css`
10
+ padding: 0;
11
+ margin: 0;
12
+ color: gray;
13
+ font-size: ${(e=t.theme.fonts)==null?void 0:e.huge};
14
+ `)}}
15
15
  `,b=r.div`
16
- margin-left: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
16
+ margin-left: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
17
17
 
18
- ${t=>{var e;return s.headingElement(t)("h3",l.css`
19
- text-transform: uppercase;
20
- font-size: ${(e=t.theme.fonts)==null?void 0:e.normal};
21
- `)}}
18
+ ${t=>{var e;return s.headingElement(t)("h3",l.css`
19
+ text-transform: uppercase;
20
+ font-size: ${(e=t.theme.fonts)==null?void 0:e.normal};
21
+ `)}}
22
22
 
23
- a {
24
- color: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.link}};
25
- font-size: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.small}};
26
- }
23
+ a {
24
+ color: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.link}};
25
+ font-size: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.small}};
26
+ }
27
27
  `,z=r.div`
28
- margin-top: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
29
- min-width: 100%;
28
+ margin-top: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
29
+ min-width: 100%;
30
30
 
31
- span {
32
- font-weight: bold;
33
- }
31
+ span {
32
+ font-weight: bold;
33
+ }
34
34
  `,v=()=>{const{header:t,linkLabel:e,suggestionHeader:o,suggestionLabel:i,showSearch:m}=s.useProperties(),p=s.useContainer(),a=l.useTheme();return n.jsxs(n.Fragment,{children:[m&&n.jsx(j.DetachedComponent,{builder:g=>p.get("settings").then(c=>{var h;const x=Object.keys(c.components).reduce((f,u)=>c.components[u].type==="search"?c.components[u].properties:f,{}),d=g.createNode("search",{detached:!0});return d.writeLayout({size:"full"}),d.writeProperties({"css-margin-bottom":((h=a==null?void 0:a.sizes)==null?void 0:h.normal)||"15px",...x}),d})}),n.jsx(y,{header:t,link:e,suggestionHeader:o,suggestion:i})]})};exports.default=v;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-components-not-found",
3
- "version": "1.1.2-rc.1",
3
+ "version": "1.1.2-rc.3",
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/widget-core": "^1.1.2-rc.1",
14
- "@telia-ace/widget-ui": "^1.1.2-rc.1",
15
- "@telia-ace/widget-types-grid": "^1.1.2-rc.1",
13
+ "@telia-ace/widget-core": "^1.1.2-rc.3",
14
+ "@telia-ace/widget-ui": "^1.1.2-rc.3",
15
+ "@telia-ace/widget-types-grid": "^1.1.2-rc.3",
16
16
  "@webprovisions/platform": "^1.1.4"
17
17
  },
18
18
  "peerDependencies": {