@pismo/marola 0.0.1-alpha.22 → 0.0.1-alpha.24
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/dist/assets/Advice.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/components/Advice/Advice.d.ts +5 -3
- package/dist/components/Advice/Advice.js +36 -28
- package/dist/components/Advice/Advice.stories.d.ts +3 -1
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.js +38 -31
- package/dist/components/IconButton/IconButton.d.ts +2 -0
- package/dist/components/IconButton/IconButton.js +37 -14
- package/dist/components/PageHeader/PageHeader.js +55 -53
- package/dist/marola.css +1 -1
- package/package.json +1 -1
package/dist/assets/Advice.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_42bqv_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_42bqv_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_42bqv_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_42bqv_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_42bqv_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_42bqv_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_42bqv_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_42bqv_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_42bqv_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_42bqv_56,._advice_42bqv_56 ._content_42bqv_56,._advice_42bqv_56 p{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_42bqv_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_42bqv_65,._advice_42bqv_56 ._content_42bqv_56,._advice_42bqv_56 p{font-weight:var(--base-bold)}._u-typography-base--strikethrough_42bqv_69{text-decoration:line-through}._u-typography-base--underlined_42bqv_72{text-decoration:underline}._u-typography-base--strikethrough-underlined_42bqv_75{text-decoration:underline line-through}._advice_42bqv_56{display:flex;flex-direction:column;align-items:center;padding:2rem}._advice_42bqv_56 ._content_42bqv_56,._advice_42bqv_56 p{margin:0;color:var(--gray-75)}._advice_42bqv_56 ._content-no-items_42bqv_90{display:flex;flex-direction:column;align-items:center;max-width:477px}._advice_42bqv_56 ._content-no-items_42bqv_90 h3{font-size:1.5rem;font-weight:700;color:#838192;padding:0;margin:1rem 0 0}._advice_42bqv_56 ._content-no-items_42bqv_90 p{font-size:1rem;color:#838192;font-weight:400;text-align:center;margin-bottom:1.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_knin7_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_knin7_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_knin7_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_knin7_22,._page-header__main-left-content_knin7_22 ._title_knin7_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_knin7_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_knin7_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_knin7_43,._page-header__main-left-content_knin7_22 ._subtitle_knin7_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_knin7_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_knin7_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_knin7_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_knin7_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_knin7_64,._page-header__main-left-content_knin7_22 ._title_knin7_22{font-weight:var(--base-bold)}._u-typography-base--strikethrough_knin7_67{text-decoration:line-through}._u-typography-base--underlined_knin7_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_knin7_73{text-decoration:underline line-through}._page-header_knin7_22{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_knin7_22:has(._page-header__top-content_knin7_86){justify-content:flex-start}._page-header__top-content_knin7_86,._page-header__main-content_knin7_89,._page-header__bottom-content_knin7_89{width:64rem;max-width:100%;margin:0 auto}._page-header__top-content_knin7_86{padding:1rem 0 .5rem}._page-header__top-content_knin7_86 button{width:fit-content;height:1.125rem;padding:0;line-height:1.125rem}._page-header__main-content_knin7_89{display:flex}._page-header__main-left-content_knin7_22{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_knin7_22 ._title_knin7_22,._page-header__main-left-content_knin7_22 ._subtitle_knin7_43{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-right-content_knin7_120{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_knin7_89{margin-top:.8125rem}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon } from '../Icon/Icon';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
-
export type AdviceTypes = 'without-results' | 'no-permission';
|
|
4
|
+
export type AdviceTypes = 'without-results' | 'no-permission' | 'no-items' | 'error-page';
|
|
5
5
|
export type AdviceProps = {
|
|
6
6
|
/** Advice icon.
|
|
7
7
|
* This property uses the Icon Component Props
|
|
@@ -14,7 +14,9 @@ export type AdviceProps = {
|
|
|
14
14
|
/** Type of advice */
|
|
15
15
|
type?: AdviceTypes;
|
|
16
16
|
/** Advice content message */
|
|
17
|
-
content
|
|
17
|
+
content?: ReactNode;
|
|
18
|
+
title?: string;
|
|
19
|
+
description?: string;
|
|
18
20
|
/** Space seperated list of CSS classes to apply */
|
|
19
21
|
className?: string;
|
|
20
22
|
/** ID that tests can use to get this component from the DOM */
|
|
@@ -24,5 +26,5 @@ export type AdviceProps = {
|
|
|
24
26
|
* Advice component provide HTML with an icon and a message.
|
|
25
27
|
* Is commonly used to indicate No Permission and No Results.
|
|
26
28
|
*/
|
|
27
|
-
declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare const Advice: ({ icon, type, content, title, description, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
30
|
export { Advice };
|
|
@@ -1,40 +1,48 @@
|
|
|
1
1
|
import '../../assets/Advice.css';
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
const d = "
|
|
6
|
-
"u-typography-h1": "_u-typography-
|
|
7
|
-
"u-typography-h2": "_u-typography-
|
|
8
|
-
"u-typography-h3": "_u-typography-
|
|
9
|
-
"u-typography-h4": "_u-typography-
|
|
10
|
-
"u-typography-h5": "_u-typography-
|
|
11
|
-
"u-typography-h6": "_u-typography-
|
|
12
|
-
"u-typography-base": "_u-typography-
|
|
13
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
14
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
15
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
2
|
+
import { jsxs as y, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as i } from "../Icon/Icon.js";
|
|
5
|
+
const d = "_advice_42bqv_56", n = "_content_42bqv_56", s = {
|
|
6
|
+
"u-typography-h1": "_u-typography-h1_42bqv_1",
|
|
7
|
+
"u-typography-h2": "_u-typography-h2_42bqv_8",
|
|
8
|
+
"u-typography-h3": "_u-typography-h3_42bqv_15",
|
|
9
|
+
"u-typography-h4": "_u-typography-h4_42bqv_22",
|
|
10
|
+
"u-typography-h5": "_u-typography-h5_42bqv_29",
|
|
11
|
+
"u-typography-h6": "_u-typography-h6_42bqv_36",
|
|
12
|
+
"u-typography-base": "_u-typography-base_42bqv_43",
|
|
13
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_42bqv_48",
|
|
14
|
+
"u-typography-base--xl": "_u-typography-base--xl_42bqv_52",
|
|
15
|
+
"u-typography-base--lg": "_u-typography-base--lg_42bqv_56",
|
|
16
16
|
advice: d,
|
|
17
|
-
content:
|
|
18
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
19
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
20
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
21
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
22
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
17
|
+
content: n,
|
|
18
|
+
"u-typography-base--sm": "_u-typography-base--sm_42bqv_61",
|
|
19
|
+
"u-typography-base--bold": "_u-typography-base--bold_42bqv_65",
|
|
20
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_42bqv_69",
|
|
21
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_42bqv_72",
|
|
22
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_42bqv_75",
|
|
23
|
+
"content-no-items": "_content-no-items_42bqv_90"
|
|
23
24
|
}, h = {
|
|
24
25
|
"no-permission": "eye-slash",
|
|
26
|
+
"no-items": "",
|
|
27
|
+
"error-page": "circle-exclamation",
|
|
25
28
|
"without-results": "folder-magnifying-glass"
|
|
26
|
-
},
|
|
29
|
+
}, q = ({ icon: r, type: e, content: t, title: _, description: g, className: u, IconSvg: p, ...b }) => {
|
|
27
30
|
const o = {
|
|
28
|
-
color:
|
|
31
|
+
color: r != null && r.color ? r == null ? void 0 : r.color : e !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
|
|
29
32
|
size: (r == null ? void 0 : r.size) || "3.375rem",
|
|
30
|
-
icon: h[
|
|
31
|
-
iconFamily: h[
|
|
33
|
+
icon: h[e] || (r == null ? void 0 : r.icon) || "",
|
|
34
|
+
iconFamily: h[e] ? "fa/duotone" : (r == null ? void 0 : r.iconFamily) || "fa/duotone"
|
|
32
35
|
};
|
|
33
|
-
return /* @__PURE__ */
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
return /* @__PURE__ */ y("div", { className: l(s.advice, u), ...b, children: [
|
|
37
|
+
p && e !== "no-items" && e !== "error-page" && /* @__PURE__ */ a(p, { style: { color: o.color, height: o.size, width: o.size } }),
|
|
38
|
+
!p && e !== "no-items" && /* @__PURE__ */ a(i, { ...o }),
|
|
39
|
+
e !== "error-page" && e !== "no-items" ? typeof t == "string" ? /* @__PURE__ */ a("p", { children: t }) : /* @__PURE__ */ a("div", { className: s.content, children: t }) : /* @__PURE__ */ y("div", { className: s["content-no-items"], children: [
|
|
40
|
+
/* @__PURE__ */ a("h3", { children: _ }),
|
|
41
|
+
/* @__PURE__ */ a("p", { children: g }),
|
|
42
|
+
t
|
|
43
|
+
] })
|
|
36
44
|
] });
|
|
37
45
|
};
|
|
38
46
|
export {
|
|
39
|
-
|
|
47
|
+
q as Advice
|
|
40
48
|
};
|
|
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ icon, type, content, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
@@ -14,3 +14,5 @@ export declare const WithoutResults: Story;
|
|
|
14
14
|
export declare const NoPermission: Story;
|
|
15
15
|
export declare const CustomIcon: Story;
|
|
16
16
|
export declare const CustomIconSVG: Story;
|
|
17
|
+
export declare const NoItems: Story;
|
|
18
|
+
export declare const ErrorPage: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const FamilyAndIcons: {
|
|
2
|
-
readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group"];
|
|
2
|
+
readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group", "arrow-left"];
|
|
3
3
|
readonly pi: readonly ["logo"];
|
|
4
4
|
};
|
|
5
5
|
export type IconFamilies = keyof typeof FamilyAndIcons;
|
|
@@ -1,21 +1,26 @@
|
|
|
1
|
-
import { jsxs as s, jsx as
|
|
1
|
+
import { jsxs as s, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2488_13332)" }, /* @__PURE__ */ e.createElement("path", { d: "M7 8C9.20938 8 11 6.20906 11 4C11 1.79094 9.20938 0 7 0C4.79063 0 3 1.79094 3 4C3 6.20906 4.79063 8 7 8ZM8.58438 9.5H5.41563C2.42406 9.5 0 11.925 0 14.9156C0 15.5156 0.485 16 1.08312 16H12.9156C13.5156 16 14 15.5156 14 14.9156C14 11.925 11.575 9.5 8.58438 9.5Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M14.9719 10H12.6641C14.1 11.1781 15 12.9406 15 14.9156C15 15.3156 14.8813 15.6844 14.6875 16H19C19.5531 16 20 15.55 20 14.9719C20 12.2375 17.7625 10 14.9719 10ZM13.5 8C15.4344 8 17 6.43437 17 4.5C17 2.56562 15.4344 1 13.5 1C12.7153 1 11.9988 1.26734 11.415 1.70344C11.775 2.39469 12 3.16875 12 4C12 5.11 11.6272 6.12938 11.0128 6.95969C11.6469 7.6 12.525 8 13.5 8Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2488_13332" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), i = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/arrow-down-arrow-up", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
4
4
|
fill: "currentcolor",
|
|
5
5
|
color: "currentcolor",
|
|
6
6
|
width: "1em",
|
|
7
7
|
height: "1em"
|
|
8
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M237.6 328.7c13.03 11.95 13.9 32.22 1.969 45.27l-87.1 96.09c-12.12 13.26-35.06 13.26-47.19 0l-87.1-96.09c-11.94-13.05-11.06-33.31 1.969-45.27c13.59-12.46 33.8-10.48 45.22 1.969L96 366.1V64.03C96 46.33 110.3 32 128 32s32 14.33 32 32.03v302l32.4-35.4C204.4 317.7 224.6 316.8 237.6 328.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M431.6 138l-87.1-96.09c-12.12-13.26-35.06-13.26-47.19 0l-87.1 96.09C196.5 151.1 197.3 171.4 210.4 183.3c13.02 11.95 33.27 11.04 45.22-1.973L288 145.9v302C288 465.7 302.3 480 320 480s32-14.33 32-32.03V145.9l32.4 35.39c11.42 12.45 31.63 14.43 45.22 1.973C442.7 171.4 443.5 151.1 431.6 138z" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/
|
|
8
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M237.6 328.7c13.03 11.95 13.9 32.22 1.969 45.27l-87.1 96.09c-12.12 13.26-35.06 13.26-47.19 0l-87.1-96.09c-11.94-13.05-11.06-33.31 1.969-45.27c13.59-12.46 33.8-10.48 45.22 1.969L96 366.1V64.03C96 46.33 110.3 32 128 32s32 14.33 32 32.03v302l32.4-35.4C204.4 317.7 224.6 316.8 237.6 328.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M431.6 138l-87.1-96.09c-12.12-13.26-35.06-13.26-47.19 0l-87.1 96.09C196.5 151.1 197.3 171.4 210.4 183.3c13.02 11.95 33.27 11.04 45.22-1.973L288 145.9v302C288 465.7 302.3 480 320 480s32-14.33 32-32.03V145.9l32.4 35.39c11.42 12.45 31.63 14.43 45.22 1.973C442.7 171.4 443.5 151.1 431.6 138z" })), m = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
9
9
|
fill: "currentcolor",
|
|
10
10
|
color: "currentcolor",
|
|
11
11
|
width: "1em",
|
|
12
12
|
height: "1em"
|
|
13
|
-
}, ...t }, /* @__PURE__ */ e.createElement("
|
|
13
|
+
}, ...t }, /* @__PURE__ */ e.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), h = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/calendar-days", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
14
14
|
fill: "currentcolor",
|
|
15
15
|
color: "currentcolor",
|
|
16
16
|
width: "1em",
|
|
17
17
|
height: "1em"
|
|
18
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "
|
|
18
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M160 64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V192H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM208 256C199.2 256 192 263.2 192 272V304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208zM320 304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336C327.2 256 320 263.2 320 272V304zM80 384C71.16 384 64 391.2 64 400V432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80zM192 432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208C199.2 384 192 391.2 192 400V432zM336 384C327.2 384 320 391.2 320 400V432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336z" })), d = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-arrow-right", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
19
|
+
fill: "currentcolor",
|
|
20
|
+
color: "currentcolor",
|
|
21
|
+
width: "1em",
|
|
22
|
+
height: "1em"
|
|
23
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z" })), w = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
19
24
|
fill: "currentcolor",
|
|
20
25
|
color: "currentcolor",
|
|
21
26
|
width: "1em",
|
|
@@ -24,7 +29,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
24
29
|
.fa-secondary {
|
|
25
30
|
opacity: .4
|
|
26
31
|
}
|
|
27
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })),
|
|
32
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), g = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/circle-xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
28
33
|
fill: "currentcolor",
|
|
29
34
|
color: "currentcolor",
|
|
30
35
|
width: "1em",
|
|
@@ -33,7 +38,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
33
38
|
.fa-secondary {
|
|
34
39
|
opacity: .4
|
|
35
40
|
}
|
|
36
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })),
|
|
41
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })), f = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", "data-waves-icon": "fa/duotone/eye-slash", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
37
42
|
fill: "currentcolor",
|
|
38
43
|
color: "currentcolor",
|
|
39
44
|
width: "1em",
|
|
@@ -42,17 +47,17 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
42
47
|
.fa-secondary {
|
|
43
48
|
opacity: .4
|
|
44
49
|
}
|
|
45
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196V9.196z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M446.6 324.7C457.7 304.3 464 280.9 464 256C464 176.5 399.5 112 320 112C282.7 112 248.6 126.2 223.1 149.5L150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L446.6 324.7zM313.4 220.3C317.6 211.8 320 202.2 320 192C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 160 320 160C373 160 416 202.1 416 256C416 269.7 413.1 282.7 407.1 294.5L313.4 220.3zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 256C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z" })),
|
|
50
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196V9.196z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M446.6 324.7C457.7 304.3 464 280.9 464 256C464 176.5 399.5 112 320 112C282.7 112 248.6 126.2 223.1 149.5L150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L446.6 324.7zM313.4 220.3C317.6 211.8 320 202.2 320 192C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 160 320 160C373 160 416 202.1 416 256C416 269.7 413.1 282.7 407.1 294.5L313.4 220.3zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 256C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z" })), u = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/folder-magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
46
51
|
fill: "currentcolor",
|
|
47
52
|
color: "currentcolor",
|
|
48
53
|
width: "1em",
|
|
49
54
|
height: "1em"
|
|
50
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M376.1 375l-48.67-48.67C338.1 310.5 344 292 344 272c0-57.44-46.56-104-104-104S136 214.6 136 272s46.56 104 104 104c19.1 0 38.5-5.922 54.36-15.71l48.67 48.67C347.7 413.7 353.8 416 360 416s12.28-2.344 16.97-7.031C386.3 399.6 386.3 384.4 376.1 375zM240 328c-30.88 0-56-25.12-56-56c0-30.88 25.12-56 56-56c30.88 0 56 25.12 56 56C296 302.9 270.9 328 240 328z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 96h-192l-64-64h-160C21.5 32 0 53.5 0 80v352C0 458.5 21.5 480 48 480h416c26.5 0 48-21.5 48-48v-288C512 117.5 490.5 96 464 96zM376.1 408.1C372.3 413.7 366.2 416 360 416s-12.28-2.344-16.97-7.031l-48.67-48.67C278.5 370.1 259.1 376 240 376c-57.44 0-104-46.56-104-104S182.6 168 240 168s104 46.56 104 104c0 20-5.922 38.5-15.71 54.36l48.67 48.67C386.3 384.4 386.3 399.6 376.1 408.1zM240 216c-30.88 0-56 25.12-56 56c0 30.88 25.12 56 56 56c30.88 0 56-25.12 56-56C296 241.1 270.9 216 240 216z" })),
|
|
55
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M376.1 375l-48.67-48.67C338.1 310.5 344 292 344 272c0-57.44-46.56-104-104-104S136 214.6 136 272s46.56 104 104 104c19.1 0 38.5-5.922 54.36-15.71l48.67 48.67C347.7 413.7 353.8 416 360 416s12.28-2.344 16.97-7.031C386.3 399.6 386.3 384.4 376.1 375zM240 328c-30.88 0-56-25.12-56-56c0-30.88 25.12-56 56-56c30.88 0 56 25.12 56 56C296 302.9 270.9 328 240 328z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M464 96h-192l-64-64h-160C21.5 32 0 53.5 0 80v352C0 458.5 21.5 480 48 480h416c26.5 0 48-21.5 48-48v-288C512 117.5 490.5 96 464 96zM376.1 408.1C372.3 413.7 366.2 416 360 416s-12.28-2.344-16.97-7.031l-48.67-48.67C278.5 370.1 259.1 376 240 376c-57.44 0-104-46.56-104-104S182.6 168 240 168s104 46.56 104 104c0 20-5.922 38.5-15.71 54.36l48.67 48.67C386.3 384.4 386.3 399.6 376.1 408.1zM240 216c-30.88 0-56 25.12-56 56c0 30.88 25.12 56 56 56c30.88 0 56-25.12 56-56C296 241.1 270.9 216 240 216z" })), p = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/duotone/lock-keyhole", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
51
56
|
fill: "currentcolor",
|
|
52
57
|
color: "currentcolor",
|
|
53
58
|
width: "1em",
|
|
54
59
|
height: "1em"
|
|
55
|
-
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M384 192C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H384zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M224 64C179.8 64 144 99.82 144 144V192H80V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H304V144C304 99.82 268.2 64 224 64z" })),
|
|
60
|
+
}, ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, ".fa-secondary{opacity:.4}")), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M384 192C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H384zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M224 64C179.8 64 144 99.82 144 144V192H80V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H304V144C304 99.82 268.2 64 224 64z" })), y = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/duotone/magnifying-glass", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
56
61
|
fill: "currentcolor",
|
|
57
62
|
color: "currentcolor",
|
|
58
63
|
width: "1em",
|
|
@@ -61,7 +66,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
61
66
|
.fa-secondary {
|
|
62
67
|
opacity: .4
|
|
63
68
|
}
|
|
64
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })),
|
|
69
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-primary", d: "M500.3 443.7l-119.7-119.7c-15.03 22.3-34.26 41.54-56.57 56.57l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7z" }), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M207.1 0C93.12 0-.0002 93.13-.0002 208S93.12 416 207.1 416s208-93.13 208-208S322.9 0 207.1 0zM207.1 336c-70.58 0-128-57.42-128-128c0-70.58 57.42-128 128-128s128 57.42 128 128C335.1 278.6 278.6 336 207.1 336z" })), E = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20246)" }, /* @__PURE__ */ e.createElement("path", { d: "M14 5C15.1031 5 16 5.89688 16 7V14C16 15.1031 15.1031 16 14 16H2C0.895313 16 0 15.1031 0 14V7C0 5.89688 0.895313 5 2 5H14Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M13.75 4H2.25C1.83594 4 1.5 3.66563 1.5 3.25C1.5 2.83594 1.83594 2.5 2.25 2.5H13.75C14.1656 2.5 14.5 2.83594 14.5 3.25C14.5 3.66563 14.1656 4 13.75 4ZM12.25 1.5H3.75C3.33438 1.5 3 1.16406 3 0.75C3 0.335938 3.33438 0 3.75 0H12.25C12.6656 0 13 0.335938 13 0.75C13 1.16406 12.6656 1.5 12.25 1.5Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20246" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white" })))), v = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_2882_20237)" }, /* @__PURE__ */ e.createElement("path", { d: "M1.25719 3.49676L9.62813 0.148412C9.86563 0.0530684 10.1344 0.0530684 10.3719 0.148412L18.7437 3.49676C19.5031 3.79988 20 4.53738 20 5.35301V15.2499C20 15.6655 19.6656 15.9999 19.25 15.9999H17.75C17.3344 15.9999 17 15.6655 17 15.2499V6.97176C17 6.44676 16.5531 5.97176 16 5.97176H4C3.44688 5.97176 3 6.44676 3 6.97176V15.2499C3 15.6655 2.66406 15.9999 2.25 15.9999H0.75C0.335938 15.9999 0 15.6655 0 15.2499V5.35301C0 4.53738 0.497813 3.79988 1.25719 3.49676Z", fill: "#838192" }), /* @__PURE__ */ e.createElement("path", { opacity: 0.4, d: "M4 7.75C4 7.33437 4.33437 7 4.75 7H9.25C9.66563 7 10 7.33437 10 7.75V10.25C10 10.6656 9.66563 11 9.25 11H4.75C4.33437 11 4 10.6656 4 10.25V7.75ZM11 12.75C11 12.3344 11.3344 12 11.75 12H15.25C15.6656 12 16 12.3344 16 12.75V15.25C16 15.6656 15.6656 16 15.25 16H11.75C11.3344 16 11 15.6656 11 15.25V12.75ZM9.25 12C9.66563 12 10 12.3344 10 12.75V15.25C10 15.6656 9.66563 16 9.25 16H4.75C4.33437 16 4 15.6656 4 15.25V12.75C4 12.3344 4.33437 12 4.75 12H9.25Z", fill: "#838192" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_2882_20237" }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 16, fill: "white" })))), M = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", "data-waves-icon": "fa/duotone/xmark", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
65
70
|
fill: "currentcolor",
|
|
66
71
|
color: "currentcolor",
|
|
67
72
|
width: "1em",
|
|
@@ -70,7 +75,7 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
70
75
|
.fa-secondary {
|
|
71
76
|
opacity: .4
|
|
72
77
|
}
|
|
73
|
-
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })),
|
|
78
|
+
`)), /* @__PURE__ */ e.createElement("path", { className: "fa-secondary", d: "M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" })), H = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 664 652", xmlns: "http://www.w3.org/2000/svg", "data-waves-icon": "pi/logo", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
|
|
74
79
|
fill: "currentcolor",
|
|
75
80
|
color: "currentcolor",
|
|
76
81
|
width: "1em",
|
|
@@ -79,20 +84,21 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
79
84
|
// icon family / icon name
|
|
80
85
|
// fa/duotone / eye-slash
|
|
81
86
|
"fa/duotone/arrow-down-arrow-up": i,
|
|
82
|
-
"fa/duotone/calendar-days":
|
|
83
|
-
"fa/duotone/circle-arrow-right":
|
|
84
|
-
"fa/duotone/circle-exclamation":
|
|
85
|
-
"fa/duotone/circle-xmark":
|
|
86
|
-
"fa/duotone/eye-slash":
|
|
87
|
-
"fa/duotone/folder-magnifying-glass":
|
|
88
|
-
"fa/duotone/lock-keyhole":
|
|
89
|
-
"fa/duotone/magnifying-glass":
|
|
90
|
-
"fa/duotone/xmark":
|
|
91
|
-
"fa/duotone/warehouse-full":
|
|
92
|
-
"fa/duotone/rectangle-history":
|
|
87
|
+
"fa/duotone/calendar-days": h,
|
|
88
|
+
"fa/duotone/circle-arrow-right": d,
|
|
89
|
+
"fa/duotone/circle-exclamation": w,
|
|
90
|
+
"fa/duotone/circle-xmark": g,
|
|
91
|
+
"fa/duotone/eye-slash": f,
|
|
92
|
+
"fa/duotone/folder-magnifying-glass": u,
|
|
93
|
+
"fa/duotone/lock-keyhole": p,
|
|
94
|
+
"fa/duotone/magnifying-glass": y,
|
|
95
|
+
"fa/duotone/xmark": M,
|
|
96
|
+
"fa/duotone/warehouse-full": v,
|
|
97
|
+
"fa/duotone/rectangle-history": E,
|
|
93
98
|
"fa/duotone/account-group": C,
|
|
94
|
-
"
|
|
95
|
-
|
|
99
|
+
"fa/duotone/arrow-left": m,
|
|
100
|
+
"pi/logo": H
|
|
101
|
+
}, z = {
|
|
96
102
|
"fa/duotone": [
|
|
97
103
|
"arrow-down-arrow-up",
|
|
98
104
|
"calendar-days",
|
|
@@ -106,17 +112,18 @@ const C = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 20 16",
|
|
|
106
112
|
"xmark",
|
|
107
113
|
"warehouse-full",
|
|
108
114
|
"rectangle-history",
|
|
109
|
-
"account-group"
|
|
115
|
+
"account-group",
|
|
116
|
+
"arrow-left"
|
|
110
117
|
],
|
|
111
118
|
pi: ["logo"]
|
|
112
|
-
},
|
|
113
|
-
const r = `${t ?? "fa/duotone"}/${
|
|
119
|
+
}, x = ({ iconFamily: t, icon: a, size: l, color: n }) => {
|
|
120
|
+
const r = `${t ?? "fa/duotone"}/${a}`, c = V[r] ?? /* @__PURE__ */ s("span", { title: r, children: [
|
|
114
121
|
"ERROR ICON ",
|
|
115
|
-
/* @__PURE__ */
|
|
122
|
+
/* @__PURE__ */ o(x, { icon: "circle-exclamation" })
|
|
116
123
|
] });
|
|
117
|
-
return
|
|
124
|
+
return c && /* @__PURE__ */ o(c, { style: { color: n, height: l, width: l } });
|
|
118
125
|
};
|
|
119
126
|
export {
|
|
120
|
-
|
|
121
|
-
|
|
127
|
+
z as FamilyAndIcons,
|
|
128
|
+
x as Icon
|
|
122
129
|
};
|
|
@@ -15,6 +15,8 @@ type IconButtonCoreProps = {
|
|
|
15
15
|
children?: ReactNode;
|
|
16
16
|
/** Variant of component */
|
|
17
17
|
variant?: variant;
|
|
18
|
+
/** Id to be applied as `data-testid` on the container element */
|
|
19
|
+
'data-testid'?: string;
|
|
18
20
|
};
|
|
19
21
|
interface IconButtonPropsWithLink extends IconButtonCoreProps {
|
|
20
22
|
/** Link to access when Icon Button is clicked */
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import '../../assets/IconButton.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
2
|
+
import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as x, useMemo as d } from "react";
|
|
4
4
|
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as
|
|
7
|
-
const
|
|
6
|
+
import { B as m } from "../../Button-2b1peDFT.js";
|
|
7
|
+
const o = {
|
|
8
8
|
"u-typography-h1": "_u-typography-h1_1xyj5_1",
|
|
9
9
|
"u-typography-h2": "_u-typography-h2_1xyj5_8",
|
|
10
10
|
"u-typography-h3": "_u-typography-h3_1xyj5_15",
|
|
@@ -24,17 +24,40 @@ const t = {
|
|
|
24
24
|
"icon-button--primary": "_icon-button--primary_1xyj5_86",
|
|
25
25
|
"icon-button--square": "_icon-button--square_1xyj5_108",
|
|
26
26
|
"icon-button__container": "_icon-button__container_1xyj5_124"
|
|
27
|
-
},
|
|
28
|
-
const {
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
}, B = x((r, p) => {
|
|
28
|
+
const {
|
|
29
|
+
onClick: _,
|
|
30
|
+
icon: e,
|
|
31
|
+
link: u,
|
|
32
|
+
loading: n,
|
|
33
|
+
children: h,
|
|
34
|
+
type: s = "button",
|
|
35
|
+
disabled: i,
|
|
36
|
+
className: y,
|
|
37
|
+
variant: t = "primary",
|
|
38
|
+
"data-testid": g
|
|
39
|
+
} = r, b = d(
|
|
40
|
+
() => l([o["icon-button"], o[`icon-button--${t}`], y]),
|
|
41
|
+
[y, t]
|
|
42
|
+
);
|
|
43
|
+
return /* @__PURE__ */ a(
|
|
44
|
+
m,
|
|
45
|
+
{
|
|
46
|
+
type: s,
|
|
47
|
+
href: u,
|
|
48
|
+
onClick: _,
|
|
49
|
+
disabled: i,
|
|
50
|
+
className: b,
|
|
51
|
+
ref: p,
|
|
52
|
+
"data-testid": g,
|
|
53
|
+
children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
|
|
54
|
+
n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
|
|
55
|
+
t !== "square" && h
|
|
56
|
+
] })
|
|
57
|
+
}
|
|
31
58
|
);
|
|
32
|
-
return /* @__PURE__ */ r(d, { type: s, href: n, onClick: _, disabled: i, className: g, ref: p, children: /* @__PURE__ */ b("div", { className: t["icon-button__container"], children: [
|
|
33
|
-
e ? /* @__PURE__ */ r(j, { invert: !0 }) : u,
|
|
34
|
-
o !== "square" && h
|
|
35
|
-
] }) });
|
|
36
59
|
});
|
|
37
60
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
61
|
+
B as IconButton,
|
|
62
|
+
B as default
|
|
40
63
|
};
|
|
@@ -1,66 +1,68 @@
|
|
|
1
1
|
import '../../assets/PageHeader.css';
|
|
2
2
|
import { jsxs as a, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { c as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
"u-typography-
|
|
14
|
-
"u-typography-
|
|
15
|
-
"u-typography-
|
|
16
|
-
"u-typography-h6": "_u-typography-h6_8gwjb_36",
|
|
17
|
-
"u-typography-base": "_u-typography-base_8gwjb_43",
|
|
18
|
-
"page-header__main-left-content": "_page-header__main-left-content_8gwjb_43",
|
|
3
|
+
import { c as n } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as b } from "../Icon/Icon.js";
|
|
5
|
+
import { IconButton as x } from "../IconButton/IconButton.js";
|
|
6
|
+
const N = "_title_knin7_22", f = "_subtitle_knin7_43", e = {
|
|
7
|
+
"u-typography-h1": "_u-typography-h1_knin7_1",
|
|
8
|
+
"u-typography-h2": "_u-typography-h2_knin7_8",
|
|
9
|
+
"u-typography-h3": "_u-typography-h3_knin7_15",
|
|
10
|
+
"u-typography-h4": "_u-typography-h4_knin7_22",
|
|
11
|
+
"page-header__main-left-content": "_page-header__main-left-content_knin7_22",
|
|
12
|
+
title: N,
|
|
13
|
+
"u-typography-h5": "_u-typography-h5_knin7_29",
|
|
14
|
+
"u-typography-h6": "_u-typography-h6_knin7_36",
|
|
15
|
+
"u-typography-base": "_u-typography-base_knin7_43",
|
|
19
16
|
subtitle: f,
|
|
20
|
-
"
|
|
21
|
-
"u-typography-base--
|
|
22
|
-
|
|
23
|
-
"u-typography-base--
|
|
24
|
-
"u-typography-base--
|
|
25
|
-
"u-typography-base--
|
|
26
|
-
"u-typography-base--
|
|
27
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"page-
|
|
31
|
-
"page-
|
|
32
|
-
"page-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
onBackLinkClick: n,
|
|
17
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_knin7_48",
|
|
18
|
+
"u-typography-base--xl": "_u-typography-base--xl_knin7_52",
|
|
19
|
+
"u-typography-base--lg": "_u-typography-base--lg_knin7_56",
|
|
20
|
+
"u-typography-base--sm": "_u-typography-base--sm_knin7_60",
|
|
21
|
+
"u-typography-base--bold": "_u-typography-base--bold_knin7_64",
|
|
22
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_knin7_67",
|
|
23
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_knin7_70",
|
|
24
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_knin7_73",
|
|
25
|
+
"page-header": "_page-header_knin7_22",
|
|
26
|
+
"page-header__top-content": "_page-header__top-content_knin7_86",
|
|
27
|
+
"page-header__main-content": "_page-header__main-content_knin7_89",
|
|
28
|
+
"page-header__bottom-content": "_page-header__bottom-content_knin7_89",
|
|
29
|
+
"page-header__main-right-content": "_page-header__main-right-content_knin7_120"
|
|
30
|
+
}, B = ({
|
|
31
|
+
title: i,
|
|
32
|
+
subtitle: h,
|
|
33
|
+
backLinkText: _,
|
|
34
|
+
onBackLinkClick: o,
|
|
39
35
|
rightChildren: p,
|
|
40
|
-
bottomChildren:
|
|
41
|
-
classNameWrapper:
|
|
42
|
-
classNameBackLink:
|
|
43
|
-
classNameTitle:
|
|
44
|
-
classNameSubtitle:
|
|
45
|
-
"data-testid-wrapper":
|
|
46
|
-
"data-testid-backLink":
|
|
47
|
-
"data-testid-title":
|
|
36
|
+
bottomChildren: r,
|
|
37
|
+
classNameWrapper: s,
|
|
38
|
+
classNameBackLink: y,
|
|
39
|
+
classNameTitle: d,
|
|
40
|
+
classNameSubtitle: g,
|
|
41
|
+
"data-testid-wrapper": l,
|
|
42
|
+
"data-testid-backLink": u,
|
|
43
|
+
"data-testid-title": c,
|
|
48
44
|
"data-testid-subtitle": m,
|
|
49
|
-
...
|
|
50
|
-
}) => /* @__PURE__ */ a("div", { className:
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
...k
|
|
46
|
+
}) => /* @__PURE__ */ a("div", { className: n([e["page-header"], s]), "data-testid": l, ...k, children: [
|
|
47
|
+
_ && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ t(
|
|
48
|
+
x,
|
|
49
|
+
{
|
|
50
|
+
icon: /* @__PURE__ */ t(b, { icon: "arrow-left" }),
|
|
51
|
+
onClick: o,
|
|
52
|
+
className: y,
|
|
53
|
+
"data-testid": u,
|
|
54
|
+
children: _
|
|
55
|
+
}
|
|
56
|
+
) }),
|
|
55
57
|
/* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
|
|
56
58
|
/* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
|
|
57
|
-
/* @__PURE__ */ t("h1", { className:
|
|
58
|
-
/* @__PURE__ */ t("h2", { className:
|
|
59
|
+
/* @__PURE__ */ t("h1", { className: n(e.title, d), "data-testid": c, children: i }),
|
|
60
|
+
/* @__PURE__ */ t("h2", { className: n(e.subtitle, g), "data-testid": m, children: h })
|
|
59
61
|
] }),
|
|
60
62
|
p && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: p })
|
|
61
63
|
] }),
|
|
62
|
-
|
|
64
|
+
r && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: r })
|
|
63
65
|
] });
|
|
64
66
|
export {
|
|
65
|
-
|
|
67
|
+
B as PageHeader
|
|
66
68
|
};
|
package/dist/marola.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.
|
|
1
|
+
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204;--border: #d9d9d9;--border-rgb: 217, 217, 217}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-1: 3.75rem;--heading-line-height-1: 4.875rem;--heading-font-size-2: 3rem;--heading-line-height-2: 4rem;--heading-font-size-3: 2.25rem;--heading-line-height-3: 2.875rem;--heading-font-size-4: 1.875rem;--heading-line-height-4: 2.375rem;--heading-font-size-5: 1.5rem;--heading-line-height-5: 2rem;--heading-font-size-6: 1.25rem;--heading-line-height-6: 1.75rem;--base-font-size: .875rem;--base-line-height: 1.375rem;--base-weight: 400;--base-bold: 700;--base-font-size-sm: .75rem;--base-line-height-sm: 1.25rem;--base-font-size-lg: 1rem;--base-line-height-lg: 1.5rem;--base-font-size-xl: 1.25rem;--base-line-height-xl: 1.75rem;--base-font-size-xxl: 1.5rem;--base-line-height-xxl: 2rem}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold;--font-size-small: .75rem;--font-weight-small: 400;--font-line-height-small: 1.25rem;--font-weight-700: 700}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}
|