stone-kit 0.0.15 → 0.0.17

package/README.md

@@ -1,17 +1,59 @@
-<pre>
-<code>
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
 npm i stone-kit@latest
-</code>
-</pre>
+```
+
+## Usage
 
-<pre>
-<code>
- import {Button} from 'stone-kit'
-</code>
-</pre>
+For Next.js page router in App.tsx:
 
-<pre>
-<code>
+```bash
 import 'stone-kit/dist/style.css'
-</code>
-</pre>
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag

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

@@ -1,3 +1 @@
-import { default as Button } from './ui/Button';
-
-export { Button };
+export { Button } from './ui/Button';

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { default as a } from "./ui/Button.js";
+import { Button as r } from "./ui/Button.js";
 export {
-  a as Button
+  r as Button
 };

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

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

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

@@ -1,111 +1,96 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-function b(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var f = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var i = {}.hasOwnProperty;
-    function c() {
-      for (var t = "", n = 0; n < arguments.length; n++) {
-        var o = arguments[n];
-        o && (t = l(t, r(o)));
-      }
-      return t;
-    }
-    function r(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return c.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var n = "";
-      for (var o in t)
-        i.call(t, o) && t[o] && (n = l(n, o));
-      return n;
-    }
-    function l(t, n) {
-      return n ? t ? t + " " + n : t + n : t;
-    }
-    e.exports ? (c.default = c, e.exports = c) : window.classNames = c;
-  })();
-})(f);
-var d = f.exports;
-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 = {
+import { jsxs as _, jsx as n, Fragment as d } from "react/jsx-runtime";
+import { c as k } from "../../../index-DIxK0V-G.js";
+import { NewIcon as h } from "../../NewIcon/ui/NewIcon.js";
+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 = {
   btnCommon: w,
-  "auto-width": "_auto-width_4cp41_17",
-  "full-width": "_full-width_4cp41_21",
-  "l-size": "_l-size_4cp41_25",
-  "m-size": "_m-size_4cp41_33",
-  "s-size": "_s-size_4cp41_41",
-  "xs-size": "_xs-size_4cp41_49",
-  blue: k,
-  sokolniki: y,
-  black: z,
-  gray: x,
-  whiteStroke: S,
-  whiteFilled: $
-}, u = h.bind(s), N = ({
-  size: e = "l",
-  pre: i = !1,
-  children: c = "",
-  post: r = !1,
-  variant: l = "blue",
-  width: t = "auto",
-  additionalClass: n,
-  ...o
+  "auto-width": "_auto-width_15ot8_17",
+  "full-width": "_full-width_15ot8_21",
+  "large-size": "_large-size_15ot8_25",
+  "medium-size": "_medium-size_15ot8_33",
+  "small-size": "_small-size_15ot8_41",
+  "tiny-size": "_tiny-size_15ot8_49",
+  blue: z,
+  sokolniki: $,
+  black: C,
+  gray: S,
+  whiteStroke: y,
+  whiteFilled: g,
+  loader: x,
+  LoaderSpin: F
+}, b = k.bind(o), A = ({
+  size: i = "large",
+  pre: t = !1,
+  children: a = "",
+  post: e = !1,
+  variant: r = "blue",
+  width: c = "auto",
+  additionalClass: m,
+  isLoading: l = !1,
+  ...s
 }) => {
-  if (o.as === "link") {
-    const { as: C, ...p } = o;
+  if (s.as === "link") {
+    const { as: I, ...u } = s;
     return /* @__PURE__ */ _(
       "a",
       {
-        className: u(
-          s.btnCommon,
-          s[`${e}-size`],
-          s[`${l}`],
-          { [s.btnCommonInline]: i || r },
-          s[`${t}-width`],
-          `${n ?? ""}`
+        className: b(
+          o.btnCommon,
+          o[`${i}-size`],
+          o[`${r}`],
+          { [o.btnCommonInline]: t || e },
+          o[`${c}-width`],
+          `${m ?? ""}`
         ),
-        ...p,
+        ...u,
         children: [
-          i && /* @__PURE__ */ a("span", { children: i }),
-          c,
-          r && /* @__PURE__ */ a("span", { children: r })
+          l && /* @__PURE__ */ n(
+            h,
+            {
+              name: "loader",
+              color: "#fff"
+            }
+          ),
+          !l && /* @__PURE__ */ _(d, { children: [
+            t && /* @__PURE__ */ n("span", { children: t }),
+            a,
+            e && /* @__PURE__ */ n("span", { children: e })
+          ] })
         ]
       }
     );
   }
-  const { as: j, ...m } = o;
+  const { as: N, ...f } = s;
   return /* @__PURE__ */ _(
     "button",
     {
-      className: u(
-        s.btnCommon,
-        s[`${e}-size`],
-        s[`${l}`],
-        { [s.btnCommonInline]: i || r },
-        s[`${t}-width`],
-        `${n ?? ""}`
+      className: b(
+        o.btnCommon,
+        o[`${i}-size`],
+        o[`${r}`],
+        { [o.btnCommonInline]: t || e },
+        o[`${c}-width`],
+        `${m ?? ""}`
       ),
-      ...m,
+      ...f,
       children: [
-        i && /* @__PURE__ */ a("span", { children: i }),
-        c,
-        r && /* @__PURE__ */ a("span", { children: r })
+        l && /* @__PURE__ */ n(
+          h,
+          {
+            name: "loader",
+            size: "24",
+            color: "#fff",
+            addClass: o.loader
+          }
+        ),
+        !l && /* @__PURE__ */ _(d, { children: [
+          t && /* @__PURE__ */ n("span", { children: t }),
+          a,
+          e && /* @__PURE__ */ n("span", { children: e })
+        ] })
       ]
     }
   );
 };
 export {
-  N as default
+  A as Button
 };

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

@@ -10,14 +10,16 @@ export declare const BUTTON_VARIANTS: {
     whiteFilled: string;
 };
 export type btnVariant = keyof typeof BUTTON_VARIANTS;
+type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
 interface ButtonProps {
-    size?: string;
+    size?: btnSizes;
     pre?: ReactNode;
     post?: ReactNode;
     children?: string;
     variant?: btnVariant;
     width?: btnWidth;
     additionalClass?: string;
+    isLoading?: boolean;
     as?: 'button' | 'link';
 }
 export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {

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

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

package/dist/components/MobileButton/index.js

@@ -0,0 +1,4 @@
+import { MobileButton as e } from "./ui/MobileButton.js";
+export {
+  e as MobileButton
+};

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

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

package/dist/components/MobileButton/ui/MobileButton.js

@@ -0,0 +1,65 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { c as f } from "../../../index-DIxK0V-G.js";
+const b = "_btnCommon_uvpf8_1", w = "_whiteFilled_uvpf8_34", n = {
+  btnCommon: b,
+  "auto-width": "_auto-width_uvpf8_18",
+  "full-width": "_full-width_uvpf8_22",
+  "small-size": "_small-size_uvpf8_26",
+  whiteFilled: w
+}, _ = f.bind(n), x = ({
+  size: e = "small",
+  pre: l = !1,
+  children: m = "",
+  post: t = !1,
+  variant: o = "whiteFilled",
+  width: a = "auto",
+  additionalClass: c,
+  ...i
+}) => {
+  if (i.as === "link") {
+    const { as: $, ...h } = i;
+    return /* @__PURE__ */ u(
+      "a",
+      {
+        className: _(
+          n.btnCommon,
+          n[`${e}-size`],
+          n[`${o}`],
+          { [n.btnCommonInline]: l || t },
+          n[`${a}-width`],
+          `${c ?? ""}`
+        ),
+        ...h,
+        children: [
+          l && /* @__PURE__ */ s("span", { children: l }),
+          m,
+          t && /* @__PURE__ */ s("span", { children: t })
+        ]
+      }
+    );
+  }
+  const { as: r, ...d } = i;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      className: _(
+        n.btnCommon,
+        n[`${e}-size`],
+        n[`${o}`],
+        { [n.btnCommonInline]: l || t },
+        n[`${a}-width`],
+        `${c ?? ""}`
+      ),
+      ...d,
+      children: [
+        l && /* @__PURE__ */ s("span", { children: l }),
+        m,
+        t && /* @__PURE__ */ s("span", { children: t })
+      ]
+    }
+  );
+};
+export {
+  x as MobileButton,
+  x as default
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+
+type btnWidth = 'auto' | 'full';
+export declare const MOBILE_BUTTON_VARIANTS: {
+    whiteFilled: string;
+};
+export type mobileBtnVariant = keyof typeof MOBILE_BUTTON_VARIANTS;
+type btnSizes = 'small';
+interface MobileButtonProps {
+    size?: btnSizes;
+    pre?: ReactNode;
+    post?: ReactNode;
+    children?: string;
+    variant?: mobileBtnVariant;
+    width?: btnWidth;
+    additionalClass?: string;
+    as?: 'button' | 'link';
+}
+export type ComponentProps = MobileButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: 'button';
+}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: 'link';
+} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
+export {};

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

@@ -0,0 +1,6 @@
+const e = {
+  whiteFilled: "whiteFilled"
+};
+export {
+  e as MOBILE_BUTTON_VARIANTS
+};

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

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

package/dist/components/NewIcon/index.js

@@ -0,0 +1,4 @@
+import { NewIcon as r } from "./ui/NewIcon.js";
+export {
+  r as NewIcon
+};

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

@@ -0,0 +1,8 @@
+type IconComponentProps = {
+    name: string;
+    size?: string;
+    color?: string;
+    addClass?: string;
+};
+export declare const NewIcon: ({ name, size, color, addClass }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/NewIcon/ui/NewIcon.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as n from "react";
+import { forwardRef as s } from "react";
+const l = ({
+  title: o,
+  titleId: e,
+  ...r
+}, 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 }) => {
+  const c = p[o];
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: { color: r, width: e + "px", height: e + "px" },
+      className: t ?? "",
+      children: /* @__PURE__ */ a(c, {})
+    }
+  );
+};
+export {
+  w as NewIcon
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ReactSVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+declare module "*.svg" {
+    const ReactComponent: ReactSVGComponent;
+    const src: string;
+}

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/Tag/index.js

@@ -0,0 +1,4 @@
+import { Tag as a } from "./ui/Tag.js";
+export {
+  a as Tag
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,34 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../../index-DIxK0V-G.js";
+const r = "_tagCommon_k1b5t_1", d = "_red_k1b5t_40", c = "_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: c
+}, g = n.bind(t), k = ({
+  size: o = "medium",
+  children: _ = "",
+  variant: m = "gray",
+  width: i = "auto",
+  additionalClass: s,
+  ...a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: g(
+      t.tagCommon,
+      t[`${o}-size`],
+      t[`${m}`],
+      t[`${i}-width`],
+      `${s ?? ""}`
+    ),
+    ...a,
+    children: _
+  }
+);
+export {
+  k as Tag
+};

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

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

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

@@ -0,0 +1,7 @@
+const r = {
+  red: "red",
+  gray: "gray"
+};
+export {
+  r as TAG_VARIANTS
+};

package/dist/index-DIxK0V-G.js

@@ -0,0 +1,44 @@
+function u(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var f = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function s() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = o(t, a(n)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return s.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        i.call(t, n) && t[n] && (r = o(r, n));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+  })();
+})(f);
+var c = f.exports;
+const p = /* @__PURE__ */ u(c);
+export {
+  p as c
+};

package/dist/main.d.ts

@@ -1 +1,3 @@
 export { Button } from './components/Button';
+export { MobileButton } from './components/MobileButton';
+export { NewIcon } from './components/NewIcon';

package/dist/main.js

@@ -1,4 +1,8 @@
-import { default as a } from "./components/Button/ui/Button.js";
+import { Button as r } from "./components/Button/ui/Button.js";
+import { MobileButton as f } from "./components/MobileButton/ui/MobileButton.js";
+import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
 export {
-  a as Button
+  r as Button,
+  f as MobileButton,
+  n as NewIcon
 };

package/dist/style.css

@@ -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}
+._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

@@ -1,7 +1,8 @@
 {
 	"name": "stone-kit",
+	"description": "uikit for redesign",
 	"private": false,
-	"version": "0.0.15",
+	"version": "0.0.17",
 	"author": "Mollycodd1e",
 	"license": "ISC",
 	"type": "module",
@@ -34,7 +35,8 @@
 		"typescript": "^5.2.2",
 		"vite": "^5.2.0",
 		"vite-plugin-dts": "^3.9.1",
-		"vite-plugin-lib-inject-css": "^2.1.1"
+		"vite-plugin-lib-inject-css": "^2.1.1",
+		"vite-plugin-svgr": "^4.2.0"
 	},
 	"main": "dist/main.js",
 	"types": "dist/main.d.ts",
@@ -44,7 +46,6 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
 	"directories": {
 		"lib": "lib"
 	},