chop-logic-components 1.0.7 → 1.0.8

package/dist/components/containers/form/Form.styled.d.ts

@@ -1,6 +1,10 @@
+import { ChopLogicTheme } from '../../../types';
+
 export declare const StyledForm: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {
     $columns: number;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledFormButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $columns: number;
+    $theme: ChopLogicTheme;
 }>> & string;

package/dist/components/containers/grid/Grid.styled.d.ts

@@ -1,18 +1,37 @@
+import { ChopLogicTheme } from '../../../types';
+
 export declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
-export declare const StyledGridHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const StyledGridBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
-export declare const StyledGridHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
-export declare const StyledGridHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
-export declare const StyledGridCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
-export declare const StyledGridCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledGridHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridHeaderCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridHeaderRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCaption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledGridRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
     $selected: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledGridColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, {
     $isFirst: boolean;
     $highlighted: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledGridCheckboxWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledGridCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledGridCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/containers/grid/elements/Body.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../../types';
+import { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicTheme, RenderDataItemCallback } from '../../../../types';
 
 type ChopLogicGridBodyProps = {
     data: ChopLogicGridItem[];
@@ -9,6 +9,7 @@ type ChopLogicGridBodyProps = {
     deselectRowById: (id: string) => void;
     renderDataItem?: RenderDataItemCallback;
     selectable: boolean;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridBody: React.FC<ChopLogicGridBodyProps>;
 export default ChopLogicGridBody;

package/dist/components/containers/grid/elements/Checkbox.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type ChopLogicGridCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label: string;
+    theme: ChopLogicTheme;
 };
 declare const GridCheckbox: React.FC<ChopLogicGridCheckboxProps>;
 export default GridCheckbox;

package/dist/components/containers/grid/elements/ColumnGroup.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn } from '../../../../types';
+import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../types';
 
 declare const GridColumnGroup: React.FC<{
     columns: ChopLogicGridColumn[];
     selectable: boolean;
+    theme: ChopLogicTheme;
 }>;
 export default GridColumnGroup;

package/dist/components/containers/grid/elements/DataCell.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 declare const GridDataCell: React.FC<{
     value: React.ReactElement | string;
+    theme: ChopLogicTheme;
 }>;
 export default GridDataCell;

package/dist/components/containers/grid/elements/Head.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn } from '../../../../types';
+import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../types';
 
 type ChopLogicGridHeadProps = {
     columns: ChopLogicGridColumn[];
@@ -9,6 +9,7 @@ type ChopLogicGridHeadProps = {
     isAllCheckboxDisabled?: boolean;
     selectAll: () => void;
     deselectAll: () => void;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridHead: React.FC<ChopLogicGridHeadProps>;
 export default ChopLogicGridHead;

package/dist/components/containers/grid/elements/HeaderCell.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 declare const GridHeaderCell: React.FC<{
     title?: string;
     component?: React.ReactElement;
+    theme: ChopLogicTheme;
 }>;
 export default GridHeaderCell;

package/dist/components/containers/grid/elements/Row.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 export type GridRowProps = {
     rowId: string;
@@ -8,6 +9,7 @@ export type GridRowProps = {
     selectable: boolean;
     values: (string | React.ReactElement)[];
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const GridRow: React.FC<GridRowProps>;
 export default GridRow;

package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type SelectAllGridRowsCheckbox = {
     gridId: string;
@@ -6,6 +7,7 @@ type SelectAllGridRowsCheckbox = {
     selectAll: () => void;
     deselectAll: () => void;
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const SelectAllRowsCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectAllRowsCell;

package/dist/components/containers/grid/elements/SelectRowCell.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 type SelectAllGridRowsCheckbox = {
     rowId: string;
@@ -6,6 +7,7 @@ type SelectAllGridRowsCheckbox = {
     selectRowById: (id: string) => void;
     deselectRowById: (id: string) => void;
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const SelectGridRowCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectGridRowCell;

package/dist/components/containers/tabs/Tabs.styled.d.ts

@@ -1,13 +1,17 @@
-import { ChopLogicTabsMode } from '../../../types';
+import { ChopLogicTabsMode, ChopLogicTheme } from '../../../types';
 
 export declare const StyledTabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $selected: boolean;
     $disabled: boolean;
     $mode: ChopLogicTabsMode;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledTabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledTabContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTabList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $mode: ChopLogicTabsMode;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledTabsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $mode: ChopLogicTabsMode;

package/dist/components/containers/tabs/elements/TabButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTabsMode } from '../../../../types';
+import { ChopLogicTabsMode, ChopLogicTheme } from '../../../../types';
 
 type ChopLogicTabButtonProps = {
     title: string;
@@ -9,6 +9,7 @@ type ChopLogicTabButtonProps = {
     isSelected: boolean;
     mode: ChopLogicTabsMode;
     isDisabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicTabButton: React.FC<ChopLogicTabButtonProps>;
 export default ChopLogicTabButton;

package/dist/components/containers/tabs/elements/TabContent.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
-import { ChopLogicTabItem } from '../../../../types';
+import { ChopLogicTabItem, ChopLogicTheme } from '../../../../types';
 
 declare const ChopLogicTabContent: React.FC<{
     tabs: ChopLogicTabItem[];
     selectedTabId: string;
+    theme: ChopLogicTheme;
 }>;
 export default ChopLogicTabContent;

package/dist/components/containers/tabs/elements/TabList.d.ts

@@ -1,13 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTabItem, ChopLogicTabsMode } from '../../../../types';
+import { ChopLogicTabListProps } from '../../../../types';
 
-type ChopLogicTabListProps = {
-    tabs: ChopLogicTabItem[];
-    tabIds: string[];
-    onTabSelect: (id: string) => void;
-    selectedTabId: string;
-    tabPanelIds: string[];
-    mode: ChopLogicTabsMode;
-};
 declare const ChopLogicTabList: React.FC<ChopLogicTabListProps>;
 export default ChopLogicTabList;

package/dist/components/inputs/button/Button.styled.d.ts

@@ -1,7 +1,13 @@
+import { ChopLogicTheme } from '../../../types';
+
 export declare const Styled3DButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $extended: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;
 export declare const StyledFlatButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $extended: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/components/inputs/checkbox/Checkbox.styled.d.ts

@@ -1,3 +1,6 @@
+import { ChopLogicTheme } from '../../../types';
+
 export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;

package/dist/components/inputs/multi-select/elements/Combobox.d.ts

@@ -1,16 +1,5 @@
 import { default as React } from 'react';
-import { MultiSelectValue } from '../../../../types';
+import { MultiSelectComboboxProps } from '../../../../types';
 
-type SelectComboboxProps = {
-    opened: boolean;
-    disabled: boolean;
-    required: boolean;
-    onClick: () => void;
-    comboboxId: string;
-    dropdownId: string;
-    values?: MultiSelectValue[];
-    placeholder?: string;
-    name: string;
-};
-declare const SelectCombobox: React.FC<SelectComboboxProps>;
+declare const SelectCombobox: React.FC<MultiSelectComboboxProps>;
 export default SelectCombobox;

package/dist/components/inputs/multi-select/elements/Option.d.ts

@@ -1,9 +1,5 @@
 import { default as React } from 'react';
-import { MultiSelectValue } from '../../../../types';
+import { MultiSelectOptionProps } from '../../../../types';
 
-type SelectOptionProps = {
-    value: MultiSelectValue;
-    onSelect: (id: string) => void;
-};
-declare const SelectOption: React.FC<SelectOptionProps>;
+declare const SelectOption: React.FC<MultiSelectOptionProps>;
 export default SelectOption;

package/dist/components/inputs/numeric/NumericInput.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/components/inputs/select/elements/Combobox.d.ts

@@ -1,16 +1,5 @@
 import { default as React } from 'react';
-import { SelectValue } from '../../../../types';
+import { SelectComboboxProps } from '../../../../types';
 
-type SelectComboboxProps = {
-    opened: boolean;
-    disabled: boolean;
-    required: boolean;
-    onClick: () => void;
-    comboboxId: string;
-    dropdownId: string;
-    selected?: SelectValue;
-    placeholder?: string;
-    name: string;
-};
 declare const SelectCombobox: React.FC<SelectComboboxProps>;
 export default SelectCombobox;

package/dist/components/inputs/select/elements/Dropdown.d.ts

@@ -1,15 +1,5 @@
 import { default as React } from 'react';
-import { SelectValue } from '../../../../types';
+import { SelectDropdownProps } from '../../../../types';
 
-type SelectDropdownProps = {
-    options: SelectValue[];
-    opened: boolean;
-    dropdownId: string;
-    comboboxId: string;
-    onClose: () => void;
-    selected?: SelectValue;
-    onSelect: (id: string) => void;
-    onClear: () => void;
-};
 declare const SelectDropdown: React.FC<SelectDropdownProps>;
 export default SelectDropdown;

package/dist/components/inputs/text/TextInput.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/components/modals/alert/Alert.styled.d.ts

@@ -1,5 +1,12 @@
-export declare const StyledAlertHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledAlertHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledAlertWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isClosing: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledAlertContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledAlertContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/modals/dialog/Dialog.styled.d.ts

@@ -1,6 +1,15 @@
-export declare const StyledDialogLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledDialogLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledDialogBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isClosing: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledDialogHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledDialogContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledDialogHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledDialogContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/modals/dialog/elements/Header.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 declare const ChopLogicModalLayoutHeader: React.FC<{
     title: string;
     onClose: () => void;
+    theme: ChopLogicTheme;
 }>;
 export default ChopLogicModalLayoutHeader;

package/dist/components/modals/tooltip/Tooltip.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/contexts/chop-logic-theme-context.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ChopLogicTheme } from '../types';
+
+type ChopLogicThemeContextProps = {
+    mode: 'light' | 'dark';
+    setMode?: (mode: 'light' | 'dark') => void;
+    customTheme?: Partial<ChopLogicTheme>;
+    setCustomTheme?: (customTheme: ChopLogicTheme) => void;
+};
+export declare const ChopLogicThemeContext: React.Context<ChopLogicThemeContextProps>;
+export {};

package/dist/contexts/index.d.ts

@@ -1 +1,2 @@
 export { ChopLogicFormContext } from './chop-logic-form-context';
+export { ChopLogicThemeContext } from './chop-logic-theme-context';

package/dist/elements/error-message/ErrorMessage.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../types';
 
 type ChopLogicErrorMessageProps = {
     errorId: string;
@@ -6,6 +7,7 @@ type ChopLogicErrorMessageProps = {
     message?: string;
     testId?: string;
     style?: React.CSSProperties;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicErrorMessage: React.FC<ChopLogicErrorMessageProps>;
 export default ChopLogicErrorMessage;

package/dist/elements/error-message/ErrorMessage.styled.d.ts

@@ -1,3 +1,6 @@
+import { ChopLogicTheme } from '../../types';
+
 export declare const StyledErrorMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $visible: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;

package/dist/elements/input-inner-button/InputInnerButton.d.ts

@@ -1,11 +1,13 @@
 import { default as React } from 'react';
 import { ChopLogicIconName } from '../../enums';
+import { ChopLogicTheme } from '../../types';
 
 type ClearInputButtonProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     label: string;
     icon: ChopLogicIconName;
     disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const InputInnerButton: React.FC<ClearInputButtonProps>;
 export default InputInnerButton;

package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledInputInnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledInputInnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/elements/label/Label.d.ts

@@ -1,9 +1,11 @@
 import { default as React, PropsWithChildren } from 'react';
+import { ChopLogicTheme } from '../../types';
 
 type ChopLogicLabelProps = {
     label: string;
     required: boolean;
     inputId: string;
+    theme: ChopLogicTheme;
     isTextHidden?: boolean;
     icon?: React.ReactElement;
     iconPosition?: 'left' | 'right';

package/dist/elements/label/Label.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/elements/styled/Select.styled.d.ts

@@ -1,9 +1,20 @@
-export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledSelectCombobox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledSelectCombobox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
     $opened: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>, "ref"> & {
+export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$theme"> & {
+    $theme: ChopLogicTheme;
+}, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
 }, never>> & string;

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useChopLogicTheme } from './use-chop-logic-theme';
 export { useClickOutside } from './use-click-outside';
 export { useContainerDimensions } from './use-container-dimensions';
 export { useElementIds } from './use-element-ids';

package/dist/hooks/use-chop-logic-theme/index.d.ts

@@ -0,0 +1 @@
+export declare const useChopLogicTheme: () => import('../..').ChopLogicTheme;