tonkean-tcltext 1.0.0

package/dist/components/IconItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconItem.js","sourceRoot":"","sources":["../../src/components/IconItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiBxC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,IAAI,EACnB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,GAAG,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,QAAQ;YACjB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,OAAO;SACnB,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;YAC9C,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,mCAAmC,CAAC;QACxE,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;YAC9C,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC3C,CAAC,EACD,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,EAAE,aAEpC,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,IAAI,IAAI;oBAClB,MAAM,EAAE,GAAG,IAAI,IAAI;oBACnB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,YAAY,EAAE,MAAM;oBACpB,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,CAAC;iBACd,YAEA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAG,IAAI,CAAC,SAAS,GAAO,CACtE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CACb,cACE,uBAAuB,EAAE;wBACvB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CACtB,cAAc,EACd,4DAA4D,CAC7D;qBACF,EACD,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;qBACf,GACD,CACH,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,oBAAoB;wBAC5B,YAAY,EAAE,KAAK;wBACnB,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,QAAQ,EAAE,SAAS;wBACnB,KAAK,EAAE,SAAS;qBACjB,qBAGG,CACP,GACG,EACL,WAAW,IAAI,CACd,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YAChD,cACE,KAAK,EAAE;wBACL,QAAQ,EAAE,SAAS;wBACnB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBACrC,UAAU,EAAE,WAAW;wBACvB,SAAS,EAAE,YAAY;wBACvB,UAAU,EAAE,iBAAiB;qBAC9B,YAEA,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAC7B,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/InputToken.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { inputs } from '../tokens';
+interface InputTokenProps {
+    type: keyof typeof inputs.inputs.types;
+    state: string;
+    showLabel?: boolean;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    hasError?: boolean;
+    errorMessage?: string;
+}
+export declare const InputToken: React.FC<InputTokenProps>;
+export {};
+//# sourceMappingURL=InputToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputToken.d.ts","sourceRoot":"","sources":["../../src/components/InputToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAsB,MAAM,WAAW,CAAC;AAEvD,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsGD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0KhD,CAAC"}

package/dist/components/InputToken.js

@@ -0,0 +1,203 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { inputs, colors, typography } from '../tokens';
+// Helper function to resolve color references from tokens
+const resolveColor = (colorRef) => {
+    // If it's already a hex color or CSS value, return as-is
+    if (colorRef.startsWith('#') || colorRef === 'transparent' || colorRef === 'none') {
+        return colorRef;
+    }
+    // Parse reference like "purple.600" or "basic.white"
+    const parts = colorRef.split('.');
+    if (parts.length === 2) {
+        const [category, shade] = parts;
+        const colorCategory = colors.colors[category];
+        if (colorCategory && typeof colorCategory === 'object') {
+            const colorValue = colorCategory[shade];
+            if (colorValue) {
+                return colorValue;
+            }
+        }
+    }
+    // Fallback: return the original reference if not found
+    return colorRef;
+};
+// Helper function to resolve border string (may contain color references)
+const resolveBorder = (border) => {
+    if (border === 'none' || border === 'transparent') {
+        return border;
+    }
+    // Handle "1px solid gray.300" format
+    return border.replace(/(\w+\.\w+)/g, (match) => resolveColor(match));
+};
+// Helper function to get the next darker shade of a color
+const getDarkerShade = (colorRef) => {
+    // If it's already a hex color, return as-is (can't increment)
+    if (colorRef.startsWith('#') || colorRef === 'transparent' || colorRef === 'none') {
+        return colorRef;
+    }
+    // Parse reference like "purple.600" or "basic.white"
+    const parts = colorRef.split('.');
+    if (parts.length === 2) {
+        const [category, shade] = parts;
+        // Handle basic colors (black/white) - can't increment
+        if (category === 'basic') {
+            return colorRef;
+        }
+        // Color shade levels
+        const shadeLevels = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
+        const currentIndex = shadeLevels.indexOf(shade);
+        // If shade exists and not at max, increment by 1
+        if (currentIndex !== -1 && currentIndex < shadeLevels.length - 1) {
+            const nextShade = shadeLevels[currentIndex + 1];
+            return `${category}.${nextShade}`;
+        }
+    }
+    // Fallback: return the original reference if can't increment
+    return colorRef;
+};
+// Helper function to get hover border (one shade darker)
+const getHoverBorder = (border) => {
+    if (border === 'none' || border === 'transparent') {
+        return border;
+    }
+    // Extract color reference and increment shade
+    // Handle "1px solid gray.300" format
+    return border.replace(/(\w+\.\w+)/g, (match) => {
+        const darkerShade = getDarkerShade(match);
+        return resolveColor(darkerShade);
+    });
+};
+// Helper function to resolve typography values
+const resolveTypography = {
+    fontFamily: (family = 'roboto') => {
+        const fontFamily = typography.typography.fontFamilies[family];
+        return Array.isArray(fontFamily) ? fontFamily.join(', ') : fontFamily;
+    },
+    fontSize: (size) => {
+        return typography.typography.fontSizes[size];
+    },
+    fontWeight: (weight) => {
+        return typography.typography.fontWeights[weight];
+    },
+    lineHeight: (height) => {
+        return typography.typography.lineHeights[height];
+    },
+    letterSpacing: (spacing) => {
+        return typography.typography.letterSpacing[spacing];
+    },
+};
+export const InputToken = ({ type, state, showLabel = true, label = 'Placeholder', placeholder = 'Input', value: initialValue, hasError = false, errorMessage = 'This is an error message', }) => {
+    // Initialize with empty string to allow typing from scratch
+    // The initialValue prop is just for display purposes in stories
+    const [inputValue, setInputValue] = useState('');
+    const [isHovered, setIsHovered] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const typeTokens = inputs.inputs.types[type];
+    const stateTokens = typeTokens[state];
+    // Use regular size as default (no size prop anymore)
+    const sizeTokens = inputs.inputs.sizes.regular;
+    if (!stateTokens) {
+        return _jsxs("div", { children: ["Invalid state: ", state, " for type: ", type] });
+    }
+    // Resolve colors from token references
+    const resolvedBackground = resolveColor(stateTokens.background);
+    const resolvedText = resolveColor(stateTokens.text);
+    const resolvedPlaceholder = resolveColor(stateTokens.placeholder || stateTokens.text);
+    const resolvedBorder = resolveBorder(stateTokens.border);
+    const resolvedIcon = resolveColor(stateTokens.icon || stateTokens.text);
+    const resolvedLabel = stateTokens.label ? resolveColor(stateTokens.label) : resolvedText;
+    const resolvedErrorMessage = stateTokens.errorMessage ? resolveColor(stateTokens.errorMessage) : '#EF4444';
+    // Determine if input should show placeholder or value
+    const isDisabled = state.includes('disabled');
+    // Use controlled value if provided, otherwise use internal state
+    const currentValue = initialValue !== undefined ? initialValue : inputValue;
+    const showPlaceholder = !currentValue;
+    const textColor = showPlaceholder ? resolvedPlaceholder : resolvedText;
+    // Use base font size (regular size)
+    const getTypographyFontSize = () => {
+        return 'base';
+    };
+    // Get active state tokens for focus styling
+    const activeStateTokens = typeTokens['active'];
+    const activeBorder = activeStateTokens ? resolveBorder(activeStateTokens.border) : resolvedBorder;
+    // Calculate hover border (one shade darker) - only if not disabled, not in error state, and border exists
+    const shouldShowHover = !isDisabled && !hasError && stateTokens.border !== 'none' && stateTokens.border !== 'transparent';
+    const hoverBorder = shouldShowHover ? getHoverBorder(stateTokens.border) : resolvedBorder;
+    // Determine border color: focus > hover > default
+    const getBorderColor = () => {
+        if (isFocused && !isDisabled && !hasError && activeStateTokens) {
+            return activeBorder;
+        }
+        if (isHovered && shouldShowHover) {
+            return hoverBorder;
+        }
+        return resolvedBorder;
+    };
+    const inputContainerStyle = {
+        width: '100%',
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        padding: `${sizeTokens.padding.vertical} ${sizeTokens.padding.horizontal}`,
+        fontSize: resolveTypography.fontSize(getTypographyFontSize()),
+        minHeight: sizeTokens.minHeight,
+        borderRadius: inputs.inputs.borderRadius,
+        border: getBorderColor(),
+        backgroundColor: resolvedBackground,
+        color: textColor,
+        fontFamily: resolveTypography.fontFamily('roboto'),
+        fontWeight: resolveTypography.fontWeight('regular'),
+        lineHeight: resolveTypography.lineHeight('normal'),
+        letterSpacing: resolveTypography.letterSpacing('normal'),
+        cursor: isDisabled ? 'not-allowed' : 'text',
+        opacity: isDisabled ? 0.6 : 1,
+        gap: '8px',
+        boxSizing: 'border-box',
+        transition: 'border-color 0.2s ease',
+    };
+    const inputStyle = {
+        border: 'none',
+        outline: 'none',
+        background: 'transparent',
+        color: textColor,
+        fontSize: resolveTypography.fontSize(getTypographyFontSize()),
+        fontFamily: resolveTypography.fontFamily('roboto'),
+        fontWeight: resolveTypography.fontWeight('regular'),
+        lineHeight: resolveTypography.lineHeight('normal'),
+        letterSpacing: resolveTypography.letterSpacing('normal'),
+        flex: 1,
+        minWidth: '0',
+        width: '100%',
+        padding: '0',
+    };
+    // Handle input change - always allow typing unless disabled
+    const handleInputChange = (e) => {
+        if (!isDisabled) {
+            setInputValue(e.target.value);
+        }
+    };
+    // Use internal state value if user has typed, otherwise use initial value if provided
+    const displayValue = inputValue !== '' ? inputValue : (initialValue || '');
+    // Determine if this should be a real input or a read-only display
+    // Only make read-only for disabled states, otherwise allow typing
+    const isReadOnly = state === 'disabledPlaceholder';
+    return (_jsxs("div", { style: { marginBottom: '1rem', width: '100%', maxWidth: '400px' }, children: [showLabel && (_jsx("div", { style: {
+                    fontSize: resolveTypography.fontSize('sm'),
+                    color: hasError ? resolvedErrorMessage : resolvedLabel,
+                    marginBottom: '0.5rem',
+                    fontWeight: resolveTypography.fontWeight('medium'),
+                    fontFamily: resolveTypography.fontFamily('roboto'),
+                    lineHeight: resolveTypography.lineHeight('normal'),
+                    letterSpacing: resolveTypography.letterSpacing('normal'),
+                }, children: label })), _jsx("div", { style: { position: 'relative' }, children: _jsx("div", { style: inputContainerStyle, onMouseEnter: () => shouldShowHover && setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: _jsx("input", { type: "text", value: displayValue, onChange: handleInputChange, onFocus: () => !isDisabled && setIsFocused(true), onBlur: () => setIsFocused(false), placeholder: placeholder, style: inputStyle, disabled: isDisabled, readOnly: isReadOnly }) }) }), hasError && errorMessage && (_jsx("div", { style: {
+                    fontSize: resolveTypography.fontSize('xs'),
+                    color: resolvedErrorMessage,
+                    marginTop: '0.25rem',
+                    fontFamily: resolveTypography.fontFamily('roboto'),
+                    fontWeight: resolveTypography.fontWeight('regular'),
+                    lineHeight: resolveTypography.lineHeight('normal'),
+                    letterSpacing: resolveTypography.letterSpacing('normal'),
+                }, children: errorMessage }))] }));
+};
+//# sourceMappingURL=InputToken.js.map

package/dist/components/InputToken.js.map

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

package/dist/components/MultiSelectToken.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IconData } from './IconItem';
+interface MultiSelectTokenProps {
+    state: 'empty' | 'focus' | 'filled' | 'disabled' | 'hover' | 'open';
+    showLabel?: boolean;
+    label?: string;
+    placeholder?: string;
+    selectedValues?: string[];
+    leftIcon?: IconData | null;
+    options?: Array<{
+        label: string;
+        icon?: IconData | null;
+    }>;
+    onSelect?: (values: string[]) => void;
+}
+export declare const MultiSelectToken: React.FC<MultiSelectTokenProps>;
+export {};
+//# sourceMappingURL=MultiSelectToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectToken.d.ts","sourceRoot":"","sources":["../../src/components/MultiSelectToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,UAAU,qBAAqB;IAC7B,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvC;AA6FD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkrB5D,CAAC"}