chop-logic-components 1.0.7 → 1.0.9

package/dist/types/components/_common.d.ts

@@ -12,5 +12,4 @@ export type CommonComponentProps = {
     style?: CSSProperties;
     tabIndex?: number;
     title?: string;
-    theme?: 'dark' | 'light';
 };

package/dist/types/components/alert.d.ts

@@ -1,4 +1,5 @@
 import { ChopLogicAlertMode, ChopLogicIconName } from '../../enums';
+import { ChopLogicTheme } from '..';
 import { CommonComponentProps } from './_common';
 
 export type ChopLogicAlertProps = CommonComponentProps & {
@@ -10,6 +11,7 @@ export type ChopLogicAlertProps = CommonComponentProps & {
 };
 export type ChopLogicAlertHeaderProps = {
     onClose: () => void;
+    theme: ChopLogicTheme;
     mode: ChopLogicAlertMode;
     title?: string;
     icon?: ChopLogicIconName;

package/dist/types/components/dialog.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
+import { ChopLogicTheme } from '..';
 import { CommonComponentProps } from './_common';
 
 export type ChopLogicDialogProps = CommonComponentProps & PropsWithChildren & {
@@ -10,4 +11,5 @@ export type DialogLayoutProps = PropsWithChildren & HTMLAttributes<HTMLDivElemen
     title: string;
     onClose: () => void;
     isOpened: boolean;
+    theme: ChopLogicTheme;
 };

package/dist/types/components/multi-select.d.ts

@@ -1,3 +1,4 @@
+import { ChopLogicTheme } from '..';
 import { CommonInputProps } from './_common';
 import { SelectValue } from './select';
 
@@ -16,4 +17,22 @@ export type MultiSelectDropdownProps = {
     dropdownId: string;
     onClose: () => void;
     onSelect: (id: string) => void;
+    theme: ChopLogicTheme;
+};
+export type MultiSelectComboboxProps = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    values?: MultiSelectValue[];
+    placeholder?: string;
+    name: string;
+    theme: ChopLogicTheme;
+};
+export type MultiSelectOptionProps = {
+    value: MultiSelectValue;
+    onSelect: (id: string) => void;
+    theme: ChopLogicTheme;
 };

package/dist/types/components/select.d.ts

@@ -1,3 +1,4 @@
+import { ChopLogicTheme } from '..';
 import { CommonInputProps } from './_common';
 
 export type SelectValue = {
@@ -17,4 +18,28 @@ export type SelectOptionProps = {
     isSelected: boolean;
     onSelect: (id: string) => void;
     onClear: () => void;
+    theme: ChopLogicTheme;
+};
+export type SelectComboboxProps = {
+    opened: boolean;
+    disabled: boolean;
+    required: boolean;
+    onClick: () => void;
+    comboboxId: string;
+    dropdownId: string;
+    selected?: SelectValue;
+    placeholder?: string;
+    name: string;
+    theme: ChopLogicTheme;
+};
+export type SelectDropdownProps = {
+    options: SelectValue[];
+    opened: boolean;
+    dropdownId: string;
+    comboboxId: string;
+    onClose: () => void;
+    selected?: SelectValue;
+    onSelect: (id: string) => void;
+    onClear: () => void;
+    theme: ChopLogicTheme;
 };

package/dist/types/components/tabs.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { ChopLogicTheme } from '..';
 import { CommonComponentProps } from './_common';
 
 export type ChopLogicTabsProps = CommonComponentProps & {
@@ -6,6 +7,15 @@ export type ChopLogicTabsProps = CommonComponentProps & {
     defaultTabId?: string;
     mode?: ChopLogicTabsMode;
 };
+export type ChopLogicTabListProps = {
+    tabs: ChopLogicTabItem[];
+    tabIds: string[];
+    onTabSelect: (id: string) => void;
+    selectedTabId: string;
+    tabPanelIds: string[];
+    mode: ChopLogicTabsMode;
+    theme: ChopLogicTheme;
+};
 export type ChopLogicTabItem = {
     content: ReactElement;
     title: string;

package/dist/utils/get-chop-logic-theme.d.ts

@@ -1,3 +1,3 @@
 import { ChopLogicTheme } from '../types';
 
-export declare function getChopLogicTheme(theme?: 'dark' | 'light', customThemeValues?: Partial<ChopLogicTheme>): ChopLogicTheme;
+export declare function getChopLogicTheme(mode?: 'dark' | 'light', customTheme?: Partial<ChopLogicTheme>): ChopLogicTheme;

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/SavouryGin/chop-logic-components.git"
   },
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "React UI components library for Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -32,10 +32,11 @@
     ]
   },
   "keywords": [
+    "Chop Logic",
     "React",
     "TypeScript",
     "Storybook",
-    "Chop Logic"
+    "Styled components"
   ],
   "author": "Dmitrii Suroviagin",
   "license": "ISC",