@foi/design-system 0.0.0 → 0.0.2

package/dist/hocs/ThemeProvider/interfaces/Styles.interface.d.ts

@@ -0,0 +1,54 @@
+export declare enum StyleValues {
+    COLOR_PRIMARY = "color-primary",
+    COLOR_SECONDARY = "color-secondary",
+    COLOR_TERTIARY = "color-tertiary",
+    ICON_COLOR = "icon-color",
+    ICON_BACKGROUND_COLOR = "icon-background-color",
+    BACKGROUND_COLOR = "background-color",
+    SHADOW_COLOR = "shadow-color",
+    WIDTH = "width",
+    HEIGHT = "height",
+    MIN_WIDTH = "min-width",
+    MIN_HEIGHT = "min-height",
+    MAX_WIDTH = "max-width",
+    MAX_HEIGHT = "max-height",
+    BORDER_COLOR = "border-color",
+    BORDER_WIDTH = "border-width",
+    BORDER_RADIUS = "border-radius",
+    BORDER_STYLE = "border-style",
+    OUTLINE_COLOR = "outline-color",
+    OUTLINE_WIDTH = "outline-width",
+    OUTLINE_STYLE = "outline-style",
+    OUTLINE_OFFSET = "outline-offset",
+    TOP = "top",
+    RIGHT = "right",
+    LEFT = "left",
+    BOTTOM = "bottom"
+}
+export interface Styles {
+    [StyleValues.COLOR_PRIMARY]?: string;
+    [StyleValues.COLOR_SECONDARY]?: string;
+    [StyleValues.COLOR_TERTIARY]?: string;
+    [StyleValues.ICON_COLOR]?: string;
+    [StyleValues.ICON_BACKGROUND_COLOR]?: string;
+    [StyleValues.BACKGROUND_COLOR]?: string;
+    [StyleValues.SHADOW_COLOR]?: string;
+    [StyleValues.WIDTH]?: string;
+    [StyleValues.HEIGHT]?: string;
+    [StyleValues.MIN_WIDTH]?: string;
+    [StyleValues.MIN_HEIGHT]?: string;
+    [StyleValues.MAX_WIDTH]?: string;
+    [StyleValues.MAX_HEIGHT]?: string;
+    [StyleValues.BORDER_COLOR]?: string;
+    [StyleValues.BORDER_WIDTH]?: string;
+    [StyleValues.BORDER_RADIUS]?: string;
+    [StyleValues.BORDER_STYLE]?: string;
+    [StyleValues.OUTLINE_COLOR]?: string;
+    [StyleValues.OUTLINE_WIDTH]?: string;
+    [StyleValues.OUTLINE_STYLE]?: string;
+    [StyleValues.OUTLINE_OFFSET]?: string;
+    [StyleValues.TOP]?: string;
+    [StyleValues.RIGHT]?: string;
+    [StyleValues.LEFT]?: string;
+    [StyleValues.BOTTOM]?: string;
+}

package/dist/hocs/ThemeProvider/interfaces/Typography.interface.d.ts

@@ -0,0 +1,10 @@
+export declare enum Typography {
+    FONTFAMILY_PRIMARY = "fontfamily-primary",
+    FONTFAMILY_SECONDARY = "fontfamily-secondary",
+    FONTFAMILY_TERTIARY = "fontfamily-tertiary"
+}
+export interface Props {
+    [Typography.FONTFAMILY_PRIMARY]?: string;
+    [Typography.FONTFAMILY_SECONDARY]?: string;
+    [Typography.FONTFAMILY_TERTIARY]?: string;
+}

package/dist/hocs/ThemeProvider/interfaces/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Components.interface';
+export * from './Events.interface';
+export * from './Styles.interface';
+export * from './Typography.interface';

package/dist/hocs/ThemeProvider/useThemeProvider.hook.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ThemeNames } from './ThemeProvider.interface';
+import { Component } from './interfaces';
+import { createComponentStyles } from './createComponentStyles';
+export { createComponentStyles };
+export declare const useCreateComponentStyles: (components: Array<Component>, events?: object) => {
+    componentStyles: {
+        [x: string]: string;
+    };
+};
+export declare const useCreateThemeStyles: <T extends readonly Theme[]>(themes: T, selectedTheme: ThemeNames<T>) => void;

package/dist/hocs/ThemeProvider/useThemeProvider.store.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProviderStore } from './ThemeProvider.interface';
+export declare const useThemeProviderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeProviderStore>>;

package/dist/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,10 @@
+import { type DependencyList, type RefObject } from 'react';
+interface UseClickOutsideAlerter {
+    ref: RefObject<Element | null>;
+    isActive: boolean;
+    onAction: () => void;
+    exceptRef?: RefObject<Element | null>;
+    dependencies?: DependencyList;
+}
+export declare const useOnClickOutside: ({ ref, onAction, isActive, exceptRef, dependencies, }: UseClickOutsideAlerter) => void;
+export {};

package/dist/hooks/useStateCallback.d.ts

@@ -0,0 +1 @@
+export declare const useStateCallback: <T>(initialState: T) => [T, (state: T, cb?: (state: T) => void) => void];

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export { default as Button } from './components/atoms/Button';
+export { default as Checkbox } from './components/atoms/Checkbox';
+export { default as DatePicker } from './components/atoms/DatePicker';
+export { default as IconButton } from './components/atoms/IconButton';
+export { default as Input } from './components/atoms/Input';
+export { default as Radio } from './components/atoms/Radio';
+export { default as Select } from './components/atoms/Select';
+export { default as Slider } from './components/atoms/Slider';
+export { default as Switch } from './components/atoms/Switch';
+export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
+export { default as CheckboxTree } from './components/molecules/CheckboxTree';
+export { default as RadioGroup } from './components/molecules/RadioGroup';
+export { default as ThemeProvider } from './hocs/ThemeProvider';
+export type { Theme } from './hocs/ThemeProvider/ThemeProvider.interface';
+export { darkTheme } from './theme';
+export type { ButtonStyleProps } from './components/atoms/Button/Button.interface';
+export type { CheckboxStyleProps } from './components/atoms/Checkbox/Checkbox.interface';
+export type { DatePickerStyleProps } from './components/atoms/DatePicker/DatePicker.interface';
+export type { IconButtonStyleProps } from './components/atoms/IconButton/IconButton.interface';
+export type { InputStyleProps } from './components/atoms/Input/Input.interface';
+export type { RadioStyleProps } from './components/atoms/Radio/Radio.interface';
+export type { SelectStyleProps } from './components/atoms/Select/Select.interface';
+export type { SliderStyleProps } from './components/atoms/Slider/Slider.interface';
+export type { SwitchStyleProps } from './components/atoms/Switch/Switch.interface';
+export type { CheckboxGroupStyleProps } from './components/molecules/CheckboxGroup/CheckboxGroup.interface';
+export type { CheckboxTreeStyleProps } from './components/molecules/CheckboxTree/CheckboxTree.interface';
+export type { RadioGroupStyleProps } from './components/molecules/RadioGroup/RadioGroup.interface';