stone-kit 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1 @@
1
- import { default as Button } from './ui/Button';
2
-
3
- export { Button };
1
+ export { Button } from './ui/Button';
@@ -1,4 +1,4 @@
1
- import { default as a } from "./ui/Button.js";
1
+ import { Button as r } from "./ui/Button.js";
2
2
  export {
3
- a as Button
3
+ r as Button
4
4
  };
@@ -1,5 +1,4 @@
1
1
  import { default as React } from 'react';
2
2
  import { ComponentProps } from './Button.types';
3
3
 
4
- declare const Button: ({ size, pre, children, post, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
5
- export default Button;
4
+ export declare const Button: ({ size, pre, children, post, variant, width, additionalClass, isLoading, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
@@ -1,111 +1,96 @@
1
- import { jsxs as _, jsx as a } from "react/jsx-runtime";
2
- function b(e) {
3
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
- }
5
- var f = { exports: {} };
6
- /*!
7
- Copyright (c) 2018 Jed Watson.
8
- Licensed under the MIT License (MIT), see
9
- http://jedwatson.github.io/classnames
10
- */
11
- (function(e) {
12
- (function() {
13
- var i = {}.hasOwnProperty;
14
- function c() {
15
- for (var t = "", n = 0; n < arguments.length; n++) {
16
- var o = arguments[n];
17
- o && (t = l(t, r(o)));
18
- }
19
- return t;
20
- }
21
- function r(t) {
22
- if (typeof t == "string" || typeof t == "number")
23
- return t;
24
- if (typeof t != "object")
25
- return "";
26
- if (Array.isArray(t))
27
- return c.apply(null, t);
28
- if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
29
- return t.toString();
30
- var n = "";
31
- for (var o in t)
32
- i.call(t, o) && t[o] && (n = l(n, o));
33
- return n;
34
- }
35
- function l(t, n) {
36
- return n ? t ? t + " " + n : t + n : t;
37
- }
38
- e.exports ? (c.default = c, e.exports = c) : window.classNames = c;
39
- })();
40
- })(f);
41
- var d = f.exports;
42
- const h = /* @__PURE__ */ b(d), w = "_btnCommon_4cp41_1", k = "_blue_4cp41_57", y = "_sokolniki_4cp41_71", z = "_black_4cp41_85", x = "_gray_4cp41_99", S = "_whiteStroke_4cp41_113", $ = "_whiteFilled_4cp41_125", s = {
1
+ import { jsxs as _, jsx as n, Fragment as d } from "react/jsx-runtime";
2
+ import { c as k } from "../../../index-DIxK0V-G.js";
3
+ import { NewIcon as h } from "../../NewIcon/ui/NewIcon.js";
4
+ const w = "_btnCommon_15ot8_1", z = "_blue_15ot8_57", $ = "_sokolniki_15ot8_71", C = "_black_15ot8_85", S = "_gray_15ot8_99", y = "_whiteStroke_15ot8_113", g = "_whiteFilled_15ot8_125", x = "_loader_15ot8_147", F = "_LoaderSpin_15ot8_1", o = {
43
5
  btnCommon: w,
44
- "auto-width": "_auto-width_4cp41_17",
45
- "full-width": "_full-width_4cp41_21",
46
- "l-size": "_l-size_4cp41_25",
47
- "m-size": "_m-size_4cp41_33",
48
- "s-size": "_s-size_4cp41_41",
49
- "xs-size": "_xs-size_4cp41_49",
50
- blue: k,
51
- sokolniki: y,
52
- black: z,
53
- gray: x,
54
- whiteStroke: S,
55
- whiteFilled: $
56
- }, u = h.bind(s), N = ({
57
- size: e = "l",
58
- pre: i = !1,
59
- children: c = "",
60
- post: r = !1,
61
- variant: l = "blue",
62
- width: t = "auto",
63
- additionalClass: n,
64
- ...o
6
+ "auto-width": "_auto-width_15ot8_17",
7
+ "full-width": "_full-width_15ot8_21",
8
+ "large-size": "_large-size_15ot8_25",
9
+ "medium-size": "_medium-size_15ot8_33",
10
+ "small-size": "_small-size_15ot8_41",
11
+ "tiny-size": "_tiny-size_15ot8_49",
12
+ blue: z,
13
+ sokolniki: $,
14
+ black: C,
15
+ gray: S,
16
+ whiteStroke: y,
17
+ whiteFilled: g,
18
+ loader: x,
19
+ LoaderSpin: F
20
+ }, b = k.bind(o), A = ({
21
+ size: i = "large",
22
+ pre: t = !1,
23
+ children: a = "",
24
+ post: e = !1,
25
+ variant: r = "blue",
26
+ width: c = "auto",
27
+ additionalClass: m,
28
+ isLoading: l = !1,
29
+ ...s
65
30
  }) => {
66
- if (o.as === "link") {
67
- const { as: C, ...p } = o;
31
+ if (s.as === "link") {
32
+ const { as: I, ...u } = s;
68
33
  return /* @__PURE__ */ _(
69
34
  "a",
70
35
  {
71
- className: u(
72
- s.btnCommon,
73
- s[`${e}-size`],
74
- s[`${l}`],
75
- { [s.btnCommonInline]: i || r },
76
- s[`${t}-width`],
77
- `${n ?? ""}`
36
+ className: b(
37
+ o.btnCommon,
38
+ o[`${i}-size`],
39
+ o[`${r}`],
40
+ { [o.btnCommonInline]: t || e },
41
+ o[`${c}-width`],
42
+ `${m ?? ""}`
78
43
  ),
79
- ...p,
44
+ ...u,
80
45
  children: [
81
- i && /* @__PURE__ */ a("span", { children: i }),
82
- c,
83
- r && /* @__PURE__ */ a("span", { children: r })
46
+ l && /* @__PURE__ */ n(
47
+ h,
48
+ {
49
+ name: "loader",
50
+ color: "#fff"
51
+ }
52
+ ),
53
+ !l && /* @__PURE__ */ _(d, { children: [
54
+ t && /* @__PURE__ */ n("span", { children: t }),
55
+ a,
56
+ e && /* @__PURE__ */ n("span", { children: e })
57
+ ] })
84
58
  ]
85
59
  }
86
60
  );
87
61
  }
88
- const { as: j, ...m } = o;
62
+ const { as: N, ...f } = s;
89
63
  return /* @__PURE__ */ _(
90
64
  "button",
91
65
  {
92
- className: u(
93
- s.btnCommon,
94
- s[`${e}-size`],
95
- s[`${l}`],
96
- { [s.btnCommonInline]: i || r },
97
- s[`${t}-width`],
98
- `${n ?? ""}`
66
+ className: b(
67
+ o.btnCommon,
68
+ o[`${i}-size`],
69
+ o[`${r}`],
70
+ { [o.btnCommonInline]: t || e },
71
+ o[`${c}-width`],
72
+ `${m ?? ""}`
99
73
  ),
100
- ...m,
74
+ ...f,
101
75
  children: [
102
- i && /* @__PURE__ */ a("span", { children: i }),
103
- c,
104
- r && /* @__PURE__ */ a("span", { children: r })
76
+ l && /* @__PURE__ */ n(
77
+ h,
78
+ {
79
+ name: "loader",
80
+ size: "24",
81
+ color: "#fff",
82
+ addClass: o.loader
83
+ }
84
+ ),
85
+ !l && /* @__PURE__ */ _(d, { children: [
86
+ t && /* @__PURE__ */ n("span", { children: t }),
87
+ a,
88
+ e && /* @__PURE__ */ n("span", { children: e })
89
+ ] })
105
90
  ]
106
91
  }
107
92
  );
108
93
  };
109
94
  export {
110
- N as default
95
+ A as Button
111
96
  };
@@ -10,14 +10,16 @@ export declare const BUTTON_VARIANTS: {
10
10
  whiteFilled: string;
11
11
  };
12
12
  export type btnVariant = keyof typeof BUTTON_VARIANTS;
13
+ type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
13
14
  interface ButtonProps {
14
- size?: string;
15
+ size?: btnSizes;
15
16
  pre?: ReactNode;
16
17
  post?: ReactNode;
17
18
  children?: string;
18
19
  variant?: btnVariant;
19
20
  width?: btnWidth;
20
21
  additionalClass?: string;
22
+ isLoading?: boolean;
21
23
  as?: 'button' | 'link';
22
24
  }
23
25
  export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -0,0 +1 @@
1
+ export { MobileButton } from './ui/MobileButton.tsx';
@@ -0,0 +1,4 @@
1
+ import { MobileButton as e } from "./ui/MobileButton.js";
2
+ export {
3
+ e as MobileButton
4
+ };
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ import { ComponentProps } from './MobileButton.types.ts';
3
+
4
+ export declare const MobileButton: ({ size, pre, children, post, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
5
+ export default MobileButton;
@@ -0,0 +1,65 @@
1
+ import { jsxs as u, jsx as s } from "react/jsx-runtime";
2
+ import { c as f } from "../../../index-DIxK0V-G.js";
3
+ const b = "_btnCommon_uvpf8_1", w = "_whiteFilled_uvpf8_34", n = {
4
+ btnCommon: b,
5
+ "auto-width": "_auto-width_uvpf8_18",
6
+ "full-width": "_full-width_uvpf8_22",
7
+ "small-size": "_small-size_uvpf8_26",
8
+ whiteFilled: w
9
+ }, _ = f.bind(n), x = ({
10
+ size: e = "small",
11
+ pre: l = !1,
12
+ children: m = "",
13
+ post: t = !1,
14
+ variant: o = "whiteFilled",
15
+ width: a = "auto",
16
+ additionalClass: c,
17
+ ...i
18
+ }) => {
19
+ if (i.as === "link") {
20
+ const { as: $, ...h } = i;
21
+ return /* @__PURE__ */ u(
22
+ "a",
23
+ {
24
+ className: _(
25
+ n.btnCommon,
26
+ n[`${e}-size`],
27
+ n[`${o}`],
28
+ { [n.btnCommonInline]: l || t },
29
+ n[`${a}-width`],
30
+ `${c ?? ""}`
31
+ ),
32
+ ...h,
33
+ children: [
34
+ l && /* @__PURE__ */ s("span", { children: l }),
35
+ m,
36
+ t && /* @__PURE__ */ s("span", { children: t })
37
+ ]
38
+ }
39
+ );
40
+ }
41
+ const { as: r, ...d } = i;
42
+ return /* @__PURE__ */ u(
43
+ "button",
44
+ {
45
+ className: _(
46
+ n.btnCommon,
47
+ n[`${e}-size`],
48
+ n[`${o}`],
49
+ { [n.btnCommonInline]: l || t },
50
+ n[`${a}-width`],
51
+ `${c ?? ""}`
52
+ ),
53
+ ...d,
54
+ children: [
55
+ l && /* @__PURE__ */ s("span", { children: l }),
56
+ m,
57
+ t && /* @__PURE__ */ s("span", { children: t })
58
+ ]
59
+ }
60
+ );
61
+ };
62
+ export {
63
+ x as MobileButton,
64
+ x as default
65
+ };
@@ -0,0 +1,24 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type btnWidth = 'auto' | 'full';
4
+ export declare const MOBILE_BUTTON_VARIANTS: {
5
+ whiteFilled: string;
6
+ };
7
+ export type mobileBtnVariant = keyof typeof MOBILE_BUTTON_VARIANTS;
8
+ type btnSizes = 'small';
9
+ interface MobileButtonProps {
10
+ size?: btnSizes;
11
+ pre?: ReactNode;
12
+ post?: ReactNode;
13
+ children?: string;
14
+ variant?: mobileBtnVariant;
15
+ width?: btnWidth;
16
+ additionalClass?: string;
17
+ as?: 'button' | 'link';
18
+ }
19
+ export type ComponentProps = MobileButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
20
+ as?: 'button';
21
+ }) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
22
+ as: 'link';
23
+ } & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
24
+ export {};
@@ -0,0 +1,6 @@
1
+ const e = {
2
+ whiteFilled: "whiteFilled"
3
+ };
4
+ export {
5
+ e as MOBILE_BUTTON_VARIANTS
6
+ };
@@ -0,0 +1 @@
1
+ export { NewIcon } from './ui/NewIcon';
@@ -0,0 +1,4 @@
1
+ import { NewIcon as r } from "./ui/NewIcon.js";
2
+ export {
3
+ r as NewIcon
4
+ };
@@ -0,0 +1,8 @@
1
+ type IconComponentProps = {
2
+ name: string;
3
+ size?: string;
4
+ color?: string;
5
+ addClass?: string;
6
+ };
7
+ export declare const NewIcon: ({ name, size, color, addClass }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,21 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import * as n from "react";
3
+ import { forwardRef as s } from "react";
4
+ const l = ({
5
+ title: o,
6
+ titleId: e,
7
+ ...r
8
+ }, t) => /* @__PURE__ */ n.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ref: t, "aria-labelledby": e, ...r }, o ? /* @__PURE__ */ n.createElement("title", { id: e }, o) : null, /* @__PURE__ */ n.createElement("path", { d: "M11.9999 2V6.44444M19.071 4.92893L15.9283 8.07163M22 12.0002H17.5555M19.071 19.071L15.9283 15.9283M11.9999 17.5556V22M8.07154 15.9284L4.92883 19.0711M6.44446 12.0002H2", stroke: "currentColor", strokeLinecap: "round" })), m = s(l), p = { loader: () => /* @__PURE__ */ a(m, {}) }, w = ({ name: o, size: e = "24", color: r, addClass: t }) => {
9
+ const c = p[o];
10
+ return /* @__PURE__ */ a(
11
+ "div",
12
+ {
13
+ style: { color: r, width: e + "px", height: e + "px" },
14
+ className: t ?? "",
15
+ children: /* @__PURE__ */ a(c, {})
16
+ }
17
+ );
18
+ };
19
+ export {
20
+ w as NewIcon
21
+ };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export type ReactSVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ }>;
5
+ declare module "*.svg" {
6
+ const ReactComponent: ReactSVGComponent;
7
+ const src: string;
8
+ }
@@ -0,0 +1 @@
1
+ export { Tag } from './ui/Tag';
@@ -0,0 +1,4 @@
1
+ import { Tag as a } from "./ui/Tag.js";
2
+ export {
3
+ a as Tag
4
+ };
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { ComponentProps } from './Tag.types';
3
+
4
+ export declare const Tag: ({ size, children, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,34 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { c as n } from "../../../index-DIxK0V-G.js";
3
+ const r = "_tagCommon_k1b5t_1", d = "_red_k1b5t_40", c = "_gray_k1b5t_46", t = {
4
+ tagCommon: r,
5
+ "auto-width": "_auto-width_k1b5t_16",
6
+ "full-width": "_full-width_k1b5t_20",
7
+ "medium-size": "_medium-size_k1b5t_24",
8
+ "tiny-size": "_tiny-size_k1b5t_32",
9
+ red: d,
10
+ gray: c
11
+ }, g = n.bind(t), k = ({
12
+ size: o = "medium",
13
+ children: _ = "",
14
+ variant: m = "gray",
15
+ width: i = "auto",
16
+ additionalClass: s,
17
+ ...a
18
+ }) => /* @__PURE__ */ e(
19
+ "div",
20
+ {
21
+ className: g(
22
+ t.tagCommon,
23
+ t[`${o}-size`],
24
+ t[`${m}`],
25
+ t[`${i}-width`],
26
+ `${s ?? ""}`
27
+ ),
28
+ ...a,
29
+ children: _
30
+ }
31
+ );
32
+ export {
33
+ k as Tag
34
+ };
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type btnWidth = 'auto' | 'full';
4
+ export declare const TAG_VARIANTS: {
5
+ red: string;
6
+ gray: string;
7
+ };
8
+ export type tagVariant = keyof typeof TAG_VARIANTS;
9
+ type tagSizes = 'medium' | 'tiny';
10
+ interface MobileButtonProps {
11
+ size?: tagSizes;
12
+ children?: string | ReactNode;
13
+ variant?: tagVariant;
14
+ width?: btnWidth;
15
+ additionalClass?: string;
16
+ }
17
+ export type ComponentProps = MobileButtonProps & React.HTMLAttributes<HTMLDivElement>;
18
+ export {};
@@ -0,0 +1,7 @@
1
+ const r = {
2
+ red: "red",
3
+ gray: "gray"
4
+ };
5
+ export {
6
+ r as TAG_VARIANTS
7
+ };
@@ -0,0 +1,44 @@
1
+ function u(e) {
2
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
3
+ }
4
+ var f = { exports: {} };
5
+ /*!
6
+ Copyright (c) 2018 Jed Watson.
7
+ Licensed under the MIT License (MIT), see
8
+ http://jedwatson.github.io/classnames
9
+ */
10
+ (function(e) {
11
+ (function() {
12
+ var i = {}.hasOwnProperty;
13
+ function s() {
14
+ for (var t = "", r = 0; r < arguments.length; r++) {
15
+ var n = arguments[r];
16
+ n && (t = o(t, a(n)));
17
+ }
18
+ return t;
19
+ }
20
+ function a(t) {
21
+ if (typeof t == "string" || typeof t == "number")
22
+ return t;
23
+ if (typeof t != "object")
24
+ return "";
25
+ if (Array.isArray(t))
26
+ return s.apply(null, t);
27
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
28
+ return t.toString();
29
+ var r = "";
30
+ for (var n in t)
31
+ i.call(t, n) && t[n] && (r = o(r, n));
32
+ return r;
33
+ }
34
+ function o(t, r) {
35
+ return r ? t ? t + " " + r : t + r : t;
36
+ }
37
+ e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
38
+ })();
39
+ })(f);
40
+ var c = f.exports;
41
+ const p = /* @__PURE__ */ u(c);
42
+ export {
43
+ p as c
44
+ };
package/dist/main.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export { Button } from './components/Button';
2
+ export { MobileButton } from './components/MobileButton';
3
+ export { NewIcon } from './components/NewIcon';
package/dist/main.js CHANGED
@@ -1,4 +1,8 @@
1
- import { default as a } from "./components/Button/ui/Button.js";
1
+ import { Button as r } from "./components/Button/ui/Button.js";
2
+ import { MobileButton as f } from "./components/MobileButton/ui/MobileButton.js";
3
+ import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
2
4
  export {
3
- a as Button
5
+ r as Button,
6
+ f as MobileButton,
7
+ n as NewIcon
4
8
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- ._btnCommon_4cp41_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;cursor:pointer}._btnCommon_4cp41_1:disabled{opacity:.2}._auto-width_4cp41_17{width:auto}._full-width_4cp41_21{width:100%}._l-size_4cp41_25{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._m-size_4cp41_33{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._s-size_4cp41_41{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._xs-size_4cp41_49{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._blue_4cp41_57{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_4cp41_57:hover,._blue_4cp41_57:focus{background:#024ac0;border:1px solid #024ac0}._blue_4cp41_57:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_4cp41_71{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_4cp41_71:hover,._sokolniki_4cp41_71:focus{background:#494f29;border:1px solid #494f29}._sokolniki_4cp41_71:active{background:#303519;border:1px solid #303519}._black_4cp41_85{background:#141416;border:1px solid #141416;color:#fff}._black_4cp41_85:hover,._black_4cp41_85:focus{background:#23262f;border:1px solid #353945}._black_4cp41_85:active{background:#353945;border:1px solid #777e90}._gray_4cp41_99{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_4cp41_99:hover,._gray_4cp41_99:focus{background:#f4f5f6;border:1px solid #b1b5c3}._gray_4cp41_99:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_4cp41_113{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_4cp41_113:hover,._whiteStroke_4cp41_113:focus{border:1px solid #b1b5c3}._whiteStroke_4cp41_113:active{border:1px solid #141416}._whiteFilled_4cp41_125{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_4cp41_125:hover,._whiteFilled_4cp41_125:focus{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_4cp41_125:active{background:#f4f5f6;border:1px solid #f4f5f6}
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}._btnCommon_uvpf8_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_uvpf8_1:disabled{opacity:.2}._auto-width_uvpf8_18{width:auto}._full-width_uvpf8_22{width:100%}._small-size_uvpf8_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_uvpf8_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_uvpf8_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_uvpf8_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._btnCommon_15ot8_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;cursor:pointer}._btnCommon_15ot8_1:disabled{opacity:.2}._auto-width_15ot8_17{width:auto}._full-width_15ot8_21{width:100%}._large-size_15ot8_25{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._medium-size_15ot8_33{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._small-size_15ot8_41{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._tiny-size_15ot8_49{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._blue_15ot8_57{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_15ot8_57:hover{background:#024ac0;border:1px solid #024ac0}._blue_15ot8_57:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_15ot8_71{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_15ot8_71:hover{background:#494f29;border:1px solid #494f29}._sokolniki_15ot8_71:active{background:#303519;border:1px solid #303519}._black_15ot8_85{background:#141416;border:1px solid #141416;color:#fff}._black_15ot8_85:hover{background:#23262f;border:1px solid #353945}._black_15ot8_85:active{background:#353945;border:1px solid #777e90}._gray_15ot8_99{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_15ot8_99:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_15ot8_99:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_15ot8_113{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_15ot8_113:hover{border:1px solid #b1b5c3}._whiteStroke_15ot8_113:active{border:1px solid #141416}._whiteFilled_15ot8_125{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_15ot8_125:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_15ot8_125:active{background:#f4f5f6;border:1px solid #f4f5f6}@keyframes _LoaderSpin_15ot8_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_15ot8_147{animation:_LoaderSpin_15ot8_1 1.4s infinite linear}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "stone-kit",
3
3
  "description": "uikit for redesign",
4
4
  "private": false,
5
- "version": "0.0.16",
5
+ "version": "0.0.17",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",