@arthurzakharov/ui-kit 1.0.82 → 1.0.83

package/dist/assets/dialog-C5GqgzqN.css

@@ -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)}}

package/dist/assets/dialog-article-Be_xv0e1.css

@@ -0,0 +1 @@
+._DialogArticle_9418a_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_9418a_1 *[class=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_9418a_1 *[class=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_9418a_1 *[class=h3],._DialogArticle_9418a_1 *[class=h4],._DialogArticle_9418a_1 *[class=h5],._DialogArticle_9418a_1 *[class=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_9418a_1 *[class=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_9418a_1 *[class=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_9418a_1 *[class=a]:hover{cursor:pointer;text-decoration:underline}._DialogArticle_9418a_1 *[class=b],._DialogArticle_9418a_1 *[class=strong]{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_9418a_1 *[class=ul],._DialogArticle_9418a_1 *[class=ol]{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_9418a_1 *[class=ul]{list-style:disc}._DialogArticle_9418a_1 *[class=ol]{list-style:decimal}._DialogArticle_9418a_1 *[class=li]{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_9418a_1 *[class=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_9418a_1 *[class=hr]{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_9418a_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}

package/dist/components/animation/fade-scale/fade-scale.component.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as p, useEffect as x } from "react";
 import F from "clsx";
-import { m as y } from "../../../proxy-BfgGIllg.js";
+import { m as y } from "../../../proxy-proVQFU8.js";
 import '../../../assets/fade-scale-B23oZuuD.css';const _ = "_Flex_1t96l_1", h = {
   Flex: _
 }, S = (n) => {

package/dist/components/animation/fade-slide/fade-slide.component.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useRef as p, useEffect as y } from "react";
 import F from "clsx";
-import { m as h } from "../../../proxy-BfgGIllg.js";
+import { m as h } from "../../../proxy-proVQFU8.js";
 import '../../../assets/fade-scale-B23oZuuD.css';const v = "_Flex_1t96l_1", _ = {
   Flex: v
 }, S = (i) => {

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

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+/**
+ * TODO: Improvement for later:
+ * 1 - add text fade in and when scrolling and remove this effect when bottom reached.
+ * 2 - add bottom panel conditional, that will take array of text and action records for buttons
+ * 3 - add other positions on all 4 corners
+ * 4 - add support of @media to dialogs sizes
+ */
+export type DialogPosition = 'top-center' | 'center';
+export type DialogSize = '1/3' | '1/2' | '2/3' | '1/1';
+export interface DialogProps extends PropsWithChildren {
+    rootSelector?: string;
+    on?: boolean;
+    onClose?: () => void;
+    position?: DialogPosition;
+    size?: DialogSize;
+    maxWidth?: string;
+    minWidth?: string;
+    doNotCloseOnOutsideClick?: boolean;
+    withoutCloseButton?: boolean;
+}
+export declare const Dialog: (props: DialogProps) => import('react').ReactPortal | null;