@arthurzakharov/ui-kit 1.0.90 → 1.0.92
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Header_1vqwq_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_1vqwq_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_1vqwq_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_1vqwq_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_1vqwq_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs)}._HeaderPhoneButton_1vqwq_26:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_1vqwq_41{width:var(--rm-ui-header-phone-size);height:var(--rm-ui-header-phone-size);stroke:var(--rm-ui-header-phone);stroke-width:2px}._HeaderPhoneButtonNumber_1vqwq_48,._HeaderDescriptions_1vqwq_49{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_1vqwq_48{display:flex;font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);letter-spacing:.1px;color:var(--rm-ui-header-text)}._HeaderDescriptions_1vqwq_49{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-weight:var(--rm-ui-font-weight-light);font-size:var( --rm-ui-font-size-body-extra-small);line-height:var( --rm-ui-line-height-body-extra-small);color:var(--rm-ui-header-text)}._HeaderDescriptionsIcon_1vqwq_75{stroke:var(--rm-ui-header-check-icon);stroke-width:3px}._HeaderDescriptionsIconSm_1vqwq_80{width:10px;height:10px}._HeaderDescriptionsIconMd_1vqwq_85{width:12px;height:12px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #ffffff;--rm-ui-amimation-speed-primary: .
|
|
1
|
+
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .4s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.3, 0, 0, 1);--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-warranty-bg: #f9fcff;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary)}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Phone as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/header-
|
|
5
|
-
Header:
|
|
1
|
+
import { jsxs as s, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Phone as m, CircleCheck as h } from "lucide-react";
|
|
3
|
+
import p from "clsx";
|
|
4
|
+
import '../../assets/header-Bcw-pGOr.css';const q = "_Header_1vqwq_1", u = "_HeaderInfo_1vqwq_8", I = "_HeaderLogo_1vqwq_15", P = "_HeaderLogoPlaceholder_1vqwq_20", D = "_HeaderPhoneButton_1vqwq_26", g = "_HeaderPhoneButtonIcon_1vqwq_41", v = "_HeaderPhoneButtonNumber_1vqwq_48", w = "_HeaderDescriptions_1vqwq_49", N = "_HeaderDescriptionsIcon_1vqwq_75", B = "_HeaderDescriptionsIconSm_1vqwq_80", f = "_HeaderDescriptionsIconMd_1vqwq_85", e = {
|
|
5
|
+
Header: q,
|
|
6
6
|
HeaderInfo: u,
|
|
7
7
|
HeaderLogo: I,
|
|
8
8
|
HeaderLogoPlaceholder: P,
|
|
9
9
|
HeaderPhoneButton: D,
|
|
10
10
|
HeaderPhoneButtonIcon: g,
|
|
11
|
-
HeaderPhoneButtonNumber:
|
|
12
|
-
HeaderDescriptions:
|
|
13
|
-
HeaderDescriptionsIcon:
|
|
14
|
-
HeaderDescriptionsIconSm:
|
|
15
|
-
HeaderDescriptionsIconMd:
|
|
16
|
-
},
|
|
17
|
-
const { logo: t, logoCondition: d = () => "", tel: r = "", descriptions: i = [] } =
|
|
11
|
+
HeaderPhoneButtonNumber: v,
|
|
12
|
+
HeaderDescriptions: w,
|
|
13
|
+
HeaderDescriptionsIcon: N,
|
|
14
|
+
HeaderDescriptionsIconSm: B,
|
|
15
|
+
HeaderDescriptionsIconMd: f
|
|
16
|
+
}, S = (c) => {
|
|
17
|
+
const { logo: t, logoCondition: d = () => "", tel: r = "", descriptions: i = [] } = c, a = d() || t, H = (o) => "tel:+49" + o.replace(/^0|[^0-9.]/g, ""), l = () => {
|
|
18
18
|
r && window.open(H(r), "_self");
|
|
19
19
|
};
|
|
20
|
-
return /* @__PURE__ */
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
r ? /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */ n(
|
|
20
|
+
return /* @__PURE__ */ s("header", { className: e.Header, children: [
|
|
21
|
+
a ? /* @__PURE__ */ n("img", { className: e.HeaderLogo, alt: "logo-icon", src: a }) : /* @__PURE__ */ n("i", { className: e.HeaderLogoPlaceholder }),
|
|
22
|
+
/* @__PURE__ */ s("div", { className: e.HeaderInfo, children: [
|
|
23
|
+
r ? /* @__PURE__ */ s("button", { className: e.HeaderPhoneButton, onClick: l, children: [
|
|
24
|
+
/* @__PURE__ */ n(m, { className: e.HeaderPhoneButtonIcon }),
|
|
25
25
|
/* @__PURE__ */ n("span", { className: e.HeaderPhoneButtonNumber, children: r })
|
|
26
26
|
] }) : null,
|
|
27
|
-
i.map((o,
|
|
27
|
+
i.map((o, _) => /* @__PURE__ */ s("div", { className: e.HeaderDescriptions, "data-size": o.size, children: [
|
|
28
28
|
/* @__PURE__ */ n(
|
|
29
|
-
|
|
29
|
+
h,
|
|
30
30
|
{
|
|
31
|
-
className:
|
|
31
|
+
className: p(e.HeaderDescriptionsIcon, {
|
|
32
32
|
[e.HeaderDescriptionsIconSm]: o.size === "s",
|
|
33
33
|
[e.HeaderDescriptionsIconMd]: o.size === "m"
|
|
34
34
|
}),
|
|
@@ -36,10 +36,10 @@ import '../../assets/header-DUrwESVa.css';const f = "_Header_hpcf9_1", u = "_Hea
|
|
|
36
36
|
}
|
|
37
37
|
),
|
|
38
38
|
/* @__PURE__ */ n("span", { children: o.value })
|
|
39
|
-
] },
|
|
39
|
+
] }, _))
|
|
40
40
|
] })
|
|
41
41
|
] });
|
|
42
42
|
};
|
|
43
43
|
export {
|
|
44
|
-
|
|
44
|
+
S as Header
|
|
45
45
|
};
|
package/dist/main.js
CHANGED
|
@@ -19,7 +19,7 @@ import { Text as W } from "./components/text/text.component.js";
|
|
|
19
19
|
import { TextBlock as q } from "./components/text-block/text-block.component.js";
|
|
20
20
|
import { UserPanel as w } from "./components/user-panel/user-panel.component.js";
|
|
21
21
|
import { Warranty as G } from "./components/warranty/warranty.component.js";
|
|
22
|
-
import './assets/main-
|
|
22
|
+
import './assets/main-BQK8e9RW.css';export {
|
|
23
23
|
e as Animation,
|
|
24
24
|
x as Certifications,
|
|
25
25
|
m as Control,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Header_hpcf9_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_hpcf9_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_hpcf9_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_hpcf9_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_hpcf9_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs)}._HeaderPhoneButton_hpcf9_26:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_hpcf9_41{width:22px;height:22px;stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderPhoneButtonNumber_hpcf9_48,._HeaderDescriptions_hpcf9_49{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_hpcf9_48{display:flex;font-weight:var(--rm-ui-font-weight-bold);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);letter-spacing:.1px;color:var(--rm-ui-color-theme-primary)}._HeaderDescriptions_hpcf9_49{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-weight:var(--rm-ui-font-weight-light);font-size:var( --rm-ui-font-size-body-extra-small);line-height:var( --rm-ui-line-height-body-extra-small);color:var(--rm-ui-color-theme-primary)}._HeaderDescriptionsIcon_hpcf9_75{stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderDescriptionsIconSm_hpcf9_80{width:10px;height:10px}._HeaderDescriptionsIconMd_hpcf9_85{width:12px;height:12px}}
|