triafly-ui-kit 1.0.16 → 1.0.17

package/dist/assets/ButtonsArray.css

@@ -1 +1 @@
-.buttons .buttons-bar{display:flex}.buttons .button{height:44px;padding:0 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);cursor:pointer}.buttons .button:not(:last-of-type){border-right:0 solid}.buttons .button:first-of-type{border-radius:8px 0 0 8px}.buttons .button:last-of-type{border-radius:0 8px 8px 0}.buttons .button:hover{background:#ddd}.buttons .button.active{background:var(--color-bg-neutral-light-default);font-weight:600}
+.buttons .buttons-bar{display:flex}.buttons .button{height:44px;padding:0 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary-default);background-color:var(--color-bg-neutral-basic-default);cursor:pointer}.buttons .button:not(:last-of-type){border-right:0 solid}.buttons .button:first-of-type{border-radius:8px 0 0 8px}.buttons .button:last-of-type{border-radius:0 8px 8px 0}.buttons .button:hover{background:#ddd}.buttons .button.active{background:var(--color-bg-neutral-light-default);font-weight:600}.buttons .button.status-error{color:var(--color-status-error-foreground)}.buttons .button.status-warning{color:var(--color-status-warning-foreground)}.buttons .button.status-success{color:var(--color-status-success-foreground)}

package/dist/components/Ui/ButtonsArray/ButtonsArray.js

@@ -1,20 +1,28 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { useState as r } from "react";
-import '../../../assets/ButtonsArray.css';const m = ({ buttonsArray: e }) => {
-  const [a, c] = r(0);
-  return /* @__PURE__ */ o("div", { className: "buttons", children: [
-    /* @__PURE__ */ s("div", { className: "buttons-bar", children: e.map((n, t) => /* @__PURE__ */ s(
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import '../../../assets/ButtonsArray.css';const p = ({
+  tabs: i,
+  label: a,
+  initialActiveTab: r = 0,
+  onChange: c
+}) => {
+  const [n, o] = u(r), l = (s, t) => {
+    o(s), c && c(t);
+  };
+  return /* @__PURE__ */ d("div", { className: "buttons", children: [
+    a && /* @__PURE__ */ e("span", { children: a }),
+    /* @__PURE__ */ e("div", { className: "buttons-bar", children: i.map((s, t) => /* @__PURE__ */ e(
       "button",
       {
-        onClick: () => c(t),
-        className: `button ${t === a ? "active" : ""}`,
-        children: n.label
+        disabled: s.disabled,
+        onClick: () => l(t, s.key),
+        className: `button ${t === n ? "active" : ""} status-${s.status}`,
+        children: s.label
       },
-      t
-    )) }),
-    /* @__PURE__ */ s("div", { className: "buttons-content", children: e[a].content })
+      s.key
+    )) })
   ] });
 };
 export {
-  m as ButtonsArray
+  p as ButtonsArray
 };

package/dist/main.d.ts

@@ -56,11 +56,6 @@ declare type BreakpointValuesTriafly<T> = {
 
 export declare const Button: default_2.FC<ButtonProps>;
 
-declare interface Button_2 {
-    label: string;
-    content: React.ReactNode;
-}
-
 declare type ButtonProps = {
     style?: default_2.CSSProperties;
     label?: string;
@@ -79,7 +74,17 @@ declare type ButtonProps = {
 export declare const ButtonsArray: React.FC<ButtonsArrayProps>;
 
 export declare interface ButtonsArrayProps {
-    buttonsArray: Button_2[];
+    tabs: ButtonTab[];
+    label?: string;
+    initialActiveTab?: number;
+    onChange?: (status: string | number) => void;
+}
+
+declare interface ButtonTab {
+    label: string;
+    status?: StatusType_2;
+    key: string | number;
+    disabled?: boolean;
 }
 
 export declare const Checkbox: React.FC<CheckboxProps>;
@@ -1048,6 +1053,8 @@ declare type SkeletonProps = {
 
 declare type StatusType = "default" | "success" | "warning" | "error" | "active" | "blocked" | "done" | "loading" | (string & {});
 
+declare type StatusType_2 = "none" | "error" | "warning" | "success";
+
 export declare const Switch: default_2.FC<SwitchProps>;
 
 declare type SwitchProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",