@ukpc-lib/react 0.13.1-dev.23 → 0.13.1-dev.25

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.
@@ -1,17 +1,18 @@
1
1
  import { j as e, s as a } from "./react-to-web-component-CXwKHjZr.js";
2
2
  import { u as s } from "./SaasThemeProvider-8W2MaSUF.js";
3
- const l = "*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}";
4
- function d({ children: t, styles: o = [], ...i }) {
3
+ import { u as l } from "./useTranslation-Xt9Mgi4Q.js";
4
+ const d = "*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}";
5
+ function c({ children: t, styles: o = [], ...i }) {
5
6
  return /* @__PURE__ */ e.jsxs("div", { ...i, children: [
6
- [l, ...o].map((n, r) => /* @__PURE__ */ e.jsx("style", { type: "text/css", children: n }, r)),
7
+ [d, ...o].map((n, r) => /* @__PURE__ */ e.jsx("style", { type: "text/css", children: n }, r)),
7
8
  t
8
9
  ] });
9
10
  }
10
- const c = ".pnf-button-primary{font-size:14px;background-color:var(--primary300);color:var(--buttonText);padding:8px 24px;border-radius:4px;border:none;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.pnf-button-primary:hover{background-color:var(--buttonHover)}.pnf-container{padding-top:16px;padding-bottom:16px;gap:16px;display:flex;flex-direction:column;align-items:center;font-family:inherit}.pnf-content-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.pnf-title{text-align:center;font-size:1.25rem;font-weight:500;margin:0}.pnf-description{text-align:center;color:#85858a;font-size:.875rem;font-weight:400;margin:0}", p = () => {
11
- const t = () => {
11
+ const p = ".pnf-button-primary{font-size:14px;background-color:var(--primary300);color:var(--buttonText);padding:8px 24px;border-radius:4px;border:none;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.pnf-button-primary:hover{background-color:var(--buttonHover)}.pnf-container{padding-top:16px;padding-bottom:16px;gap:16px;display:flex;flex-direction:column;align-items:center;font-family:inherit}.pnf-content-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.pnf-title{text-align:center;font-size:1.25rem;font-weight:500;margin:0}.pnf-description{text-align:center;color:#85858a;font-size:.875rem;font-weight:400;margin:0}", u = () => {
12
+ const { t } = l(), o = () => {
12
13
  window.location.href = `${window.location.origin}/home`;
13
- }, { colors: o } = s();
14
- return /* @__PURE__ */ e.jsx(d, { styles: [c], children: /* @__PURE__ */ e.jsxs("div", { className: "pnf-container", children: [
14
+ }, { colors: i } = s();
15
+ return /* @__PURE__ */ e.jsx(c, { styles: [p], children: /* @__PURE__ */ e.jsxs("div", { className: "pnf-container", children: [
15
16
  /* @__PURE__ */ e.jsx(
16
17
  "img",
17
18
  {
@@ -22,29 +23,30 @@ const c = ".pnf-button-primary{font-size:14px;background-color:var(--primary300)
22
23
  }
23
24
  ),
24
25
  /* @__PURE__ */ e.jsxs("div", { className: "pnf-content-wrapper", children: [
25
- /* @__PURE__ */ e.jsx("h4", { className: "pnf-title", children: "Page Not Found" }),
26
+ /* @__PURE__ */ e.jsx("h4", { className: "pnf-title", children: t("components.pageNotFound.title", { defaultValue: "Page Not Found" }) }),
26
27
  /* @__PURE__ */ e.jsxs("p", { className: "pnf-description", children: [
27
- "We’re sorry. The page you requested could not be found. ",
28
+ t("components.pageNotFound.description1", { defaultValue: "We’re sorry. The page you requested could not be found." }),
29
+ " ",
28
30
  /* @__PURE__ */ e.jsx("br", {}),
29
- "Please go back to the home page"
31
+ t("components.pageNotFound.description2", { defaultValue: "Please go back to the home page" })
30
32
  ] }),
31
33
  /* @__PURE__ */ e.jsx(
32
34
  "button",
33
35
  {
34
36
  className: "pnf-button-primary",
35
- style: { backgroundColor: `${o.primary300}` },
36
- onClick: t,
37
- children: "Go to homepage"
37
+ style: { backgroundColor: `${i.primary300}` },
38
+ onClick: o,
39
+ children: t("components.pageNotFound.buttonGoHome", { defaultValue: "Go to homepage" })
38
40
  }
39
41
  )
40
42
  ] })
41
43
  ] }) });
42
- }, h = () => /* @__PURE__ */ e.jsx(p, {});
44
+ }, h = () => /* @__PURE__ */ e.jsx(u, {});
43
45
  {
44
46
  const t = a(h);
45
47
  customElements.define("page-not-found", t);
46
48
  }
47
49
  export {
48
- p as P,
49
- d as S
50
+ u as P,
51
+ c as S
50
52
  };