stone-kit 0.0.33 → 0.0.35

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

@@ -35,7 +35,7 @@ const w = "_btnCommon_2h1hm_1", y = "_blue_2h1hm_58", g = "_sokolniki_2h1hm_72",
   post: m = !1,
   variant: z = "blue",
   width: u = "auto",
-  additionalClass: b,
+  additionalClass: b = "",
   isLoading: l = !1,
   ...s
 }) => {
@@ -55,7 +55,7 @@ const w = "_btnCommon_2h1hm_1", y = "_blue_2h1hm_58", g = "_sokolniki_2h1hm_72",
         name: "loader",
         size: "24",
         color: "#fff",
-        addClass: _.loader
+        additionalClass: _.loader
       }
     ),
     !l && /* @__PURE__ */ t(o, { children: [

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

@@ -14,7 +14,7 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
   "large-size_m": "_large-size_m_1c7de_122",
   "medium-size_l": "_medium-size_l_1c7de_137",
   "large-size_l": "_large-size_l_1c7de_150"
-}, $ = N.bind(_), f = ({
+}, b = N.bind(_), f = ({
   size: m = "medium",
   size_m: c,
   size_l: a,
@@ -24,19 +24,19 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
   routes: l = [],
   checked: o,
   onChange: u,
-  additionalClass: p,
+  additionalClass: p = "",
   ...h
 }) => /* @__PURE__ */ t(
   "label",
   {
-    className: $(
+    className: b(
       _.destination,
       _[`${m}-size`],
       _[`${c}-size_m`],
       _[`${a}-size_l`],
       _[`${d}`],
       _[`${i}-width`],
-      `${p ?? ""}`
+      p
     ),
     ...h,
     htmlFor: e.destName,

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

@@ -1,3 +1,3 @@
 import { IFlexProps } from './Flex.types';
 
-export declare const Flex: ({ className, children, jc, ai, gap, fd, w, }: IFlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ className, children, jc, ai, gap, fd, w, additionalClass, }: IFlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Flex/ui/Flex.js

@@ -1,7 +1,7 @@
-import { jsx as k } from "react/jsx-runtime";
-import { c as g } from "../../../index-DIxK0V-G.js";
-const s = "_root_fi64k_1", _ = {
-  root: s,
+import { jsx as g } from "react/jsx-runtime";
+import { c as s } from "../../../index-DIxK0V-G.js";
+const t = "_root_fi64k_1", _ = {
+  root: t,
   "gap-1": "_gap-1_fi64k_5",
   "gap-2": "_gap-2_fi64k_9",
   "gap-3": "_gap-3_fi64k_13",
@@ -36,21 +36,31 @@ const s = "_root_fi64k_1", _ = {
   "ai-flex-end": "_ai-flex-end_fi64k_129",
   "ai-center": "_ai-center_fi64k_133",
   "ai-baseline": "_ai-baseline_fi64k_137"
-}, t = g.bind(_), w = ({
+}, o = s.bind(_), l = ({
   className: a,
   children: e,
   jc: f = "start",
   ai: i = "center",
-  gap: p = "1",
+  gap: p,
   fd: r = "row",
-  w: c = "nowrap"
-}) => /* @__PURE__ */ k(
+  w: c = "nowrap",
+  additionalClass: k = ""
+}) => /* @__PURE__ */ g(
   "div",
   {
-    className: t(_.root, a, _[`w-${c}`], _[`jc-${f}`], _[`ai-${i}`], _[`gap-${p}`], _[`fd-${r}`]),
+    className: o(
+      _.root,
+      a,
+      _[`w-${c}`],
+      _[`jc-${f}`],
+      _[`ai-${i}`],
+      _[`gap-${p}`],
+      _[`fd-${r}`],
+      k
+    ),
     children: e
   }
 );
 export {
-  w as Flex
+  l as Flex
 };

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

@@ -11,5 +11,6 @@ export interface IFlexProps extends React.HTMLAttributes<HTMLDivElement> {
     gap?: IFlex;
     fd?: IFlexDirection;
     w?: IFlexWrap;
+    additionalClass?: string;
 }
 export {};

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

@@ -17,7 +17,7 @@ const d = "_inputWrapper_yxw8x_9", h = "_inputWrapperPost_yxw8x_24", w = "_light
   variant: e = "light",
   width: _ = "auto",
   error: o,
-  additionalClass: u,
+  additionalClass: u = "",
   ...l
 }) => /* @__PURE__ */ x(
   "div",

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

@@ -13,11 +13,11 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
   post: l = !1,
   variant: m = "whiteFilled",
   width: o = "auto",
-  additionalClass: c,
+  additionalClass: c = "",
   ...i
 }) => {
   if (i.as === "link") {
-    const { as: f, ...b } = i;
+    const { as: C, ...b } = i;
     return /* @__PURE__ */ _(
       "a",
       {
@@ -27,7 +27,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
           n[`${m}`],
           { [n.btnCommonInline]: t || l },
           n[`${o}-width`],
-          `${c ?? ""}`
+          c
         ),
         ...b,
         children: [
@@ -38,7 +38,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
       }
     );
   }
-  const { as: $, ...d } = i;
+  const { as: f, ...d } = i;
   return /* @__PURE__ */ _(
     "button",
     {
@@ -48,7 +48,7 @@ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
         n[`${m}`],
         { [n.btnCommonInline]: t || l },
         n[`${o}-width`],
-        `${c ?? ""}`
+        c
       ),
       ...d,
       children: [

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

@@ -1,9 +1,15 @@
+import { ReactSVGComponent } from './NewIcon.types';
+
 type IconComponentProps = {
-    name: string;
+    name: keyof typeof iconTypes;
     size?: string;
     color?: string;
-    addClass?: string;
+    additionalClass?: string;
     deg?: string;
 };
-export declare const NewIcon: ({ name, size, color, addClass, deg }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+type IconTypes = {
+    [name: string]: ReactSVGComponent;
+};
+declare const iconTypes: IconTypes;
+export declare const NewIcon: ({ name, size, color, additionalClass, deg }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -197,7 +197,7 @@ const m = ({
   building: () => /* @__PURE__ */ n(R1, {}),
   case: () => /* @__PURE__ */ n(S1, {}),
   sport: () => /* @__PURE__ */ n(H1, {})
-}, P1 = ({ name: t, size: l = "24", color: r, addClass: a, deg: c }) => {
+}, P1 = ({ name: t, size: l = "24", color: r, additionalClass: a, deg: c }) => {
   const s = $1[t];
   return /* @__PURE__ */ n(
     "div",

package/dist/components/RoundButton/ui/RoundButton.js

@@ -3,12 +3,12 @@ import { useState as f, useEffect as S } from "react";
 import { c as R } from "../../../index-DIxK0V-G.js";
 import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
 import { sizeMap as s } from "./RoundButton.types.js";
-const $ = "_btnRound_4g1ag_1", k = "_whiteStroke_4g1ag_31", e = {
-  btnRound: $,
+const k = "_btnRound_4g1ag_1", $ = "_whiteStroke_4g1ag_31", e = {
+  btnRound: k,
   "small-size": "_small-size_4g1ag_14",
   "medium-size": "_medium-size_4g1ag_19",
   "large-size": "_large-size_4g1ag_25",
-  whiteStroke: k,
+  whiteStroke: $,
   "small-size_m": "_small-size_m_4g1ag_43",
   "medium-size_m": "_medium-size_m_4g1ag_47",
   "large-size_m": "_large-size_m_4g1ag_52",
@@ -22,7 +22,7 @@ const $ = "_btnRound_4g1ag_1", k = "_whiteStroke_4g1ag_31", e = {
   children: r = "",
   iconName: o = "",
   variant: g = "whiteStroke",
-  additionalClass: d,
+  additionalClass: d = "",
   deg: z,
   ...l
 }) => {
@@ -44,7 +44,7 @@ const $ = "_btnRound_4g1ag_1", k = "_whiteStroke_4g1ag_31", e = {
         e[`${t}-size_m`],
         e[`${i}-size_l`],
         e[`${g}`],
-        `${d ?? ""}`
+        d
       ),
       ...l,
       children: /* @__PURE__ */ a(b, { children: o ? /* @__PURE__ */ a(

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

@@ -20,7 +20,7 @@ const z = "_tagCommon_96we6_1", r = "_red_96we6_40", u = "_gray_96we6_46", c = "
   children: s = "",
   variant: t = "gray",
   width: o = "auto",
-  additionalClass: a,
+  additionalClass: a = "",
   ...d
 }) => /* @__PURE__ */ n(
   "div",
@@ -32,7 +32,7 @@ const z = "_tagCommon_96we6_1", r = "_red_96we6_40", u = "_gray_96we6_46", c = "
       _[`${m}-size_l`],
       _[`${t}`],
       _[`${o}-width`],
-      `${a ?? ""}`
+      a
     ),
     ...d,
     children: s

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

@@ -1,3 +1,3 @@
 import { ITextProps } from './Text.types';
 
-export declare const Text: ({ children, className, html, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children, className, additionalClass, html, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Text/ui/Text.js

@@ -1,20 +1,20 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as a } from "../../../index-DIxK0V-G.js";
-const o = {}, e = a.bind(o), d = ({ children: c, className: r, html: s, ...t }) => s ? /* @__PURE__ */ n(
+import { c as i } from "../../../index-DIxK0V-G.js";
+const o = {}, c = i.bind(o), f = ({ children: m, className: r, additionalClass: t = "", html: s, ...e }) => s ? /* @__PURE__ */ n(
   "div",
   {
-    className: e(o.root, r),
-    ...t,
+    className: c(o.root, r, t),
+    ...e,
     dangerouslySetInnerHTML: { __html: s }
   }
 ) : /* @__PURE__ */ n(
   "div",
   {
-    className: e(o.root, r),
-    ...t,
-    children: c
+    className: c(o.root, r, t),
+    ...e,
+    children: m
   }
 );
 export {
-  d as Text
+  f as Text
 };

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

@@ -2,5 +2,6 @@
 export interface ITextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children?: React.ReactNode | 'string';
     className?: string;
+    additionalClass?: string;
     html?: string;
 }

package/dist/main.d.ts

@@ -7,3 +7,4 @@ export { Tag } from './components/Tag';
 export { Switcher } from './components/Switcher';
 export { Text } from './components/Text';
 export { Flex } from './components/Flex';
+export { Input } from './components/Input';

package/dist/main.js

@@ -1,19 +1,21 @@
 import { Button as t } from "./components/Button/ui/Button.js";
 import { MobileButton as x } from "./components/MobileButton/ui/MobileButton.js";
-import { NewIcon as m } from "./components/NewIcon/ui/NewIcon.js";
+import { NewIcon as f } from "./components/NewIcon/ui/NewIcon.js";
 import { DestinationTab as n } from "./components/DestinationTab/ui/DestinationTab.js";
-import { RoundButton as u } from "./components/RoundButton/ui/RoundButton.js";
+import { RoundButton as i } from "./components/RoundButton/ui/RoundButton.js";
 import { Tag as B } from "./components/Tag/ui/Tag.js";
 import { Switcher as b } from "./components/Switcher/ui/Switcher.js";
 import { Text as l } from "./components/Text/ui/Text.js";
-import { Flex as d } from "./components/Flex/ui/Flex.js";
+import { Flex as I } from "./components/Flex/ui/Flex.js";
+import { Input as g } from "./components/Input/ui/Input.js";
 export {
   t as Button,
   n as DestinationTab,
-  d as Flex,
+  I as Flex,
+  g as Input,
   x as MobileButton,
-  m as NewIcon,
-  u as RoundButton,
+  f as NewIcon,
+  i as RoundButton,
   b as Switcher,
   B as Tag,
   l as Text

package/package.json

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