stone-kit 0.0.20 → 0.0.22

package/dist/components/Button/ui/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),b=require("../../../index-gDmAUrkZ.cjs"),d=require("../../NewIcon/ui/NewIcon.js"),h="_btnCommon_11v5f_1",w="_blue_11v5f_58",k="_sokolniki_11v5f_72",x="_black_11v5f_86",j="_gray_11v5f_100",$="_whiteStroke_11v5f_114",y="_whiteFilled_11v5f_126",g="_loader_11v5f_148",S="_LoaderSpin_11v5f_1",e={btnCommon:h,"auto-width":"_auto-width_11v5f_18","full-width":"_full-width_11v5f_22","tiny-size":"_tiny-size_11v5f_26","small-size":"_small-size_11v5f_34","medium-size":"_medium-size_11v5f_42","large-size":"_large-size_11v5f_50",blue:w,sokolniki:k,black:x,gray:j,whiteStroke:$,whiteFilled:y,loader:g,LoaderSpin:S,"tiny-size_m":"_tiny-size_m_11v5f_153","small-size_m":"_small-size_m_11v5f_160","medium-size_m":"_medium-size_m_11v5f_167","large-size_m":"_large-size_m_11v5f_174","tiny-size_l":"_tiny-size_l_11v5f_183","small-size_l":"_small-size_l_11v5f_190","medium-size_l":"_medium-size_l_11v5f_197","large-size_l":"_large-size_l_11v5f_204"},u=b.classNames.bind(e),C=({size:t="medium",size_m:o,size_l:m,pre:s=!1,children:a="",post:i=!1,variant:c="blue",width:r="auto",additionalClass:f,isLoading:n=!1,...l})=>{if(l.as==="link"){const{as:I,...v}=l;return _.jsxs("a",{className:u(e.btnCommon,e[`${t}-size`],e[`${o}-size_m`],e[`${m}-size_l`],e[`${c}`],{[e.btnCommonInline]:s||i},e[`${r}-width`],`${f??""}`),...v,children:[n&&_.jsx(d.NewIcon,{name:"loader",color:"#fff"}),!n&&_.jsxs(_.Fragment,{children:[s&&_.jsx("span",{children:s}),a,i&&_.jsx("span",{children:i})]})]})}const{as:N,...z}=l;return _.jsxs("button",{className:u(e.btnCommon,e[`${t}-size`],e[`${o}-size_m`],e[`${m}-size_l`],e[`${c}`],{[e.btnCommonInline]:s||i},e[`${r}-width`],`${f??""}`),...z,children:[n&&_.jsx(d.NewIcon,{name:"loader",size:"24",color:"#fff",addClass:e.loader}),!n&&_.jsxs(_.Fragment,{children:[s&&_.jsx("span",{children:s}),a,i&&_.jsx("span",{children:i})]})]})};exports.Button=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),z=require("../../../index-gDmAUrkZ.cjs"),b=require("../../NewIcon/ui/NewIcon.js"),w="_btnCommon_2h1hm_1",k="_blue_2h1hm_58",g="_sokolniki_2h1hm_72",y="_black_2h1hm_86",f="_gray_2h1hm_100",x="_whiteStroke_2h1hm_114",j="_whiteFilled_2h1hm_126",S="_shade_2h1hm_140",C="_loader_2h1hm_154",N="_LoaderSpin_2h1hm_1",_={btnCommon:w,"auto-width":"_auto-width_2h1hm_18","full-width":"_full-width_2h1hm_22","tiny-size":"_tiny-size_2h1hm_26","small-size":"_small-size_2h1hm_34","medium-size":"_medium-size_2h1hm_42","large-size":"_large-size_2h1hm_50",blue:k,sokolniki:g,black:y,gray:f,whiteStroke:x,whiteFilled:j,shade:S,loader:C,LoaderSpin:N,"tiny-size_m":"_tiny-size_m_2h1hm_159","small-size_m":"_small-size_m_2h1hm_166","medium-size_m":"_medium-size_m_2h1hm_173","large-size_m":"_large-size_m_2h1hm_180","tiny-size_l":"_tiny-size_l_2h1hm_189","small-size_l":"_small-size_l_2h1hm_196","medium-size_l":"_medium-size_l_2h1hm_203","large-size_l":"_large-size_l_2h1hm_210"},F=z.classNames.bind(_),$=({size:t="medium",size_m:o,size_l:a,pre:s=!1,children:r="",post:i=!1,variant:c="blue",width:d="auto",additionalClass:u,isLoading:l=!1,...m})=>{const n=F(_.btnCommon,_[`${t}-size`],_[`${o}-size_m`],_[`${a}-size_l`],_[`${c}`],{[_.btnCommonInline]:s||i},_[`${d}-width`],u),h=()=>e.jsxs(e.Fragment,{children:[l&&e.jsx(b.NewIcon,{name:"loader",size:"24",color:"#fff",addClass:_.loader}),!l&&e.jsxs(e.Fragment,{children:[s&&e.jsx("span",{children:s}),r,i&&e.jsx("span",{children:i})]})]});return m.as==="link"?e.jsx("a",{className:n,...m,children:h()}):e.jsx("button",{className:n,...m,children:h()})};exports.Button=$;

package/dist/components/Button/ui/Button.types.d.ts

@@ -8,6 +8,7 @@ export declare const BUTTON_VARIANTS: {
     sokolniki: string;
     black: string;
     whiteFilled: string;
+    shade: string;
 };
 export type btnVariant = keyof typeof BUTTON_VARIANTS;
 type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
@@ -22,11 +23,11 @@ interface ButtonProps {
     width?: btnWidth;
     additionalClass?: string;
     isLoading?: boolean;
-    as?: 'button' | 'link';
+    as: 'button' | 'link';
 }
-export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: 'button';
-}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+export type ComponentProps = ButtonProps & (((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as: 'button';
+})) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     as: 'link';
 } & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
 export {};

package/dist/components/Button/ui/Button.types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={blue:"blue",gray:"gray",whiteStroke:"whiteStroke",sokolniki:"sokolniki",black:"black",whiteFilled:"whiteFilled"};exports.BUTTON_VARIANTS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={blue:"blue",gray:"gray",whiteStroke:"whiteStroke",sokolniki:"sokolniki",black:"black",whiteFilled:"whiteFilled",shade:"shade"};exports.BUTTON_VARIANTS=e;

package/dist/components/DestinationTab/ui/DestinationTab.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../index-gDmAUrkZ.cjs"),z="_destination_26u6h_1",p="_destinationName_26u6h_39",N="_routeText_26u6h_44",g="_whiteStroke_26u6h_64",w="_routeWrapper_26u6h_77",s={destination:z,"auto-width":"_auto-width_26u6h_28","full-width":"_full-width_26u6h_32","medium-size":"_medium-size_26u6h_36",destinationName:p,routeText:N,"large-size":"_large-size_26u6h_50",whiteStroke:g,routeWrapper:w,"medium-size_m":"_medium-size_m_26u6h_108","large-size_m":"_large-size_m_26u6h_121","medium-size_l":"_medium-size_l_26u6h_136","large-size_l":"_large-size_l_26u6h_149"},b=x.classNames.bind(s),j=({size:r="medium",size_m:u,size_l:i,destination:e={destName:"",color:""},variant:a="whiteStroke",width:m="auto",routes:l=[],checked:o,onChange:c,additionalClass:h,...d})=>t.jsxs("label",{className:b(s.destination,s[`${r}-size`],s[`${u}-size_m`],s[`${i}-size_l`],s[`${a}`],s[`${m}-width`],`${h??""}`),...d,htmlFor:e.destName,children:[t.jsx("input",{id:e.destName,checked:o,onChange:c,type:"checkbox",name:e.destName,value:e.destName}),t.jsxs("div",{className:s.destination,children:[(e==null?void 0:e.color)&&t.jsx("span",{style:{background:(e==null?void 0:e.color)??""}}),e.destName]}),l.map((_,n)=>t.jsxs("div",{className:s.routeWrapper,children:[_.type,t.jsx("div",{className:s.routeText,children:_.text})]},n))]});exports.DestinationTab=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../index-gDmAUrkZ.cjs"),z="_destination_1c7de_1",p="_destinationName_1c7de_40",N="_routeText_1c7de_45",g="_whiteStroke_1c7de_65",w="_routeWrapper_1c7de_78",s={destination:z,"auto-width":"_auto-width_1c7de_29","full-width":"_full-width_1c7de_33","medium-size":"_medium-size_1c7de_37",destinationName:p,routeText:N,"large-size":"_large-size_1c7de_51",whiteStroke:g,routeWrapper:w,"medium-size_m":"_medium-size_m_1c7de_109","large-size_m":"_large-size_m_1c7de_122","medium-size_l":"_medium-size_l_1c7de_137","large-size_l":"_large-size_l_1c7de_150"},b=x.classNames.bind(s),j=({size:r="medium",size_m:c,size_l:i,destination:e={destName:"",color:""},variant:a="whiteStroke",width:d="auto",routes:m=[],checked:l,onChange:o,additionalClass:u,...n})=>t.jsxs("label",{className:b(s.destination,s[`${r}-size`],s[`${c}-size_m`],s[`${i}-size_l`],s[`${a}`],s[`${d}-width`],`${u??""}`),...n,htmlFor:e.destName,children:[t.jsx("input",{id:e.destName,checked:l,onChange:o,type:"checkbox",name:e.destName,value:e.destName}),t.jsxs("div",{className:s.destination,children:[(e==null?void 0:e.color)&&t.jsx("span",{style:{background:(e==null?void 0:e.color)??""}}),e.destName]}),m.map((_,h)=>t.jsxs("div",{className:s.routeWrapper,children:[_.type,t.jsx("div",{className:s.routeText,children:_.text})]},h))]});exports.DestinationTab=j;

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

@@ -0,0 +1 @@
+export { Input } from './ui/Input';

package/dist/components/Input/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ui/Input.js");exports.Input=t.Input;

package/dist/components/Input/ui/Input.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ComponentProps } from './Input.types';
+
+export declare const Input: ({ size_s, size_m, size_l, pre, post, variant, width, error, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/ui/Input.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../index-gDmAUrkZ.cjs"),c="_inputWrapper_yxw8x_9",d="_inputWrapperPost_yxw8x_24",h="_light_yxw8x_34",w="_dark_yxw8x_67",W="_inputWrapperError_yxw8x_103",r={"auto-width":"_auto-width_yxw8x_1","full-width":"_full-width_yxw8x_5",inputWrapper:c,inputWrapperPost:d,light:h,dark:w,inputWrapperError:W},y=x.classNames.bind(r),g=({size_s:i="large",size_m:n,size_l:s,pre:e=!1,post:p=!1,variant:a="light",width:u="auto",error:o,additionalClass:_,...l})=>t.jsxs("div",{className:y(r.inputWrapper,r[`${i}-size`],r[`${n}-size_m`],r[`${s}-size_l`],r[`${a}`],{[r.inputWrapperPost]:p},r[`${u}-width`],{[r.inputWrapperError]:o},_),children:[e&&t.jsx("span",{children:e}),t.jsx("label",{}),t.jsx("input",{...l}),p&&t.jsx("span",{children:p})]});exports.Input=g;

package/dist/components/Input/ui/Input.types.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+
+type inputWidth = 'auto' | 'full';
+export declare const INPUT_VARIANTS: {
+    light: string;
+    dark: string;
+};
+export type inputVariant = keyof typeof INPUT_VARIANTS;
+type inputSizes = 'large' | 'medium' | 'small' | 'tiny';
+interface InputProps {
+    size_s?: inputSizes;
+    size_m?: inputSizes;
+    size_l?: inputSizes;
+    pre?: ReactNode;
+    error?: boolean;
+    post?: ReactNode;
+    children?: ReactNode;
+    variant?: inputVariant;
+    width?: inputWidth;
+    additionalClass?: string;
+}
+export type ComponentProps = InputProps & React.InputHTMLAttributes<HTMLInputElement>;
+export {};

package/dist/components/Input/ui/Input.types.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={light:"light",dark:"dark"};exports.INPUT_VARIANTS=t;

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

@@ -0,0 +1 @@
+export { Switcher } from './ui/Switcher';

package/dist/components/Switcher/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ui/Switcher.js");exports.Switcher=e.Switcher;

package/dist/components/Switcher/ui/Switcher.d.ts

@@ -0,0 +1,3 @@
+import { ISwitcherProps } from './Switcher.types';
+
+export declare const Switcher: ({ children, isActive, onClick }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switcher/ui/Switcher.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),a=require("../../../index-gDmAUrkZ.cjs"),p="_switcherWrapper_s9esa_29",o="_swiper_s9esa_35",_="_swiperActive_s9esa_47",d="_swiperForward_s9esa_1",u="_swiperInactive_s9esa_52",v="_swiperBackward_s9esa_1",l="_swiperPoint_s9esa_57",P="_swiperPointActive_s9esa_69",e={switcherWrapper:p,swiper:o,swiperActive:_,swiperForward:d,swiperInactive:u,swiperBackward:v,swiperPoint:l,swiperPointActive:P},c=a.classNames.bind(e),h=({children:n,isActive:s,onClick:w})=>{const r=t.useRef(!0);return t.useEffect(()=>{r.current&&(r.current=!1)},[]),i.jsxs("div",{className:e.switcherWrapper,children:[n,i.jsx("div",{className:c(e.swiper,{[e.swiperActive]:s},{[e.swiperInactive]:!s&&!r.current}),onClick:w,children:i.jsx("div",{className:c(e.swiperPoint,{[e.swiperPointActive]:s})})})]})};exports.Switcher=h;

package/dist/components/Switcher/ui/Switcher.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ISwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    isActive?: boolean;
+    onClick?: () => void;
+}

package/dist/components/Switcher/ui/Switcher.types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Tag/ui/Tag.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ComponentProps } from './Tag.types';
 
-export declare const Tag: ({ size, children, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ size, size_m, size_l, children, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/ui/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../../index-gDmAUrkZ.cjs"),r="_tagCommon_k1b5t_1",d="_red_k1b5t_40",u="_gray_k1b5t_46",t={tagCommon:r,"auto-width":"_auto-width_k1b5t_16","full-width":"_full-width_k1b5t_20","medium-size":"_medium-size_k1b5t_24","tiny-size":"_tiny-size_k1b5t_32",red:d,gray:u},c=m.classNames.bind(t),g=({size:e="medium",children:i="",variant:o="gray",width:s="auto",additionalClass:_,...n})=>a.jsx("div",{className:c(t.tagCommon,t[`${e}-size`],t[`${o}`],t[`${s}-width`],`${_??""}`),...n,children:i});exports.Tag=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("../../../index-gDmAUrkZ.cjs"),r="_tagCommon_96we6_1",w="_red_96we6_40",z="_gray_96we6_46",c="_shade_96we6_52",e={tagCommon:r,"auto-width":"_auto-width_96we6_16","full-width":"_full-width_96we6_20","medium-size":"_medium-size_96we6_24","tiny-size":"_tiny-size_96we6_32",red:w,gray:z,shade:c,"tiny-size_m":"_tiny-size_m_96we6_67","medium-size_m":"_medium-size_m_96we6_74","tiny-size_l":"_tiny-size_l_96we6_89","medium-size_l":"_medium-size_l_96we6_96"},l=u.classNames.bind(e),g=({size:_="medium",size_m:i,size_l:s,children:t="",variant:m="gray",width:n="auto",additionalClass:o,...d})=>a.jsx("div",{className:l(e.tagCommon,e[`${_}-size`],e[`${i}-size_m`],e[`${s}-size_l`],e[`${m}`],e[`${n}-width`],`${o??""}`),...d,children:t});exports.Tag=g;

package/dist/components/Tag/ui/Tag.types.d.ts

@@ -1,18 +1,21 @@
 import { ReactNode } from 'react';
 
-type btnWidth = 'auto' | 'full';
+type tagWidth = 'auto' | 'full';
 export declare const TAG_VARIANTS: {
     red: string;
     gray: string;
+    shade: string;
 };
 export type tagVariant = keyof typeof TAG_VARIANTS;
 type tagSizes = 'medium' | 'tiny';
-interface MobileButtonProps {
+interface TagProps {
     size?: tagSizes;
+    size_m?: tagSizes;
+    size_l?: tagSizes;
     children?: string | ReactNode;
     variant?: tagVariant;
-    width?: btnWidth;
+    width?: tagWidth;
     additionalClass?: string;
 }
-export type ComponentProps = MobileButtonProps & React.HTMLAttributes<HTMLDivElement>;
+export type ComponentProps = TagProps & React.HTMLAttributes<HTMLDivElement>;
 export {};

package/dist/components/Tag/ui/Tag.types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={red:"red",gray:"gray"};exports.TAG_VARIANTS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={red:"red",gray:"gray",shade:"shade"};exports.TAG_VARIANTS=e;

package/dist/main.d.ts

@@ -3,3 +3,5 @@ export { MobileButton } from './components/MobileButton';
 export { NewIcon } from './components/NewIcon';
 export { DestinationTab } from './components/DestinationTab';
 export { RoundButton } from './components/RoundButton';
+export { Tag } from './components/Tag';
+export { Switcher } from './components/Switcher';

package/dist/main.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/Button/ui/Button.js"),o=require("./components/MobileButton/ui/MobileButton.js"),n=require("./components/NewIcon/ui/NewIcon.js"),e=require("./components/DestinationTab/ui/DestinationTab.js"),u=require("./components/RoundButton/ui/RoundButton.js");exports.Button=t.Button;exports.MobileButton=o.MobileButton;exports.NewIcon=n.NewIcon;exports.DestinationTab=e.DestinationTab;exports.RoundButton=u.RoundButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/Button/ui/Button.js"),o=require("./components/MobileButton/ui/MobileButton.js"),n=require("./components/NewIcon/ui/NewIcon.js"),e=require("./components/DestinationTab/ui/DestinationTab.js"),i=require("./components/RoundButton/ui/RoundButton.js"),u=require("./components/Tag/ui/Tag.js"),c=require("./components/Switcher/ui/Switcher.js");exports.Button=t.Button;exports.MobileButton=o.MobileButton;exports.NewIcon=n.NewIcon;exports.DestinationTab=e.DestinationTab;exports.RoundButton=i.RoundButton;exports.Tag=u.Tag;exports.Switcher=c.Switcher;

package/dist/style.css

@@ -1 +1 @@
-._tagCommon_k1b5t_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_k1b5t_1:disabled{opacity:.2}._auto-width_k1b5t_16{width:auto}._full-width_k1b5t_20{width:100%}._medium-size_k1b5t_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_k1b5t_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_k1b5t_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_k1b5t_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._btnRound_4g1ag_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_4g1ag_1:disabled{opacity:.2}._small-size_4g1ag_14{width:32px;height:32px}._medium-size_4g1ag_19{width:40px;height:40px;padding:9px}._large-size_4g1ag_25{width:48px;height:48px;padding:11px}._whiteStroke_4g1ag_31{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_4g1ag_31:hover{border:1px solid #b1b5c3}._whiteStroke_4g1ag_31:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_4g1ag_43{width:32px;height:32px}._medium-size_m_4g1ag_47{width:40px;height:40px;padding:9px}._large-size_m_4g1ag_52{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_4g1ag_59{width:32px;height:32px}._medium-size_l_4g1ag_63{width:40px;height:40px;padding:9px}._large-size_l_4g1ag_68{width:48px;height:48px;padding:11px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._destination_26u6h_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px}._destination_26u6h_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_26u6h_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_26u6h_28{width:max-content}._full-width_26u6h_32{width:100%}._medium-size_26u6h_36{padding:9px 23px}._medium-size_26u6h_36 ._destinationName_26u6h_39{font-size:14px;line-height:20px;font-weight:500}._medium-size_26u6h_36 ._routeText_26u6h_44{font-size:12px;line-height:16px;font-weight:500}._large-size_26u6h_50{padding:11px 31px}._large-size_26u6h_50 ._destinationName_26u6h_39{font-size:16px;line-height:24px;font-weight:500}._large-size_26u6h_50 ._routeText_26u6h_44{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_26u6h_64{color:#353945;border:1px solid #f4f5f6}._whiteStroke_26u6h_64:hover{border:1px solid #b1b5c3}._whiteStroke_26u6h_64:active{background-color:#e6e8ec}._whiteStroke_26u6h_64 ._routeText_26u6h_44,._whiteStroke_26u6h_64 ._routeWrapper_26u6h_77{color:#777e90}._whiteStroke_26u6h_64:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_26u6h_64:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_26u6h_64:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_26u6h_64:has(input:checked) ._routeText_26u6h_44{color:#b1b5c3}._whiteStroke_26u6h_64:has(input:checked) ._routeWrapper_26u6h_77{color:#b1b5c3}._routeWrapper_26u6h_77{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_26u6h_108{padding:9px 23px}._medium-size_m_26u6h_108 ._destinationName_26u6h_39{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_26u6h_108 ._routeText_26u6h_44{font-size:12px;line-height:16px;font-weight:500}._large-size_m_26u6h_121{padding:11px 31px}._large-size_m_26u6h_121 ._destinationName_26u6h_39{font-size:16px;line-height:24px;font-weight:500}._large-size_m_26u6h_121 ._routeText_26u6h_44{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_26u6h_136{padding:9px 23px}._medium-size_l_26u6h_136 ._destinationName_26u6h_39{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_26u6h_136 ._routeText_26u6h_44{font-size:12px;line-height:16px;font-weight:500}._large-size_l_26u6h_149{padding:11px 31px}._large-size_l_26u6h_149 ._destinationName_26u6h_39{font-size:16px;line-height:24px;font-weight:500}._large-size_l_26u6h_149 ._routeText_26u6h_44{font-size:14px;line-height:20px;font-weight:500}}._btnCommon_11v5f_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_11v5f_1:disabled{opacity:.2}._auto-width_11v5f_18{width:max-content}._full-width_11v5f_22{width:100%}._tiny-size_11v5f_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_11v5f_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_11v5f_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_11v5f_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_11v5f_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_11v5f_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_11v5f_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_11v5f_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_11v5f_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_11v5f_72:active{background:#303519;border:1px solid #303519}._black_11v5f_86{background:#141416;border:1px solid #141416;color:#fff}._black_11v5f_86:hover{background:#23262f;border:1px solid #353945}._black_11v5f_86:active{background:#353945;border:1px solid #777e90}._gray_11v5f_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_11v5f_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_11v5f_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_11v5f_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_11v5f_114:hover{border:1px solid #b1b5c3}._whiteStroke_11v5f_114:active{border:1px solid #141416}._whiteFilled_11v5f_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_11v5f_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_11v5f_126:active{background:#f4f5f6;border:1px solid #f4f5f6}@keyframes _LoaderSpin_11v5f_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_11v5f_148{animation:_LoaderSpin_11v5f_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_11v5f_153{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_11v5f_160{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_11v5f_167{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_11v5f_174{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_11v5f_183{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_11v5f_190{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_11v5f_197{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_11v5f_204{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}
+._tagCommon_96we6_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_96we6_1:disabled{opacity:.2}._auto-width_96we6_16{width:max-content}._full-width_96we6_20{width:100%}._medium-size_96we6_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_96we6_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_96we6_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_96we6_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._shade_96we6_52{background:#141416cc;border:none;color:#fff}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}@media (min-width: 1024px){._tiny-size_m_96we6_67{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_m_96we6_74{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@media (min-width: 1440px){._tiny-size_l_96we6_89{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._medium-size_l_96we6_96{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._medium-size_96we6_24._shade_96we6_52{padding:10px 16px}._tiny-size_96we6_32._shade_96we6_52{padding:6px}}@keyframes _swiperForward_s9esa_1{0%{background:#b1b5c3;border:1px solid #b1b5c3}50%{background:#777e90;border:1px solid #777e90}to{background:#015ff9;border:1px solid #015ff9}}@keyframes _swiperBackward_s9esa_1{0%{background:#015ff9;border:1px solid #015ff9}50%{background:#024ac0;border:1px solid #024AC0}to{background:#b1b5c3;border:1px solid #b1b5c3}}._switcherWrapper_s9esa_29{display:flex;justify-content:space-between;align-items:center}._swiper_s9esa_35{position:relative;width:36px;height:20px;padding:1px;border-radius:50px;border:1px solid #b1b5c3;background:#b1b5c3;box-sizing:border-box;cursor:pointer}._swiperActive_s9esa_47{animation:_swiperForward_s9esa_1 .3s ease;animation-fill-mode:forwards}._swiperInactive_s9esa_52{animation:_swiperBackward_s9esa_1 .3s ease;animation-fill-mode:forwards}._swiperPoint_s9esa_57{position:relative;left:0;width:16px;height:16px;border-radius:50%;background:#fff;box-sizing:border-box;transition:all .3s ease;box-shadow:0 4px 4px #1414163d}._swiperPointActive_s9esa_69{left:16px}._btnRound_4g1ag_1{display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;box-sizing:border-box;cursor:pointer}._btnRound_4g1ag_1:disabled{opacity:.2}._small-size_4g1ag_14{width:32px;height:32px}._medium-size_4g1ag_19{width:40px;height:40px;padding:9px}._large-size_4g1ag_25{width:48px;height:48px;padding:11px}._whiteStroke_4g1ag_31{border:1px solid #e6e8ec;background-color:#fff}._whiteStroke_4g1ag_31:hover{border:1px solid #b1b5c3}._whiteStroke_4g1ag_31:active{border:1px solid #141416}@media (min-width: 1024px){._small-size_m_4g1ag_43{width:32px;height:32px}._medium-size_m_4g1ag_47{width:40px;height:40px;padding:9px}._large-size_m_4g1ag_52{width:48px;height:48px;padding:11px}}@media (min-width: 1440px){._small-size_l_4g1ag_59{width:32px;height:32px}._medium-size_l_4g1ag_63{width:40px;height:40px;padding:9px}._large-size_l_4g1ag_68{width:48px;height:48px;padding:11px}}._btnCommon_1act6_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_1act6_1:disabled{opacity:.2}._auto-width_1act6_18{width:auto}._full-width_1act6_22{width:100%}._small-size_1act6_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_1act6_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_1act6_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_1act6_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._auto-width_yxw8x_1{width:max-content}._full-width_yxw8x_5{width:100%}._inputWrapper_yxw8x_9{display:flex;gap:4px;border-radius:48px;padding:11px 23px;border:1px solid #b1b5c3}._inputWrapper_yxw8x_9 input{border:none;background:transparent}._inputWrapper_yxw8x_9 input:focus{outline:none}._inputWrapperPost_yxw8x_24{font-size:16px;line-height:24px;font-weight:400;padding:11px 12px 11px 23px}._inputWrapperPost_yxw8x_24 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}._light_yxw8x_34{background:#fff;border:1px solid #b1b5c3}._light_yxw8x_34 input{color:#141416}._light_yxw8x_34 input::placeholder{color:#b1b5c3}._light_yxw8x_34 span{color:#b1b5c3}._light_yxw8x_34:hover{border:1px solid #777e90}._light_yxw8x_34:has(input:focus){border:1px solid #141416}._light_yxw8x_34:has(input:disabled){background:#f4f5f6;border:1px solid #e6e8ec}._light_yxw8x_34:has(input:disabled) input{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) input::placeholder{color:#b1b5c3}._light_yxw8x_34:has(input:disabled) span{color:#b1b5c3}._dark_yxw8x_67{background:#23262f;border:1px solid #353945}._dark_yxw8x_67 input{color:#fff}._dark_yxw8x_67 input::placeholder{color:#777e90}._dark_yxw8x_67 span{color:#777e90}._dark_yxw8x_67:hover{border:1px solid #777e90}._dark_yxw8x_67:has(input:focus){border:1px solid #ffffff}._dark_yxw8x_67:has(input:disabled){background:#141416;border:1px solid #353945}._dark_yxw8x_67:has(input:disabled) input{color:#353945}._dark_yxw8x_67:has(input:disabled) input::placeholder{color:#353945}._dark_yxw8x_67:has(input:disabled) span{color:#353945}._dark_yxw8x_67:has(input:invalid){border:1px solid #ec5353}._inputWrapperError_yxw8x_103{border:1px solid #ec5353}._destination_1c7de_1{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:110px;cursor:pointer}._destination_1c7de_1 input{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}._destination_1c7de_1 span{display:block;width:8px;height:8px;border-radius:50%}._auto-width_1c7de_29{width:max-content}._full-width_1c7de_33{width:100%}._medium-size_1c7de_37{padding:9px 23px}._medium-size_1c7de_37 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_1c7de_37 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_1c7de_51{padding:11px 31px}._large-size_1c7de_51 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_1c7de_51 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}._whiteStroke_1c7de_65{color:#353945;border:1px solid #f4f5f6}._whiteStroke_1c7de_65:hover{border:1px solid #b1b5c3}._whiteStroke_1c7de_65:active{background-color:#e6e8ec}._whiteStroke_1c7de_65 ._routeText_1c7de_45,._whiteStroke_1c7de_65 ._routeWrapper_1c7de_78{color:#777e90}._whiteStroke_1c7de_65:has(input:checked){border:1px solid #141416;background-color:#141416;color:#fff}._whiteStroke_1c7de_65:has(input:checked):hover{border:1px solid #353945;background-color:#23262f}._whiteStroke_1c7de_65:has(input:checked):active{background-color:#353945;border:1px solid #777E90}._whiteStroke_1c7de_65:has(input:checked) ._routeText_1c7de_45{color:#b1b5c3}._whiteStroke_1c7de_65:has(input:checked) ._routeWrapper_1c7de_78{color:#b1b5c3}._routeWrapper_1c7de_78{display:flex;gap:4px;justify-content:space-between;align-items:center}@media (min-width: 1024px){._medium-size_m_1c7de_109{padding:9px 23px}._medium-size_m_1c7de_109 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_m_1c7de_109 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_m_1c7de_122{padding:11px 31px}._large-size_m_1c7de_122 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_m_1c7de_122 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}@media (min-width: 1440px){._medium-size_l_1c7de_137{padding:9px 23px}._medium-size_l_1c7de_137 ._destinationName_1c7de_40{font-size:14px;line-height:20px;font-weight:500}._medium-size_l_1c7de_137 ._routeText_1c7de_45{font-size:12px;line-height:16px;font-weight:500}._large-size_l_1c7de_150{padding:11px 31px}._large-size_l_1c7de_150 ._destinationName_1c7de_40{font-size:16px;line-height:24px;font-weight:500}._large-size_l_1c7de_150 ._routeText_1c7de_45{font-size:14px;line-height:20px;font-weight:500}}._btnCommon_2h1hm_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;text-decoration:none;cursor:pointer}._btnCommon_2h1hm_1:disabled{opacity:.2}._auto-width_2h1hm_18{width:max-content}._full-width_2h1hm_22{width:100%}._tiny-size_2h1hm_26{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_2h1hm_34{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_2h1hm_42{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_2h1hm_50{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._blue_2h1hm_58{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_2h1hm_58:hover{background:#024ac0;border:1px solid #024ac0}._blue_2h1hm_58:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_2h1hm_72{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_2h1hm_72:hover{background:#494f29;border:1px solid #494f29}._sokolniki_2h1hm_72:active{background:#303519;border:1px solid #303519}._black_2h1hm_86{background:#141416;border:1px solid #141416;color:#fff}._black_2h1hm_86:hover{background:#23262f;border:1px solid #353945}._black_2h1hm_86:active{background:#353945;border:1px solid #777e90}._gray_2h1hm_100{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_2h1hm_100:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_2h1hm_100:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_2h1hm_114{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_2h1hm_114:hover{border:1px solid #b1b5c3}._whiteStroke_2h1hm_114:active{border:1px solid #141416}._whiteFilled_2h1hm_126{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_2h1hm_126:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_2h1hm_126:active{background:#f4f5f6;border:1px solid #f4f5f6}._shade_2h1hm_140{background:#23262f;border:1px solid #23262F;color:#fff}@keyframes _LoaderSpin_2h1hm_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_2h1hm_154{animation:_LoaderSpin_2h1hm_1 1.4s infinite linear}@media (min-width: 1024px){._tiny-size_m_2h1hm_159{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_m_2h1hm_166{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_m_2h1hm_173{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_m_2h1hm_180{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}@media (min-width: 1440px){._tiny-size_l_2h1hm_189{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._small-size_l_2h1hm_196{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._medium-size_l_2h1hm_203{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._large-size_l_2h1hm_210{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}}

package/package.json

@@ -2,7 +2,7 @@
 	"name": "stone-kit",
 	"description": "uikit for redesign",
 	"private": false,
-	"version": "0.0.20",
+	"version": "0.0.22",
 	"author": "Mollycodd1e",
 	"license": "ISC",
 	"type": "module",