ics-ui-kit 0.1.0-alpha.2 → 0.1.0-alpha.21

package/README.md

@@ -0,0 +1,32 @@
+# ICS UI Kit
+
+Библиотека React компонентов для создания современных пользовательских интерфейсов.
+
+## 🚀 Установка
+
+```bash
+npm install ics-ui-kit
+```
+
+## 📖 Использование
+
+```jsx
+import { Button, Card, Modal } from 'ics-ui-kit';
+import 'ics-ui-kit/styles.css';
+
+function App() {
+  return (
+    <Card>
+      <Button variant="primary">
+        Нажми меня
+      </Button>
+    </Card>
+  );
+}
+```
+
+## Ссылки
+
+- **Репозиторий**: [GitLab](https://gitlab.ics-it.ru/ics/ui-kit)
+- **NPM пакет**: [ics-ui-kit](https://www.npmjs.com/package/ics-ui-kit)
+- **Storybook**: [Демо версия](https://ui-kit.ics-it.ru)

package/dist/Button-uykdSigP.js

@@ -0,0 +1,58 @@
+var y = Object.defineProperty, g = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var n = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var l = (s, t, a) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[t] = a, f = (s, t) => {
+  for (var a in t || (t = {}))
+    m.call(t, a) && l(s, a, t[a]);
+  if (n)
+    for (var a of n(t))
+      d.call(t, a) && l(s, a, t[a]);
+  return s;
+}, p = (s, t) => g(s, j(t));
+var u = (s, t) => {
+  var a = {};
+  for (var e in s)
+    m.call(s, e) && t.indexOf(e) < 0 && (a[e] = s[e]);
+  if (s != null && n)
+    for (var e of n(s))
+      t.indexOf(e) < 0 && d.call(s, e) && (a[e] = s[e]);
+  return a;
+};
+import { jsx as c, jsxs as v } from "react/jsx-runtime";
+import I from "react";
+import { c as R } from "./index-CR-odn5-.js";
+import { B as _ } from "./ButtonBase-DrklCl4n.js";
+const b = R({
+  slots: {
+    container: "flex items-center justify-center gap-2",
+    icon: "h-4 w-4"
+  },
+  variants: {
+    size: {
+      xs: { icon: "h-3 w-3" },
+      sm: { icon: "h-3.5 w-3.5" },
+      md: {},
+      lg: {},
+      xl: { container: "gap-3" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), z = I.forwardRef(
+  (E, N) => {
+    var i = E, { startIcon: s, endIcon: t, size: a, children: e, iconClassName: r, containerClassName: x } = i, B = u(i, ["startIcon", "endIcon", "size", "children", "iconClassName", "containerClassName"]);
+    const o = b({ size: a }), h = s && /* @__PURE__ */ c(s, { className: o.icon({ className: r }) }), w = t && /* @__PURE__ */ c(t, { className: o.icon({ className: r }) });
+    return /* @__PURE__ */ c(_, p(f({}, B), { size: a, ref: N, children: /* @__PURE__ */ v("div", { className: o.container({ className: x }), children: [
+      h,
+      e,
+      w
+    ] }) }));
+  }
+);
+z.displayName = "Button";
+export {
+  z as B
+};
+//# sourceMappingURL=Button-uykdSigP.js.map

package/dist/Button-uykdSigP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-uykdSigP.js","sources":["../src/components/button/button/Button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\n\r\nconst buttonStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex items-center justify-center gap-2\",\r\n\t\ticon: \"h-4 w-4\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { icon: \"h-3 w-3\" },\r\n\t\t\tsm: { icon: \"h-3.5 w-3.5\" },\r\n\t\t\tmd: {},\r\n\t\t\tlg: {},\r\n\t\t\txl: { container: \"gap-3\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type ButtonProps = PropsWithChildren<\r\n\tButtonBaseProps & {\r\n\t\tstartIcon?: React.ElementType;\r\n\t\tendIcon?: React.ElementType;\r\n\t\tcontainerClassName?: string;\r\n\t\ticonClassName?: string;\r\n\t}\r\n>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\r\n\t\tconst styles = buttonStyles({ size });\r\n\r\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\r\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\r\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\r\n\t\t\t\t\t{startIconEl}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{endIconEl}\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButton.displayName = \"Button\";\r\n"],"names":["buttonStyles","tv","Button","React","_a","ref","_b","StartIcon","EndIcon","size","children","iconClassName","containerClassName","props","__objRest","styles","startIconEl","jsx","endIconEl","ButtonBase","__spreadProps","__spreadValues","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAeC,EAAG;AAAA,EACvB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,MAAM,UAAU;AAAA,MACtB,IAAI,EAAE,MAAM,cAAc;AAAA,MAC1B,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,EAAE,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAWYC,IAASC,EAAM;AAAA,EAC3B,CAACC,GAAyGC,MAAQ;AAAjH,QAAAC,IAAAF,GAAE,aAAWG,GAAW,SAASC,GAAS,MAAAC,GAAM,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,MAAzEN,GAAgGO,IAAAC,EAAhGR,GAAgG,CAA9F,aAAsB,WAAkB,QAAM,YAAU,iBAAe;AACzE,UAAMS,IAASf,EAAa,EAAE,MAAAS,GAAM,GAE9BO,IAAcT,KAAa,gBAAAU,EAACV,GAAU,EAAA,WAAWQ,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA,GAC5FO,IAAYV,KAAW,gBAAAS,EAACT,GAAQ,EAAA,WAAWO,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA;AAE5F,WACE,gBAAAM,EAAAE,GAAAC,EAAAC,EAAA,IAAeR,IAAf,EAAsB,MAAAJ,GAAY,KAAAJ,GAClC,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAWP,EAAO,UAAU,EAAE,WAAWH,EAAA,CAAoB,GAChE,UAAA;AAAA,MAAAI;AAAA,MACAN;AAAA,MACAQ;AAAA,IAAA,EAAA,CACF,EACD,EAAA;AAAA,EAAA;AAGH;AAEAhB,EAAO,cAAc;"}

package/dist/ButtonBase-DrklCl4n.js

@@ -0,0 +1,184 @@
+var p = Object.defineProperty, x = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var e = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var n = (s, t, r) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, g = (s, t) => {
+  for (var r in t || (t = {}))
+    i.call(t, r) && n(s, r, t[r]);
+  if (e)
+    for (var r of e(t))
+      u.call(t, r) && n(s, r, t[r]);
+  return s;
+}, c = (s, t) => x(s, f(t));
+var b = (s, t) => {
+  var r = {};
+  for (var a in s)
+    i.call(s, a) && t.indexOf(a) < 0 && (r[a] = s[a]);
+  if (s != null && e)
+    for (var a of e(s))
+      t.indexOf(a) < 0 && u.call(s, a) && (r[a] = s[a]);
+  return r;
+};
+import { jsx as m } from "react/jsx-runtime";
+import { c as y } from "./index-CR-odn5-.js";
+import { S as w } from "./index-DPws5oAn.js";
+import k from "react";
+const B = y({
+  base: "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-lg font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50",
+  variants: {
+    variant: {
+      primary: "bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover",
+      secondary: "bg-secondary-bg-hover hover:bg-primary-bg-hover",
+      outline: "border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover",
+      ghost: "bg-transparent hover:bg-secondary-bg-hover",
+      link: "bg-transparent text-muted underline hover:text-primary-fg",
+      text: "bg-transparent text-muted hover:text-primary-fg"
+    },
+    status: {
+      default: "",
+      info: "text-status-info",
+      success: "text-status-success",
+      warning: "text-status-warning",
+      error: "text-status-error"
+    },
+    size: {
+      xs: "h-7 gap-2 px-2 py-1.5 text-xs",
+      sm: "h-8 gap-2 px-3 py-2 text-xs",
+      md: "h-9 gap-2 px-4 py-2 text-sm",
+      lg: "h-10 gap-2 px-6 py-2 text-sm",
+      xl: "h-11 gap-3 px-8 py-3 text-base"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    status: "default",
+    state: "default",
+    iconOnly: !1
+  },
+  compoundVariants: [
+    /*
+     * Statuses
+     */
+    // Primary
+    {
+      variant: "primary",
+      status: ["info", "success", "warning", "error"],
+      class: "text-white hover:text-white"
+    },
+    {
+      variant: "primary",
+      status: "info",
+      class: "bg-status-info hover:bg-status-info-hover"
+    },
+    {
+      variant: "primary",
+      status: "success",
+      class: "bg-status-success hover:bg-status-success-hover"
+    },
+    {
+      variant: "primary",
+      status: "warning",
+      class: "bg-status-warning hover:bg-status-warning-hover"
+    },
+    {
+      variant: "primary",
+      status: "error",
+      class: "bg-status-error hover:bg-status-error-hover"
+    },
+    // Secondary
+    {
+      variant: "secondary",
+      status: "info",
+      class: "bg-status-info-bg hover:bg-status-info-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "success",
+      class: "bg-status-success-bg hover:bg-status-success-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "warning",
+      class: "bg-status-warning-bg hover:bg-status-warning-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "error",
+      class: "bg-status-error-bg hover:bg-status-error-bg-hover"
+    },
+    // Outline
+    {
+      variant: "outline",
+      status: "info",
+      class: "border-status-info-border hover:border-status-info-border hover:bg-status-info-bg"
+    },
+    {
+      variant: "outline",
+      status: "success",
+      class: "border-status-success-border hover:border-status-success-border hover:bg-status-success-bg"
+    },
+    {
+      variant: "outline",
+      status: "warning",
+      class: "border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg"
+    },
+    {
+      variant: "outline",
+      status: "error",
+      class: "border-status-error-border hover:border-status-error-border hover:bg-status-error-bg"
+    },
+    // Ghost
+    {
+      variant: "ghost",
+      status: "info",
+      class: "text-status-info hover:bg-status-info-bg"
+    },
+    {
+      variant: "ghost",
+      status: "success",
+      class: "text-status-success hover:bg-status-success-bg"
+    },
+    {
+      variant: "ghost",
+      status: "warning",
+      class: "text-status-warning hover:bg-status-warning-bg"
+    },
+    {
+      variant: "ghost",
+      status: "error",
+      class: "text-status-error hover:bg-status-error-bg"
+    },
+    // Text & Link
+    {
+      variant: ["text", "link"],
+      status: "info",
+      class: "text-status-info/70 hover:text-status-info"
+    },
+    {
+      variant: ["text", "link"],
+      status: "success",
+      class: "text-status-success/70 hover:text-status-success"
+    },
+    {
+      variant: ["text", "link"],
+      status: "warning",
+      class: "text-status-warning/70 hover:text-status-warning"
+    },
+    {
+      variant: ["text", "link"],
+      status: "error",
+      class: "text-status-error/70 hover:text-status-error"
+    }
+  ]
+}), S = k.forwardRef(
+  (j, d) => {
+    var o = j, { variant: s, size: t, children: r, status: a, className: v, asChild: h = !1 } = o, l = b(o, ["variant", "size", "children", "status", "className", "asChild"]);
+    return /* @__PURE__ */ m(h ? w : "button", c(g({ className: B({ variant: s, size: t, status: a, className: v }), ref: d }, l), { children: r }));
+  }
+);
+S.displayName = "ButtonBase";
+export {
+  S as B
+};
+//# sourceMappingURL=ButtonBase-DrklCl4n.js.map

package/dist/ButtonBase-DrklCl4n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase-DrklCl4n.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport React from \"react\";\r\n\r\nconst buttonBaseStyles = tv({\r\n\tbase: \"inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-lg font-medium text-primary-fg transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tprimary: \"bg-primary-accent text-primary-bg shadow-base hover:bg-primary-accent-hover\",\r\n\t\t\tsecondary: \"bg-secondary-bg-hover hover:bg-primary-bg-hover\",\r\n\t\t\toutline:\r\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover\",\r\n\t\t\tghost: \"bg-transparent hover:bg-secondary-bg-hover\",\r\n\t\t\tlink: \"bg-transparent text-muted underline hover:text-primary-fg\",\r\n\t\t\ttext: \"bg-transparent text-muted hover:text-primary-fg\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\tdefault: \"\",\r\n\t\t\tinfo: \"text-status-info\",\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\"\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: \"h-7 gap-2 px-2 py-1.5 text-xs\",\r\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\r\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\r\n\t\t\tlg: \"h-10 gap-2 px-6 py-2 text-sm\",\r\n\t\t\txl: \"h-11 gap-3 px-8 py-3 text-base\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tvariant: \"primary\",\r\n\t\tsize: \"md\",\r\n\t\tstatus: \"default\",\r\n\t\tstate: \"default\",\r\n\t\ticonOnly: false\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t/*\r\n\t\t * Statuses\r\n\t\t */\r\n\t\t// Primary\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\r\n\t\t\tclass: \"text-white hover:text-white\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info hover:bg-status-info-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success hover:bg-status-success-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning hover:bg-status-warning-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error hover:bg-status-error-hover\"\r\n\t\t},\r\n\t\t// Secondary\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info-bg hover:bg-status-info-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success-bg hover:bg-status-success-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning-bg hover:bg-status-warning-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error-bg hover:bg-status-error-bg-hover\"\r\n\t\t},\r\n\t\t// Outline\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"border-status-info-border hover:border-status-info-border hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"border-status-success-border hover:border-status-success-border hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"border-status-error-border hover:border-status-error-border hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Ghost\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Text & Link\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info/70 hover:text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success/70 hover:text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning/70 hover:text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error/70 hover:text-status-error\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\r\n\tVariantProps<typeof buttonBaseStyles> & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\r\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"button\";\r\n\t\treturn (\r\n\t\t\t<Comp className={buttonBaseStyles({ variant, size, status, className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n"],"names":["buttonBaseStyles","tv","ButtonBase","React","_a","ref","_b","variant","size","children","status","className","asChild","props","__objRest","jsx","Slot","__spreadProps","__spreadValues"],"mappings":"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"}