@arthurzakharov/ui-kit 1.0.12 → 1.0.15

package/dist/assets/header-BC7h5wry.css

@@ -0,0 +1 @@
+._Header_1eh1b_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_1eh1b_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_1eh1b_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_1eh1b_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_1eh1b_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs)}._HeaderPhoneButton_1eh1b_26:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_1eh1b_41{width:22px;height:22px;stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderPhoneButtonNumber_1eh1b_48,._HeaderDescriptions_1eh1b_49{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_1eh1b_48{display:flex;font-family:var(--rm-ui-font-family-bold),sans-serif;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_1eh1b_49{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-family:var(--rm-ui-font-family-light),sans-serif;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_1eh1b_75{stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderDescriptionsIconSm_1eh1b_80{width:10px;height:10px}._HeaderDescriptionsIconMd_1eh1b_85{width:12px;height:12px}}

package/dist/assets/layout-D79e__DV.css

@@ -0,0 +1 @@
+body{background-color:var(--rm-ui-body-color)}._Layout_6yviu_5{--layout-max-width: 1100px;--layout-margin: 0;--layout-padding: 0;--layout-content-border: 0;--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-md);--layout-footer-pading: var(--rm-ui-padding-xxl);--layout-transition-speed: .5s;max-width:var(--layout-max-width);margin:var(--layout-margin);padding:var(--layout-padding);transition:padding ease-in-out var(--layout-transition-speed),margin ease-in-out var(--layout-transition-speed),max-width ease-in-out var(--layout-transition-speed)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: var(--rm-ui-padding-sm);--layout-aside-width: 275px;--layout-main-width: 100%}._Layout_6yviu_5._LayoutWithoutSidebar_6yviu_29{--layout-content-gap: 0;--layout-main-width: 100%}._LayoutContent_6yviu_34{display:block;border-radius:var(--layout-content-border);padding:var(--layout-content-padding);background-color:#fff;box-shadow:none;transition:gap ease-in-out var(--layout-transition-speed),border-radius ease-in-out var(--layout-transition-speed),padding ease-in-out var(--layout-transition-speed)}._LayoutMain_6yviu_46{flex-basis:var(--layout-main-width);display:block;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutHeader_6yviu_52{padding:var(--layout-header-padding);transition:padding ease-in-out var(--layout-transition-speed)}._LayoutAside_6yviu_57{flex-basis:var(--layout-aside-width);display:none;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutFooter_6yviu_63{padding:var(--layout-footer-pading);transition:padding ease-in-out var(--layout-transition-speed)}@media screen and (min-width:768px){._Layout_6yviu_5{--layout-padding: 0 var(--rm-ui-padding-sm);--layout-content-border: var(--rm-ui-border-radius-sm);--layout-content-padding: var(--rm-ui-padding-md);--layout-header-padding: var(--rm-ui-padding-sm) 0;--layout-footer-pading: var(--rm-ui-padding-md) var(--rm-ui-padding-md) var(--rm-ui-padding-sm)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-main-width: calc(100% - var(--layout-aside-width) - var(--layout-content-gap))}._LayoutContent_6yviu_34{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--layout-content-gap);box-shadow:4px 4px 24px #0000000a}._LayoutAside_6yviu_57{display:block}}@media screen and (min-width:1024px){._Layout_6yviu_5{--layout-padding: 0 var(--rm-ui-padding-md);--layout-content-padding: var(--rm-ui-padding-xl);--layout-header-padding: var(--rm-ui-padding-md) 0;--layout-footer-pading: var(--rm-ui-padding-xl) var(--rm-ui-padding-xl) var(--rm-ui-padding-md)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: var(--rm-ui-padding-md);--layout-aside-width: 300px}}@media screen and (min-width:1200px){._Layout_6yviu_5{--layout-margin: 0 auto;--layout-padding: 0;--layout-content-padding: var(--rm-ui-padding-xxl);--layout-header-padding: var(--rm-ui-padding-lg) 0;--layout-footer-pading: var(--rm-ui-padding-xxl) var(--rm-ui-padding-xxl) var(--rm-ui-padding-md)}._Layout_6yviu_5._LayoutWithSidebar_6yviu_23{--layout-content-gap: 80px;--layout-aside-width: 350px}}

package/dist/assets/{main-BgL82qFL.css → main-fdOz0H_y.css}

@@ -1 +1 @@
-: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-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--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-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}
+: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-family-light: "Lato Light", sans-serif;--rm-ui-font-family-light-i: "Lato Light Italic", sans-serif;--rm-ui-font-family-regular: "Lato Regular", sans-serif;--rm-ui-font-family-regular-i: "Lato Regular Italic", sans-serif;--rm-ui-font-family-medium: "Lato Bold", sans-serif;--rm-ui-font-family-medium-i: "Lato Bold Italic", sans-serif;--rm-ui-font-family-bold: "Lato Black", sans-serif;--rm-ui-font-family-bold-i: "Lato Black Italic", sans-serif;--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}

package/dist/components/header/header.component.js

@@ -1,18 +1,18 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { Phone as g, CircleCheck as m } from "lucide-react";
-import h from "clsx";
-import '../../assets/header-CvDToxgv.css';const p = "_Header_2g7zf_1", f = "_HeaderInfo_2g7zf_8", u = "_HeaderLogo_2g7zf_15", I = "_HeaderLogoPlaceholder_2g7zf_20", z = "_HeaderPhoneButton_2g7zf_26", P = "_HeaderPhoneButtonIcon_2g7zf_38", D = "_HeaderPhoneButtonNumber_2g7zf_45", N = "_HeaderDescriptions_2g7zf_46", B = "_HeaderDescriptionsIcon_2g7zf_72", L = "_HeaderDescriptionsIconSm_2g7zf_77", b = "_HeaderDescriptionsIconMd_2g7zf_82", e = {
-  Header: p,
-  HeaderInfo: f,
-  HeaderLogo: u,
-  HeaderLogoPlaceholder: I,
-  HeaderPhoneButton: z,
-  HeaderPhoneButtonIcon: P,
-  HeaderPhoneButtonNumber: D,
-  HeaderDescriptions: N,
-  HeaderDescriptionsIcon: B,
+import { Phone as _, CircleCheck as m } from "lucide-react";
+import p from "clsx";
+import '../../assets/header-BC7h5wry.css';const u = "_Header_1eh1b_1", I = "_HeaderInfo_1eh1b_8", P = "_HeaderLogo_1eh1b_15", b = "_HeaderLogoPlaceholder_1eh1b_20", D = "_HeaderPhoneButton_1eh1b_26", g = "_HeaderPhoneButtonIcon_1eh1b_41", N = "_HeaderPhoneButtonNumber_1eh1b_48", B = "_HeaderDescriptions_1eh1b_49", f = "_HeaderDescriptionsIcon_1eh1b_75", L = "_HeaderDescriptionsIconSm_1eh1b_80", z = "_HeaderDescriptionsIconMd_1eh1b_85", e = {
+  Header: u,
+  HeaderInfo: I,
+  HeaderLogo: P,
+  HeaderLogoPlaceholder: b,
+  HeaderPhoneButton: D,
+  HeaderPhoneButtonIcon: g,
+  HeaderPhoneButtonNumber: N,
+  HeaderDescriptions: B,
+  HeaderDescriptionsIcon: f,
   HeaderDescriptionsIconSm: L,
-  HeaderDescriptionsIconMd: b
+  HeaderDescriptionsIconMd: z
 }, M = (c) => {
   const { logo: t, logoCondition: d = () => "", tel: r = "", descriptions: i = [] } = c, a = d() || t, H = (o) => "tel:+49" + o.replace(/^0|[^0-9.]/g, ""), l = () => {
     r && window.open(H(r), "_self");
@@ -21,14 +21,14 @@ import '../../assets/header-CvDToxgv.css';const p = "_Header_2g7zf_1", f = "_Hea
     a ? /* @__PURE__ */ n("img", { className: e.HeaderLogo, alt: "logo-icon", src: a }) : /* @__PURE__ */ n("i", { className: e.HeaderLogoPlaceholder }),
     /* @__PURE__ */ s("div", { className: e.HeaderInfo, children: [
       r ? /* @__PURE__ */ s("button", { className: e.HeaderPhoneButton, onClick: l, children: [
-        /* @__PURE__ */ n(g, { className: e.HeaderPhoneButtonIcon }),
+        /* @__PURE__ */ n(_, { className: e.HeaderPhoneButtonIcon }),
         /* @__PURE__ */ n("span", { className: e.HeaderPhoneButtonNumber, children: r })
       ] }) : null,
-      i.map((o, _) => /* @__PURE__ */ s("div", { className: e.HeaderDescriptions, "data-size": o.size, children: [
+      i.map((o, h) => /* @__PURE__ */ s("div", { className: e.HeaderDescriptions, "data-size": o.size, children: [
         /* @__PURE__ */ n(
           m,
           {
-            className: h(e.HeaderDescriptionsIcon, {
+            className: p(e.HeaderDescriptionsIcon, {
               [e.HeaderDescriptionsIconSm]: o.size === "s",
               [e.HeaderDescriptionsIconMd]: o.size === "m"
             }),
@@ -36,7 +36,7 @@ import '../../assets/header-CvDToxgv.css';const p = "_Header_2g7zf_1", f = "_Hea
           }
         ),
         /* @__PURE__ */ n("span", { children: o.value })
-      ] }, _))
+      ] }, h))
     ] })
   ] });
 };

package/dist/components/layout/layout.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface LayoutProps {
+    header: ReactNode;
+    main: ReactNode;
+    aside?: ReactNode;
+    footer: ReactNode;
+}
+export declare const Layout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/layout.component.js

@@ -0,0 +1,25 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import L from "clsx";
+import '../../assets/layout-D79e__DV.css';const s = "_Layout_6yviu_5", r = "_LayoutWithSidebar_6yviu_23", d = "_LayoutWithoutSidebar_6yviu_29", c = "_LayoutContent_6yviu_34", _ = "_LayoutMain_6yviu_46", h = "_LayoutHeader_6yviu_52", l = "_LayoutAside_6yviu_57", v = "_LayoutFooter_6yviu_63", t = {
+  Layout: s,
+  LayoutWithSidebar: r,
+  LayoutWithoutSidebar: d,
+  LayoutContent: c,
+  LayoutMain: _,
+  LayoutHeader: h,
+  LayoutAside: l,
+  LayoutFooter: v
+}, S = (u) => {
+  const { header: e, main: y, aside: a, footer: n } = u;
+  return /* @__PURE__ */ i("div", { className: L(t.Layout, a ? t.LayoutWithSidebar : t.LayoutWithoutSidebar), children: [
+    /* @__PURE__ */ o("div", { className: t.LayoutHeader, children: e }),
+    /* @__PURE__ */ i("div", { className: t.LayoutContent, children: [
+      /* @__PURE__ */ o("div", { className: t.LayoutMain, children: y }),
+      a ? /* @__PURE__ */ o("div", { className: t.LayoutAside, children: a }) : null
+    ] }),
+    /* @__PURE__ */ o("div", { className: t.LayoutFooter, children: n })
+  ] });
+};
+export {
+  S as Layout
+};

package/dist/main.d.ts

@@ -2,3 +2,4 @@ export { Certifications, type CertificationsProps } from './components/certifica
 export { Control } from './components/control/control.component';
 export { Footer, type FooterProps } from './components/footer/footer.component';
 export { Header, type HeaderProps } from './components/header/header.component';
+export { Layout, type LayoutProps } from './components/layout/layout.component';

package/dist/main.js

@@ -1,10 +1,12 @@
-import { Certifications as e } from "./components/certifications/certifications.component.js";
+import { Certifications as t } from "./components/certifications/certifications.component.js";
 import { Control as f } from "./components/control/control.component.js";
 import { Footer as p } from "./components/footer/footer.component.js";
-import { Header as i } from "./components/header/header.component.js";
-import './assets/main-BgL82qFL.css';export {
-  e as Certifications,
+import { Header as a } from "./components/header/header.component.js";
+import { Layout as n } from "./components/layout/layout.component.js";
+import './assets/main-fdOz0H_y.css';export {
+  t as Certifications,
   f as Control,
   p as Footer,
-  i as Header
+  a as Header,
+  n as Layout
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.0.12",
+  "version": "1.0.15",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/header-CvDToxgv.css

@@ -1 +0,0 @@
-._Header_2g7zf_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._HeaderInfo_2g7zf_8{display:flex;flex-direction:column;align-items:flex-end;gap:2px}._HeaderLogo_2g7zf_15{height:var(--rm-ui-header-logo-height);pointer-events:none}._HeaderLogoPlaceholder_2g7zf_20{display:flex;width:var(--rm-ui-header-logo-height);height:var(--rm-ui-header-logo-height)}._HeaderPhoneButton_2g7zf_26{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:var(--rm-ui-padding-xs);outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._HeaderPhoneButtonIcon_2g7zf_38{width:22px;height:22px;stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderPhoneButtonNumber_2g7zf_45,._HeaderDescriptions_2g7zf_46{display:none}@media screen and (min-width:768px){._HeaderPhoneButtonNumber_2g7zf_45{display:flex;font-family:var(--rm-ui-font-family-bold),sans-serif;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_2g7zf_46{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xxs);font-family:var(--rm-ui-font-family-light),sans-serif;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_2g7zf_72{stroke:var(--rm-ui-color-theme-primary);stroke-width:3px}._HeaderDescriptionsIconSm_2g7zf_77{width:10px;height:10px}._HeaderDescriptionsIconMd_2g7zf_82{width:12px;height:12px}}