coles-solid-library 0.2.2 → 0.2.8

package/dist/components/Button/Button.d.ts

@@ -1,10 +1,9 @@
 import { Component, JSX } from "solid-js";
 import { ThemeVariables } from "../..";
-type ButtonTypes = Exclude<ThemeVariables, "header" | "subheader">;
 interface Props extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
     transparent?: boolean;
-    theme?: ButtonTypes;
-    borderTheme?: ButtonTypes | "none";
+    theme?: Exclude<ThemeVariables, "header" | "subheader">;
+    borderTheme?: Exclude<ThemeVariables, "header" | "subheader"> | "none";
 }
 declare const Button: Component<Props>;
 export { Button };

package/dist/components/Icon/icon.d.ts

@@ -1,28 +1,39 @@
 import { Component } from "solid-js";
-interface IconProps {
+export interface IconProps {
+    /** Name of the icon (must match a valid Material Symbol identifier) */
     name: string;
-    size?: number;
+    /**
+     * Icon size: can be "small", "medium", "large" or a custom number (in pixels)
+     * - small: 16px, medium: 24px (default), large: 32px
+     */
+    size?: "small" | "medium" | "large" | number;
+    /** Icon color; default is 'currentColor' */
     color?: string;
-    stroke?: number;
+    /**
+     * Icon weight:
+     * - "thin" maps to weight 300,
+     * - "regular" (or "bold") maps to weight 400.
+     */
+    weight?: "thin" | "regular" | "bold";
+    /**
+     * Icon variant determines the base style.
+     * Supported values: "outlined" | "rounded" | "sharp".
+     * Defaults to "outlined".
+     */
+    variant?: "outlined" | "rounded" | "sharp";
+    /**
+     * When true, load the filled version of the icon.
+     * This toggles the file name to include a `-fill` suffix.
+     */
+    filled?: boolean;
+    /**
+     * Accessibility label for the icon.
+     * If not provided, the icon will be hidden from screen readers.
+     */
+    ariaLabel?: string;
+    onClick?: (e: MouseEvent) => void;
+    onPointerDown?: (e: PointerEvent) => void;
 }
-/**
- * Renders an icon from the Tabler Icons library.
- *
- * This component retrieves an icon component dynamically by its name, applying default properties
- * if certain props are not provided:
- * - size defaults to 24
- * - color defaults to "currentColor"
- * - stroke defaults to 2
- *
- * If the specified icon cannot be found in the Tabler Icons collection, an error is logged to the console
- * and the component returns null.
- *
- * @param props - The icon properties.
- * @param props.name - The name of the icon to render (e.g., "ArrowRight"). It should match the React Name key in the Tabler Icons library.
- * @param props.size - The size to be applied to the icon. Defaults to 24 if not provided.
- * @param props.color - The color to be applied to the icon. Defaults to "currentColor" if not provided.
- * @param props.stroke - The stroke width for the icon's paths. Defaults to 2 if not provided.
- * @returns A JSX element for the specified icon, or null if the icon name is not found.
- */
-export declare const Icon: Component<IconProps>;
-export {};
+declare const Icon: Component<IconProps>;
+export { Icon };
+export default Icon;

package/dist/components/Menu/menuDropdown.d.ts

@@ -0,0 +1,7 @@
+import { Component, JSX } from "solid-js";
+interface MenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {
+    children: JSX.Element;
+    header?: JSX.Element;
+}
+export declare const MenuDropdown: Component<MenuItemProps>;
+export {};

package/dist/components/TableV2/droprow.d.ts

@@ -0,0 +1,8 @@
+import { Component, JSX } from "solid-js";
+interface DropRowProps<T> extends Omit<JSX.HTMLAttributes<HTMLTableRowElement>, 'children'> {
+    children: (item: T, index: number) => JSX.Element;
+    isOpen?: boolean;
+    rowNumber?: number;
+}
+export declare const DropRowBody: Component<DropRowProps<any>>;
+export {};

package/dist/components/TableV2/row.d.ts

@@ -12,6 +12,8 @@ interface HeaderRowProps extends BaseRowProps {
 interface BodyRowProps extends BaseRowProps {
     header?: never;
     footer?: never;
+    isDropRow?: boolean;
+    isDropHeader?: boolean;
 }
 interface FooterRowProps extends BaseRowProps {
     footer?: true | undefined;

package/dist/components/TableV2/tableProvider.d.ts

@@ -26,8 +26,13 @@ export interface CellRowStyle {
         [colName: string]: StyleContainer<JSX.TdHTMLAttributes<HTMLTableCellElement>>;
     };
 }
+export interface IRow<T> {
+    element: (item: T, index: number) => JSX.Element;
+    dropRow?: boolean;
+    dropHeader?: boolean;
+}
 export interface RowStorage<T> {
-    [name: string]: (item: T, index: number) => JSX.Element;
+    [name: string]: IRow<T>;
 }
 export interface RowOrganized<T> {
     [rowIndex: string]: RowStorage<T>;
@@ -51,13 +56,13 @@ export interface TableContext<T> {
     getDataSource: () => T[];
     setDataSource: (data: T[]) => any;
     addHeaderCell: (name: string, index: number, header: JSX.Element) => void;
-    addRowCell: (index: number, name: string, cell: (item: T, index: number) => JSX.Element) => void;
+    addRowCell: (index: number, name: string, cell: (item: T, index: number) => JSX.Element, isDropDown?: boolean) => void;
     addFooterCell: (index: number, name: string, cell: JSX.Element) => void;
     addColumnStyle: (name: string, style: StyleContainer<JSX.ColHTMLAttributes<HTMLTableColElement>>) => void;
     addHeaderStyle: (name: string, index: number, style: StyleContainer<JSX.ThHTMLAttributes<HTMLTableCellElement>>) => void;
     addCellStyle: (rowIndex: number, colName: string, style: StyleContainer<JSX.TdHTMLAttributes<HTMLTableCellElement>>) => void;
     addFootCellStyle: (rowIndex: number, colName: string, style: StyleContainer<JSX.TdHTMLAttributes<HTMLTableCellElement>>) => void;
-    addRowStyle: (index: number, style: StyleContainer<JSX.HTMLAttributes<HTMLTableRowElement>>) => void;
+    addRowStyle: (index: number, style: StyleContainer<JSX.HTMLAttributes<HTMLTableRowElement>>, isDroprow?: boolean, isDropHeader?: boolean) => void;
     addFooterRowStyle: (index: number, style: StyleContainer<JSX.HTMLAttributes<HTMLTableRowElement>>) => void;
     addHeaderRowStyle: (index: number, style: StyleContainer<JSX.HTMLAttributes<HTMLTableRowElement>>) => void;
 }

package/dist/index.d.ts

@@ -4,7 +4,6 @@ export * from './components/Carosel/Slide';
 export * from './components/Chip/Chip';
 export * from './components/Chipbar/chipbar';
 export * from './components/ComponentBody/body.component';
-export { FormField } from './components/FormField/formField';
 export * from './components/Input/Input';
 export * from './components/Select/select.component';
 export * from './components/Select/option.component';
@@ -12,9 +11,13 @@ export * from './components/Snackbar/snackbar';
 export * from './components/popup/popup.component';
 export * from './components/TextArea/TextArea';
 export * from './components/expansion/expansion';
-export * from './components/popup/popup.component';
 export * from './components/Icon/icon';
+export * from './components/Container/container';
+export * from './components/Menu/menu';
+export * from './components/Menu/menuitem';
+export * from './components/Menu/menuDropdown';
 export { Form } from './components/Form/form';
+export { FormField } from './components/FormField/formField';
 export { FormGroup, Validators } from './components/Form/formGroup';
 export { addTheme } from './tools/tools';
 export { Table } from './components/TableV2/table';
@@ -22,9 +25,6 @@ export { Row } from './components/TableV2/row';
 export { Column } from './components/TableV2/column';
 export { Cell } from './components/TableV2/cell';
 export { Header } from './components/TableV2/header';
-export { type StyleContainer } from './components/TableV2/tableProvider';
 export { TabBar } from './components/TabV2/tabs';
-export * from './components/Container/container';
-export * from './components/Menu/menu';
-export * from './components/Menu/menuitem';
+export { type StyleContainer } from './components/TableV2/tableProvider';
 export { ColeError as FieldError } from './components/FormField/coleError';