@arthurzakharov/ui-kit 1.0.84 → 1.0.86

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
+ ._Backdrop_1ro2y_1{--backdrop-padding: 115px;position:fixed;z-index:1000000;inset:0;background-color:#000000b3;display:flex;flex-direction:row;padding-top:var(--backdrop-padding)}._BackdropSizeFull_1ro2y_15 ._Dialog_1ro2y_15{flex-basis:100%}._BackdropSizeFull_1ro2y_15 ._DialogContent_1ro2y_19{overflow:initial;max-height:initial;padding-right:initial;margin-right:initial}._BackdropPositionCenter_1ro2y_26,._BackdropPositionTopCenter_1ro2y_27{align-items:flex-end;justify-content:center}._Dialog_1ro2y_15{flex-basis:580px;position:relative;z-index:1;background:#fff;border-top-left-radius:var(--rm-ui-border-radius-xl);border-top-right-radius:var(--rm-ui-border-radius-xl);padding:var(--rm-ui-padding-lg) var(--rm-ui-padding-lg)}._DialogContent_1ro2y_19{overflow:auto;max-height:calc(100vh - var(--backdrop-padding) - var(--rm-ui-padding-xl) * 2);padding-right:10px;margin-right:-10px}._DialogCloseButton_1ro2y_49{position:absolute;z-index:100;top:12px;right:10px;display:flex;border-radius:4px;border:none;padding:2px;background-color:transparent}._DialogCloseButton_1ro2y_49:hover{cursor:pointer}._DialogCloseButton_1ro2y_49:focus-visible{outline:2px solid var(--rm-ui-color-focus)}._DialogCloseButtonIcon_1ro2y_69{width:24px;height:24px;stroke:var(--rm-ui-color-text-secondary)}@media screen and (min-width:768px){._BackdropSizeOneThird_1ro2y_76 ._Dialog_1ro2y_15{flex-basis:33.33%}._BackdropSizeHalf_1ro2y_80 ._Dialog_1ro2y_15{flex-basis:50%}._BackdropSizeTwoThird_1ro2y_84 ._Dialog_1ro2y_15{flex-basis:66.66%}._BackdropSizeFull_1ro2y_15 ._Dialog_1ro2y_15{flex-basis:initial}._BackdropPositionCenter_1ro2y_26{align-items:center}._BackdropPositionTopCenter_1ro2y_27{align-items:flex-start;padding-top:115px;padding-bottom:115px}._DialogContent_1ro2y_19{max-height:calc(100vh - var(--backdrop-padding) * 2 - var(--rm-ui-padding-xxl) * 2)}._DialogCloseButton_1ro2y_49{top:26px;right:18px}._Dialog_1ro2y_15{border-radius:var(--rm-ui-border-radius-lg);padding:var(--rm-ui-padding-xxl)}}
@@ -0,0 +1 @@
1
+ ._DialogArticle_110oo_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticleButtons_110oo_8{position:fixed;bottom:var(--rm-ui-padding-lg);left:var(--rm-ui-padding-lg);right:var(--rm-ui-padding-lg);background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._DialogArticle_110oo_1 *[class=h1],._DialogArticle_110oo_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-theme-primary)}._DialogArticle_110oo_1 *[class=h2],._DialogArticle_110oo_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-theme-primary)}._DialogArticle_110oo_1 *[class=h3],._DialogArticle_110oo_1 h3,._DialogArticle_110oo_1 *[class=h4],._DialogArticle_110oo_1 h4,._DialogArticle_110oo_1 *[class=h5],._DialogArticle_110oo_1 h5,._DialogArticle_110oo_1 *[class=h6],._DialogArticle_110oo_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-theme-primary)}._DialogArticle_110oo_1 *[class=p],._DialogArticle_110oo_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_110oo_1 *[class=a],._DialogArticle_110oo_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_110oo_1 *[class=a]:hover,._DialogArticle_110oo_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_110oo_1 *[class=b],._DialogArticle_110oo_1 b,._DialogArticle_110oo_1 *[class=strong],._DialogArticle_110oo_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_110oo_1 *[class=ul],._DialogArticle_110oo_1 ul,._DialogArticle_110oo_1 *[class=ol],._DialogArticle_110oo_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_110oo_1 *[class=ul],._DialogArticle_110oo_1 ul{list-style:disc}._DialogArticle_110oo_1 *[class=ol],._DialogArticle_110oo_1 ol{list-style:decimal}._DialogArticle_110oo_1 *[class=li],._DialogArticle_110oo_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_110oo_1 *[class=table],._DialogArticle_110oo_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_110oo_1 *[class=hr],._DialogArticle_110oo_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_110oo_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}@media screen and (min-width:768px){._DialogArticleButtons_110oo_8{position:initial;bottom:initial;left:initial;right:initial}}
@@ -0,0 +1 @@
1
+ ._MainAttachment_1oa7f_1{display:block;background-color:transparent}._MainAttachmentTitle_1oa7f_5{margin-bottom:var(--rm-ui-padding-lg)}._MainAttachmentTitleWithSubtitle_1oa7f_9{margin-bottom:var(--rm-ui-padding-xs)}._MainAttachmentSubtitle_1oa7f_13{margin-bottom:var(--rm-ui-padding-lg)}
@@ -0,0 +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}b,strong{font-weight:var(--rm-ui-font-weight-medium)}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)}: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: .2s;--rm-ui-amimation-speed-secondary: .3s;--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}
@@ -0,0 +1 @@
1
+ ._PageSubtitle_xx4pk_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}
@@ -5,7 +5,7 @@ import { X as Zk } from "lucide-react";
5
5
  import Jk from "clsx";
6
6
  import { useScrollLock as eb, useOnClickOutside as tb } from "usehooks-ts";
7
7
  import { M as nb, i as rb, u as a1, P as ab, a as ib, b as lb, L as ub, m as o0 } from "../../proxy-proVQFU8.js";
8
- import '../../assets/dialog-C5GqgzqN.css';function GT(V, se) {
8
+ import '../../assets/dialog-BX01F-Gq.css';function GT(V, se) {
9
9
  if (typeof V == "function")
10
10
  return V(se);
11
11
  V != null && (V.current = se);
@@ -19195,7 +19195,7 @@ function Sb() {
19195
19195
  return process.env.NODE_ENV === "production" ? (V(), Mm.exports = yb()) : Mm.exports = gb(), Mm.exports;
19196
19196
  }
19197
19197
  var Cb = Sb();
19198
- const Eb = "_Backdrop_a6ich_1", Tb = "_BackdropSizeFull_a6ich_15", Rb = "_Dialog_a6ich_15", xb = "_DialogContent_a6ich_19", wb = "_BackdropPositionCenter_a6ich_26", Db = "_BackdropPositionTopCenter_a6ich_31", kb = "_DialogCloseButton_a6ich_53", bb = "_DialogCloseButtonIcon_a6ich_73", _b = "_BackdropSizeOneThird_a6ich_80", Lb = "_BackdropSizeHalf_a6ich_84", Mb = "_BackdropSizeTwoThird_a6ich_88", li = {
19198
+ const Eb = "_Backdrop_1ro2y_1", Tb = "_BackdropSizeFull_1ro2y_15", Rb = "_Dialog_1ro2y_15", xb = "_DialogContent_1ro2y_19", wb = "_BackdropPositionCenter_1ro2y_26", Db = "_BackdropPositionTopCenter_1ro2y_27", kb = "_DialogCloseButton_1ro2y_49", bb = "_DialogCloseButtonIcon_1ro2y_69", _b = "_BackdropSizeOneThird_1ro2y_76", Lb = "_BackdropSizeHalf_1ro2y_80", Mb = "_BackdropSizeTwoThird_1ro2y_84", li = {
19199
19199
  Backdrop: Eb,
19200
19200
  BackdropSizeFull: Tb,
19201
19201
  Dialog: Rb,
@@ -1,2 +1,11 @@
1
1
  import { PropsWithChildren } from 'react';
2
- export declare const DialogArticle: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
2
+ interface ActionButton {
3
+ text: string;
4
+ fn: () => void;
5
+ }
6
+ export interface DialogArticleProps extends PropsWithChildren {
7
+ cancel?: ActionButton;
8
+ confirm?: ActionButton;
9
+ }
10
+ export declare const DialogArticle: (props: DialogArticleProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -1,7 +1,25 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import '../../assets/dialog-article-D_ChV7HU.css';const l = "_DialogArticle_12cy9_1", r = {
3
- DialogArticle: l
4
- }, t = (i) => /* @__PURE__ */ c("div", { className: r.DialogArticle, children: i.children });
1
+ import { jsx as o, jsxs as n, Fragment as g } from "react/jsx-runtime";
2
+ import { useRef as h, useState as A } from "react";
3
+ import { useWindowSize as D, useResizeObserver as p } from "usehooks-ts";
4
+ import { Control as c } from "../control/control.component.js";
5
+ import '../../assets/dialog-article-DHR9NiXW.css';const B = "_DialogArticle_110oo_1", _ = "_DialogArticleButtons_110oo_8", s = {
6
+ DialogArticle: B,
7
+ DialogArticleButtons: _
8
+ }, k = (u) => {
9
+ const { children: r, cancel: t, confirm: e } = u, i = h(null), [a, m] = A(0), { width: d } = D();
10
+ p({
11
+ ref: i,
12
+ onResize: (l) => m(d < 768 && l.height ? l.height : 0)
13
+ });
14
+ const f = t || e;
15
+ return /* @__PURE__ */ o("div", { className: s.DialogArticle, style: { paddingBottom: a }, children: f ? /* @__PURE__ */ n(g, { children: [
16
+ r,
17
+ /* @__PURE__ */ n("div", { ref: i, className: s.DialogArticleButtons, children: [
18
+ t ? /* @__PURE__ */ o(c.Button, { blurAfterCLick: !0, preventDefault: !0, color: "tertiary", size: "md", onClick: t.fn, children: t.text }) : null,
19
+ e ? /* @__PURE__ */ o(c.Button, { blurAfterCLick: !0, preventDefault: !0, color: "primary", size: "md", onClick: e.fn, children: e.text }) : null
20
+ ] })
21
+ ] }) : r });
22
+ };
5
23
  export {
6
- t as DialogArticle
24
+ k as DialogArticle
7
25
  };
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface MainAttachmentProps extends PropsWithChildren {
3
+ title?: string;
4
+ subtitle?: string;
5
+ isContentVisible?: boolean;
6
+ }
7
+ export declare const MainAttachment: (props: MainAttachmentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,20 @@
1
+ import { jsxs as h, jsx as t } from "react/jsx-runtime";
2
+ import o from "clsx";
3
+ import { Animation as s } from "../animation/animation.component.js";
4
+ import { Text as a } from "../text/text.component.js";
5
+ import '../../assets/main-attachment-Cw8AP6xv.css';const A = "_MainAttachment_1oa7f_1", r = "_MainAttachmentTitle_1oa7f_5", M = "_MainAttachmentTitleWithSubtitle_1oa7f_9", u = "_MainAttachmentSubtitle_1oa7f_13", i = {
6
+ MainAttachment: A,
7
+ MainAttachmentTitle: r,
8
+ MainAttachmentTitleWithSubtitle: M,
9
+ MainAttachmentSubtitle: u
10
+ }, T = (c) => {
11
+ const { children: l, title: e = "", subtitle: n = "", isContentVisible: m = !1 } = c;
12
+ return /* @__PURE__ */ h("div", { className: i.MainAttachment, children: [
13
+ e ? /* @__PURE__ */ t("div", { className: o(i.MainAttachmentTitle, { [i.MainAttachmentTitleWithSubtitle]: !!n }), children: /* @__PURE__ */ t(a.PageTitle, { children: e }) }) : null,
14
+ n ? /* @__PURE__ */ t("div", { className: i.MainAttachmentSubtitle, children: /* @__PURE__ */ t(a.PageSubtitle, { children: n }) }) : null,
15
+ /* @__PURE__ */ t(s.FadeScale, { name: "attachment-main", condition: m, children: l })
16
+ ] });
17
+ };
18
+ export {
19
+ T as MainAttachment
20
+ };
@@ -0,0 +1,2 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export declare const PageSubtitle: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import '../../../../assets/page-subtitle-BrFA-H2S.css';const n = "_PageSubtitle_xx4pk_1", a = {
3
+ PageSubtitle: n
4
+ }, i = (l) => {
5
+ const { children: t } = l;
6
+ return typeof t == "string" ? /* @__PURE__ */ e("h6", { className: a.PageSubtitle, dangerouslySetInnerHTML: { __html: t } }) : /* @__PURE__ */ e("h6", { className: a.PageSubtitle, children: t });
7
+ };
8
+ export {
9
+ i as PageSubtitle
10
+ };
@@ -1,6 +1,7 @@
1
1
  import { Paragraph } from './components/paragraph/paragraph.component';
2
2
  export declare const Text: {
3
3
  PageInfo: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
4
+ PageSubtitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
4
5
  PageTitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
5
6
  Paragraph: typeof Paragraph;
6
7
  SidebarTitle: (props: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +1,17 @@
1
1
  import { PageInfo as r } from "./components/page-info/page-info.component.js";
2
- import { PageTitle as o } from "./components/page-title/page-title.component.js";
3
- import { Paragraph as t } from "./components/paragraph/paragraph.component.js";
4
- import { SidebarTitle as m } from "./components/sidebar-title/sidebar-title.component.js";
5
- import { StepTitle as e } from "./components/step-title/step-title.component.js";
6
- const g = {
2
+ import { PageSubtitle as o } from "./components/page-subtitle/page-subtitle.component.js";
3
+ import { PageTitle as t } from "./components/page-title/page-title.component.js";
4
+ import { Paragraph as m } from "./components/paragraph/paragraph.component.js";
5
+ import { SidebarTitle as e } from "./components/sidebar-title/sidebar-title.component.js";
6
+ import { StepTitle as i } from "./components/step-title/step-title.component.js";
7
+ const T = {
7
8
  PageInfo: r,
8
- PageTitle: o,
9
- Paragraph: t,
10
- SidebarTitle: m,
11
- StepTitle: e
9
+ PageSubtitle: o,
10
+ PageTitle: t,
11
+ Paragraph: m,
12
+ SidebarTitle: e,
13
+ StepTitle: i
12
14
  };
13
15
  export {
14
- g as Text
16
+ T as Text
15
17
  };
package/dist/main.d.ts CHANGED
@@ -11,6 +11,7 @@ export { Layout, type LayoutProps } from './components/layout/layout.component';
11
11
  export { Line } from './components/line/line.component';
12
12
  export { Loader, type LoaderProps } from './components/loader/loader.component';
13
13
  export { LoadingBlock } from './components/loading-block/loading-block.component';
14
+ export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
14
15
  export { Message, type MessageProps } from './components/message/message.component';
15
16
  export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
16
17
  export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
package/dist/main.js CHANGED
@@ -1,40 +1,42 @@
1
1
  import { Animation as e } from "./components/animation/animation.component.js";
2
2
  import { Certifications as f } from "./components/certifications/certifications.component.js";
3
- import { Control as m } from "./components/control/control.component.js";
3
+ import { Control as x } from "./components/control/control.component.js";
4
4
  import { Dialog as a } from "./components/dialog/dialog.component.js";
5
5
  import { DialogArticle as i } from "./components/dialog-article/dialog-article.component.js";
6
6
  import { Expenses as s } from "./components/expenses/expenses.component.js";
7
- import { Footer as g } from "./components/footer/footer.component.js";
8
- import { Header as c } from "./components/header/header.component.js";
9
- import { InfoPanel as y } from "./components/info-panel/info-panel.component.js";
7
+ import { Footer as c } from "./components/footer/footer.component.js";
8
+ import { Header as L } from "./components/header/header.component.js";
9
+ import { InfoPanel as u } from "./components/info-panel/info-panel.component.js";
10
10
  import { Layout as C } from "./components/layout/layout.component.js";
11
11
  import { Line as F } from "./components/line/line.component.js";
12
- import { Loader as b } from "./components/loader/loader.component.js";
13
- import { LoadingBlock as B } from "./components/loading-block/loading-block.component.js";
12
+ import { Loader as P } from "./components/loader/loader.component.js";
13
+ import { LoadingBlock as h } from "./components/loading-block/loading-block.component.js";
14
+ import { MainAttachment as B } from "./components/main-attachment/main-attachment.component.js";
14
15
  import { Message as H } from "./components/message/message.component.js";
15
- import { NotFound as M } from "./components/not-found/not-found.component.js";
16
- import { Sidebar as S } from "./components/sidebar/sidebar.component.js";
17
- import { Text as U } from "./components/text/text.component.js";
18
- import { UserPanel as h } from "./components/user-panel/user-panel.component.js";
19
- import { Warranty as q } from "./components/warranty/warranty.component.js";
20
- import './assets/main-BsCH_E_Y.css';export {
16
+ import { NotFound as N } from "./components/not-found/not-found.component.js";
17
+ import { Sidebar as T } from "./components/sidebar/sidebar.component.js";
18
+ import { Text as W } from "./components/text/text.component.js";
19
+ import { UserPanel as q } from "./components/user-panel/user-panel.component.js";
20
+ import { Warranty as w } from "./components/warranty/warranty.component.js";
21
+ import './assets/main-qdiWzY1M.css';export {
21
22
  e as Animation,
22
23
  f as Certifications,
23
- m as Control,
24
+ x as Control,
24
25
  a as Dialog,
25
26
  i as DialogArticle,
26
27
  s as Expenses,
27
- g as Footer,
28
- c as Header,
29
- y as InfoPanel,
28
+ c as Footer,
29
+ L as Header,
30
+ u as InfoPanel,
30
31
  C as Layout,
31
32
  F as Line,
32
- b as Loader,
33
- B as LoadingBlock,
33
+ P as Loader,
34
+ h as LoadingBlock,
35
+ B as MainAttachment,
34
36
  H as Message,
35
- M as NotFound,
36
- S as Sidebar,
37
- U as Text,
38
- h as UserPanel,
39
- q as Warranty
37
+ N as NotFound,
38
+ T as Sidebar,
39
+ W as Text,
40
+ q as UserPanel,
41
+ w as Warranty
40
42
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "1.0.84",
4
+ "version": "1.0.86",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1 +0,0 @@
1
- ._Backdrop_a6ich_1{--backdrop-padding: 115px;position:fixed;z-index:1000000;inset:0;background-color:#000000b3;display:flex;flex-direction:row;padding-top:var(--backdrop-padding)}._BackdropSizeFull_a6ich_15 ._Dialog_a6ich_15{flex-basis:100%}._BackdropSizeFull_a6ich_15 ._DialogContent_a6ich_19{overflow:initial;max-height:initial;padding-right:initial;margin-right:initial}._BackdropPositionCenter_a6ich_26{align-items:flex-end;justify-content:center}._BackdropPositionTopCenter_a6ich_31{align-items:flex-start;justify-content:center}._Dialog_a6ich_15{flex-basis:580px;position:relative;z-index:1;background:#fff;border-top-left-radius:var(--rm-ui-border-radius-xl);border-top-right-radius:var(--rm-ui-border-radius-xl);padding:var(--rm-ui-padding-lg) var(--rm-ui-padding-lg)}._DialogContent_a6ich_19{overflow:auto;max-height:calc(100vh - var(--backdrop-padding) - var(--rm-ui-padding-xl) * 2);padding-right:10px;margin-right:-10px}._DialogCloseButton_a6ich_53{position:absolute;z-index:100;top:12px;right:10px;display:flex;border-radius:4px;border:none;padding:2px;background-color:transparent}._DialogCloseButton_a6ich_53:hover{cursor:pointer}._DialogCloseButton_a6ich_53:focus-visible{outline:2px solid var(--rm-ui-color-focus)}._DialogCloseButtonIcon_a6ich_73{width:24px;height:24px;stroke:var(--rm-ui-color-text-secondary)}@media screen and (min-width:768px){._BackdropSizeOneThird_a6ich_80 ._Dialog_a6ich_15{flex-basis:33.33%}._BackdropSizeHalf_a6ich_84 ._Dialog_a6ich_15{flex-basis:50%}._BackdropSizeTwoThird_a6ich_88 ._Dialog_a6ich_15{flex-basis:66.66%}._BackdropSizeFull_a6ich_15 ._Dialog_a6ich_15{flex-basis:initial}._BackdropPositionCenter_a6ich_26{align-items:center}._BackdropPositionTopCenter_a6ich_31{padding-top:115px;padding-bottom:115px}._DialogContent_a6ich_19{max-height:calc(100vh - var(--backdrop-padding) * 2 - var(--rm-ui-padding-xxl) * 2)}._DialogCloseButton_a6ich_53{top:26px;right:18px}._Dialog_a6ich_15{border-radius:var(--rm-ui-border-radius-lg);padding:var(--rm-ui-padding-xxl)}}
@@ -1 +0,0 @@
1
- ._DialogArticle_12cy9_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_12cy9_1 *[class=h1],._DialogArticle_12cy9_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-theme-primary)}._DialogArticle_12cy9_1 *[class=h2],._DialogArticle_12cy9_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-theme-primary)}._DialogArticle_12cy9_1 *[class=h3],._DialogArticle_12cy9_1 h3,._DialogArticle_12cy9_1 *[class=h4],._DialogArticle_12cy9_1 h4,._DialogArticle_12cy9_1 *[class=h5],._DialogArticle_12cy9_1 h5,._DialogArticle_12cy9_1 *[class=h6],._DialogArticle_12cy9_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-theme-primary)}._DialogArticle_12cy9_1 *[class=p],._DialogArticle_12cy9_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_12cy9_1 *[class=a],._DialogArticle_12cy9_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_12cy9_1 *[class=a]:hover,._DialogArticle_12cy9_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_12cy9_1 *[class=b],._DialogArticle_12cy9_1 b,._DialogArticle_12cy9_1 *[class=strong],._DialogArticle_12cy9_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_12cy9_1 *[class=ul],._DialogArticle_12cy9_1 ul,._DialogArticle_12cy9_1 *[class=ol],._DialogArticle_12cy9_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_12cy9_1 *[class=ul],._DialogArticle_12cy9_1 ul{list-style:disc}._DialogArticle_12cy9_1 *[class=ol],._DialogArticle_12cy9_1 ol{list-style:decimal}._DialogArticle_12cy9_1 *[class=li],._DialogArticle_12cy9_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_12cy9_1 *[class=table],._DialogArticle_12cy9_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_12cy9_1 *[class=hr],._DialogArticle_12cy9_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_12cy9_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}
@@ -1 +0,0 @@
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}b,strong{font-weight:var(--rm-ui-font-weight-medium)}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: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)}: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: .2s;--rm-ui-amimation-speed-secondary: .3s;--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}