@arthurzakharov/ui-kit 1.7.1 → 1.7.3

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
+ ._Button_2uv09_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_2uv09_1:disabled{cursor:not-allowed;opacity:.75}._SM_2uv09_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_2uv09_19 ._Text_2uv09_28{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_2uv09_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_2uv09_34._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_2uv09_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_2uv09_34 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_2uv09_24 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_2uv09_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_2uv09_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_2uv09_62 ._Text_2uv09_28,._Primary_2uv09_62 ._Info_2uv09_71{color:#fff}._Secondary_2uv09_75{border:1px solid transparent;background-color:transparent}._Secondary_2uv09_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75:hover ._Text_2uv09_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75 ._Text_2uv09_28,._Secondary_2uv09_75 ._Info_2uv09_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_2uv09_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_2uv09_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_2uv09_24:hover ._Text_2uv09_28{color:var(--rm-ui-grey-700)}._Tertiary_2uv09_24 ._Text_2uv09_28,._Tertiary_2uv09_24 ._Info_2uv09_71{color:var(--rm-ui-color-text-primary)}._Button_2uv09_1:not(._Loading_2uv09_111):not(:disabled):hover{cursor:pointer}._Button_2uv09_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_2uv09_119{width:100%}._Content_2uv09_123{display:flex;flex-direction:column}._Info_2uv09_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_2uv09_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_2uv09_140{position:absolute}
@@ -0,0 +1 @@
1
+ ._Backdrop_s8pyf_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_s8pyf_15 ._Dialog_s8pyf_15{flex-basis:100%}._BackdropSizeFull_s8pyf_15 ._DialogContent_s8pyf_19{overflow:initial;max-height:initial;padding-right:initial;margin-right:initial}._BackdropPositionCenter_s8pyf_26,._BackdropPositionTopCenter_s8pyf_27{align-items:flex-end;justify-content:center}._Dialog_s8pyf_15{flex-basis:580px;position:relative;z-index:1;background-color:var(--rm-ui-content-bg);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_s8pyf_19{overflow:auto;max-height:calc(100vh - var(--backdrop-padding) - var(--rm-ui-padding-xl) * 2);padding-right:10px;margin-right:-10px}._DialogCloseButton_s8pyf_49{position:absolute;z-index:100;top:12px;right:10px;display:flex;border-radius:4px;border:none;padding:2px;background-color:transparent}._DialogCloseButton_s8pyf_49:hover{cursor:pointer}._DialogCloseButton_s8pyf_49:focus-visible{outline:2px solid var(--rm-ui-color-focus)}._DialogCloseButtonIcon_s8pyf_69{width:24px;height:24px;stroke:var(--rm-ui-color-text-secondary)}@media screen and (min-width:768px){._BackdropSizeOneThird_s8pyf_76 ._Dialog_s8pyf_15{flex-basis:33.33%}._BackdropSizeHalf_s8pyf_80 ._Dialog_s8pyf_15{flex-basis:50%}._BackdropSizeTwoThird_s8pyf_84 ._Dialog_s8pyf_15{flex-basis:66.66%}._BackdropSizeFull_s8pyf_15 ._Dialog_s8pyf_15{flex-basis:initial}._BackdropSizeDefault_s8pyf_92 ._Dialog_s8pyf_15{flex-basis:100%;max-width:750px}._BackdropPositionCenter_s8pyf_26{align-items:center}._BackdropPositionTopCenter_s8pyf_27{align-items:flex-start;padding-top:115px;padding-bottom:115px}._DialogContent_s8pyf_19{max-height:calc(100vh - var(--backdrop-padding) * 2 - var(--rm-ui-padding-xxl) * 2)}._DialogCloseButton_s8pyf_49{top:26px;right:18px}._Dialog_s8pyf_15{border-radius:var(--rm-ui-border-radius-lg);padding:var(--rm-ui-padding-xxl)}}
@@ -7,7 +7,7 @@ import { PropsWithChildren } from 'react';
7
7
  * 4 - add support of @media to dialogs sizes
8
8
  */
9
9
  export type DialogPosition = 'top-center' | 'center';
10
- export type DialogSize = '1/3' | '1/2' | '2/3' | '1/1';
10
+ export type DialogSize = '1/3' | '1/2' | '2/3' | '1/1' | 'default';
11
11
  export interface DialogProps extends PropsWithChildren {
12
12
  rootSelector?: string;
13
13
  on?: boolean;