@taiv/ui 1.6.1 → 1.7.0

package/dist/components/Inputs/Buttons/Button/Button.js

@@ -25,7 +25,7 @@ export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth =
             padding: selectedSize.padding,
             minWidth: `${selectedSize.minWidth}rem`,
             fontSize: selectedSize.fontSize,
-            boxShadow: shadow ? '0px 4px 6px rgba(0, 0, 0, 0.1)' : 'none',
+            boxShadow: shadow ? '0px 1px 3px 0px rgba(0, 0, 0, 0.1)' : 'none',
             ...getVariantStyles(),
         },
         label: {

package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsE1B,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA2F7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsE1B,CAAC"}

package/dist/components/Inputs/Buttons/Button/Button.stories.js

@@ -90,14 +90,6 @@ const meta = {
                 type: { summary: '() => void' },
             },
         },
-        shadow: {
-            control: { type: 'boolean' },
-            description: 'Adds shadow to the button',
-            table: {
-                type: { summary: 'boolean' },
-                defaultValue: { summary: 'false' },
-            }
-        }
     },
 };
 export default meta;
@@ -109,7 +101,6 @@ export const Default = {
         disabled: false,
         loading: false,
         fullWidth: false,
-        shadow: false,
         leftIcon: undefined,
         rightIcon: undefined,
         styles: {},

package/dist/components/index.d.ts

@@ -43,8 +43,6 @@ export { Loader } from './Layout/Loader/Loader';
 export { Stack } from './Layout/Stack/Stack';
 export { Card } from './Layout/Card/Card';
 export { SectionCard } from './Layout/SectionCard/SectionCard';
-export { Table } from './Layout/Table/Table';
-export type { ColumnConfig } from './Layout/Table/Table';
 export { Tabs } from './Layout/Tabs/Tabs';
 export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';
 export { Text } from './Typography/Text/Text';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -47,7 +47,6 @@ export { Loader } from './Layout/Loader/Loader';
 export { Stack } from './Layout/Stack/Stack';
 export { Card } from './Layout/Card/Card';
 export { SectionCard } from './Layout/SectionCard/SectionCard';
-export { Table } from './Layout/Table/Table';
 export { Tabs } from './Layout/Tabs/Tabs';
 //Typography
 export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';

package/dist/constants/colors.d.ts

@@ -1,4 +1,3 @@
-export declare const white = "#FFFFFF";
 export declare const gray: {
     readonly 25: "#F8FAFC";
     readonly 50: "#EDEDED";
@@ -80,7 +79,6 @@ export declare const salmon: {
     readonly 200: "#FF806F";
 };
 export declare const colors: {
-    readonly white: "#FFFFFF";
     readonly neutral: {
         readonly 25: "#F8FAFC";
         readonly 50: "#EDEDED";

package/dist/constants/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}

package/dist/constants/colors.js

@@ -1,4 +1,3 @@
-export const white = '#FFFFFF';
 export const gray = {
     25: '#F8FAFC',
     50: '#EDEDED',
@@ -52,7 +51,6 @@ export const salmon = {
 };
 // Primary semantic/functional color exports - for use in UI, actions, states, etc. anything that would be affected by theme changes down the line
 export const colors = {
-    white,
     neutral,
     primary,
     success,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",
@@ -10,7 +10,7 @@
   ],
   "scripts": {
     "build": "tsc",
-    "dev": "tsc --watch",
+    "dev": "npm link && tsc --watch",
     "clean": "rm -rf dist",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",

package/dist/components/Layout/Table/Table.d.ts

@@ -1,15 +0,0 @@
-import React, { CSSProperties } from 'react';
-interface ColumnConfig {
-    heading?: string;
-    style?: CSSProperties;
-}
-interface TableProps<T> {
-    columnConfigs: ColumnConfig[];
-    data: T[];
-    ListItem: React.ComponentType<{
-        data: T;
-    }>;
-}
-declare const Table: <T>({ columnConfigs, data, ListItem }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
-export { Table, type ColumnConfig, type TableProps };
-//# sourceMappingURL=Table.d.ts.map

package/dist/components/Layout/Table/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAIhE,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,UAAU,CAAC,CAAC;IACpB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED,QAAA,MAAM,KAAK,GAAI,CAAC,EAAG,mCAAmC,UAAU,CAAC,CAAC,CAAC,4CAsElE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,CAAC"}

package/dist/components/Layout/Table/Table.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { Box } from '../Box/Box';
-import { fontWeight, neutral } from '../../../constants';
-const Table = ({ columnConfigs, data, ListItem }) => {
-    const tableRef = useRef(null);
-    /**
-     * Apply column styles to the table cells.
-     */
-    useEffect(() => {
-        const table = tableRef.current;
-        if (!table)
-            return;
-        const tbody = table.querySelector('tbody');
-        if (!tbody)
-            return;
-        const rows = tbody.querySelectorAll('tr');
-        if (!rows || !rows.length)
-            return;
-        rows.forEach((row) => {
-            const cells = row.querySelectorAll('td');
-            cells.forEach((cell, columnIndex) => {
-                var _a;
-                const columnStyle = (_a = columnConfigs[columnIndex]) === null || _a === void 0 ? void 0 : _a.style;
-                if (columnStyle) {
-                    Object.assign(cell.style, columnStyle);
-                }
-            });
-        });
-    }, [columnConfigs, data]);
-    return (_jsx(Box, { sx: {
-            borderTopLeftRadius: '8px',
-            borderTopRightRadius: '8px',
-            boxShadow: '0px 2px 6px -3px #AFAFAF',
-            overflow: 'hidden',
-        }, children: _jsxs("table", { ref: tableRef, style: {
-                width: '100%',
-            }, children: [_jsx("thead", { children: _jsx("tr", { children: columnConfigs.map((column, index) => (_jsx("th", { style: {
-                                backgroundColor: neutral[50],
-                                color: neutral[300],
-                                fontSize: '14px',
-                                fontWeight: fontWeight.bold,
-                                paddingBottom: '9px',
-                                paddingTop: '9px',
-                                ...column.style,
-                            }, children: column.heading }, column.heading || `column-${index}`))) }) }), _jsx("tbody", { children: data.map((item) => (_jsx(ListItem, { data: item }, String(item).slice(0, 10)))) })] }) }));
-};
-export { Table };

package/dist/components/Layout/Table/Table.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Table } from './Table';
-declare const meta: Meta<typeof Table>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const BasicTable: Story;
-export declare const TableWithCustomComponents: Story;
-export declare const TableWithProgressBars: Story;
-export declare const StyledColumns: Story;
-//# sourceMappingURL=Table.stories.d.ts.map

package/dist/components/Layout/Table/Table.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyPnC,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqBvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAoBnC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC"}

package/dist/components/Layout/Table/Table.stories.js

@@ -1,257 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table } from './Table';
-import { Badge } from '../../Info/Badge/Badge';
-import { Button } from '../../Inputs/Buttons/Button/Button';
-const meta = {
-    title: 'Layouts/Table',
-    component: Table,
-    argTypes: {
-        columnConfigs: {
-            control: { type: 'object' },
-            description: 'Array of column configurations with headings and styles',
-        },
-        data: {
-            control: { type: 'object' },
-            description: 'Array of data items to display',
-        },
-        ListItem: {
-            control: false,
-            description: 'Component that renders each table row',
-        },
-    },
-};
-export default meta;
-// Mock data
-const userData = [
-    {
-        id: '1',
-        name: 'John Doe',
-        email: 'john.doe@example.com',
-        role: 'Administrator',
-        status: 'active',
-        lastLogin: '2024-01-15',
-    },
-    {
-        id: '2',
-        name: 'Jane Smith',
-        email: 'jane.smith@example.com',
-        role: 'Editor',
-        status: 'active',
-        lastLogin: '2024-01-14',
-    },
-    {
-        id: '3',
-        name: 'Bob Johnson',
-        email: 'bob.johnson@example.com',
-        role: 'Viewer',
-        status: 'inactive',
-        lastLogin: '2024-01-10',
-    },
-    {
-        id: '4',
-        name: 'Alice Williams',
-        email: 'alice.williams@example.com',
-        role: 'Editor',
-        status: 'active',
-        lastLogin: '2024-01-15',
-    },
-];
-const productData = [
-    {
-        id: '1',
-        name: 'Premium Widget',
-        category: 'Electronics',
-        price: 99.99,
-        stock: 150,
-        status: 'in-stock',
-    },
-    {
-        id: '2',
-        name: 'Standard Widget',
-        category: 'Electronics',
-        price: 49.99,
-        stock: 3,
-        status: 'low-stock',
-    },
-    {
-        id: '3',
-        name: 'Basic Widget',
-        category: 'Accessories',
-        price: 19.99,
-        stock: 0,
-        status: 'out-of-stock',
-    },
-    {
-        id: '4',
-        name: 'Deluxe Widget',
-        category: 'Electronics',
-        price: 149.99,
-        stock: 45,
-        status: 'in-stock',
-    },
-];
-const projectData = [
-    {
-        id: '1',
-        title: 'Website Redesign',
-        team: ['Alice', 'Bob', 'Charlie'],
-        progress: 75,
-        deadline: '2024-02-15',
-        priority: 'high',
-    },
-    {
-        id: '2',
-        title: 'Mobile App Update',
-        team: ['David', 'Eve'],
-        progress: 45,
-        deadline: '2024-03-01',
-        priority: 'medium',
-    },
-    {
-        id: '3',
-        title: 'API Documentation',
-        team: ['Frank', 'Grace'],
-        progress: 90,
-        deadline: '2024-01-20',
-        priority: 'low',
-    },
-];
-// ListItem Components
-const UserListItem = ({ data }) => {
-    return (_jsxs("tr", { children: [_jsx("td", { children: data.name }), _jsx("td", { children: data.email }), _jsx("td", { children: data.role }), _jsx("td", { children: _jsx(Badge, { color: data.status === 'active' ? 'success' : 'neutral', variant: "filled", size: "sm", children: data.status === 'active' ? 'Active' : 'Inactive' }) }), _jsx("td", { children: data.lastLogin })] }));
-};
-const ProductListItem = ({ data }) => {
-    const getStatusColor = (status) => {
-        switch (status) {
-            case 'in-stock':
-                return 'success';
-            case 'low-stock':
-                return 'warning';
-            case 'out-of-stock':
-                return 'error';
-            default:
-                return 'neutral';
-        }
-    };
-    const getStatusLabel = (status) => {
-        switch (status) {
-            case 'in-stock':
-                return 'In Stock';
-            case 'low-stock':
-                return 'Low Stock';
-            case 'out-of-stock':
-                return 'Out of Stock';
-            default:
-                return status;
-        }
-    };
-    return (_jsxs("tr", { children: [_jsx("td", { children: data.name }), _jsx("td", { children: data.category }), _jsxs("td", { children: ["$", data.price.toFixed(2)] }), _jsx("td", { children: data.stock }), _jsx("td", { children: _jsx(Badge, { color: getStatusColor(data.status), variant: "filled", size: "sm", children: getStatusLabel(data.status) }) }), _jsx("td", { children: _jsxs("div", { style: { display: 'flex', gap: '8px' }, children: [_jsx(Button, { size: "sm", variant: "primary", children: "Edit" }), _jsx(Button, { size: "sm", variant: "secondary", children: "View" })] }) })] }));
-};
-const ProjectListItem = ({ data }) => {
-    const getPriorityColor = (priority) => {
-        switch (priority) {
-            case 'high':
-                return 'error';
-            case 'medium':
-                return 'warning';
-            case 'low':
-                return 'success';
-            default:
-                return 'neutral';
-        }
-    };
-    return (_jsxs("tr", { children: [_jsx("td", { children: data.title }), _jsx("td", { children: data.team.join(', ') }), _jsx("td", { children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("div", { style: {
-                                flex: 1,
-                                height: '8px',
-                                backgroundColor: '#e0e0e0',
-                                borderRadius: '4px',
-                                overflow: 'hidden',
-                            }, children: _jsx("div", { style: {
-                                    width: `${data.progress}%`,
-                                    height: '100%',
-                                    backgroundColor: data.progress >= 75 ? '#4caf50' : data.progress >= 50 ? '#ff9800' : '#f44336',
-                                    transition: 'width 0.3s ease',
-                                } }) }), _jsxs("span", { style: { fontSize: '12px', minWidth: '35px' }, children: [data.progress, "%"] })] }) }), _jsx("td", { children: data.deadline }), _jsx("td", { children: _jsx(Badge, { color: getPriorityColor(data.priority), variant: "outline", size: "sm", children: data.priority.charAt(0).toUpperCase() + data.priority.slice(1) }) })] }));
-};
-// Stories
-export const BasicTable = {
-    args: {
-        columnConfigs: [
-            { heading: 'Name', style: { width: '25%' } },
-            { heading: 'Email', style: { width: '30%' } },
-            { heading: 'Role', style: { width: '20%' } },
-            { heading: 'Status', style: { width: '15%' } },
-            { heading: 'Last Login', style: { width: '10%' } },
-        ],
-        data: userData,
-        ListItem: UserListItem,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'A basic table displaying user information with text fields and status badges.',
-            },
-        },
-    },
-};
-export const TableWithCustomComponents = {
-    args: {
-        columnConfigs: [
-            { heading: 'Product Name', style: { width: '20%' } },
-            { heading: 'Category', style: { width: '15%' } },
-            { heading: 'Price', style: { width: '15%' } },
-            { heading: 'Stock', style: { width: '10%', textAlign: 'center' } },
-            { heading: 'Status', style: { width: '15%' } },
-            { heading: 'Actions', style: { width: '25%', textAlign: 'center' } },
-        ],
-        data: productData,
-        ListItem: ProductListItem,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'A table showcasing custom components including badges for status and action buttons. This demonstrates the versatility of the Table component.',
-            },
-        },
-    },
-};
-export const TableWithProgressBars = {
-    args: {
-        columnConfigs: [
-            { heading: 'Project Title', style: { width: '25%' } },
-            { heading: 'Team Members', style: { width: '25%' } },
-            { heading: 'Progress', style: { width: '20%' } },
-            { heading: 'Deadline', style: { width: '15%' } },
-            { heading: 'Priority', style: { width: '15%' } },
-        ],
-        data: projectData,
-        ListItem: ProjectListItem,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'A table with custom progress bars and priority badges, showing how complex UI elements can be integrated into table cells.',
-            },
-        },
-    },
-};
-export const StyledColumns = {
-    args: {
-        columnConfigs: [
-            { heading: 'Name', style: { width: '25%', paddingLeft: '20px', fontWeight: '600' } },
-            { heading: 'Email', style: { width: '30%', textAlign: 'left' } },
-            { heading: 'Role', style: { width: '20%', textAlign: 'center' } },
-            { heading: 'Status', style: { width: '15%', textAlign: 'center' } },
-            { heading: 'Last Login', style: { width: '10%', textAlign: 'right', paddingRight: '20px' } },
-        ],
-        data: userData,
-        ListItem: UserListItem,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: 'A table with custom column styling including padding, text alignment, and font weights.',
-            },
-        },
-    },
-};