stone-kit 0.0.875 → 0.0.877

package/dist/src/components/ZoomControls/ui/ZoomControls.module.scss.js

@@ -0,0 +1,11 @@
+const n = "_root_1gn8f_1", t = "_plusBtn_1gn8f_6", s = "_minusBtn_1gn8f_11", o = {
+  root: n,
+  plusBtn: t,
+  minusBtn: s
+};
+export {
+  o as default,
+  s as minusBtn,
+  t as plusBtn,
+  n as root
+};

package/dist/src/components/mobileButton/ui/MobileButton.module.scss.js

@@ -0,0 +1,12 @@
+const t = "_btnCommon_1act6_1", l = "_whiteFilled_1act6_34", _ = {
+  btnCommon: t,
+  "auto-width": "_auto-width_1act6_18",
+  "full-width": "_full-width_1act6_22",
+  "small-size": "_small-size_1act6_26",
+  whiteFilled: l
+};
+export {
+  t as btnCommon,
+  _ as default,
+  l as whiteFilled
+};

package/dist/src/layout/components/Header/s.module.scss.js

@@ -0,0 +1,19 @@
+const o = "_root_18coo_1", c = "_wrap_18coo_12", s = "_topSide_18coo_24", _ = "_search_18coo_30", t = "_searchInp_18coo_43", e = "_searchIcon_18coo_63", n = "_closeBtn_18coo_69", r = {
+  root: o,
+  wrap: c,
+  topSide: s,
+  search: _,
+  searchInp: t,
+  searchIcon: e,
+  closeBtn: n
+};
+export {
+  n as closeBtn,
+  r as default,
+  o as root,
+  _ as search,
+  e as searchIcon,
+  t as searchInp,
+  s as topSide,
+  c as wrap
+};

package/dist/src/layout/components/Menu.module.scss.js

@@ -0,0 +1,9 @@
+const o = "_root_9577c_1", t = "_linkWrap_9577c_8", r = {
+  root: o,
+  linkWrap: t
+};
+export {
+  r as default,
+  t as linkWrap,
+  o as root
+};

package/dist/src/layout/style.module.scss.js

@@ -0,0 +1,7 @@
+const o = "_layout_18nmo_1", t = {
+  layout: o
+};
+export {
+  t as default,
+  o as layout
+};

package/dist/src/pages/ButtonsPage/ButtonState/ButtonState.js

@@ -0,0 +1,18 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import j, { useState as o } from "react";
+import t from "./ButtonState.module.scss.js";
+import { BUTTON_VARIANTS as w } from "../../../../components/Button/ui/Button.types.js";
+import { NewIcon as a, iconTypes as x } from "../../../../components/NewIcon/ui/NewIcon.js";
+const _ = ({ children: h }) => {
+  const [p, u] = o("auto"), [m, g] = o("blue"), [i, v] = o(!1), [c, I] = o(null), [s, b] = o(null), [S, f] = o(null), [z, C] = o(null), r = ["12", "16", "20", "24"], L = j.cloneElement(h, {
+    width: p,
+    variant: m,
+    isLoading: i,
+    pre: c ? n(a, { name: c, size: S ?? "24" }) : null,
+    post: s ? n(a, { name: s, size: z ?? "24" }) : null
+  }), P = ["auto", "full"], N = Object.values(w), d = Object.keys(x);
+  return l("div", { className: t.root, children: [L, l("div", { className: t.optionsWrapper, children: [n("div", { children: l("label", { children: ["Width:", n("select", { onChange: (e) => u(e.target.value), children: P.map((e) => n("option", { value: e, children: e }, e)) })] }) }), n("div", { children: l("label", { children: ["Variants:", n("select", { onChange: (e) => g(e.target.value), children: N.map((e) => n("option", { value: e, children: e }, e)) })] }) }), n("div", { children: l("label", { children: ["Pre Icon:", n("select", { onChange: (e) => I(e.target.value), children: d.map((e) => n("option", { value: e, children: e }, e)) })] }) }), n("div", { children: l("label", { children: ["Post Icon:", n("select", { onChange: (e) => b(e.target.value), children: d.map((e) => n("option", { value: e, children: e }, e)) })] }) }), n("div", { children: l("label", { children: ["Pre Icon Size:", n("select", { onChange: (e) => f(e.target.value), children: r.map((e) => n("option", { value: e, children: e }, e)) })] }) }), n("div", { children: l("label", { children: ["Post Icon Size:", n("select", { onChange: (e) => C(e.target.value), children: r.map((e) => n("option", { value: e, children: e }, e)) })] }) }), l("label", { className: t.isLoading, children: ["isLoading", n("input", { type: "checkbox", onChange: () => v(!i) })] })] })] });
+};
+export {
+  _ as ButtonState
+};

package/dist/{ButtonState.module-DtW3aevR.js → src/pages/ButtonsPage/ButtonState/ButtonState.module.scss.js}

@@ -4,5 +4,8 @@ const o = "_root_ymbdb_1", s = "_optionsWrapper_ymbdb_7", t = "_isLoading_ymbdb_
   isLoading: t
 };
 export {
-  n as s
+  n as default,
+  t as isLoading,
+  s as optionsWrapper,
+  o as root
 };

package/dist/src/pages/ButtonsPage/ButtonsPage.module.scss.js

@@ -0,0 +1,9 @@
+const t = "_root_iex42_1", o = "_buttonsWrapper_iex42_11", r = {
+  root: t,
+  buttonsWrapper: o
+};
+export {
+  o as buttonsWrapper,
+  r as default,
+  t as root
+};

package/dist/src/pages/CheckboxPage/CheckboxPage.module.scss.js

@@ -0,0 +1,13 @@
+const r = "_root_1br5a_1", a = "_wrapper_1br5a_5", o = "_lighContainer_1br5a_11", n = "_darkContainer_1br5a_11", t = {
+  root: r,
+  wrapper: a,
+  lighContainer: o,
+  darkContainer: n
+};
+export {
+  n as darkContainer,
+  t as default,
+  o as lighContainer,
+  r as root,
+  a as wrapper
+};

package/dist/src/pages/FormsPage/FormsPage.module.scss.js

@@ -0,0 +1,15 @@
+const t = "_root_kl5jx_1", o = "_tabsShort_kl5jx_7", r = "_tabSelectWrapper_kl5jx_11", a = "_destinationWrapper_kl5jx_15", e = "_bbb_kl5jx_22", b = {
+  root: t,
+  tabsShort: o,
+  tabSelectWrapper: r,
+  destinationWrapper: a,
+  bbb: e
+};
+export {
+  e as bbb,
+  b as default,
+  a as destinationWrapper,
+  t as root,
+  r as tabSelectWrapper,
+  o as tabsShort
+};

package/dist/src/pages/HomePage/HomePage.module.scss.js

@@ -0,0 +1,7 @@
+const o = "_root_1y1e6_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/src/pages/IconsPage/IconsPage.module.scss.js

@@ -0,0 +1,9 @@
+const o = "_root_3zx0k_1", r = "_iconWrapper_3zx0k_7", t = {
+  root: o,
+  iconWrapper: r
+};
+export {
+  t as default,
+  r as iconWrapper,
+  o as root
+};

package/dist/src/pages/InputPage/InputPage.module.scss.js

@@ -0,0 +1,4 @@
+const s = {};
+export {
+  s as default
+};

package/dist/src/pages/LogoPage/LogoPage.module.scss.js

@@ -0,0 +1,7 @@
+const o = "_root_6bj02_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/src/pages/LotsPage/LotsPage.module.scss.js

@@ -0,0 +1,13 @@
+const o = "_root_1w9fc_1", t = "_lotWrapper_1w9fc_8", p = "_optionsWrapper_1w9fc_14", r = "_isFetching_1w9fc_20", s = {
+  root: o,
+  lotWrapper: t,
+  optionsWrapper: p,
+  isFetching: r
+};
+export {
+  s as default,
+  r as isFetching,
+  t as lotWrapper,
+  p as optionsWrapper,
+  o as root
+};

package/dist/src/pages/ModalsPage/ModalPage.module.scss.js

@@ -0,0 +1,4 @@
+const s = {};
+export {
+  s as default
+};

package/dist/src/pages/SelectPage/SelectPage.module.scss.js

@@ -0,0 +1,11 @@
+const s = "_sort_1szg2_1", t = "_addClass_1szg2_6", a = "_filterWithSave_1szg2_14", _ = {
+  sort: s,
+  addClass: t,
+  filterWithSave: a
+};
+export {
+  t as addClass,
+  _ as default,
+  a as filterWithSave,
+  s as sort
+};

package/dist/src/pages/TabsPage/TabsPage.module.scss.js

@@ -0,0 +1,17 @@
+const t = "_root_idppf_1", p = "_tabsShort_idppf_7", a = "_tabSelectWrapper_idppf_11", r = "_destinationWrapper_idppf_15", o = "_whiteRow_apart_idppf_22", _ = "_row_apart_idppf_26", e = {
+  root: t,
+  tabsShort: p,
+  tabSelectWrapper: a,
+  destinationWrapper: r,
+  whiteRow_apart: o,
+  row_apart: _
+};
+export {
+  e as default,
+  r as destinationWrapper,
+  t as root,
+  _ as row_apart,
+  a as tabSelectWrapper,
+  p as tabsShort,
+  o as whiteRow_apart
+};

package/dist/src/pages/TagsPage/TagsPage.module.scss.js

@@ -0,0 +1,7 @@
+const o = "_root_1tmts_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/src/stories/button.css.js

@@ -0,0 +1 @@
+

package/dist/src/stories/header.css.js

@@ -0,0 +1 @@
+

package/dist/src/stories/page.css.js

@@ -0,0 +1 @@
+

package/dist/stories/Button.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../src/stories/button.css.js";
+const y = ({
+  primary: o = !1,
+  size: t = "medium",
+  backgroundColor: r,
+  label: n,
+  ...s
+}) => {
+  const b = o ? "storybook-button--primary" : "storybook-button--secondary";
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: ["storybook-button", `storybook-button--${t}`, b].join(" "),
+      style: { backgroundColor: r },
+      ...s,
+      children: n
+    }
+  );
+};
+export {
+  y as Button
+};

package/dist/stories/Header.js

@@ -0,0 +1,45 @@
+import { jsx as l, jsxs as e, Fragment as r } from "react/jsx-runtime";
+import { Button as i } from "./Button.js";
+import "../src/stories/header.css.js";
+const s = ({ user: n, onLogin: d, onLogout: o, onCreateAccount: a }) => /* @__PURE__ */ l("header", { children: /* @__PURE__ */ e("div", { className: "storybook-header", children: [
+  /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z",
+          fill: "#FFF"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z",
+          fill: "#555AB9"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z",
+          fill: "#91BAF8"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ l("h1", { children: "Acme" })
+  ] }),
+  /* @__PURE__ */ l("div", { children: n ? /* @__PURE__ */ e(r, { children: [
+    /* @__PURE__ */ e("span", { className: "welcome", children: [
+      "Welcome, ",
+      /* @__PURE__ */ l("b", { children: n.name }),
+      "!"
+    ] }),
+    /* @__PURE__ */ l(i, { size: "small", onClick: o, label: "Log out" })
+  ] }) : /* @__PURE__ */ e(r, { children: [
+    /* @__PURE__ */ l(i, { size: "small", onClick: d, label: "Log in" }),
+    /* @__PURE__ */ l(i, { primary: !0, size: "small", onClick: a, label: "Sign up" })
+  ] }) })
+] }) });
+export {
+  s as Header
+};

package/dist/stories/Page.js

@@ -0,0 +1,59 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { Header as a } from "./Header.js";
+import "../src/stories/page.css.js";
+const d = () => {
+  const [r, t] = n.useState();
+  return /* @__PURE__ */ o("article", { children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        user: r,
+        onLogin: () => t({ name: "Jane Doe" }),
+        onLogout: () => t(void 0),
+        onCreateAccount: () => t({ name: "Jane Doe" })
+      }
+    ),
+    /* @__PURE__ */ o("section", { className: "storybook-page", children: [
+      /* @__PURE__ */ e("h2", { children: "Pages in Storybook" }),
+      /* @__PURE__ */ o("p", { children: [
+        "We recommend building UIs with a",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e("strong", { children: "component-driven" }) }),
+        " ",
+        "process starting with atomic components and ending with pages."
+      ] }),
+      /* @__PURE__ */ e("p", { children: "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:" }),
+      /* @__PURE__ */ o("ul", { children: [
+        /* @__PURE__ */ e("li", { children: 'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories' }),
+        /* @__PURE__ */ e("li", { children: "Assemble data in the page component from your services. You can mock these services out using Storybook." })
+      ] }),
+      /* @__PURE__ */ o("p", { children: [
+        "Get a guided tutorial on component-driven development at",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer", children: "Storybook tutorials" }),
+        ". Read more in the",
+        " ",
+        /* @__PURE__ */ e("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer", children: "docs" }),
+        "."
+      ] }),
+      /* @__PURE__ */ o("div", { className: "tip-wrapper", children: [
+        /* @__PURE__ */ e("span", { className: "tip", children: "Tip" }),
+        " Adjust the width of the canvas with the",
+        " ",
+        /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",
+            id: "a",
+            fill: "#999"
+          }
+        ) }) }),
+        "Viewports addon in the toolbar"
+      ] })
+    ] })
+  ] });
+};
+export {
+  d as Page
+};