@inntechcorp/it-design 3.1.2 → 3.1.4

package/dist/helpers/theme/tokens.d.ts

@@ -1,392 +0,0 @@
-/**
- * Design Tokens - Merkezi tasarım değerleri
- * Tüm componentler bu token'ları kullanmalı
- */
-export declare const TYPOGRAPHY_TOKENS: {
-    readonly fontSize: {
-        readonly xs: "0.725rem";
-        readonly sm: "0.75rem";
-        readonly md: "0.825rem";
-        readonly df: "0.875rem";
-        readonly lg: "0.875rem";
-        readonly xl: "0.875rem";
-    };
-    readonly lineHeight: {
-        readonly xs: "0.725rem";
-        readonly sm: "0.75rem";
-        readonly md: "0.825rem";
-        readonly df: "0.875rem";
-        readonly lg: "0.875rem";
-        readonly xl: "0.875rem";
-    };
-    readonly fontWeight: {
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
-    };
-};
-export declare const SPACING_TOKENS: {
-    readonly paddingX: {
-        readonly xs: "0.625rem";
-        readonly sm: "0.625rem";
-        readonly md: "0.75rem";
-        readonly df: "0.75rem";
-        readonly lg: "0.9375rem";
-        readonly xl: "0.9375rem";
-    };
-    readonly height: {
-        readonly xs: "1.75rem";
-        readonly sm: "2rem";
-        readonly md: "2.125rem";
-        readonly df: "2.25rem";
-        readonly lg: "2.5rem";
-        readonly xl: "2.75rem";
-    };
-    readonly gap: {
-        readonly xs: "0.25rem";
-        readonly sm: "0.5rem";
-        readonly md: "0.75rem";
-        readonly df: "0.875rem";
-        readonly lg: "1rem";
-        readonly xl: "1.25rem";
-    };
-};
-/**
- * Icon ve Image size tokenları
- * Select, Button gibi componentlerde kullanılan icon boyutları
- */
-export declare const ICON_TOKENS: {
-    readonly image: {
-        readonly xs: {
-            readonly width: "0.875rem";
-            readonly height: "0.875rem";
-        };
-        readonly sm: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly md: {
-            readonly width: "1.125rem";
-            readonly height: "1.125rem";
-        };
-        readonly df: {
-            readonly width: "1.25rem";
-            readonly height: "1.25rem";
-        };
-        readonly lg: {
-            readonly width: "1.25rem";
-            readonly height: "1.25rem";
-        };
-        readonly xl: {
-            readonly width: "1.375rem";
-            readonly height: "1.375rem";
-        };
-    };
-    readonly arrow: {
-        readonly xs: {
-            readonly width: "0.825rem";
-            readonly height: "0.825rem";
-        };
-        readonly sm: {
-            readonly width: "0.825rem";
-            readonly height: "0.825rem";
-        };
-        readonly md: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly df: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly lg: {
-            readonly width: "1.125rem";
-            readonly height: "1.125rem";
-        };
-        readonly xl: {
-            readonly width: "1.125rem";
-            readonly height: "1.125rem";
-        };
-    };
-    readonly button: {
-        readonly xs: {
-            readonly width: "0.75rem";
-            readonly height: "0.75rem";
-        };
-        readonly sm: {
-            readonly width: "0.875rem";
-            readonly height: "0.875rem";
-        };
-        readonly md: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly df: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly lg: {
-            readonly width: "1.125rem";
-            readonly height: "1.125rem";
-        };
-        readonly xl: {
-            readonly width: "1.25rem";
-            readonly height: "1.25rem";
-        };
-    };
-    readonly default: {
-        readonly xs: "0.75rem";
-        readonly sm: "0.875rem";
-        readonly md: "1rem";
-        readonly df: "1rem";
-        readonly lg: "1.25rem";
-        readonly xl: "1.5rem";
-    };
-};
-/**
- * Input componentleri için ortak size mapping
- * Input, Textarea gibi text input elementleri
- */
-export declare const INPUT_SIZE_MAP: {
-    readonly xs: {
-        readonly height: "1.75rem";
-        readonly paddingX: "0.625rem";
-        readonly fontSize: "0.725rem";
-        readonly lineHeight: "0.725rem";
-        readonly fontWeight: 400;
-    };
-    readonly sm: {
-        readonly height: "2rem";
-        readonly paddingX: "0.625rem";
-        readonly fontSize: "0.75rem";
-        readonly lineHeight: "0.75rem";
-        readonly fontWeight: 400;
-    };
-    readonly md: {
-        readonly height: "2.125rem";
-        readonly paddingX: "0.75rem";
-        readonly fontSize: "0.825rem";
-        readonly lineHeight: "0.825rem";
-        readonly fontWeight: 400;
-    };
-    readonly df: {
-        readonly height: "2.25rem";
-        readonly paddingX: "0.75rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 400;
-    };
-    readonly lg: {
-        readonly height: "2.5rem";
-        readonly paddingX: "0.9375rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-    };
-    readonly xlg: {
-        readonly height: "2.75rem";
-        readonly paddingX: "0.9375rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-    };
-};
-/**
- * Select componentleri için ortak size mapping
- * Select, Dropdown gibi seçim elementleri
- * NOT: Input ile tamamen aynı değerleri kullanır
- */
-export declare const SELECT_SIZE_MAP: {
-    readonly xs: {
-        readonly height: "1.75rem";
-        readonly paddingX: "0.625rem";
-        readonly fontSize: "0.725rem";
-        readonly lineHeight: "0.725rem";
-        readonly fontWeight: 400;
-    };
-    readonly sm: {
-        readonly height: "2rem";
-        readonly paddingX: "0.625rem";
-        readonly fontSize: "0.75rem";
-        readonly lineHeight: "0.75rem";
-        readonly fontWeight: 400;
-    };
-    readonly md: {
-        readonly height: "2.125rem";
-        readonly paddingX: "0.75rem";
-        readonly fontSize: "0.825rem";
-        readonly lineHeight: "0.825rem";
-        readonly fontWeight: 400;
-    };
-    readonly df: {
-        readonly height: "2.25rem";
-        readonly paddingX: "0.75rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 400;
-    };
-    readonly lg: {
-        readonly height: "2.5rem";
-        readonly paddingX: "0.9375rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-    };
-    readonly xlg: {
-        readonly height: "2.75rem";
-        readonly paddingX: "0.9375rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-    };
-};
-/**
- * Button componentleri için size mapping
- * Regular button ve icon-only button boyutları
- */
-export declare const BUTTON_SIZE_MAP: {
-    readonly xs: {
-        readonly minWidth: "1.75rem";
-        readonly minHeight: "1.75rem";
-        readonly padding: "0 0.625rem";
-        readonly fontSize: "0.725rem";
-        readonly lineHeight: "0.725rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "0.75rem";
-            readonly height: "0.75rem";
-        };
-        readonly spinnerSize: "0.75rem";
-        readonly spinnerBorder: "1px";
-    };
-    readonly sm: {
-        readonly minWidth: "2rem";
-        readonly minHeight: "2rem";
-        readonly padding: "0 0.9375rem";
-        readonly fontSize: "0.75rem";
-        readonly lineHeight: "0.75rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "0.875rem";
-            readonly height: "0.875rem";
-        };
-        readonly spinnerSize: "1rem";
-        readonly spinnerBorder: "2px";
-    };
-    readonly md: {
-        readonly minWidth: "2.125rem";
-        readonly minHeight: "2.125rem";
-        readonly padding: "0 0.9375rem";
-        readonly fontSize: "0.825rem";
-        readonly lineHeight: "0.825rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly spinnerSize: "1rem";
-        readonly spinnerBorder: "2px";
-    };
-    readonly df: {
-        readonly minWidth: "2.25rem";
-        readonly minHeight: "2.25rem";
-        readonly padding: "0 0.9375rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "1rem";
-            readonly height: "1rem";
-        };
-        readonly spinnerSize: "1rem";
-        readonly spinnerBorder: "2px";
-    };
-    readonly lg: {
-        readonly minWidth: "2.5rem";
-        readonly minHeight: "2.5rem";
-        readonly padding: "0 1.25rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "1.125rem";
-            readonly height: "1.125rem";
-        };
-        readonly spinnerSize: "1.125rem";
-        readonly spinnerBorder: "2px";
-    };
-    readonly xlg: {
-        readonly minWidth: "2.75rem";
-        readonly minHeight: "2.75rem";
-        readonly padding: "0 1.25rem";
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "0.875rem";
-        readonly fontWeight: 500;
-        readonly iconSize: {
-            readonly width: "1.25rem";
-            readonly height: "1.25rem";
-        };
-        readonly spinnerSize: "1.25rem";
-        readonly spinnerBorder: "3px";
-    };
-};
-/**
- * Alert component için özel token'lar
- */
-export declare const ALERT_TOKENS: {
-    readonly title: {
-        readonly fontSize: "0.875rem";
-        readonly lineHeight: "1rem";
-        readonly fontWeight: 500;
-    };
-    readonly description: {
-        readonly fontSize: "0.8125rem";
-        readonly lineHeight: "1rem";
-        readonly fontWeight: 400;
-    };
-    readonly icon: {
-        readonly size: "1rem";
-        readonly marginTop: "0.125rem";
-    };
-    readonly spacing: {
-        readonly gap: "0.875rem";
-        readonly padding: "0.875rem";
-    };
-};
-/**
- * Card component için özel token'lar
- */
-export declare const CARD_TOKENS: {
-    readonly padding: {
-        readonly xs: "0.5rem";
-        readonly sm: "0.75rem";
-        readonly md: "1rem";
-        readonly lg: "1.25rem";
-    };
-    readonly borderRadius: {
-        readonly sm: "0.375rem";
-        readonly md: "0.5rem";
-        readonly lg: "0.75rem";
-    };
-};
-/**
- * Modal component için özel token'lar
- */
-export declare const MODAL_TOKENS: {
-    readonly title: {
-        readonly fontSize: "0.9375rem";
-        readonly lineHeight: "1.375rem";
-        readonly fontWeight: 600;
-    };
-    readonly description: {
-        readonly fontSize: "0.8125rem";
-        readonly lineHeight: "1.25rem";
-        readonly fontWeight: 400;
-    };
-    readonly padding: {
-        readonly sm: "1rem";
-        readonly md: "1.25rem";
-        readonly lg: "1.5rem";
-    };
-};

package/dist/input/style.settings.d.ts

@@ -1,9 +0,0 @@
-import { ComponentSizesSlug } from "enums/enum";
-export type InputSizeToken = {
-    height: string;
-    paddingX: string;
-    fontSize: string;
-    lineHeight: string;
-    fontWeight: number;
-};
-export declare const getInputSizeBySize: (slug: ComponentSizesSlug) => InputSizeToken;

package/dist/select/dropdown/Dropdown.d.ts

@@ -1,19 +0,0 @@
-import { ChildrenProps } from 'types/ChildrenProps';
-import { SelectValue } from 'types/SelectProps';
-import { ITDHorizontalPosition, ITDSize, ITDVariant, ITDVerticalPosition } from 'types/ITDProps';
-type DropdownProps = {
-    defaultValue?: SelectValue | null;
-    position: ITDVerticalPosition;
-    direction: ITDHorizontalPosition;
-    multi: boolean;
-    variant: ITDVariant;
-    children: ChildrenProps;
-    onChange: (value: SelectValue, label?: string) => void;
-    onClose: () => void;
-    isOpen: boolean;
-    selectRef?: React.RefObject<HTMLDivElement | null>;
-    usePortal?: boolean;
-    size?: ITDSize;
-};
-export default function Dropdown({ position, direction, multi, variant, size, isOpen, usePortal, defaultValue, children, onChange, onClose, selectRef, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/select/dropdown/styled.d.ts

@@ -1,14 +0,0 @@
-import TinyScrollbar from '../../tinyscrollbar';
-import { ComponentSizesSlug } from 'enums/enum';
-import { ITDVariant } from 'types/ITDProps';
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $size: ComponentSizesSlug;
-    $variant: ITDVariant;
-}>> & string;
-declare const BodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    className: string;
-    children: import("../../types/ChildrenProps").ChildrenProps;
-    style?: React.CSSProperties;
-}, never>> & string & Omit<typeof TinyScrollbar, keyof import("react").Component<any, {}, any>>;
-declare const PortalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, BodyWrapper, PortalWrapper };