@arthurzakharov/ui-kit 1.0.35 → 1.0.37

package/dist/assets/board-DdRugbJz.css

@@ -0,0 +1 @@
+._Board_daowi_1{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}@media screen and (min-width:1024px){._Board_daowi_1{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_daowi_1{padding:var(--rm-ui-padding-xxl)}}

package/dist/assets/info-C3pD27q7.css

@@ -0,0 +1 @@
+._InfoPanel_qf7j9_1{list-style:none;margin-top:0;margin-bottom:0;padding-left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._InfoPanelRow_qf7j9_13{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._InfoPanelKey_qf7j9_20{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-secondary)}._InfoPanelValue_qf7j9_27{font-family:var(--rm-ui-font-family-regular),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-font-size-body-small);color:var(--rm-ui-color-text-primary)}

package/dist/assets/{main-Bp-7_egq.css → main-Df3a-0R6.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-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}
+: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;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6}

package/dist/assets/user-BgBZs4_r.css

@@ -0,0 +1 @@
+._User_14z67_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._UserHead_14z67_9{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}._UserTitle_14z67_17{font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4);color:var(--rm-ui-color-text-primary)}._UserButton_14z67_24{padding:0;border:none;background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._UserButton_14z67_24:focus-visible{outline-offset:2px;outline-color:var(--rm-ui-color-focus)}._UserButtonText_14z67_41{font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._UserButtonIcon_14z67_48{width:16px;height:16px;stroke-width:2;stroke:var(--rm-ui-color-text-primary)}._UserInfo_14z67_55{margin-top:0;margin-bottom:0;padding-left:0;list-style:none;display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}._UserInfoRaw_14z67_67{font-family:var(--rm-ui-font-family-medium),sans-serif;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small);color:var(--rm-ui-color-text-secondary)}

package/dist/components/sidebar/components/board/board.component.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const Board: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/components/board/board.component.js

@@ -0,0 +1,10 @@
+import { jsx as a } from "react/jsx-runtime";
+import '../../../../assets/board-DdRugbJz.css';const d = "_Board_daowi_1", c = {
+  Board: d
+}, s = (o) => {
+  const { children: r } = o;
+  return /* @__PURE__ */ a("div", { className: c.Board, children: r });
+};
+export {
+  s as Board
+};

package/dist/components/sidebar/components/info/info.component.d.ts

@@ -0,0 +1,4 @@
+export interface InfoProps {
+    data: [string, string][];
+}
+export declare const Info: (props: InfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/components/info/info.component.js

@@ -0,0 +1,16 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import '../../../../assets/info-C3pD27q7.css';const I = "_InfoPanel_qf7j9_1", P = "_InfoPanelRow_qf7j9_13", c = "_InfoPanelKey_qf7j9_20", _ = "_InfoPanelValue_qf7j9_27", n = {
+  InfoPanel: I,
+  InfoPanelRow: P,
+  InfoPanelKey: c,
+  InfoPanelValue: _
+}, r = (o) => {
+  const { data: l = [] } = o;
+  return /* @__PURE__ */ e("ul", { className: n.InfoPanel, children: l.map(([a, f]) => /* @__PURE__ */ s("li", { className: n.InfoPanelRow, children: [
+    /* @__PURE__ */ e("span", { className: n.InfoPanelKey, children: a }),
+    /* @__PURE__ */ e("span", { className: n.InfoPanelValue, dangerouslySetInnerHTML: { __html: f } })
+  ] }, a)) });
+};
+export {
+  r as Info
+};

package/dist/components/sidebar/components/user/user.component.d.ts

@@ -0,0 +1,7 @@
+export interface UserProps {
+    title?: string;
+    button?: string;
+    data?: string[];
+    onClick: () => void;
+}
+export declare const User: (props: UserProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sidebar/components/user/user.component.js

@@ -0,0 +1,29 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { Pencil as u } from "lucide-react";
+import '../../../../assets/user-BgBZs4_r.css';const i = "_User_14z67_1", d = "_UserHead_14z67_9", m = "_UserTitle_14z67_17", I = "_UserButton_14z67_24", B = "_UserButtonText_14z67_41", f = "_UserButtonIcon_14z67_48", T = "_UserInfo_14z67_55", h = "_UserInfoRaw_14z67_67", e = {
+  User: i,
+  UserHead: d,
+  UserTitle: m,
+  UserButton: I,
+  UserButtonText: B,
+  UserButtonIcon: f,
+  UserInfo: T,
+  UserInfoRaw: h
+}, N = (r) => {
+  const { title: o = "Ihre Angaben", button: c = "ändern", data: a = [], onClick: U } = r, l = (t) => {
+    t.preventDefault(), t.currentTarget.blur(), U();
+  };
+  return /* @__PURE__ */ n("div", { className: e.User, children: [
+    /* @__PURE__ */ n("div", { className: e.UserHead, children: [
+      /* @__PURE__ */ s("span", { className: e.UserTitle, dangerouslySetInnerHTML: { __html: o } }),
+      /* @__PURE__ */ n("button", { type: "button", className: e.UserButton, onClick: l, children: [
+        /* @__PURE__ */ s("span", { className: e.UserButtonText, children: c }),
+        /* @__PURE__ */ s(u, { className: e.UserButtonIcon })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("ul", { className: e.UserInfo, children: a.map((t, _) => /* @__PURE__ */ s("li", { className: e.UserInfoRaw, children: t }, _)) })
+  ] });
+};
+export {
+  N as User
+};

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

@@ -1,6 +1,11 @@
+export type { InfoProps } from './components/info/info.component';
 export type { StepProps } from './components/step/step.component';
 export type { StepsProps } from './components/steps/steps.component';
+export type { UserProps } from './components/user/user.component';
 export declare const Sidebar: {
+    Board: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Info: (props: import('./sidebar.component').InfoProps) => import("react/jsx-runtime").JSX.Element;
     Step: (props: import('./sidebar.component').StepProps) => import("react/jsx-runtime").JSX.Element;
     Steps: (props: import('./sidebar.component').StepsProps) => import("react/jsx-runtime").JSX.Element;
+    User: (props: import('./sidebar.component').UserProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/sidebar/sidebar.component.js

@@ -1,6 +1,9 @@
-import { Step as o } from "./components/step/step.component.js";
-import { Steps as r } from "./components/steps/steps.component.js";
-const e = { Step: o, Steps: r };
+import { Board as o } from "./components/board/board.component.js";
+import { Info as r } from "./components/info/info.component.js";
+import { Step as m } from "./components/step/step.component.js";
+import { Steps as t } from "./components/steps/steps.component.js";
+import { User as p } from "./components/user/user.component.js";
+const a = { Board: o, Info: r, Step: m, Steps: t, User: p };
 export {
-  e as Sidebar
+  a as Sidebar
 };

package/dist/main.d.ts

@@ -5,5 +5,5 @@ export { Footer, type FooterProps } from './components/footer/footer.component';
 export { Header, type HeaderProps } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
 export { Layout, type LayoutProps } from './components/layout/layout.component';
-export { Sidebar, type StepProps } from './components/sidebar/sidebar.component';
+export { Sidebar, type InfoProps, type StepProps, type StepsProps, type UserProps, } from './components/sidebar/sidebar.component';
 export { Text } from './components/text/text.component';

package/dist/main.js

@@ -7,7 +7,7 @@ import { InfoPanel as l } from "./components/info-panel/info-panel.component.js"
 import { Layout as b } from "./components/layout/layout.component.js";
 import { Sidebar as s } from "./components/sidebar/sidebar.component.js";
 import { Text as y } from "./components/text/text.component.js";
-import './assets/main-Bp-7_egq.css';export {
+import './assets/main-Df3a-0R6.css';export {
   e as Animation,
   f as Certifications,
   x as Control,

package/package.json

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