shared-design-system 1.9.0 → 1.11.0

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

@@ -19,34 +19,29 @@ export interface TableProps<T = any> {
     emptyText?: React.ReactNode;
 }
 export declare const Table: <T extends Record<string, any>>({ columns, data, onRowClick, className, style, headerStyle, rowStyle, emptyText, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
-export interface TableContainerProps {
+export interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
 }
 export declare const TableContainer: React.FC<TableContainerProps>;
-export interface THeadProps {
+export interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     children: React.ReactNode;
 }
 export declare const THead: React.FC<THeadProps>;
-export interface TBodyProps {
+export interface TBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
     children: React.ReactNode;
 }
 export declare const TBody: React.FC<TBodyProps>;
-export interface TRProps {
+export interface TRProps extends React.HTMLAttributes<HTMLTableRowElement> {
     children: React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLTableRowElement>;
     active?: boolean;
-    style?: React.CSSProperties;
+    header?: boolean;
 }
 export declare const TR: React.FC<TRProps>;
-export interface THProps {
+export interface THProps extends React.ThHTMLAttributes<HTMLTableHeaderCellElement> {
     children?: React.ReactNode;
-    style?: React.CSSProperties;
 }
 export declare const TH: React.FC<THProps>;
-export interface TDProps {
+export interface TDProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
     children?: React.ReactNode;
-    style?: React.CSSProperties;
 }
 export declare const TD: React.FC<TDProps>;

package/dist/src/components/Table.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tokens } from '../tokens';
-export const Table = ({ columns, data, onRowClick, className = '', style = {}, headerStyle = {}, rowStyle = {}, emptyText = 'Không có dữ liệu', }) => {
-    return (_jsxs(TableContainer, { className: className, style: style, children: [_jsx(THead, { children: _jsx(TR, { children: columns.map((col) => (_jsx(TH, { style: {
+export const Table = ({ columns, data, onRowClick, className = '', style = {}, headerStyle = {}, rowStyle = {}, emptyText = 'Không tìm thấy dữ liệu liên quan', }) => {
+    return (_jsxs(TableContainer, { className: className, style: style, children: [_jsx(THead, { children: _jsx(TR, { header: true, children: columns.map((col) => (_jsx(TH, { style: {
                             textAlign: col.align || 'left',
                             width: col.width,
                             ...col.headerStyle,
@@ -11,14 +11,19 @@ export const Table = ({ columns, data, onRowClick, className = '', style = {}, h
                             ...col.cellStyle,
                         }, children: col.render
                             ? col.render(record[col.key], record, rowIndex)
-                            : record[col.key] }, col.key.toString()))) }, record.id || record.key || rowIndex)))) : (_jsx(TR, { children: _jsx(TD, { style: { textAlign: 'center', padding: tokens.spacing[12], color: tokens.color.textMuted }, children: emptyText }) })) })] }));
+                            : record[col.key] }, col.key.toString()))) }, record.id || record.key || rowIndex)))) : (_jsx(TR, { children: _jsxs(TD, { colSpan: columns.length, style: {
+                            textAlign: 'center',
+                            padding: tokens.spacing[12],
+                            color: tokens.color.slate400,
+                            fontStyle: 'italic',
+                        }, children: [_jsx("div", { style: { fontSize: '2rem', marginBottom: tokens.spacing[4] }, children: "\uD83D\uDCE6" }), emptyText] }) })) })] }));
 };
-export const TableContainer = ({ children, className = '', style = {} }) => (_jsx("div", { style: {
+export const TableContainer = ({ children, className = '', style = {}, ...props }) => (_jsx("div", { ...props, style: {
         width: '100%',
         overflowX: 'auto',
-        backgroundColor: tokens.color.surface,
-        borderRadius: tokens.radius.xl,
-        border: `1px solid ${tokens.color.border}`,
+        backgroundColor: tokens.color.white,
+        borderRadius: tokens.radius['2xl'],
+        border: `1px solid ${tokens.color.slate100}`,
         boxShadow: tokens.shadow.sm,
         ...style,
     }, className: className, children: _jsx("table", { style: {
@@ -28,41 +33,42 @@ export const TableContainer = ({ children, className = '', style = {} }) => (_js
             fontSize: tokens.font.sm,
             fontFamily: tokens.font.family,
         }, children: children }) }));
-export const THead = ({ children }) => (_jsx("thead", { style: {
-        backgroundColor: tokens.color.surfaceAlt,
-        borderBottom: `2px solid ${tokens.color.border}`,
+export const THead = ({ children, style = {}, ...props }) => (_jsx("thead", { ...props, style: {
+        backgroundColor: 'rgba(248, 250, 252, 0.5)', // Slate 50/50
+        ...style,
     }, children: children }));
-export const TBody = ({ children }) => (_jsx("tbody", { style: { backgroundColor: tokens.color.surface }, children: children }));
-export const TR = ({ children, onClick, active = false, style = {} }) => (_jsx("tr", { onClick: onClick, style: {
-        borderBottom: `1px solid ${tokens.color.surfaceAlt}`,
-        backgroundColor: active ? tokens.color.primaryLight + '44' : 'transparent',
+export const TBody = ({ children, style = {}, ...props }) => (_jsx("tbody", { ...props, style: { backgroundColor: tokens.color.white, ...style }, children: children }));
+export const TR = ({ children, onClick, active = false, header = false, style = {}, ...props }) => (_jsx("tr", { ...props, onClick: onClick, style: {
+        borderBottom: `1px solid ${tokens.color.slate50}`,
+        backgroundColor: active ? tokens.color.primaryLight : 'transparent',
         transition: tokens.transition.fast,
         cursor: onClick ? 'pointer' : 'default',
         ...style,
-    }, onMouseEnter: onClick
+    }, onMouseEnter: !header
         ? (e) => {
-            e.currentTarget.style.backgroundColor = tokens.color.surfaceAlt;
+            e.currentTarget.style.backgroundColor = 'rgba(248, 250, 252, 0.3)';
         }
-        : undefined, onMouseLeave: onClick
+        : undefined, onMouseLeave: !header
         ? (e) => {
             e.currentTarget.style.backgroundColor = active
-                ? tokens.color.primaryLight + '44'
+                ? tokens.color.primaryLight
                 : 'transparent';
         }
         : undefined, children: children }));
-export const TH = ({ children, style = {} }) => (_jsx("th", { style: {
-        padding: `${tokens.spacing['4']} ${tokens.spacing['4']}`,
+export const TH = ({ children, style = {}, ...props }) => (_jsx("th", { ...props, style: {
+        padding: `${tokens.spacing[5]} ${tokens.spacing[6]}`,
         fontWeight: tokens.font.weightBold,
-        color: tokens.color.textMuted,
+        color: tokens.color.slate400,
         textTransform: 'uppercase',
-        letterSpacing: '0.05em',
-        fontSize: tokens.font.xs,
+        letterSpacing: '0.15em',
+        fontSize: '11px',
         ...style,
     }, children: children }));
-export const TD = ({ children, style = {} }) => (_jsx("td", { style: {
-        padding: `${tokens.spacing['4']} ${tokens.spacing['4']}`,
-        color: tokens.color.text,
+export const TD = ({ children, style = {}, ...props }) => (_jsx("td", { ...props, style: {
+        padding: `${tokens.spacing[6]} ${tokens.spacing[6]}`,
+        color: tokens.color.slate600,
         verticalAlign: 'middle',
+        fontSize: tokens.font.sm,
         ...style,
     }, children: children }));
 //# sourceMappingURL=Table.js.map

package/dist/src/components/Table.js.map

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

package/dist/src/components/Tabs.d.ts

@@ -4,7 +4,7 @@ export interface TabProps extends React.HTMLAttributes<HTMLDivElement> {
     value: any;
     icon?: React.ReactNode;
     active?: boolean;
-    variant?: 'standard' | 'pills';
+    variant?: 'standard' | 'pills' | 'dashboard';
 }
 export interface TabItem {
     label: string;
@@ -14,9 +14,10 @@ export interface TabItem {
 export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value: any;
     onChange: (value: any) => void;
-    variant?: 'standard' | 'pills';
+    variant?: 'standard' | 'pills' | 'dashboard';
     items?: TabItem[];
     children?: React.ReactNode;
+    columns?: number;
 }
 export declare const Tabs: React.FC<TabsProps>;
 export declare const Tab: React.FC<TabProps>;

package/dist/src/components/Tabs.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { tokens } from '../tokens';
-export const Tabs = ({ value, onChange, items, children, variant = 'standard', className = '', style = {} }) => {
+export const Tabs = ({ value, onChange, items, children, variant = 'standard', columns = 4, className = '', style = {} }) => {
     const containerStyle = {
-        display: 'flex',
-        borderBottom: variant === 'standard' ? `1px solid ${tokens.color.border}` : 'none',
-        gap: tokens.spacing[4],
+        display: variant === 'dashboard' ? 'grid' : 'flex',
+        gridTemplateColumns: variant === 'dashboard' ? `repeat(${columns}, 1fr)` : 'none',
+        borderBottom: variant === 'standard' ? `1px solid ${tokens.color.slate100}` : 'none',
+        gap: variant === 'dashboard' ? tokens.spacing[4] : tokens.spacing[4],
         width: '100%',
         overflowX: 'auto',
+        paddingBottom: variant === 'dashboard' ? tokens.spacing[2] : '0',
         ...style
     };
     return (_jsx("div", { style: containerStyle, className: className, children: items ? items.map((item, index) => (_jsx(Tab, { label: item.label, value: item.value, icon: item.icon, active: item.value === value, onClick: () => onChange(item.value), variant: variant }, index))) : React.Children.map(children, child => {
@@ -21,22 +23,72 @@ export const Tabs = ({ value, onChange, items, children, variant = 'standard', c
         }) }));
 };
 export const Tab = ({ label, value, icon, active, onClick, variant, className = '', style = {} }) => {
-    const tabStyle = {
-        display: 'flex',
-        alignItems: 'center',
-        gap: tokens.spacing[2],
-        padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
+    const getTabStyle = () => {
+        switch (variant) {
+            case 'dashboard':
+                return {
+                    position: 'relative',
+                    cursor: 'pointer',
+                    backgroundColor: tokens.color.white,
+                    borderRadius: tokens.radius.xl,
+                    padding: tokens.spacing[5],
+                    boxShadow: active ? tokens.shadow.md : tokens.shadow.sm,
+                    borderTop: `2px solid ${active ? tokens.color.danger : 'transparent'}`,
+                    transition: tokens.transition.normal,
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: tokens.spacing[3],
+                    flex: 1,
+                    borderBottom: 'none',
+                    ...style
+                };
+            case 'pills':
+                return {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: tokens.spacing[2],
+                    padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
+                    fontSize: tokens.font.sm,
+                    fontWeight: active ? tokens.font.weightBold : tokens.font.weightMedium,
+                    color: active ? tokens.color.primary : tokens.color.textMuted,
+                    cursor: 'pointer',
+                    transition: tokens.transition.fast,
+                    backgroundColor: active ? tokens.color.primaryLight : 'transparent',
+                    borderRadius: tokens.radius.md,
+                    whiteSpace: 'nowrap',
+                    ...style
+                };
+            case 'standard':
+            default:
+                return {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: tokens.spacing[2],
+                    padding: `${tokens.spacing[3]} ${tokens.spacing[4]}`,
+                    fontSize: tokens.font.sm,
+                    fontWeight: active ? tokens.font.weightBold : tokens.font.weightMedium,
+                    color: active ? tokens.color.primary : tokens.color.textMuted,
+                    cursor: 'pointer',
+                    borderBottom: `2px solid ${active ? tokens.color.primary : 'transparent'}`,
+                    transition: tokens.transition.fast,
+                    whiteSpace: 'nowrap',
+                    ...style
+                };
+        }
+    };
+    const textStyle = {
         fontSize: tokens.font.sm,
-        fontWeight: active ? tokens.font.weightBold : tokens.font.weightMedium,
-        color: active ? tokens.color.primary : tokens.color.textMuted,
-        cursor: 'pointer',
-        borderBottom: active && variant === 'standard' ? `2px solid ${tokens.color.primary}` : '2px solid transparent',
+        fontWeight: tokens.font.weightSemibold,
+        color: active ? tokens.color.slate800 : tokens.color.slate500,
+        transition: tokens.transition.fast,
+    };
+    const iconStyle = {
+        display: 'flex',
+        padding: tokens.spacing[2],
+        borderRadius: tokens.radius.md,
+        color: active ? tokens.color.warning : tokens.color.slate400,
         transition: tokens.transition.fast,
-        backgroundColor: active && variant === 'pills' ? tokens.color.primaryLight : 'transparent',
-        borderRadius: variant === 'pills' ? tokens.radius.md : '0',
-        whiteSpace: 'nowrap',
-        ...style
     };
-    return (_jsxs("div", { style: tabStyle, onClick: onClick, className: className, children: [icon && _jsx("span", { style: { display: 'flex' }, children: icon }), label] }));
+    return (_jsxs("div", { style: getTabStyle(), onClick: onClick, className: className, children: [icon && _jsx("span", { style: variant === 'dashboard' ? iconStyle : { display: 'flex' }, children: icon }), variant === 'dashboard' ? (_jsx("span", { style: textStyle, children: label })) : label] }));
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/src/components/Tabs.js.map

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

package/dist/src/components/Typography.d.ts

@@ -7,7 +7,7 @@ export declare const Heading: React.FC<HeadingProps>;
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
     size?: keyof typeof tokens.font;
     weight?: 'normal' | 'medium' | 'semibold' | 'bold';
-    color?: 'default' | 'muted' | 'disabled' | 'primary' | 'danger';
+    color?: keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger';
 }
 export declare const Text: React.FC<TextProps>;
 export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/src/components/Typography.js

@@ -35,6 +35,8 @@ export const Text = ({ size = 'base', weight = 'normal', color = 'default', chil
         return tokens.font.weightNormal;
     };
     const getColor = () => {
+        if (tokens.color[color])
+            return tokens.color[color];
         if (color === 'muted')
             return tokens.color.textMuted;
         if (color === 'disabled')

package/dist/src/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../src/components/Typography.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAMnC,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAO,KAAK,EAAE,CAAC;YACb,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;QAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACxB,QAAQ,EAAE,WAAW,EAAE;QACvB,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,GAAG;QACf,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,GAAG,GAAG,IAAI,KAAK,EAA+B,CAAC;IACrD,OAAO,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACvF,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAE,MAAM,CAAC,IAAI,CAAC,IAAgC,CAAY,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxG,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,MAAM,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;QACzD,IAAI,MAAM,KAAK,UAAU;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;QAC7D,IAAI,MAAM,KAAK,MAAM;YAAE,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;QACrD,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;IAClC,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,MAAM,CAAC,KAAK,CAAC,KAAkC,CAAC;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,KAAkC,CAAC,CAAC;QAC9G,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;QACrD,IAAI,KAAK,KAAK,UAAU;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC;QAC3D,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QACrD,IAAI,KAAK,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QACnD,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,SAAS,GAAwB;QACrC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,QAAQ,EAAE,WAAW,EAAE;QACvB,UAAU,EAAE,SAAS,EAAE;QACvB,KAAK,EAAE,QAAQ,EAAE;QACjB,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,GAAG;QACf,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,YAAG,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YAAG,QAAQ,GAAK,CAAC;AAC9E,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACpG,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,aACrH,aAAI,KAAK,EAAE;gBACT,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE;gBACxB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU;gBAClC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS;gBAC7B,aAAa,EAAE,WAAoB;gBACnC,aAAa,EAAE,OAAO;gBACtB,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,MAAM,EAAE,CAAC;aACV,YACE,KAAK,GACH,EACL,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,GAAQ,IAChF,CACP,CAAC"}

package/dist/src/index.d.ts

@@ -7,6 +7,7 @@ export type { BadgeProps } from './components/Badge';
 export { Card } from './components/Card';
 export type { CardProps } from './components/Card';
 export { Input, Textarea, Select, Checkbox } from './components/InputComponents';
+export { DatePicker } from './components/DatePicker';
 export type { InputProps, TextareaProps, SelectProps, CheckboxProps } from './components/InputComponents';
 export { Heading, Text, SectionHeader } from './components/Typography';
 export type { HeadingProps, TextProps, SectionHeaderProps } from './components/Typography';

package/dist/src/index.js

@@ -4,6 +4,7 @@ export { ConfirmModal } from './components/ConfirmModal';
 export { Badge } from './components/Badge';
 export { Card } from './components/Card';
 export { Input, Textarea, Select, Checkbox } from './components/InputComponents';
+export { DatePicker } from './components/DatePicker';
 export { Heading, Text, SectionHeader } from './components/Typography';
 export { LoadingSpinner } from './components/LoadingSpinner';
 export { ReadOnlyField } from './components/ReadOnlyField';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGjF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,iFAAiF;AACjF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,iFAAiF;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/tokens.d.ts

@@ -3,6 +3,7 @@
  * Single source of truth for colors, spacing, typography, shadows.
  */
 export interface ColorTokens {
+    white: string;
     primary: string;
     primaryDark: string;
     primaryLight: string;
@@ -22,12 +23,23 @@ export interface ColorTokens {
     surface: string;
     surfaceAlt: string;
     overlay: string;
+    slate50: string;
+    slate100: string;
+    slate200: string;
+    slate300: string;
+    slate400: string;
+    slate500: string;
+    slate600: string;
+    slate700: string;
+    slate800: string;
+    slate900: string;
 }
 export interface RadiusTokens {
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    '2xl': string;
     full: string;
 }
 export interface ShadowTokens {

package/dist/src/tokens.js

@@ -4,46 +4,59 @@
  */
 export const tokens = {
     color: {
-        primary: 'var(--ds-color-primary, #f59e0b)',
-        primaryDark: 'var(--ds-color-primary-dark, #d97706)',
-        primaryLight: 'var(--ds-color-primary-light, #fef3c7)',
-        success: 'var(--ds-color-success, #10b981)',
+        white: '#ffffff',
+        primary: 'var(--ds-color-primary, #2563eb)',
+        primaryDark: 'var(--ds-color-primary-dark, #1d4ed8)',
+        primaryLight: 'var(--ds-color-primary-light, #eff6ff)',
+        success: 'var(--ds-color-success, #059669)',
         successBg: 'var(--ds-color-success-bg, #ecfdf5)',
         warning: 'var(--ds-color-warning, #f59e0b)',
         warningBg: 'var(--ds-color-warning-bg, #fffbeb)',
-        danger: 'var(--ds-color-danger, #ef4444)',
+        danger: 'var(--ds-color-danger, #dc2626)',
         dangerBg: 'var(--ds-color-danger-bg, #fef2f2)',
         info: 'var(--ds-color-info, #3b82f6)',
         infoBg: 'var(--ds-color-info-bg, #eff6ff)',
         text: 'var(--ds-color-text, #0f172a)',
         textMuted: 'var(--ds-color-text-muted, #64748b)',
         textDisabled: 'var(--ds-color-text-disabled, #94a3b8)',
-        border: 'var(--ds-color-border, #e2e8f0)',
-        borderFocus: 'var(--ds-color-border-focus, #f59e0b)',
+        border: 'var(--ds-color-border, #f1f5f9)',
+        borderFocus: 'var(--ds-color-border-focus, #fbbf24)',
         surface: 'var(--ds-color-surface, #ffffff)',
-        surfaceAlt: 'var(--ds-color-surface-alt, #f8fafc)',
-        overlay: 'rgba(0,0,0,0.35)',
+        surfaceAlt: 'var(--ds-color-surface-alt, #f8fafc/30)',
+        overlay: 'rgba(0,0,0,0.3)',
+        // Slate
+        slate50: '#f8fafc',
+        slate100: '#f1f5f9',
+        slate200: '#e2e8f0',
+        slate300: '#cbd5e1',
+        slate400: '#94a3b8',
+        slate500: '#64748b',
+        slate600: '#475569',
+        slate700: '#334155',
+        slate800: '#1e293b',
+        slate900: '#0f172a',
     },
     radius: {
         sm: '6px',
         md: '10px',
         lg: '14px',
-        xl: '20px',
+        xl: '18px',
+        '2xl': '24px',
         full: '9999px',
     },
     shadow: {
-        sm: '0 1px 3px rgba(0,0,0,.08)',
-        md: '0 4px 12px rgba(0,0,0,.10)',
-        lg: '0 8px 30px rgba(0,0,0,.14)',
-        xl: '0 16px 48px rgba(0,0,0,.18)',
+        sm: '0 1px 2px rgba(0,0,0,.05)',
+        md: '0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06)',
+        lg: '0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05)',
+        xl: '0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)',
     },
     font: {
-        family: "'Inter', system-ui, sans-serif",
+        family: "'Inter', 'Segoe UI', system-ui, sans-serif",
         xs: '11px',
         sm: '13px',
         base: '14px',
-        md: '15px',
-        lg: '17px',
+        md: '16px',
+        lg: '18px',
         xl: '20px',
         '2xl': '24px',
         weightNormal: 400,
@@ -59,11 +72,13 @@ export const tokens = {
         '5': '20px',
         '6': '24px',
         '8': '32px',
+        '10': '40px',
+        '12': '48px',
     },
     transition: {
-        fast: 'all .15s ease',
-        normal: 'all .25s ease',
-        slow: 'all .4s ease',
+        fast: 'all .2s cubic-bezier(0.4, 0, 0.2, 1)',
+        normal: 'all .3s cubic-bezier(0.4, 0, 0.2, 1)',
+        slow: 'all .5s cubic-bezier(0.4, 0, 0.2, 1)',
     },
 };
 //# sourceMappingURL=tokens.js.map

package/dist/src/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAyEH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,OAAO,EAAM,kCAAkC;QAC/C,WAAW,EAAE,uCAAuC;QACpD,YAAY,EAAC,wCAAwC;QACrD,OAAO,EAAM,kCAAkC;QAC/C,SAAS,EAAI,qCAAqC;QAClD,OAAO,EAAM,kCAAkC;QAC/C,SAAS,EAAI,qCAAqC;QAClD,MAAM,EAAO,iCAAiC;QAC9C,QAAQ,EAAK,oCAAoC;QACjD,IAAI,EAAS,+BAA+B;QAC5C,MAAM,EAAO,kCAAkC;QAC/C,IAAI,EAAS,+BAA+B;QAC5C,SAAS,EAAI,qCAAqC;QAClD,YAAY,EAAC,wCAAwC;QACrD,MAAM,EAAO,iCAAiC;QAC9C,WAAW,EAAE,uCAAuC;QACpD,OAAO,EAAM,kCAAkC;QAC/C,UAAU,EAAG,sCAAsC;QACnD,OAAO,EAAM,kBAAkB;KAChC;IACD,MAAM,EAAE;QACN,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAG,2BAA2B;QAChC,EAAE,EAAG,4BAA4B;QACjC,EAAE,EAAG,4BAA4B;QACjC,EAAE,EAAG,6BAA6B;KACnC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,gCAAgC;QACxC,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAC,MAAM;QACZ,YAAY,EAAG,GAAG;QAClB,YAAY,EAAG,GAAG;QAClB,cAAc,EAAC,GAAG;QAClB,UAAU,EAAK,GAAG;KACnB;IACD,OAAO,EAAE;QACP,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;KACZ;IACD,UAAU,EAAE;QACV,IAAI,EAAI,eAAe;QACvB,MAAM,EAAE,eAAe;QACvB,IAAI,EAAI,cAAc;KACvB;CACF,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAsFH,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAM,kCAAkC;QAC/C,WAAW,EAAE,uCAAuC;QACpD,YAAY,EAAC,wCAAwC;QACrD,OAAO,EAAM,kCAAkC;QAC/C,SAAS,EAAI,qCAAqC;QAClD,OAAO,EAAM,kCAAkC;QAC/C,SAAS,EAAI,qCAAqC;QAClD,MAAM,EAAO,iCAAiC;QAC9C,QAAQ,EAAK,oCAAoC;QACjD,IAAI,EAAS,+BAA+B;QAC5C,MAAM,EAAO,kCAAkC;QAC/C,IAAI,EAAS,+BAA+B;QAC5C,SAAS,EAAI,qCAAqC;QAClD,YAAY,EAAC,wCAAwC;QACrD,MAAM,EAAO,iCAAiC;QAC9C,WAAW,EAAE,uCAAuC;QACpD,OAAO,EAAM,kCAAkC;QAC/C,UAAU,EAAG,yCAAyC;QACtD,OAAO,EAAM,iBAAiB;QAC9B,QAAQ;QACR,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,SAAS;KACpB;IACD,MAAM,EAAE;QACN,EAAE,EAAI,KAAK;QACX,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAG,2BAA2B;QAChC,EAAE,EAAG,+DAA+D;QACpE,EAAE,EAAG,iEAAiE;QACtE,EAAE,EAAG,mEAAmE;KACzE;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,4CAA4C;QACpD,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,EAAE,EAAI,MAAM;QACZ,KAAK,EAAC,MAAM;QACZ,YAAY,EAAG,GAAG;QAClB,YAAY,EAAG,GAAG;QAClB,cAAc,EAAC,GAAG;QAClB,UAAU,EAAK,GAAG;KACnB;IACD,OAAO,EAAE;QACP,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,UAAU,EAAE;QACV,IAAI,EAAI,sCAAsC;QAC9C,MAAM,EAAE,sCAAsC;QAC9C,IAAI,EAAI,sCAAsC;KAC/C;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-design-system",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Shared Tailwind Design System & UI Tokens for all Micro Frontends",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",