@foi/design-system 0.0.17 → 0.0.19

package/dist/hocs/ThemeProvider/components/atoms/Chip.d.ts

@@ -0,0 +1,13 @@
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
+export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type CHIP = Record<Component.CHIP, {
+    DEFAULT: {
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/{DatePicker.d.ts → atoms/DatePicker.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.ICON_COLOR>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{DatePickerMenu.d.ts → atoms/DatePickerMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.BACKGROUND_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{IconButton.d.ts → atoms/IconButton.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{NumberField.d.ts → atoms/NumberField.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Pagination.d.ts → atoms/Pagination.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_SECONDARY>;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;

package/dist/hocs/ThemeProvider/components/{PaginationMenu.d.ts → atoms/PaginationMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS | StyleValues.BOTTOM>;
 export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Radio.d.ts → atoms/Radio.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Select.d.ts → atoms/Select.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{SelectMenu.d.ts → atoms/SelectMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS | StyleValues.TOP>;
 export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{Slider.d.ts → atoms/Slider.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_SECONDARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = Pick<Styles, StyleValues.BACKGROUND_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{Switch.d.ts → atoms/Switch.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR | StyleValues.ICON_BACKGROUND_COLOR | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

package/dist/hocs/ThemeProvider/components/{TextField.d.ts → atoms/TextField.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
 export type VALUE = ENABLED;

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

@@ -1,18 +1,24 @@
-import type { BUTTON } from './Button';
-import type { TEXTFIELD } from './TextField';
-import type { NUMBERFIELD } from './NumberField';
-import type { ICONBUTTON } from './IconButton';
-import type { CHECKBOX } from './Checkbox';
-import type { SELECT } from './Select';
-import type { SELECTMENU } from './SelectMenu';
-import type { SWITCH } from './Switch';
-import type { RADIO } from './Radio';
-import type { RADIOGROUP } from './RadioGroup';
-import type { DATEPICKER } from './DatePicker';
-import type { DATEPICKERMENU } from './DatePickerMenu';
-import type { DATAGRID } from './DataGrid';
-import type { DATAGRIDMENU } from './DataGridMenu';
-import type { PAGINATION } from './Pagination';
-import type { PAGINATIONMENU } from './PaginationMenu';
-type COMPONTENTS = TEXTFIELD & NUMBERFIELD & BUTTON & ICONBUTTON & CHECKBOX & SELECT & SELECTMENU & SWITCH & RADIO & RADIOGROUP & DATEPICKER & DATEPICKERMENU & DATAGRID & DATAGRIDMENU & PAGINATION & PAGINATIONMENU;
+import type { CHIP } from './atoms/Chip';
+import type { BUTTON } from './atoms/Button';
+import type { CHECKBOX } from './atoms/Checkbox';
+import type { DATEPICKER } from './atoms/DatePicker';
+import type { DATEPICKERMENU } from './atoms/DatePickerMenu';
+import type { ICONBUTTON } from './atoms/IconButton';
+import type { NUMBERFIELD } from './atoms/NumberField';
+import type { PAGINATION } from './atoms/Pagination';
+import type { PAGINATIONMENU } from './atoms/PaginationMenu';
+import type { RADIO } from './atoms/Radio';
+import type { SELECT } from './atoms/Select';
+import type { SELECTMENU } from './atoms/SelectMenu';
+import type { SLIDER } from './atoms/Slider';
+import type { SWITCH } from './atoms/Switch';
+import type { TEXTFIELD } from './atoms/TextField';
+import type { CHECKBOXGROUP } from './molecules/CheckboxGroup';
+import type { CHECKBOXTREE } from './molecules/CheckboxTree';
+import type { MODAL } from './molecules/Modal';
+import type { RADIOGROUP } from './molecules/RadioGroup';
+import type { TOAST } from './molecules/Toast';
+import type { DATAGRID } from './organisms/DataGrid';
+import type { DATAGRIDMENU } from './organisms/DataGridMenu';
+type COMPONTENTS = CHIP & BUTTON & CHECKBOX & DATEPICKER & DATEPICKERMENU & ICONBUTTON & NUMBERFIELD & PAGINATION & PAGINATIONMENU & RADIO & SELECT & SELECTMENU & SLIDER & SWITCH & TEXTFIELD & CHECKBOXGROUP & CHECKBOXTREE & MODAL & RADIOGROUP & TOAST & DATAGRID & DATAGRIDMENU;
 export { type COMPONTENTS as default };

package/dist/hocs/ThemeProvider/components/{CheckboxGroup.d.ts → molecules/CheckboxGroup.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/{CheckboxTree.d.ts → molecules/CheckboxTree.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/{Modal.d.ts → molecules/Modal.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export interface EVENTS {

package/dist/hocs/ThemeProvider/components/{RadioGroup.d.ts → molecules/RadioGroup.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type ERROR = ENABLED;
 export type DISABLED = ENABLED;

package/dist/hocs/ThemeProvider/components/molecules/Toast.d.ts

@@ -0,0 +1,16 @@
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BORDER_RADIUS>;
+export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.ICON_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type TOAST = Record<Component.TOAST, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/{DataGrid.d.ts → organisms/DataGrid.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

package/dist/hocs/ThemeProvider/components/{DataGridMenu.d.ts → organisms/DataGridMenu.d.ts}

@@ -1,4 +1,4 @@
-import { Component, Event, StyleValues, Styles } from '../interfaces';
+import { Component, Event, StyleValues, Styles } from '../../interfaces';
 export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
 export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
 export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;

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

@@ -1,4 +1,5 @@
 export declare enum Component {
+    CHIP = "CHIP",
     BUTTON = "BUTTON",
     ICONBUTTON = "ICONBUTTON",
     TEXTFIELD = "TEXTFIELD",
@@ -13,6 +14,7 @@ export declare enum Component {
     DATEPICKERMENU = "DATEPICKERMENU",
     PAGINATION = "PAGINATION",
     PAGINATIONMENU = "PAGINATIONMENU",
+    TOAST = "TOAST",
     CHECKBOXGROUP = "CHECKBOXGROUP",
     CHECKBOXTREE = "CHECKBOXTREE",
     RADIOGROUP = "RADIOGROUP",

package/dist/hocs.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "./ThemeProvider-C47pyWG6.js";
+import { t as e } from "./ThemeProvider-C_PzAJz3.js";
 export { e as ThemeProvider };

package/dist/hooks.d.ts

@@ -1,2 +1,4 @@
 export { useStateCallback } from './hooks/useStateCallback';
 export { useOnClickOutside } from './hooks/useOnClickOutside';
+export { useToast } from '@components/molecules/Toast';
+export type { ToastApi, ToastOptions } from '@components/molecules/Toast';

package/dist/hooks.mjs

@@ -1,2 +1,3 @@
 import { n as e, t } from "./useStateCallback-B4O93zzK.js";
-export { e as useOnClickOutside, t as useStateCallback };
+import { t as n } from "./Toast-_9W7YGxS.js";
+export { e as useOnClickOutside, t as useStateCallback, n as useToast };

package/dist/index.d.ts

@@ -16,6 +16,8 @@ export type { DataGridProps, DataGridColumn, DataGridColumnType, DataGridFilterT
 export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
 export { default as CheckboxTree } from './components/molecules/CheckboxTree';
 export { default as Modal } from './components/molecules/Modal';
+export { ToastProvider } from './components/molecules/Toast';
+export type { ToastApi, ToastOptions } from './components/molecules/Toast';
 export { default as Pagination } from './components/atoms/Pagination';
 export type { PaginationProps } from './components/atoms/Pagination';
 export { default as RadioGroup } from './components/molecules/RadioGroup';