@arthurzakharov/ui-kit 1.1.14 → 1.1.16

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
+ ._FormRow_1hv69_1:not(:last-of-type){margin-bottom:var(--rm-ui-padding-sm)}._FormRowContent_1hv69_5{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._FormRow_1hv69_1:nth-last-of-type(2){margin-bottom:0}@media screen and (min-width:768px){._FormRowContent_1hv69_5{flex-direction:row}._FormRowContentSingle_1hv69_23>*{flex-basis:100%}._FormRowContentMultiple_1hv69_27>*{flex-basis:50%}}
@@ -0,0 +1,2 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export declare const FormRow: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,24 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { Children as r } from "react";
3
+ import m from "clsx";
4
+ import '../../assets/form-row-BW6bYwE5.css';const l = "_FormRow_1hv69_1", i = "_FormRowContent_1hv69_5", w = "_FormRowContentSingle_1hv69_23", F = "_FormRowContentMultiple_1hv69_27", o = {
5
+ FormRow: l,
6
+ FormRowContent: i,
7
+ FormRowContentSingle: w,
8
+ FormRowContentMultiple: F
9
+ }, C = (e) => {
10
+ const { children: n } = e;
11
+ return r.count(n) === 0 ? null : /* @__PURE__ */ t("div", { className: o.FormRow, children: /* @__PURE__ */ t(
12
+ "div",
13
+ {
14
+ className: m(
15
+ o.FormRowContent,
16
+ r.count(n) > 1 ? o.FormRowContentMultiple : o.FormRowContentSingle
17
+ ),
18
+ children: n
19
+ }
20
+ ) });
21
+ };
22
+ export {
23
+ C as FormRow
24
+ };
@@ -1,5 +1,5 @@
1
1
  import { PropsWithChildren } from 'react';
2
- export interface BlockProps extends PropsWithChildren {
2
+ export interface PaymentBlockProps extends PropsWithChildren {
3
3
  title: string;
4
4
  }
5
- export declare const Block: (props: BlockProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const Block: (props: PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
- export interface GlassProps extends PropsWithChildren {
2
+ export interface PaymentGlassProps extends PropsWithChildren {
3
3
  on: boolean;
4
4
  withLoader?: boolean;
5
5
  }
6
- export declare const Glass: (props: GlassProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const Glass: (props: PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
- import { TextBlockItem } from '../text-blocks/text-blocks.component';
2
- export interface SidebarProps {
3
- info: TextBlockItem[];
1
+ import { PaymentTextBlockItem } from '../text-blocks/text-blocks.component';
2
+ export interface PaymentSidebarProps {
3
+ info: PaymentTextBlockItem[];
4
4
  whatsapp: string;
5
5
  tel: string;
6
6
  }
7
- export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const Sidebar: (props: PaymentSidebarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,9 @@
1
- export interface TextBlockItem {
1
+ export interface PaymentTextBlockItem {
2
2
  title: string;
3
3
  text: string;
4
4
  placeholders?: Record<string, () => unknown>;
5
5
  }
6
- export interface TextBlocksProps {
7
- blocks: TextBlockItem[];
6
+ export interface PaymentTextBlocksProps {
7
+ blocks: PaymentTextBlockItem[];
8
8
  }
9
- export declare const TextBlocks: (props: TextBlocksProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const TextBlocks: (props: PaymentTextBlocksProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,10 @@
1
+ export type { PaymentBlockProps } from './components/block/block.component';
2
+ export type { PaymentGlassProps } from './components/glass/glass.component';
3
+ export type { PaymentSidebarProps } from './components/sidebar/sidebar.component';
4
+ export type { PaymentTextBlocksProps, PaymentTextBlockItem, } from './components/text-blocks/text-blocks.component';
1
5
  export declare const Payment: {
2
- Block: (props: import('./components/block/block.component').BlockProps) => import("react/jsx-runtime").JSX.Element;
3
- Glass: (props: import('./components/glass/glass.component').GlassProps) => import("react/jsx-runtime").JSX.Element;
4
- Sidebar: (props: import('./components/sidebar/sidebar.component').SidebarProps) => import("react/jsx-runtime").JSX.Element;
5
- TextBlocks: (props: import('./components/text-blocks/text-blocks.component').TextBlocksProps) => import("react/jsx-runtime").JSX.Element;
6
+ Block: (props: import('./components/block/block.component').PaymentBlockProps) => import("react/jsx-runtime").JSX.Element;
7
+ Glass: (props: import('./components/glass/glass.component').PaymentGlassProps) => import("react/jsx-runtime").JSX.Element;
8
+ Sidebar: (props: import('./components/sidebar/sidebar.component').PaymentSidebarProps) => import("react/jsx-runtime").JSX.Element;
9
+ TextBlocks: (props: import('./components/text-blocks/text-blocks.component').PaymentTextBlocksProps) => import("react/jsx-runtime").JSX.Element;
6
10
  };
package/dist/main.d.ts CHANGED
@@ -9,6 +9,7 @@ export { DialogArticle, type DialogArticleProps, type DialogActionButton, } from
9
9
  export { Expenses, type ExpensesProps } from './components/expenses/expenses.component';
10
10
  export { Flex, type FlexProps } from './components/flex/flex.component';
11
11
  export { Footer, type FooterProps, type FooterLink } from './components/footer/footer.component';
12
+ export { FormRow } from './components/form-row/form-row.component';
12
13
  export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
13
14
  export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
14
15
  export { Information, type InformationProps } from './components/information/information.component';
@@ -20,7 +21,7 @@ export { MainAttachment, type MainAttachmentProps } from './components/main-atta
20
21
  export { Message, type MessageProps } from './components/message/message.component';
21
22
  export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
22
23
  export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
23
- export { Payment } from './components/payment/payment.component';
24
+ export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';
24
25
  export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
25
26
  export { Svg, type SvgProps } from './components/svg/svg.component';
26
27
  export { Text } from './components/text/text.component';
package/dist/main.js CHANGED
@@ -7,25 +7,26 @@ import { DataProtectedLabel as s } from "./components/data-protected-label/data-
7
7
  import { Dialog as d } from "./components/dialog/dialog.component.js";
8
8
  import { DialogArticle as L } from "./components/dialog-article/dialog-article.component.js";
9
9
  import { Expenses as B } from "./components/expenses/expenses.component.js";
10
- import { Flex as b } from "./components/flex/flex.component.js";
11
- import { Footer as C } from "./components/footer/footer.component.js";
12
- import { Header as F } from "./components/header/header.component.js";
13
- import { InfoPanel as k } from "./components/info-panel/info-panel.component.js";
14
- import { Information as I } from "./components/information/information.component.js";
15
- import { Layout as T } from "./components/layout/layout.component.js";
16
- import { Line as v } from "./components/line/line.component.js";
17
- import { Loader as H } from "./components/loader/loader.component.js";
10
+ import { Flex as P } from "./components/flex/flex.component.js";
11
+ import { Footer as y } from "./components/footer/footer.component.js";
12
+ import { FormRow as D } from "./components/form-row/form-row.component.js";
13
+ import { Header as k } from "./components/header/header.component.js";
14
+ import { InfoPanel as I } from "./components/info-panel/info-panel.component.js";
15
+ import { Information as T } from "./components/information/information.component.js";
16
+ import { Layout as v } from "./components/layout/layout.component.js";
17
+ import { Line as E } from "./components/line/line.component.js";
18
+ import { Loader as N } from "./components/loader/loader.component.js";
18
19
  import { LoadingBlock as U } from "./components/loading-block/loading-block.component.js";
19
20
  import { MainAttachment as j } from "./components/main-attachment/main-attachment.component.js";
20
- import { Message as w } from "./components/message/message.component.js";
21
- import { MessageBlock as G } from "./components/message-block/message-block.component.js";
22
- import { NotFound as K } from "./components/not-found/not-found.component.js";
23
- import { Payment as Q } from "./components/payment/payment.component.js";
24
- import { Sidebar as V } from "./components/sidebar/sidebar.component.js";
25
- import { Svg as Y } from "./components/svg/svg.component.js";
26
- import { Text as _ } from "./components/text/text.component.js";
27
- import { UserPanel as oo } from "./components/user-panel/user-panel.component.js";
28
- import { Warranty as eo } from "./components/warranty/warranty.component.js";
21
+ import { Message as z } from "./components/message/message.component.js";
22
+ import { MessageBlock as J } from "./components/message-block/message-block.component.js";
23
+ import { NotFound as O } from "./components/not-found/not-found.component.js";
24
+ import { Payment as V } from "./components/payment/payment.component.js";
25
+ import { Sidebar as Y } from "./components/sidebar/sidebar.component.js";
26
+ import { Svg as _ } from "./components/svg/svg.component.js";
27
+ import { Text as oo } from "./components/text/text.component.js";
28
+ import { UserPanel as eo } from "./components/user-panel/user-panel.component.js";
29
+ import { Warranty as mo } from "./components/warranty/warranty.component.js";
29
30
  import './assets/main--usgu9xb.css';export {
30
31
  e as AccordionTable,
31
32
  m as Animation,
@@ -36,23 +37,24 @@ import './assets/main--usgu9xb.css';export {
36
37
  d as Dialog,
37
38
  L as DialogArticle,
38
39
  B as Expenses,
39
- b as Flex,
40
- C as Footer,
41
- F as Header,
42
- k as InfoPanel,
43
- I as Information,
44
- T as Layout,
45
- v as Line,
46
- H as Loader,
40
+ P as Flex,
41
+ y as Footer,
42
+ D as FormRow,
43
+ k as Header,
44
+ I as InfoPanel,
45
+ T as Information,
46
+ v as Layout,
47
+ E as Line,
48
+ N as Loader,
47
49
  U as LoadingBlock,
48
50
  j as MainAttachment,
49
- w as Message,
50
- G as MessageBlock,
51
- K as NotFound,
52
- Q as Payment,
53
- V as Sidebar,
54
- Y as Svg,
55
- _ as Text,
56
- oo as UserPanel,
57
- eo as Warranty
51
+ z as Message,
52
+ J as MessageBlock,
53
+ O as NotFound,
54
+ V as Payment,
55
+ Y as Sidebar,
56
+ _ as Svg,
57
+ oo as Text,
58
+ eo as UserPanel,
59
+ mo as Warranty
58
60
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "1.1.14",
4
+ "version": "1.1.16",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",