dt-shared-front 1.0.1 → 1.0.3

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,21 @@
+interface ISliderProps {
+    items: any[];
+    slidesPerView: any;
+    showNavigation?: boolean;
+    navPosition?: 'inset' | '';
+    renderItem: (item: any, index: number) => any;
+    viewItem?: (item: any, index: number) => void;
+    loop?: boolean;
+    asyncReady?: boolean;
+    spaceBetween?: number;
+    autoplay?: boolean;
+    freeMode?: boolean;
+    showCounter?: boolean;
+    centeredSlides?: boolean;
+    className?: string;
+    classNamePrev?: string;
+    classNameNext?: string;
+    overflow?: boolean;
+}
+export declare const Slider: ({ items, slidesPerView, renderItem, viewItem, loop, asyncReady, showNavigation, navPosition, spaceBetween, autoplay, freeMode, showCounter, centeredSlides, className, classNamePrev, classNameNext, overflow, }: ISliderProps) => JSX.Element;
+export {};

package/dist/components/spoiler/index.d.ts

@@ -0,0 +1 @@
+export { Spoiler } from './spoiler';

package/dist/components/spoiler/spoiler.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, ReactNode } from 'react';
+interface ISpoilerProps {
+    title: string | ReactNode;
+    initialValue?: boolean;
+}
+export declare const Spoiler: (props: PropsWithChildren<ISpoilerProps>) => JSX.Element;
+export {};

package/dist/components/stacked-input/index.d.ts

@@ -0,0 +1,2 @@
+export { StackedInput } from './stacked-input';
+export type { IStackedInputValue } from './stacked-input';

package/dist/components/stacked-input/stacked-input.d.ts

@@ -0,0 +1,22 @@
+import { IInputProps } from '@shared/input';
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface IStackedInputValue<T> {
+    value: string;
+    key: T;
+}
+declare type IStackedInputProps<T> = {
+    onChange: (val: string) => void;
+    onSearch: (val: string) => void;
+    onSelect: (key: T) => void;
+    options: T[];
+    option: T;
+    className?: string;
+    showClear?: boolean;
+    placeholder?: string;
+    labelPlaceholder?: string;
+    mask?: IInputProps['mask'];
+    value?: string;
+    onRenderOption?: (item: T) => ReactNode;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'variant' | 'onChange'>;
+export declare function StackedInput<T>({ onSelect, onRenderOption, options, option, ...props }: IStackedInputProps<T>): JSX.Element;
+export {};

package/dist/components/switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch } from './switch';

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,9 @@
+declare type ISwitchProps = {
+    value?: boolean;
+    name?: string;
+    title?: string;
+    className?: string;
+    onChange?: (value: boolean) => void;
+};
+export declare const Switch: (props: ISwitchProps) => JSX.Element;
+export {};

package/dist/components/tag-box/index.d.ts

@@ -0,0 +1 @@
+export { TagBox } from './tag-box';

package/dist/components/tag-box/tag-box.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SelectProps } from "antd";
+export interface ITagBoxOption<T> {
+    label: string;
+    value: string | number | null | undefined;
+    data?: T;
+}
+declare type ITagBoxProps<T> = Omit<SelectProps, 'options' | 'onChange'> & {
+    options?: T[] | T;
+    labels?: {
+        [key: string]: string;
+    };
+    error?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    labelPlaceholder?: string;
+    onChange?: (option: T[], options?: T[]) => void;
+    onRenderOption?: (item: T) => React.ReactNode;
+    popupClassName?: string;
+};
+export declare function TagBox<T>({ labels, valueKey, labelKey, labelPlaceholder, onRenderOption, popupClassName, ...props }: ITagBoxProps<T>): JSX.Element;
+export {};

package/dist/components/tag-button/index.d.ts

@@ -0,0 +1,2 @@
+export { TagButton, ETagButtonSize, ETagButtonVariant } from './tag-button';
+export { TagButtonGroup } from './tag-buttton-group';

package/dist/components/tag-button/tag-button.d.ts

@@ -0,0 +1,27 @@
+import { PropsWithChildren } from 'react';
+export declare enum ETagButtonSize {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}
+export declare enum ETagButtonVariant {
+    default = "default",
+    secondary = "secondary",
+    tumbler = "tumbler",
+    green = "green",
+    tab = "tab",
+    text = "text",
+    icons = "icons"
+}
+interface IButtonProps {
+    variant?: keyof typeof ETagButtonVariant;
+    size?: keyof typeof ETagButtonSize;
+    icon?: any;
+    disabled?: boolean;
+    selected?: boolean;
+    notChangeSelected?: boolean;
+    shadow?: boolean;
+    onClick: (e?: boolean) => void;
+}
+export declare const TagButton: ({ variant, size, disabled, selected, children, onClick, }: PropsWithChildren<IButtonProps>) => JSX.Element;
+export {};

package/dist/components/tag-button/tag-buttton-group.d.ts

@@ -0,0 +1,17 @@
+import { ETagButtonSize, ETagButtonVariant } from './tag-button';
+interface ITagButtonGroupProps<T> {
+    variant?: keyof typeof ETagButtonVariant;
+    className?: string;
+    labels?: {
+        [key: string]: string;
+    };
+    size?: keyof typeof ETagButtonSize;
+    options: T[];
+    onChange?: (value: T) => void;
+    onRenderLabel?: (value: T) => void;
+    value?: T;
+    valueKey?: string;
+    labelKey?: string;
+}
+export declare function TagButtonGroup<T>({ labelKey, valueKey, labels, className, ...props }: ITagButtonGroupProps<T>): JSX.Element;
+export {};

package/dist/components/text/text.d.ts

@@ -4,10 +4,18 @@ export declare enum ETextSize {
     large = "large"
 }
 interface ITextProps {
-    size?: ETextSize;
+    size?: keyof typeof ETextSize;
     children?: any;
     bold?: boolean;
     addition?: boolean;
+    attention?: boolean;
+    success?: boolean;
+    error?: boolean;
+    className?: string;
+    inverse?: boolean;
+    style?: any;
+    through?: boolean;
+    tag?: 'p' | 'span' | 'div' | 'sub' | 'label';
 }
-export declare const Text: ({ children, size, bold, addition }: ITextProps) => JSX.Element;
+export declare const Text: ({ children, size, bold, addition, success, error, inverse, attention, className, style, through, tag, }: ITextProps) => JSX.Element;
 export {};

package/dist/components/text-area/index.d.ts

@@ -0,0 +1 @@
+export { TextArea, ETextAreaSize, ETextAreaVariant } from './text-area';

package/dist/components/text-area/text-area.d.ts

@@ -0,0 +1,28 @@
+import React, { ChangeEvent } from 'react';
+export declare enum ETextAreaVariant {
+    filled = "filled",
+    outlined = "outlined"
+}
+export declare enum ETextAreaSize {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}
+export declare enum ETextAreaBorder {
+    circle = "circle",
+    normal = "normal"
+}
+export declare const TextArea: React.ForwardRefExoticComponent<{
+    invalid?: boolean;
+    icon?: any;
+    variant?: ETextAreaVariant;
+    size?: ETextAreaSize;
+    border?: ETextAreaBorder;
+    loading?: boolean;
+    showClear?: boolean;
+    adaptive?: boolean;
+    placeholder?: string;
+    onClear?: () => void;
+    onSearch?: (e: any) => void;
+    onChange?: (value: string, event?: ChangeEvent<HTMLTextAreaElement>) => void;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/text-spoiler/index.d.ts

@@ -0,0 +1 @@
+export { TextSpoiler } from './text-spoiler';

package/dist/components/text-spoiler/text-spoiler.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const TextSpoiler: (props: PropsWithChildren<{}>) => JSX.Element;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { TooltipPosition } from './tooltip.utils';
+declare type ITootipProps = {
+    title: any;
+    className?: string;
+    onOpenChange?: (val: boolean) => void;
+    placement?: keyof typeof TooltipPosition;
+    trigger?: any;
+};
+export declare const Tooltip: ({ placement, ...props }: PropsWithChildren<ITootipProps>) => JSX.Element;
+export {};

package/dist/components/tooltip/tooltip.utils.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from "react";
+export declare enum TooltipPosition {
+    left = "left",
+    top = "top",
+    right = "right",
+    bottom = "bottom"
+}
+export declare const isCurrent: (e: Event, element: Element) => any;
+export declare const findTargetElement: (element: Element) => Element;
+export declare const getScrollTopParent: (element: HTMLElement) => HTMLElement | null;
+export declare const recalcArrowStyles: (targetElement: Element, tooltipProperties: CSSProperties, position: TooltipPosition) => CSSProperties;
+export declare const recalcStyles: (targetElement: Element, tooltipElement: HTMLDivElement, position: TooltipPosition) => CSSProperties;

package/dist/components/upload/index.d.ts

@@ -0,0 +1 @@
+export { Upload } from './upload';

package/dist/components/upload/upload.d.ts

@@ -0,0 +1,10 @@
+import { UploadProps } from 'antd';
+declare type IUploadProps = UploadProps & {
+    onUpload?: (file: File) => Promise<string>;
+    onChange?: (link: string) => void;
+    renderName?: (link: string) => string;
+    path?: string;
+    value: string;
+};
+export declare const Upload: ({ onUpload, onChange, renderName, path, value, ...props }: IUploadProps) => JSX.Element;
+export {};

package/dist/components/utils/apple-detect.d.ts

@@ -0,0 +1 @@
+export declare const appleDetect: () => boolean;

package/dist/components/utils/combine-ref.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function useCombinedRefs(...refs: any[]): import("react").MutableRefObject<undefined>;

package/dist/components/utils/date-format.d.ts

@@ -0,0 +1,7 @@
+interface IDateFormatOptions {
+    plural?: boolean;
+    utc?: boolean;
+}
+export declare const getDate: (value?: string) => Date;
+export declare const dateFormat: (value: any, format: string, { plural, utc }?: IDateFormatOptions) => string;
+export {};

package/dist/components/utils/date.d.ts

@@ -0,0 +1,2 @@
+export declare const dateWithoutTimezone: (date: Date) => Date;
+export declare const dateWithTimezone: (date: Date) => Date;

package/dist/components/utils/index.d.ts

@@ -0,0 +1 @@
+export { dateFormat } from './date-format';

package/dist/components/utils/pluralize.d.ts

@@ -0,0 +1 @@
+export declare const pluralize: (val: number, plurals: string[]) => string;

package/dist/components/utils/price-format.d.ts

@@ -0,0 +1 @@
+export declare const priceFormat: (value: number | string) => string;

package/dist/components/utils/text-sanitize.d.ts

@@ -0,0 +1 @@
+export declare const textSanitize: (value: string) => string;

package/dist/components/utils/time-left.d.ts

@@ -0,0 +1,2 @@
+export declare const timeLeftMinutes: (time: number) => string;
+export declare const timeLeft: (time: number) => string;

package/dist/index.d.ts

@@ -1,7 +1 @@
-export { Button, EButtonSize, EButtonVariant } from './components/button';
-export { Checkbox } from './components/checkbox';
-export { Dropdown } from './components/dropdown';
-export { Input, EInputSize, EInputVariant } from './components/input';
-export { Link, ELinkVariant } from './components/link';
-export { Menu } from './components/menu';
-export { Text, ETextSize } from './components/text';
+export { Button } from './components/button';

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["shared-front"]=e():n["shared-front"]=e()}(self,(()=>(()=>{"use strict";var n={977:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(537),r=o.n(t),i=o(645),a=o.n(i)()(r());a.push([n.id,"._rznsHysez3V7xSg1bfC{border-radius:8px;font-weight:600;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center}.hIyjhEPjH2YRXN7gu9Km{padding:8px 16px}.MBjp802VONO_bM0vu5j0{padding:16px 24px;font-size:16px}.qGdi0UbjNNjmv0_GvYw8{padding:22px 48px}.DllTgTrg1s9NeBWQ53E4{background-color:var(--color-button-default);color:var(--color-button-default-text)}.DllTgTrg1s9NeBWQ53E4>svg{color:var(--color-button-default-text)}.DllTgTrg1s9NeBWQ53E4:hover{background-color:var(--color-button-default--hover)}.DllTgTrg1s9NeBWQ53E4:active{background-color:var(--color-button-default--active)}.ERks9ILmk9r3ww9qyPIa{background-color:var(--color-button-secondary);color:var(--color-button-secondary-text)}.ERks9ILmk9r3ww9qyPIa:hover{background-color:var(--color-button-secondary--hover)}.ERks9ILmk9r3ww9qyPIa:active{background-color:var(--color-button-secondary--active)}.UMf6E3MON603p8TxIF2b{background-color:var(--color-button-tertiary);color:var(--color-button-tertiary-text)}.UMf6E3MON603p8TxIF2b:hover{background-color:var(--color-button-tertiary--hover)}.UMf6E3MON603p8TxIF2b:active{background-color:var(--color-button-tertiary--active)}._rznsHysez3V7xSg1bfC:disabled{background-color:var(--color-button-default--disabled);cursor:not-allowed}._rznsHysez3V7xSg1bfC:disabled:hover,._rznsHysez3V7xSg1bfC:disabled:active{background-color:var(--color-button-default--disabled)}@media(max-width: 1023px){.hIyjhEPjH2YRXN7gu9Km{padding:8px}.MBjp802VONO_bM0vu5j0{padding:10px;font-size:16px}.qGdi0UbjNNjmv0_GvYw8{padding:12px}}.y9ExrfJ4KiGJ37tAXY62{color:rgba(0,0,0,0);cursor:wait}.y9ExrfJ4KiGJ37tAXY62 .GVvzYvW1_cDuUYN5MIBp{visibility:hidden}.GVvzYvW1_cDuUYN5MIBp{vertical-align:bottom}.nC3Eh6LiIjnRYXkuTi8w{width:16px;height:16px;margin-left:4px}.cezAJIx_N6PeG1IoqgCV{width:20px;height:20px;margin-left:8px}.EqBfqPMuuoRpfJUId1jI{width:24px;height:24px;margin-left:12px}.gfM17tZ735R7PmUulsNu{color:var(--color-button-default-text)}.bx2YuvwGzvyzT0RSeYlQ{margin:0}.Yc9Lvgq3SXgYLfIi3ajP{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.VAi8YsGViLZUHm2qT1py{width:24px;height:24px}.YHwHsCJsdxNUoEMOf3fA{color:var(--color-button-default-text)}","",{version:3,sources:["webpack://./src/components/button/button.module.scss"],names:[],mappings:"AAkBA,sBACE,iBAAA,CACA,eAAA,CACA,WAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CAEA,sBACE,gBAAA,CAGF,sBACE,iBAAA,CACA,cAAA,CAGF,sBACE,iBAAA,CAGF,sBACE,4CA3CmB,CA4CnB,sCA3CwB,CA6CxB,0BACE,sCA9CsB,CAiDxB,4BACE,mDAjDwB,CAoD1B,6BACE,oDApDyB,CAwD7B,sBACE,8CAtDqB,CAuDrB,wCAtD0B,CAwD1B,4BACE,qDAxD0B,CA2D5B,6BACE,sDA3D2B,CA+D/B,sBACE,6CA7DoB,CA8DpB,uCA7DyB,CA+DzB,4BACE,oDA/DyB,CAkE3B,6BACE,qDAlE0B,CAsE9B,+BACE,sDAlF6B,CAmF7B,kBAAA,CAEA,2EAEE,sDAvF2B,CA4FjC,0BAEI,sBACE,WAAA,CAGF,sBACE,YAAA,CACA,cAAA,CAGF,sBACE,YAAA,CAAA,CAKN,sBACE,mBAAA,CACA,WAAA,CACA,4CACE,iBAAA,CAIJ,sBACE,qBAAA,CAEA,sBACE,UAAA,CACA,WAAA,CACA,eAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,eAAA,CAGF,sBACE,UAAA,CACA,WAAA,CACA,gBAAA,CAGF,sBACE,sCA9IwB,CAiJ1B,sBACE,QAAA,CAIJ,sBACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,sBACE,UAAA,CACA,WAAA,CAGF,sBACE,sCAlKwB",sourcesContent:["$color-button-default: var(--color-button-default);\n$color-button-default-text: var(--color-button-default-text);\n$color-button-default--hover: var(--color-button-default--hover);\n$color-button-default--active: var(--color-button-default--active);\n$color-button-default--disabled: var(--color-button-default--disabled);\n\n$color-button-secondary: var(--color-button-secondary);\n$color-button-secondary-text: var(--color-button-secondary-text);\n$color-button-secondary--hover: var(--color-button-secondary--hover);\n$color-button-secondary--active: var(--color-button-secondary--active);\n$color-button-secondary--disabled: var(--color-button-secondary--disabled);\n\n$color-button-tertiary: var(--color-button-tertiary);\n$color-button-tertiary-text: var(--color-button-tertiary-text);\n$color-button-tertiary--hover: var(--color-button-tertiary--hover);\n$color-button-tertiary--active: var(--color-button-tertiary--active);\n$color-button-tertiary--disabled: var(--color-button-tertiary--disabled);\n\n.button {\n  border-radius: 8px;\n  font-weight: 600;\n  border: none;\n  white-space: nowrap;\n  cursor: pointer;\n  box-shadow: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n\n  &__small {\n    padding: 8px 16px;\n  }\n\n  &__medium {\n    padding: 16px 24px;\n    font-size: 16px;\n  }\n\n  &__large {\n    padding: 22px 48px;\n  }\n\n  &__default {\n    background-color: $color-button-default;\n    color: $color-button-default-text;\n\n    & > svg {\n      color: $color-button-default-text;\n    }\n\n    &:hover {\n      background-color: $color-button-default--hover;\n    }\n\n    &:active {\n      background-color: $color-button-default--active;\n    }\n  }\n\n  &__secondary {\n    background-color: $color-button-secondary;\n    color: $color-button-secondary-text;\n\n    &:hover {\n      background-color: $color-button-secondary--hover;\n    }\n\n    &:active {\n      background-color: $color-button-secondary--active;\n    }\n  }\n\n  &__tertiary {\n    background-color: $color-button-tertiary;\n    color: $color-button-tertiary-text;\n\n    &:hover {\n      background-color: $color-button-tertiary--hover;\n    }\n\n    &:active {\n      background-color: $color-button-tertiary--active;\n    }\n  }\n\n  &:disabled {\n    background-color: $color-button-default--disabled;\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      background-color: $color-button-default--disabled;\n    }\n  }\n}\n\n@media (max-width: 1023px) {\n  .button {\n    &__small {\n      padding: 8px;\n    }\n\n    &__medium {\n      padding: 10px;\n      font-size: 16px;\n    }\n\n    &__large {\n      padding: 12px;\n    }\n  }\n}\n\n.loading {\n  color: transparent;\n  cursor: wait;\n  & .icon {\n    visibility: hidden;\n  }\n}\n\n.icon {\n  vertical-align: bottom;\n\n  &__small {\n    width: 16px;\n    height: 16px;\n    margin-left: 4px;\n  }\n\n  &__medium {\n    width: 20px;\n    height: 20px;\n    margin-left: 8px;\n  }\n\n  &__large {\n    width: 24px;\n    height: 24px;\n    margin-left: 12px;\n  }\n\n  &__default {\n    color: $color-button-default-text;\n  }\n\n  &__only {\n    margin: 0;\n  }\n}\n\n.loader {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &__medium {\n    width: 24px;\n    height: 24px;\n  }\n\n  &__default {\n    color: $color-button-default-text;\n  }\n}\n"],sourceRoot:""}]),a.locals={button:"_rznsHysez3V7xSg1bfC",button__small:"hIyjhEPjH2YRXN7gu9Km",button__medium:"MBjp802VONO_bM0vu5j0",button__large:"qGdi0UbjNNjmv0_GvYw8",button__default:"DllTgTrg1s9NeBWQ53E4",button__secondary:"ERks9ILmk9r3ww9qyPIa",button__tertiary:"UMf6E3MON603p8TxIF2b",loading:"y9ExrfJ4KiGJ37tAXY62",icon:"GVvzYvW1_cDuUYN5MIBp",icon__small:"nC3Eh6LiIjnRYXkuTi8w",icon__medium:"cezAJIx_N6PeG1IoqgCV",icon__large:"EqBfqPMuuoRpfJUId1jI",icon__default:"gfM17tZ735R7PmUulsNu",icon__only:"bx2YuvwGzvyzT0RSeYlQ",loader:"Yc9Lvgq3SXgYLfIi3ajP",loader__medium:"VAi8YsGViLZUHm2qT1py",loader__default:"YHwHsCJsdxNUoEMOf3fA"};const l=a},709:(n,e,o)=>{o.d(e,{Z:()=>u});var t=o(537),r=o.n(t),i=o(645),a=o.n(i),l=o(667),c=o.n(l),A=new URL(o(900),o.b),s=a()(r()),d=c()(A);s.push([n.id,'.jGnb12hwlCdFIeupZfnQ{position:absolute;z-index:-1;opacity:0}.jGnb12hwlCdFIeupZfnQ+label{display:inline-flex;align-items:center;user-select:none;cursor:pointer}.jGnb12hwlCdFIeupZfnQ+label::before{content:"";display:inline-block;width:22px;height:22px;flex-shrink:0;flex-grow:0;border:1px solid #8b8b8b;border-radius:7px;margin-right:.5em;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.jGnb12hwlCdFIeupZfnQ+label::after{display:none !important}.jGnb12hwlCdFIeupZfnQ.MTtCyVVkG29NQhuTlD59+label::before{width:17px;height:17px;border-radius:4px}.jGnb12hwlCdFIeupZfnQ:checked+label::before{border-color:#cb11ab;background-color:#cb11ab;background-image:url('+d+")}.jGnb12hwlCdFIeupZfnQ:not(:disabled):not(:checked)+label:hover::before{border-color:#cb11ab}.jGnb12hwlCdFIeupZfnQ:not(:disabled):active+label::before{background-color:#cb11ab;border-color:#cb11ab}.jGnb12hwlCdFIeupZfnQ:focus+label::before{box-shadow:0 0 0 .2rem rgba(255,24,236,.2)}.jGnb12hwlCdFIeupZfnQ:focus:not(:checked)+label::before{border-color:#cb11ab}.jGnb12hwlCdFIeupZfnQ:disabled+label::before{opacity:.7}.jGnb12hwlCdFIeupZfnQ:disabled:checked+label::before{background-color:#cb11ab;opacity:.7}","",{version:3,sources:["webpack://./src/components/checkbox/checkbox.module.scss"],names:[],mappings:"AAIA,sBACE,iBAAA,CACA,UAAA,CACA,SAAA,CAEA,4BACE,mBAAA,CACA,kBAAA,CACA,gBAAA,CACA,cAAA,CAEA,oCACE,UAAA,CACA,oBAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CACA,iBAAA,CACA,2BAAA,CACA,iCAAA,CACA,uBAAA,CAGF,mCACE,uBAAA,CAIJ,yDACE,UAAA,CACA,WAAA,CACA,iBAAA,CAGF,4CACE,oBAzCU,CA0CV,wBA1CU,CA2CV,wDAAA,CAIF,uEACE,oBAhDU,CAoDZ,0DACE,wBArDU,CAsDV,oBAtDU,CA0DZ,0CACE,0CAAA,CAIF,wDACE,oBAhEU,CAuEV,6CACE,UAAA,CAGF,qDACE,wBA5EQ,CA6ER,UAAA",sourcesContent:["$defaultFontSize: 16px;\n$colorPinkWB: #cb11ab;\n$colorGreyWB: #8b8b8b;\n\n.wbCheckbox {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n\n  & + label {\n    display: inline-flex;\n    align-items: center;\n    user-select: none;\n    cursor: pointer;\n\n    &::before {\n      content: \"\";\n      display: inline-block;\n      width: 22px;\n      height: 22px;\n      flex-shrink: 0;\n      flex-grow: 0;\n      border: 1px solid $colorGreyWB;\n      border-radius: 7px;\n      margin-right: 0.5em;\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 50% 50%;\n    }\n\n    &::after {\n      display: none !important;\n    }\n  }\n\n  &.small + label::before {\n    width: 17px;\n    height: 17px;\n    border-radius: 4px;\n  }\n\n  &:checked + label::before {\n    border-color: $colorPinkWB;\n    background-color: $colorPinkWB;\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\");\n  }\n\n  /* стили при наведении курсора на checkbox */\n  &:not(:disabled):not(:checked) + label:hover::before {\n    border-color: $colorPinkWB;\n  }\n\n  /* стили для активного состояния чекбокса (при нажатии на него) */\n  &:not(:disabled):active + label::before {\n    background-color: $colorPinkWB;\n    border-color: $colorPinkWB;\n  }\n\n  /* стили для чекбокса, находящегося в фокусе */\n  &:focus + label::before {\n    box-shadow: 0 0 0 0.2rem rgba(255, 24, 236, 0.2);\n  }\n\n  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */\n  &:focus:not(:checked) + label::before {\n    border-color: $colorPinkWB;\n  }\n\n  /* стили для чекбокса, находящегося в состоянии disabled */\n  &:disabled {\n    // color: $secondaryTextColor;\n\n    & + label::before {\n      opacity: 0.7;\n    }\n\n    &:checked + label::before {\n      background-color: $colorPinkWB;\n      opacity: 0.7;\n    }\n  }\n}\n"],sourceRoot:""}]),s.locals={wbCheckbox:"jGnb12hwlCdFIeupZfnQ",small:"MTtCyVVkG29NQhuTlD59"};const u=s},761:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(537),r=o.n(t),i=o(645),a=o.n(i)()(r());a.push([n.id,".wCuFw_xsWlE81TN25lHF{position:relative;width:100%}.wCuFw_xsWlE81TN25lHF input{height:100%;width:100%;box-sizing:border-box;margin:0;padding:0;border:none;outline:none;user-select:text;font-weight:inherit}.wCuFw_xsWlE81TN25lHF input[type=number]::-webkit-inner-spin-button,.wCuFw_xsWlE81TN25lHF input[type=number]::-webkit-outer-spin-button,.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-inner-spin-button,.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wCuFw_xsWlE81TN25lHF input:-webkit-autofill,.wCuFw_xsWlE81TN25lHF input:-webkit-autofill:hover,.wCuFw_xsWlE81TN25lHF input:-webkit-autofill:focus,.wCuFw_xsWlE81TN25lHF input:-internal-autofill-selected{-webkit-text-fill-color:none;-webkit-box-shadow:0 0 200px #fff inset}.wCuFw_xsWlE81TN25lHF input::-webkit-calendar-picker-indicator{display:none}.wCuFw_xsWlE81TN25lHF input:-moz-ui-invalid{box-shadow:none}.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-clear-button{display:none}.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-datetime-edit-second-field:focus,.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-datetime-edit-minute-field:focus,.wCuFw_xsWlE81TN25lHF input[type=time]::-webkit-datetime-edit-hour-field:focus{background:#f5caeb}.wCuFw_xsWlE81TN25lHF input:disabled{cursor:not-allowed}.BjwdAZYTt7Faz5aSB21F input{border-radius:4px;padding:0 12px;font-size:var(--size-text-m)}.cXAqcvb1nrcin3c21E5j input{border-radius:8px;padding:16px;font-size:var(--size-text-l)}.FSxMM3YqxsgS8GQQ9NSQ input{padding-right:36px}.OjYSfP69K3M6XJD67HiT input{padding-right:48px}.Ht8hQiZRfnmsLleK1JOD input{padding-right:60px}.P4LKtGFkIe_JTvo7_vDs input{padding-right:80px}.XeEVTZbEZihoLfi3VkkT input{background-color:var(--color-input);border:1px solid var(--color-border);background-clip:padding-box;transition:border-color .3s}.XeEVTZbEZihoLfi3VkkT input:disabled{background-color:var(--color-input--disabled);border-color:var(--color-border--disabled);color:var(--color-font--disabled)}.XeEVTZbEZihoLfi3VkkT input::placeholder{color:var(--color-placeholder)}.XeEVTZbEZihoLfi3VkkT input:read-only{background-color:var(--color-input--disabled);border-color:var(--color-border--disabled)}.XeEVTZbEZihoLfi3VkkT input:focus{border-color:var(--color-border--active)}.jq9gq1ycHxCWANGkQwFT input{background-color:var(--color-input-filled);color:var(--color-input-filled-text);transition:background-color .1s}.jq9gq1ycHxCWANGkQwFT input::placeholder{color:var(--color-input-filled-placeholder)}.jq9gq1ycHxCWANGkQwFT input:focus{background-color:var(--color-input-filled--focus);color:var(--color-input-filled-text)}.jq9gq1ycHxCWANGkQwFT input:focus::placeholder{color:var(--color-input-filled-placeholder)}.jq9gq1ycHxCWANGkQwFT input:disabled{background-color:var(--color-input-filled--disabled)}.KTkx4d_9i3jJD5i_2n8I{position:absolute;cursor:pointer}.NxLxULJcfT8BWzVDHggu{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.uSQQPXQYUvgB1LuWm0Ce{right:36px}.BLHvv62S9npkHa3N3z50{right:48px}.YCnlwkLt3iEejkS5NWWD{position:absolute;cursor:pointer}.wmGtgf98_wQNLuTGu1mS{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.VHSzSYgh5r0w9awyFuL7{position:absolute}.ldzKtTJXkF3iUf2xP6vH{width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%)}.G3B2X6HUGrR30lzZ9IHZ{color:var(--color-input-filled-text)}","",{version:3,sources:["webpack://./src/components/input/input.module.scss"],names:[],mappings:"AAAA,sBACE,iBAAA,CACA,UAAA,CAEA,4BACE,WAAA,CACA,UAAA,CACA,qBAAA,CACA,QAAA,CACA,SAAA,CACA,WAAA,CACA,YAAA,CACA,gBAAA,CACA,mBAAA,CAEA,4QAIE,uBAAA,CACA,QAAA,CAEF,2MAIE,4BAAA,CACA,uCAAA,CAEF,+DACE,YAAA,CAGF,4CACE,eAAA,CAIA,6DACE,YAAA,CAMA,iPACE,kBAAA,CAKN,qCACE,kBAAA,CAIJ,4BACE,iBAAA,CACA,cAAA,CACA,4BAAA,CAGF,4BACE,iBAAA,CACA,YAAA,CACA,4BAAA,CAGF,4BACE,kBAAA,CAGF,4BACE,kBAAA,CAGF,4BACE,kBAAA,CAGF,4BACE,kBAAA,CAGF,4BACE,mCAAA,CACA,oCAAA,CACA,2BAAA,CACA,2BAAA,CAEA,qCACE,6CAAA,CACA,0CAAA,CACA,iCAAA,CAGF,yCACE,8BAAA,CAEF,sCACE,6CAAA,CACA,0CAAA,CAEF,kCACE,wCAAA,CAIJ,4BACE,0CAAA,CACA,oCAAA,CACA,+BAAA,CAEA,yCACE,2CAAA,CAEF,kCACE,iDAAA,CACA,oCAAA,CACA,+CACE,2CAAA,CAGJ,qCACE,oDAAA,CAKN,sBACE,iBAAA,CACA,cAAA,CAEA,sBACE,UAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,0BAAA,CAGF,sBACE,UAAA,CAGF,sBACE,UAAA,CAIJ,sBACE,iBAAA,CACA,cAAA,CAEA,sBACE,UAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,0BAAA,CAIJ,sBACE,iBAAA,CAEA,sBACE,UAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,0BAAA,CAGF,sBACE,oCAAA",sourcesContent:[".input {\n  position: relative;\n  width: 100%;\n\n  & input {\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n    user-select: text;\n    font-weight: inherit;\n\n    &[type=number]::-webkit-inner-spin-button,\n    &[type=number]::-webkit-outer-spin-button,\n    &[type=time]::-webkit-inner-spin-button,\n    &[type=time]::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n    &:-webkit-autofill,\n    &:-webkit-autofill:hover,\n    &:-webkit-autofill:focus,\n    &:-internal-autofill-selected {\n      -webkit-text-fill-color: none;\n      -webkit-box-shadow: 0 0 200px white inset;\n    }\n    &::-webkit-calendar-picker-indicator {\n      display: none;\n    }\n\n    &:-moz-ui-invalid {\n      box-shadow: none;\n    }\n\n    &[type=time] {\n      &::-webkit-clear-button {\n        display: none;\n      }\n\n      &::-webkit-datetime-edit-second-field,\n      &::-webkit-datetime-edit-minute-field,\n      &::-webkit-datetime-edit-hour-field {\n        &:focus {\n          background: #f5caeb;\n        }\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  &__medium input {\n    border-radius: 4px;\n    padding: 0 12px;\n    font-size: var(--size-text-m);\n  }\n\n  &__large input {\n    border-radius: 8px;\n    padding: 16px;\n    font-size: var(--size-text-l);\n  }\n\n  &__action_medium input {\n    padding-right: 36px;\n  }\n\n  &__action_large input {\n    padding-right: 48px;\n  }\n\n  &__actions_medium input {\n    padding-right: 60px;\n  }\n\n  &__actions_large input {\n    padding-right: 80px;\n  }\n\n  &__outlined input {\n    background-color: var(--color-input);\n    border: 1px solid var(--color-border);\n    background-clip: padding-box;\n    transition: border-color .3s;\n\n    &:disabled {\n      background-color: var(--color-input--disabled);\n      border-color: var(--color-border--disabled);\n      color: var(--color-font--disabled);\n    }\n\n    &::placeholder {\n      color: var(--color-placeholder);\n    }\n    &:read-only {\n      background-color: var(--color-input--disabled);\n      border-color: var(--color-border--disabled);\n    }\n    &:focus {\n      border-color: var(--color-border--active);\n    }\n  }\n\n  &__filled input {\n    background-color: var(--color-input-filled);\n    color: var(--color-input-filled-text);\n    transition: background-color .1s;\n\n    &::placeholder {\n      color: var(--color-input-filled-placeholder);\n    }\n    &:focus {\n      background-color: var(--color-input-filled--focus);\n      color: var(--color-input-filled-text);\n      &::placeholder {\n        color: var(--color-input-filled-placeholder);\n      }\n    }\n    &:disabled {\n      background-color: var(--color-input-filled--disabled);\n    }\n  }\n}\n\n.clear {\n  position: absolute;\n  cursor: pointer;\n\n  &__large {\n    width: 24px;\n    height: 24px;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &__action_medium {\n    right: 36px;\n  }\n\n  &__action_large {\n    right: 48px;\n  }\n}\n\n.icon {\n  position: absolute;\n  cursor: pointer;\n\n  &__large {\n    width: 24px;\n    height: 24px;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n}\n\n.loader {\n  position: absolute;\n\n  &__large {\n    width: 24px;\n    height: 24px;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &__filled {\n    color: var(--color-input-filled-text);\n  }\n}\n"],sourceRoot:""}]),a.locals={input:"wCuFw_xsWlE81TN25lHF",input__medium:"BjwdAZYTt7Faz5aSB21F",input__large:"cXAqcvb1nrcin3c21E5j",input__action_medium:"FSxMM3YqxsgS8GQQ9NSQ",input__action_large:"OjYSfP69K3M6XJD67HiT",input__actions_medium:"Ht8hQiZRfnmsLleK1JOD",input__actions_large:"P4LKtGFkIe_JTvo7_vDs",input__outlined:"XeEVTZbEZihoLfi3VkkT",input__filled:"jq9gq1ycHxCWANGkQwFT",clear:"KTkx4d_9i3jJD5i_2n8I",clear__large:"NxLxULJcfT8BWzVDHggu",clear__action_medium:"uSQQPXQYUvgB1LuWm0Ce",clear__action_large:"BLHvv62S9npkHa3N3z50",icon:"YCnlwkLt3iEejkS5NWWD",icon__large:"wmGtgf98_wQNLuTGu1mS",loader:"VHSzSYgh5r0w9awyFuL7",loader__large:"ldzKtTJXkF3iUf2xP6vH",loader__filled:"G3B2X6HUGrR30lzZ9IHZ"};const l=a},650:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(537),r=o.n(t),i=o(645),a=o.n(i)()(r());a.push([n.id,".cLFeeoiOBdaPjhLSO2GQ{text-decoration:none}.s6SHc9dFYTM7N9poy9fF{color:var(--color-pink)}.cLFeeoiOBdaPjhLSO2GQ svg:hover{color:var(--color-icon-default--hover)}.e1WyFONbIyGPMbapwg1s{font-weight:600}","",{version:3,sources:["webpack://./src/components/link/link.module.scss"],names:[],mappings:"AAIA,sBACE,oBAAA,CACA,sBACE,uBAPU,CAgBV,gCACE,sCAfW,CAqBjB,sBACE,eAAA",sourcesContent:["$actionColor: var(--color-pink);\n$iconColor: var(--color-icon-default);\n$iconColorHover: var(--color-icon-default--hover);\n\n.link {\n  text-decoration: none;\n  &__link {\n    color: $actionColor;\n  }\n\n  &__action {\n  }\n\n  & svg {\n    // color: $iconColor;\n\n    &:hover {\n      color: $iconColorHover;\n    }\n  }\n}\n\n\n.linkBold {\n  font-weight: 600;\n}\n"],sourceRoot:""}]),a.locals={link:"cLFeeoiOBdaPjhLSO2GQ",link__link:"s6SHc9dFYTM7N9poy9fF",linkBold:"e1WyFONbIyGPMbapwg1s"};const l=a},648:(n,e,o)=>{o.d(e,{Z:()=>l});var t=o(537),r=o.n(t),i=o(645),a=o.n(i)()(r());a.push([n.id,".BCwWpJD_sjALzpsJoDnv{font-size:var(--size-text-s)}.seNsNvqwrZ233slgROWI{font-size:var(--size-text-m)}.H1b8DoVcaNvXtTP1s2xR{font-size:var(--size-text-l)}.AOkNFjHSMM2cMsWp1Cw3{color:var(--color-font-addition)}.T0kAZ2_4uhjrkFh2c148{font-weight:600}","",{version:3,sources:["webpack://./src/components/text/text.module.scss"],names:[],mappings:"AAOE,sBACE,4BARgB,CAWlB,sBACE,4BAXiB,CAcnB,sBACE,4BAdgB,CAmBpB,sBACE,gCAlBkB,CAqBpB,sBACE,eAAA",sourcesContent:["$textSmallFontSize: var(--size-text-s);\n$textMediumFontSize: var(--size-text-m);\n$textLargeFontSize: var(--size-text-l);\n\n$textColorAddition: var(--color-font-addition);\n\n.text {\n  &__small {\n    font-size: $textSmallFontSize;\n  }\n\n  &__medium {\n    font-size: $textMediumFontSize;\n  }\n\n  &__large {\n    font-size: $textLargeFontSize;\n  }\n}\n\n\n.textAddition {\n  color: $textColorAddition;\n}\n\n.textBold {\n  font-weight: 600;\n}\n"],sourceRoot:""}]),a.locals={text__small:"BCwWpJD_sjALzpsJoDnv",text__medium:"seNsNvqwrZ233slgROWI",text__large:"H1b8DoVcaNvXtTP1s2xR",textAddition:"AOkNFjHSMM2cMsWp1Cw3",textBold:"T0kAZ2_4uhjrkFh2c148"};const l=a},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var o="",t=void 0!==e[5];return e[4]&&(o+="@supports (".concat(e[4],") {")),e[2]&&(o+="@media ".concat(e[2]," {")),t&&(o+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),o+=n(e),t&&(o+="}"),e[2]&&(o+="}"),e[4]&&(o+="}"),o})).join("")},e.i=function(n,o,t,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(t)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(a[c]=!0)}for(var A=0;A<n.length;A++){var s=[].concat(n[A]);t&&a[s[0]]||(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),o&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=o):s[2]=o),r&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=r):s[4]="".concat(r)),e.push(s))}},e}},667:n=>{n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},537:n=>{n.exports=function(n){var e=n[1],o=n[3];if(!o)return e;if("function"==typeof btoa){var t=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t),i="/*# ".concat(r," */"),a=o.sources.map((function(n){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(n," */")}));return[e].concat(a).concat([i]).join("\n")}return[e].join("\n")}},379:n=>{var e=[];function o(n){for(var o=-1,t=0;t<e.length;t++)if(e[t].identifier===n){o=t;break}return o}function t(n,t){for(var i={},a=[],l=0;l<n.length;l++){var c=n[l],A=t.base?c[0]+t.base:c[0],s=i[A]||0,d="".concat(A," ").concat(s);i[A]=s+1;var u=o(d),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==u)e[u].references++,e[u].updater(p);else{var C=r(p,t);t.byIndex=l,e.splice(l,0,{identifier:d,updater:C,references:1})}a.push(d)}return a}function r(n,e){var o=e.domAPI(e);return o.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;o.update(n=e)}else o.remove()}}n.exports=function(n,r){var i=t(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var l=o(i[a]);e[l].references--}for(var c=t(n,r),A=0;A<i.length;A++){var s=o(i[A]);0===e[s].references&&(e[s].updater(),e.splice(s,1))}i=c}}},569:n=>{var e={};n.exports=function(n,o){var t=function(n){if(void 0===e[n]){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}e[n]=o}return e[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}},216:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},565:(n,e,o)=>{n.exports=function(n){var e=o.nc;e&&n.setAttribute("nonce",e)}},795:n=>{n.exports=function(n){var e=n.insertStyleElement(n);return{update:function(o){!function(n,e,o){var t="";o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {"));var r=void 0!==o.layer;r&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,r&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}");var i=o.sourceMap;i&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(t,n,e.options)}(e,n,o)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},589:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},900:n=>{n.exports="data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3e%3c/svg%3e"}},e={};function o(t){var r=e[t];if(void 0!==r)return r.exports;var i=e[t]={id:t,exports:{}};return n[t](i,i.exports,o),i.exports}o.m=n,o.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return o.d(e,{a:e}),e},o.d=(n,e)=>{for(var t in e)o.o(e,t)&&!o.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},o.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),o.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.b=document.baseURI||self.location.href,o.nc=void 0;var t={};return(()=>{o.r(t),o.d(t,{Button:()=>F,Checkbox:()=>j,Dropdown:()=>D,EButtonSize:()=>k,EButtonVariant:()=>y,EInputSize:()=>P,EInputVariant:()=>q,ELinkVariant:()=>K,ETextSize:()=>an,Input:()=>V,Link:()=>nn,Menu:()=>en,Text:()=>ln});const n=require("react");var e=o.n(n);const r=require("classnames");var i,a,l,c=o.n(r);function A(){return A=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},A.apply(this,arguments)}const s=function(e){return n.createElement("svg",A({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i||(i=n.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint0_linear)"},n.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),a||(a=n.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint1_linear)"},n.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),l||(l=n.createElement("defs",null,n.createElement("linearGradient",{id:"button-loader_svg__paint0_linear",x1:14.5,y1:5.5,x2:16.5,y2:10,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"currentColor"}),n.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})),n.createElement("linearGradient",{id:"button-loader_svg__paint1_linear",x1:10,y1:16,x2:17,y2:9.5,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"currentColor"}),n.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})))))};var d=o(379),u=o.n(d),p=o(795),C=o.n(p),b=o(569),f=o.n(b),m=o(565),v=o.n(m),g=o(216),x=o.n(g),h=o(589),_=o.n(h),w=o(977),E={};E.styleTagTransform=_(),E.setAttributes=v(),E.insert=f().bind(null,"head"),E.domAPI=C(),E.insertStyleElement=x(),u()(w.Z,E);const B=w.Z&&w.Z.locals?w.Z.locals:void 0;var k,y;!function(n){n.small="small",n.medium="medium",n.large="large"}(k||(k={})),function(n){n.default="default",n.secondary="secondary",n.tertiary="tertiary"}(y||(y={}));var F=function(o){var t=o.variant,r=void 0===t?y.default:t,i=o.size,a=void 0===i?k.medium:i,l=o.icon,A=o.loading,d=o.disabled,u=o.children,p=o.onClick,C=(0,n.useMemo)((function(){var n;return c()(B.button,B["button__".concat(r)],B["button__".concat(a)],((n={})[B.loading]=A,n[B.withIcon]=l,n))}),[r,a,A,l,d]),b=(0,n.useMemo)((function(){return c()(B.loader,B["loader__".concat(r)],B["loader__".concat(a)])}),[r,a]),f=(0,n.useMemo)((function(){var n;return c()(B.icon,B["icon__".concat(r)],B["icon__".concat(a)],((n={})[B.icon__only]=!u,n))}),[r,a,u]);return e().createElement("button",{className:C,disabled:d,onClick:p},u,l&&e().createElement(l,{className:f}),A&&e().createElement(s,{className:b}))},T=o(709),N={};N.styleTagTransform=_(),N.setAttributes=v(),N.insert=f().bind(null,"head"),N.domAPI=C(),N.insertStyleElement=x(),u()(T.Z,N);const z=T.Z&&T.Z.locals?T.Z.locals:void 0;var j=function(n){var o=n.disabled,t=void 0!==o&&o,r=n.checked,i=void 0!==r&&r,a=n.id,l=n.small,A=void 0!==l&&l,s=n.onChange,d=void 0===s?function(){}:s,u=n.children;return e().createElement(e().Fragment,null,e().createElement("input",{className:c()(z.wbCheckbox,{small:A}),type:"checkbox",disabled:t,id:a,checked:i,onChange:d}),e().createElement("label",{htmlFor:a},u))};const G=require("tslib"),I=require("antd");var M,S,W,D=function(n){return e().createElement(I.Dropdown,(0,G.__assign)({},n))};function H(){return H=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},H.apply(this,arguments)}const U=function(e){return n.createElement("svg",H({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),M||(M=n.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#input-loader_svg__paint0_linear)"},n.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),S||(S=n.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#input-loader_svg__paint1_linear)"},n.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),W||(W=n.createElement("defs",null,n.createElement("linearGradient",{id:"input-loader_svg__paint0_linear",x1:14.5,y1:5.5,x2:16.5,y2:10,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"currentColor"}),n.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})),n.createElement("linearGradient",{id:"input-loader_svg__paint1_linear",x1:10,y1:16,x2:17,y2:9.5,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:"currentColor"}),n.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})))))};var Z;function O(){return O=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(n[t]=o[t])}return n},O.apply(this,arguments)}const $=function(e){return n.createElement("svg",O({width:16,height:16,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Z||(Z=n.createElement("path",{d:"M13 4.007L11.993 3 8 6.993 4.007 3 3 4.007 6.993 8 3 11.993 4.007 13 8 9.007 11.993 13 13 11.993 9.007 8 13 4.007z",fill:"currentColor"})))};var L=o(761),Y={};Y.styleTagTransform=_(),Y.setAttributes=v(),Y.insert=f().bind(null,"head"),Y.domAPI=C(),Y.insertStyleElement=x(),u()(L.Z,Y);const Q=L.Z&&L.Z.locals?L.Z.locals:void 0;var q,P;!function(n){n.filled="filled",n.outlined="outlined"}(q||(q={})),function(n){n.small="small",n.medium="medium",n.large="large"}(P||(P={}));var V=function(o){var t=o.onChange,r=o.onFocus,i=void 0===r?function(){}:r,a=o.onBlur,l=void 0===a?function(){}:a,A=o.onClear,s=o.icon,d=o.name,u=o.required,p=o.disabled,C=o.value,b=o.type,f=void 0===b?"text":b,m=o.placeholder,v=o.style,g=o.loading,x=o.showClear,h=o.size,_=void 0===h?P.medium:h,w=o.variant,E=void 0===w?q.outlined:w,B=(0,n.useState)(C),k=B[0],y=B[1];(0,n.useEffect)((function(){return y(C)}),[C]);var F=(0,n.useMemo)((function(){var n;return c()(Q.input,Q["input__".concat(E)],Q["input__".concat(_)],((n={})[Q["input__action_".concat(_)]]=s||g||x,n[Q["input__actions_".concat(_)]]=(s||g)&&x,n[Q.input__disabled]=p,n))}),[E,_,p,g,x]),T=(0,n.useMemo)((function(){var n;return c()(Q.clear,Q["clear__".concat(E)],Q["clear__".concat(_)],((n={})[Q["clear__action_".concat(_)]]=s||g,n))}),[E,_,s,g]),N=(0,n.useMemo)((function(){return c()(Q.loader,Q["loader__".concat(E)],Q["loader__".concat(_)])}),[E,_]),z=(0,n.useMemo)((function(){return c()(Q.icon,Q["icon__".concat(E)],Q["icon__".concat(_)])}),[E,_]),j=(0,n.useCallback)((function(n){y(n.target.value),t&&t(n)}),[]),G=(0,n.useCallback)((function(){y(void 0),A&&A()}),[A]);return e().createElement("div",{className:F},e().createElement("input",{name:d,disabled:p,placeholder:m,type:f,value:k||"",onChange:j,onFocus:i,onBlur:l,required:u,style:v}),x&&k&&e().createElement($,{className:T,onClick:G}),s&&!g&&e().createElement(s,{className:z}),g&&e().createElement(U,{className:N}))},J=o(650),R={};R.styleTagTransform=_(),R.setAttributes=v(),R.insert=f().bind(null,"head"),R.domAPI=C(),R.insertStyleElement=x(),u()(J.Z,R);const X=J.Z&&J.Z.locals?J.Z.locals:void 0;var K;!function(n){n.link="link",n.action="action"}(K||(K={}));var nn=function(o){var t=o.children,r=o.variant,i=void 0===r?K.link:r,a=o.href,l=o.bold,A=(0,n.useMemo)((function(){var n;return c()(X.link,X["link__".concat(i)],((n={})[X.linkBold]=l,n))}),[i]);return(0,n.useMemo)((function(){return i===K.link?e().createElement("a",{href:a,className:A},t):e().createElement("div",{className:A},t)}),[i,t])},en=function(n){return e().createElement(I.Menu,(0,G.__assign)({},n))},on=o(648),tn={};tn.styleTagTransform=_(),tn.setAttributes=v(),tn.insert=f().bind(null,"head"),tn.domAPI=C(),tn.insertStyleElement=x(),u()(on.Z,tn);const rn=on.Z&&on.Z.locals?on.Z.locals:void 0;var an;!function(n){n.small="small",n.medium="medium",n.large="large"}(an||(an={}));var ln=function(o){var t=o.children,r=o.size,i=void 0===r?an.medium:r,a=o.bold,l=o.addition,A=(0,n.useMemo)((function(){var n;return c()(rn.text,rn["text__".concat(i)],((n={})[rn.textAddition]=l,n[rn.textBold]=a,n))}),[i]);return e().createElement("div",{className:A},t)}})(),t})()));
+exports["shared-front"]=function(n){var o={};function t(e){if(o[e])return o[e].exports;var r=o[e]={i:e,l:!1,exports:{}};return n[e].call(r.exports,r,r.exports,t),r.l=!0,r.exports}return t.m=n,t.c=o,t.d=function(n,o,e){t.o(n,o)||Object.defineProperty(n,o,{enumerable:!0,get:e})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,o){if(1&o&&(n=t(n)),8&o)return n;if(4&o&&"object"==typeof n&&n&&n.__esModule)return n;var e=Object.create(null);if(t.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:n}),2&o&&"string"!=typeof n)for(var r in n)t.d(e,r,function(o){return n[o]}.bind(null,r));return e},t.n=function(n){var o=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(o,"a",o),o},t.o=function(n,o){return Object.prototype.hasOwnProperty.call(n,o)},t.p="",t(t.s=6)}([function(n,o){n.exports=require("react")},function(n,o){n.exports=require("classnames")},function(n,o,t){"use strict";var e=t(4),r=t.n(e),a=t(5),c=t.n(a)()(r.a);c.push([n.i,".X-qXAjOlRK-MvEYzf\\+vJhw\\=\\={border-radius:12px;border:none;white-space:nowrap;cursor:pointer;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.eulj795QGDKOUqnlkwRcjg\\=\\={font-weight:400;padding:4px 8px;font-size:12px;gap:4px;height:32px}.kA9VI1\\+kphZMg\\+k4vwaA0A\\=\\={font-weight:400;padding:8px 12px;font-size:14px;line-height:14px;gap:4px}.kA9VI1\\+kphZMg\\+k4vwaA0A\\=\\=.J7ifRezUPIpp0n8u5ey6eA\\=\\={padding:8px}.E71L1YsDYOk9r7JoN8iRtA\\=\\={font-weight:450;padding:14px 20px;font-size:16px;line-height:16px;gap:8px}.E71L1YsDYOk9r7JoN8iRtA\\=\\=.J7ifRezUPIpp0n8u5ey6eA\\=\\={padding:12px}.PG1dRW1\\+2uEbSJL4AczvWA\\=\\={font-weight:600;padding:15px 24px;gap:12px;font-size:16px;line-height:22px}.PG1dRW1\\+2uEbSJL4AczvWA\\=\\=.J7ifRezUPIpp0n8u5ey6eA\\=\\={padding:18px}.mYOHniHZN\\+wzW6HIbZsnIg\\=\\={background-color:var(--button-default-color);color:var(--button-default-color-text);border:2px solid var(--button-default-color)}.mYOHniHZN\\+wzW6HIbZsnIg\\=\\=>svg{color:var(--button-default-color-text)}@media(hover: hover){.mYOHniHZN\\+wzW6HIbZsnIg\\=\\=:hover{background-color:var(--button-default-color--hover);border-color:var(--button-default-color--hover)}}.mYOHniHZN\\+wzW6HIbZsnIg\\=\\=:active{background-color:var(--button-default-color--active);border-color:var(--button-default-color--active)}.bPOB9hdxMHyvlNMblpaD2w\\=\\={background-color:var(--button-secondary-color);color:var(--button-secondary-color-text);border:2px solid var(--button-secondary-color)}.bPOB9hdxMHyvlNMblpaD2w\\=\\=>svg{color:var(--button-secondary-color-text)}@media(hover: hover){.bPOB9hdxMHyvlNMblpaD2w\\=\\=:hover{background-color:var(--button-secondary-color--hover);border-color:var(--button-secondary-color--hover);color:var(--button-secondary-color-text--hover)}.bPOB9hdxMHyvlNMblpaD2w\\=\\=:hover>svg{color:var(--button-secondary-color-text--hover)}}.bPOB9hdxMHyvlNMblpaD2w\\=\\=:active{background-color:var(--button-secondary-color--active);border-color:var(--button-secondary-color--active);color:var(--button-secondary-color-text--active)}.EzgVgoT-fH3ME93vMPlWkQ\\=\\={flex-direction:row-reverse}.uPFlSZFrv33G6Syy-kE8BQ\\=\\={flex-direction:row}.X-qXAjOlRK-MvEYzf\\+vJhw\\=\\=:disabled{background-color:var(--button-default-color--disabled);border-color:var(--button-default-color--disabled);cursor:not-allowed}.X-qXAjOlRK-MvEYzf\\+vJhw\\=\\=:disabled:hover,.X-qXAjOlRK-MvEYzf\\+vJhw\\=\\=:disabled:active{background-color:var(--button-default-color--disabled)}.IZ3gtInjJxgFyjTmoON\\+MA\\=\\={color:rgba(0,0,0,0) !important;cursor:wait}.IZ3gtInjJxgFyjTmoON\\+MA\\=\\= .Gso9o47aQw7gpIb6flgPow\\=\\={visibility:hidden}.Gso9o47aQw7gpIb6flgPow\\=\\={vertical-align:bottom}.BQwBbNv\\+45pKaoDXKLrnZQ\\=\\={width:16px;height:16px}.SgRrCfWD7dbhNcWRDLF41w\\=\\={width:16px;height:16px}._3L-IQ9YS\\+6jmHw0pc6ZnCQ\\=\\={width:20px;height:20px}.WSggmWymdxGEd6uWzS8iPA\\=\\={width:24px;height:24px}.MzXx8SzLHp6qmfyu-p4HIA\\=\\={color:var(--button-default-color-text)}.MzXx8SzLHp6qmfyu-p4HIA\\=\\=>*{fill:currentColor}.n0RQniAXmk-2hu5UTGAkCA\\=\\={color:var(--button-secondary-color-text)}.n0RQniAXmk-2hu5UTGAkCA\\=\\=>*{fill:currentColor}.fpWXxEzExVJNFtiBu-YVhA\\=\\={margin:0}.v14UEAGpVOAxK8oK9tZ32g\\=\\={position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}._7pr9vlHwvaNj0kihq3zwcQ\\=\\={width:24px;height:24px}.S4tzpabhSuMX6nxSoa3cxQ\\=\\={width:28px;height:28px}._5X5UT-TFHZe-BiWWUwq7og\\=\\={color:var(--button-default-color-text)}","",{version:3,sources:["webpack://./src/components/button/button.module.scss"],names:[],mappings:"AAcA,6BACE,kBAAA,CACA,WAAA,CACA,kBAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CAEA,4BACE,eAAA,CACA,eAAA,CACA,cAAA,CAEA,OAAA,CACA,WAAA,CAGF,8BACE,eAAA,CACA,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,OAAA,CAGA,yDACE,WAAA,CAIJ,4BACE,eAAA,CACA,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,OAAA,CAEA,uDACE,YAAA,CAIJ,6BACE,eAAA,CACA,iBAAA,CACA,QAAA,CACA,cAAA,CACA,gBAAA,CAEA,wDACE,YAAA,CAIJ,6BACE,4CAxEmB,CAyEnB,sCAxEwB,CAyExB,4CAAA,CAEA,iCACE,sCA5EsB,CA+ExB,qBACE,mCACE,mDAhFsB,CAiFtB,+CAjFsB,CAAA,CAqF1B,oCACE,oDArFyB,CAsFzB,gDAtFyB,CA0F7B,4BACE,8CAxFqB,CAyFrB,wCAxF0B,CAyF1B,8CAAA,CAEA,gCACE,wCA5FwB,CA+F1B,qBACE,kCACE,qDAhGwB,CAiGxB,iDAjGwB,CAkGxB,+CAAA,CAEA,sCACE,+CAAA,CAAA,CAKN,mCACE,sDA1G2B,CA2G3B,kDA3G2B,CA4G3B,gDAAA,CA4BJ,4BACE,0BAAA,CAGF,4BACE,kBAAA,CAGF,sCACE,sDAtJ6B,CAuJ7B,kDAvJ6B,CAwJ7B,kBAAA,CAEA,yFAEE,sDA5J2B,CAkLjC,6BACE,8BAAA,CAEA,WAAA,CACA,yDACE,iBAAA,CAIJ,4BACE,qBAAA,CAEA,6BACE,UAAA,CACA,WAAA,CAGF,4BACE,UAAA,CACA,WAAA,CAGF,8BACE,UAAA,CACA,WAAA,CAGF,4BACE,UAAA,CACA,WAAA,CAGF,4BACE,sCAtNwB,CAuNxB,8BACE,iBAAA,CAIJ,4BACE,wCAvN0B,CAwN1B,8BACE,iBAAA,CAIJ,4BACE,QAAA,CAIJ,4BACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CAEA,6BACE,UAAA,CACA,WAAA,CAGF,4BACE,UAAA,CACA,WAAA,CAGF,6BACE,sCAzPwB",sourcesContent:["$color-button-default: var(--button-default-color);\n$color-button-default-text: var(--button-default-color-text);\n$color-button-default--hover: var(--button-default-color--hover);\n$color-button-default--active: var(--button-default-color--active);\n$color-button-default--disabled: var(--button-default-color--disabled);\n\n$color-button-secondary: var(--button-secondary-color);\n$color-button-secondary-text: var(--button-secondary-color-text);\n$color-button-secondary--hover: var(--button-secondary-color--hover);\n$color-button-secondary--active: var(--button-secondary-color--active);\n$color-button-secondary--disabled: var(--button-secondary-color--disabled);\n\n$font-size-button-large: var(--size-text-l);\n\n.button {\n  border-radius: 12px;\n  border: none;\n  white-space: nowrap;\n  cursor: pointer;\n  box-shadow: none;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  &__smallS {\n    font-weight: 400;\n    padding: 4px 8px;\n    font-size: 12px;\n    // line-height: 16px;\n    gap: 4px;\n    height: 32px;\n  }\n\n  &__small {\n    font-weight: 400;\n    padding: 8px 12px;\n    font-size: 14px;\n    line-height: 14px;\n    gap: 4px;\n\n\n    &.withIcon {\n      padding: 8px;\n    }\n  }\n\n  &__medium {\n    font-weight: 450;\n    padding: 14px 20px;\n    font-size: 16px;\n    line-height: 16px;\n    gap: 8px;\n\n    &.withIcon {\n      padding: 12px;\n    }\n  }\n\n  &__large {\n    font-weight: 600;\n    padding: 15px 24px;\n    gap: 12px;\n    font-size: 16px;\n    line-height: 22px;\n\n    &.withIcon {\n      padding: 18px;\n    }\n  }\n\n  &__default {\n    background-color: $color-button-default;\n    color: $color-button-default-text;\n    border: 2px solid $color-button-default;\n\n    & > svg {\n      color: $color-button-default-text;\n    }\n\n    @media(hover: hover) {\n      &:hover {\n        background-color: $color-button-default--hover;\n        border-color: $color-button-default--hover;\n      }\n    }\n\n    &:active {\n      background-color: $color-button-default--active;\n      border-color: $color-button-default--active;\n    }\n  }\n\n  &__secondary {\n    background-color: $color-button-secondary;\n    color: $color-button-secondary-text;\n    border: 2px solid $color-button-secondary;\n\n    & > svg {\n      color: $color-button-secondary-text;\n    }\n\n    @media(hover: hover) {\n      &:hover {\n        background-color: $color-button-secondary--hover;\n        border-color: $color-button-secondary--hover;\n        color: var(--button-secondary-color-text--hover);\n\n        & > svg {\n          color: var(--button-secondary-color-text--hover);\n        }\n      }\n    }\n\n    &:active {\n      background-color: $color-button-secondary--active;\n      border-color: $color-button-secondary--active;\n      color: var(--button-secondary-color-text--active);\n    }\n  }\n\n  // &__fourth {\n  //   background-color: $color-button-fourth;\n  //   color: $color-button-fourth-text;\n  //   border: 2px solid $color-button-fourth-text;\n\n  //   & > svg {\n  //     color: $color-button-default-text;\n  //   }\n\n  //   &:hover {\n  //     background-color: $color-button-fourth--hover;\n  //     border-color: $color-button-fourth--hover;\n\n  //     color: $color-button-fourth;\n  //   }\n\n  //   &:active {\n  //     background-color: $color-button-fourth--hover;\n  //     border-color: $color-button-fourth--hover;\n\n  //     color: $color-button-fourth;\n  //   }\n  // }\n\n  &__icon_left {\n    flex-direction: row-reverse;\n  }\n\n  &__icon_right {\n    flex-direction: row;\n  }\n\n  &:disabled {\n    background-color: $color-button-default--disabled;\n    border-color: $color-button-default--disabled;\n    cursor: not-allowed;\n\n    &:hover,\n    &:active {\n      background-color: $color-button-default--disabled;\n    }\n  }\n}\n\n// @media (max-width: 1023px) {\n//   .button {\n//     &__small {\n//       padding: 8px;\n//     }\n\n//     &__medium {\n//       padding: 10px;\n//       font-size: 16px;\n//     }\n\n//     &__large {\n//       padding: 12px;\n//     }\n//   }\n// }\n\n.loading {\n  color: transparent !important;\n\n  cursor: wait;\n  & .icon {\n    visibility: hidden;\n  }\n}\n\n.icon {\n  vertical-align: bottom;\n\n  &__smallS {\n    width: 16px;\n    height: 16px;\n  }\n\n  &__small {\n    width: 16px;\n    height: 16px;\n  }\n\n  &__medium {\n    width: 20px;\n    height: 20px;\n  }\n\n  &__large {\n    width: 24px;\n    height: 24px;\n  }\n\n  &__default {\n    color: $color-button-default-text;\n    & > * {\n      fill: currentColor;\n    }\n  }\n\n  &__secondary {\n    color: $color-button-secondary-text;\n    & > * {\n      fill: currentColor;\n    }\n  }\n\n  &__only {\n    margin: 0;\n  }\n}\n\n.loader {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  &__medium {\n    width: 24px;\n    height: 24px;\n  }\n\n  &__large {\n    width: 28px;\n    height: 28px;\n  }\n\n  &__default {\n    color: $color-button-default-text;\n  }\n}\n"],sourceRoot:""}]),c.locals={button:"X-qXAjOlRK-MvEYzf+vJhw==",button__smallS:"eulj795QGDKOUqnlkwRcjg==",button__small:"kA9VI1+kphZMg+k4vwaA0A==",withIcon:"J7ifRezUPIpp0n8u5ey6eA==",button__medium:"E71L1YsDYOk9r7JoN8iRtA==",button__large:"PG1dRW1+2uEbSJL4AczvWA==",button__default:"mYOHniHZN+wzW6HIbZsnIg==",button__secondary:"bPOB9hdxMHyvlNMblpaD2w==",button__icon_left:"EzgVgoT-fH3ME93vMPlWkQ==",button__icon_right:"uPFlSZFrv33G6Syy-kE8BQ==",loading:"IZ3gtInjJxgFyjTmoON+MA==",icon:"Gso9o47aQw7gpIb6flgPow==",icon__smallS:"BQwBbNv+45pKaoDXKLrnZQ==",icon__small:"SgRrCfWD7dbhNcWRDLF41w==",icon__medium:"_3L-IQ9YS+6jmHw0pc6ZnCQ==",icon__large:"WSggmWymdxGEd6uWzS8iPA==",icon__default:"MzXx8SzLHp6qmfyu-p4HIA==",icon__secondary:"n0RQniAXmk-2hu5UTGAkCA==",icon__only:"fpWXxEzExVJNFtiBu-YVhA==",loader:"v14UEAGpVOAxK8oK9tZ32g==",loader__medium:"_7pr9vlHwvaNj0kihq3zwcQ==",loader__large:"S4tzpabhSuMX6nxSoa3cxQ==",loader__default:"_5X5UT-TFHZe-BiWWUwq7og=="},o.a=c},function(n,o,t){"use strict";var e,r=function(){return void 0===e&&(e=Boolean(window&&document&&document.all&&!window.atob)),e},a=function(){var n={};return function(o){if(void 0===n[o]){var t=document.querySelector(o);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[o]=t}return n[o]}}(),c=[];function i(n){for(var o=-1,t=0;t<c.length;t++)if(c[t].identifier===n){o=t;break}return o}function l(n,o){for(var t={},e=[],r=0;r<n.length;r++){var a=n[r],l=o.base?a[0]+o.base:a[0],A=t[l]||0,u="".concat(l," ").concat(A);t[l]=A+1;var d=i(u),s={css:a[1],media:a[2],sourceMap:a[3]};-1!==d?(c[d].references++,c[d].updater(s)):c.push({identifier:u,updater:v(s,o),references:1}),e.push(u)}return e}function A(n){var o=document.createElement("style"),e=n.attributes||{};if(void 0===e.nonce){var r=t.nc;r&&(e.nonce=r)}if(Object.keys(e).forEach((function(n){o.setAttribute(n,e[n])})),"function"==typeof n.insert)n.insert(o);else{var c=a(n.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(o)}return o}var u,d=(u=[],function(n,o){return u[n]=o,u.filter(Boolean).join("\n")});function s(n,o,t,e){var r=t?"":e.media?"@media ".concat(e.media," {").concat(e.css,"}"):e.css;if(n.styleSheet)n.styleSheet.cssText=d(o,r);else{var a=document.createTextNode(r),c=n.childNodes;c[o]&&n.removeChild(c[o]),c.length?n.insertBefore(a,c[o]):n.appendChild(a)}}function p(n,o,t){var e=t.css,r=t.media,a=t.sourceMap;if(r?n.setAttribute("media",r):n.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(e+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}var f=null,b=0;function v(n,o){var t,e,r;if(o.singleton){var a=b++;t=f||(f=A(o)),e=s.bind(null,t,a,!1),r=s.bind(null,t,a,!0)}else t=A(o),e=p.bind(null,t,o),r=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return e(n),function(o){if(o){if(o.css===n.css&&o.media===n.media&&o.sourceMap===n.sourceMap)return;e(n=o)}else r()}}n.exports=function(n,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=r());var t=l(n=n||[],o);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var e=0;e<t.length;e++){var r=i(t[e]);c[r].references--}for(var a=l(n,o),A=0;A<t.length;A++){var u=i(t[A]);0===c[u].references&&(c[u].updater(),c.splice(u,1))}t=a}}}},function(n,o,t){"use strict";function e(n,o){return function(n){if(Array.isArray(n))return n}(n)||function(n,o){var t=n&&("undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"]);if(null==t)return;var e,r,a=[],c=!0,i=!1;try{for(t=t.call(n);!(c=(e=t.next()).done)&&(a.push(e.value),!o||a.length!==o);c=!0);}catch(n){i=!0,r=n}finally{try{c||null==t.return||t.return()}finally{if(i)throw r}}return a}(n,o)||function(n,o){if(!n)return;if("string"==typeof n)return r(n,o);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(n,o)}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(n,o){(null==o||o>n.length)&&(o=n.length);for(var t=0,e=new Array(o);t<o;t++)e[t]=n[t];return e}n.exports=function(n){var o=e(n,4),t=o[1],r=o[3];if(!r)return t;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),i="/*# ".concat(c," */"),l=r.sources.map((function(n){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(n," */")}));return[t].concat(l).concat([i]).join("\n")}return[t].join("\n")}},function(n,o,t){"use strict";n.exports=function(n){var o=[];return o.toString=function(){return this.map((function(o){var t=n(o);return o[2]?"@media ".concat(o[2]," {").concat(t,"}"):t})).join("")},o.i=function(n,t,e){"string"==typeof n&&(n=[[null,n,""]]);var r={};if(e)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(r[c]=!0)}for(var i=0;i<n.length;i++){var l=[].concat(n[i]);e&&r[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),o.push(l))}},o}},function(n,o,t){"use strict";t.r(o);var e,r,a,c=t(0),i=t.n(c),l=t(1),A=t.n(l);function u(){return(u=Object.assign?Object.assign.bind():function(n){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n}).apply(this,arguments)}var d,s,p,f=function(n){return c.createElement("svg",u({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=c.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint0_linear)"},c.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),r||(r=c.createElement("path",{d:"M17 10a7 7 0 11-2.706-5.528c.382.296.379.855.037 1.197-.342.342-.892.335-1.286.054A5.25 5.25 0 1015.25 10H17z",fill:"url(#button-loader_svg__paint1_linear)"},c.createElement("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 10 10",to:"360 10 10",dur:"0.75s",repeatCount:"indefinite"}))),a||(a=c.createElement("defs",null,c.createElement("linearGradient",{id:"button-loader_svg__paint0_linear",x1:14.5,y1:5.5,x2:16.5,y2:10,gradientUnits:"userSpaceOnUse"},c.createElement("stop",{stopColor:"currentColor"}),c.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})),c.createElement("linearGradient",{id:"button-loader_svg__paint1_linear",x1:10,y1:16,x2:17,y2:9.5,gradientUnits:"userSpaceOnUse"},c.createElement("stop",{stopColor:"currentColor"}),c.createElement("stop",{offset:1,stopColor:"currentColor",stopOpacity:0})))))},b=t(3),v=t.n(b),C=t(2),h={insert:"head",singleton:!1},g=(v()(C.a,h),C.a.locals||{});!function(n){n.smallS="smallS",n.small="small",n.medium="medium",n.large="large"}(d||(d={})),function(n){n.default="default",n.secondary="secondary"}(s||(s={})),function(n){n.left="left",n.right="right"}(p||(p={}));var x=function(n){var o=n.variant,t=void 0===o?s.default:o,e=n.size,r=void 0===e?d.medium:e,a=n.iconPosition,l=void 0===a?p.right:a,u=n.width,b=n.icon,v=n.loading,C=n.disabled,h=n.children,x=n.className,m=n.onClick,y=n.type,_=void 0===y?"button":y,w=Object(c.useMemo)((function(){var n;return A()(g.button,x,g["button__".concat(t)],g["button__".concat(r)],g["button__icon_".concat(l)],((n={})[g.loading]=v,n[g.withIcon]=b,n))}),[t,r,v,b,C,x]),B=Object(c.useMemo)((function(){return A()(g.loader,g["loader__".concat(t)],g["loader__".concat(r)])}),[t,r]),E=Object(c.useMemo)((function(){var n;return A()(g.icon,g["icon__".concat(t)],g["icon__".concat(r)],((n={})[g.icon__only]=!h,n))}),[t,r,h]),k=Object(c.useCallback)((function(n){C||v||m&&m(n)}),[m,C,v]);return i.a.createElement("button",{type:_,className:w,disabled:C,onClick:k,style:{width:u}},h,b&&i.a.createElement(b,{className:E}),v&&i.a.createElement(f,{className:B}))};t.d(o,"Button",(function(){return x}))}]);
 //# sourceMappingURL=index.js.map