npm - @foi/design-system - Versions diffs - 0.0.10 → 0.0.12 - Mend

@foi/design-system 0.0.10 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/dist/hocs/ThemeProvider/components/DatePickerMenu.d.ts CHANGED Viewed

@@ -1,25 +1,11 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR];
-declare const HOVER_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.BACKGROUND_COLOR];
-declare const ACTIVE_KEYS: readonly [StyleValues.BACKGROUND_COLOR];
-declare const VALUE_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_PRIMARY];
-declare const FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
+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>;
+export type ACTIVE = Pick<Styles, StyleValues.BACKGROUND_COLOR>;
+export type VALUE = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY>;
+export type FOCUS = Pick<Styles, StyleValues.OUTLINE_COLOR | StyleValues.OUTLINE_WIDTH | StyleValues.OUTLINE_STYLE | StyleValues.OUTLINE_OFFSET>;
+export type DISABLED = Pick<Styles, StyleValues.COLOR_PRIMARY>;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.HOVER]?: HOVER;
@@ -28,9 +14,13 @@ export interface EVENTS {
     [Event.FOCUS]?: FOCUS;
     [Event.DISABLED]?: DISABLED;
 }
-export interface DATEPICKERMENU extends Record<Component.DATEPICKERMENU, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type DATEPICKERMENU = Record<Component.DATEPICKERMENU, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/IconButton.d.ts CHANGED Viewed

@@ -1,25 +1,12 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const HOVER_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const ACTIVE_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
+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;
+export type HOVER = Pick<Styles, StyleValues.SHADOW_COLOR>;
+export type ACTIVE = HOVER;
+export type FOCUS = Pick<Styles, StyleValues.OUTLINE_COLOR | StyleValues.OUTLINE_WIDTH | StyleValues.OUTLINE_STYLE | StyleValues.OUTLINE_OFFSET>;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -27,10 +14,15 @@ export interface EVENTS {
     [Event.ACTIVE]?: ACTIVE;
     [Event.FOCUS]?: FOCUS;
     [Event.DISABLED]?: DISABLED;
-}
-export interface ICONBUTTON extends Record<Component.ICONBUTTON, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+    [Event.DISABLED_VALUE]?: DISABLED_VALUE;
+}
+export type ICONBUTTON = Record<Component.ICONBUTTON, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Input.d.ts CHANGED Viewed

@@ -1,43 +1,17 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const HOVER_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ACTIVE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const FOCUS_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_HOVER_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_ACTIVE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_FOCUS_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface ERROR extends Pick<Styles, (typeof ERROR_KEYS)[number]> {
-}
-export interface ERROR_VALUE extends Pick<Styles, (typeof ERROR_VALUE_KEYS)[number]> {
-}
-export interface ERROR_HOVER extends Pick<Styles, (typeof ERROR_HOVER_KEYS)[number]> {
-}
-export interface ERROR_ACTIVE extends Pick<Styles, (typeof ERROR_ACTIVE_KEYS)[number]> {
-}
-export interface ERROR_FOCUS extends Pick<Styles, (typeof ERROR_FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
-export interface DISABLED_VALUE extends Pick<Styles, (typeof DISABLED_VALUE_KEYS)[number]> {
-}
+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;
+export type HOVER = ENABLED;
+export type ACTIVE = ENABLED;
+export type FOCUS = ENABLED;
+export type ERROR = ENABLED;
+export type ERROR_VALUE = ENABLED;
+export type ERROR_HOVER = ENABLED;
+export type ERROR_ACTIVE = ENABLED;
+export type ERROR_FOCUS = ENABLED;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -52,9 +26,13 @@ export interface EVENTS {
     [Event.DISABLED]?: DISABLED;
     [Event.DISABLED_VALUE]?: DISABLED_VALUE;
 }
-export interface INPUT extends Record<Component.INPUT, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type INPUT = Record<Component.INPUT, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Radio.d.ts CHANGED Viewed

@@ -1,43 +1,17 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const HOVER_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const ACTIVE_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const ERROR_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_HOVER_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const ERROR_ACTIVE_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const ERROR_FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface ERROR extends Pick<Styles, (typeof ERROR_KEYS)[number]> {
-}
-export interface ERROR_VALUE extends Pick<Styles, (typeof ERROR_VALUE_KEYS)[number]> {
-}
-export interface ERROR_HOVER extends Pick<Styles, (typeof ERROR_HOVER_KEYS)[number]> {
-}
-export interface ERROR_ACTIVE extends Pick<Styles, (typeof ERROR_ACTIVE_KEYS)[number]> {
-}
-export interface ERROR_FOCUS extends Pick<Styles, (typeof ERROR_FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
-export interface DISABLED_VALUE extends Pick<Styles, (typeof DISABLED_VALUE_KEYS)[number]> {
-}
+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;
+export type HOVER = Pick<Styles, StyleValues.SHADOW_COLOR>;
+export type ACTIVE = HOVER;
+export type FOCUS = Pick<Styles, StyleValues.OUTLINE_COLOR | StyleValues.OUTLINE_WIDTH | StyleValues.OUTLINE_STYLE | StyleValues.OUTLINE_OFFSET>;
+export type ERROR = ENABLED;
+export type ERROR_VALUE = ENABLED;
+export type ERROR_HOVER = HOVER;
+export type ERROR_ACTIVE = HOVER;
+export type ERROR_FOCUS = FOCUS;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -52,9 +26,13 @@ export interface EVENTS {
     [Event.DISABLED]?: DISABLED;
     [Event.DISABLED_VALUE]?: DISABLED_VALUE;
 }
-export interface RADIO extends Record<Component.RADIO, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type RADIO = Record<Component.RADIO, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/RadioGroup.d.ts CHANGED Viewed

@@ -1,20 +1,17 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY];
-declare const ERROR_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY];
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface ERROR extends Pick<Styles, (typeof ERROR_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
+export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
+export type ERROR = ENABLED;
+export type DISABLED = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.ERROR]?: ERROR;
     [Event.DISABLED]?: DISABLED;
 }
-export interface RADIOGROUP extends Record<Component.RADIOGROUP, {
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type RADIOGROUP = Record<Component.RADIOGROUP, {
+    DEFAULT: {
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Select.d.ts CHANGED Viewed

@@ -1,43 +1,17 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const HOVER_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ACTIVE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const FOCUS_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_HOVER_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_ACTIVE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const ERROR_FOCUS_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface ERROR extends Pick<Styles, (typeof ERROR_KEYS)[number]> {
-}
-export interface ERROR_VALUE extends Pick<Styles, (typeof ERROR_VALUE_KEYS)[number]> {
-}
-export interface ERROR_HOVER extends Pick<Styles, (typeof ERROR_HOVER_KEYS)[number]> {
-}
-export interface ERROR_ACTIVE extends Pick<Styles, (typeof ERROR_ACTIVE_KEYS)[number]> {
-}
-export interface ERROR_FOCUS extends Pick<Styles, (typeof ERROR_FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
-export interface DISABLED_VALUE extends Pick<Styles, (typeof DISABLED_VALUE_KEYS)[number]> {
-}
+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;
+export type HOVER = ENABLED;
+export type ACTIVE = ENABLED;
+export type FOCUS = ENABLED;
+export type ERROR = ENABLED;
+export type ERROR_VALUE = ENABLED;
+export type ERROR_HOVER = ENABLED;
+export type ERROR_ACTIVE = ENABLED;
+export type ERROR_FOCUS = ENABLED;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -52,9 +26,13 @@ export interface EVENTS {
     [Event.DISABLED]?: DISABLED;
     [Event.DISABLED_VALUE]?: DISABLED_VALUE;
 }
-export interface SELECT extends Record<Component.SELECT, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type SELECT = Record<Component.SELECT, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/SelectMenu.d.ts CHANGED Viewed

@@ -1,22 +1,10 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE, StyleValues.BORDER_RADIUS, StyleValues.TOP];
-declare const ENABLED_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE, StyleValues.BORDER_RADIUS];
-declare const VALUE_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE, StyleValues.BORDER_RADIUS];
-declare const HOVER_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE, StyleValues.BORDER_RADIUS];
-declare const ACTIVE_KEYS: readonly [StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.COLOR_TERTIARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE, StyleValues.BORDER_RADIUS];
-declare const FOCUS_KEYS: readonly [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 interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
+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;
+export type HOVER = ENABLED;
+export type ACTIVE = ENABLED;
+export type FOCUS = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -24,9 +12,13 @@ export interface EVENTS {
     [Event.ACTIVE]?: ACTIVE;
     [Event.FOCUS]?: FOCUS;
 }
-export interface SELECTMENU extends Record<Component.SELECTMENU, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type SELECTMENU = Record<Component.SELECTMENU, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Slider.d.ts CHANGED Viewed

@@ -1,25 +1,11 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ENABLED_KEYS: readonly [StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.BACKGROUND_COLOR];
-declare const HOVER_KEYS: readonly [StyleValues.BACKGROUND_COLOR];
-declare const ACTIVE_KEYS: readonly [StyleValues.BACKGROUND_COLOR];
-declare const FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const DISABLED_KEYS: readonly [StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_VALUE_KEYS: readonly [StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
-export interface DISABLED_VALUE extends Pick<Styles, (typeof DISABLED_VALUE_KEYS)[number]> {
-}
+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>;
+export type ACTIVE = HOVER;
+export type FOCUS = Pick<Styles, StyleValues.OUTLINE_COLOR | StyleValues.OUTLINE_WIDTH | StyleValues.OUTLINE_STYLE | StyleValues.OUTLINE_OFFSET>;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -29,8 +15,11 @@ export interface EVENTS {
     [Event.DISABLED]?: DISABLED;
     [Event.DISABLED_VALUE]?: DISABLED_VALUE;
 }
-export interface SLIDER extends Record<Component.SLIDER, {
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type SLIDER = Record<Component.SLIDER, {
+    DEFAULT: {
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Switch.d.ts CHANGED Viewed

@@ -1,28 +1,12 @@
 import { Component, Event, StyleValues, Styles } from '../interfaces';
-declare const ROOT_KEYS: readonly [StyleValues.BORDER_RADIUS];
-declare const ENABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const HOVER_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const ACTIVE_KEYS: readonly [StyleValues.SHADOW_COLOR];
-declare const FOCUS_KEYS: readonly [StyleValues.OUTLINE_COLOR, StyleValues.OUTLINE_WIDTH, StyleValues.OUTLINE_STYLE, StyleValues.OUTLINE_OFFSET];
-declare const DISABLED_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-declare const DISABLED_VALUE_KEYS: readonly [StyleValues.COLOR_PRIMARY, StyleValues.COLOR_SECONDARY, StyleValues.ICON_COLOR, StyleValues.ICON_BACKGROUND_COLOR, StyleValues.BACKGROUND_COLOR, StyleValues.COLOR_SECONDARY, StyleValues.BORDER_COLOR, StyleValues.BORDER_WIDTH, StyleValues.BORDER_STYLE];
-export interface ROOT extends Pick<Styles, (typeof ROOT_KEYS)[number]> {
-}
-export interface ENABLED extends Pick<Styles, (typeof ENABLED_KEYS)[number]> {
-}
-export interface VALUE extends Pick<Styles, (typeof VALUE_KEYS)[number]> {
-}
-export interface HOVER extends Pick<Styles, (typeof HOVER_KEYS)[number]> {
-}
-export interface ACTIVE extends Pick<Styles, (typeof ACTIVE_KEYS)[number]> {
-}
-export interface FOCUS extends Pick<Styles, (typeof FOCUS_KEYS)[number]> {
-}
-export interface DISABLED extends Pick<Styles, (typeof DISABLED_KEYS)[number]> {
-}
-export interface DISABLED_VALUE extends Pick<Styles, (typeof DISABLED_VALUE_KEYS)[number]> {
-}
+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;
+export type HOVER = Pick<Styles, StyleValues.SHADOW_COLOR>;
+export type ACTIVE = HOVER;
+export type FOCUS = Pick<Styles, StyleValues.OUTLINE_COLOR | StyleValues.OUTLINE_WIDTH | StyleValues.OUTLINE_STYLE | StyleValues.OUTLINE_OFFSET>;
+export type DISABLED = ENABLED;
+export type DISABLED_VALUE = ENABLED;
 export interface EVENTS {
     [Event.ENABLED]?: ENABLED;
     [Event.VALUE]?: VALUE;
@@ -32,9 +16,13 @@ export interface EVENTS {
     [Event.DISABLED]?: DISABLED;
     [Event.DISABLED_VALUE]?: DISABLED_VALUE;
 }
-export interface SWITCH extends Record<Component.SWITCH, {
-    ROOT?: ROOT;
-    EVENTS?: EVENTS;
-}> {
-}
-export {};
+export type SWITCH = Record<Component.SWITCH, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/createComponentStyles.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import { Component, Typography } from './interfaces';
-export declare const createComponentStyles: (component: Component | Typography, events?: object) => Record<string, string>;
+export declare const flattenVariableContent: (component: Component | Typography, content: object) => Record<string, string>;
+export declare const createComponentStyles: (component: Component | Typography, variables?: object) => Record<string, Record<string, string>>;

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

@@ -2,7 +2,7 @@ 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) => {
+export declare const useCreateComponentStyles: (components: Array<Component>, events?: object, variable?: string) => {
     componentStyles: {
         [x: string]: string;
     };

package/dist/hocs.mjs CHANGED Viewed

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

package/dist/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { n as e } from "./theme-DEqiATmv.js";
-import { a as t, n } from "./RadioGroup.context-DJLdImVO.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./Switch-BBGFtWQt.js";
-import { n as d, r as f, t as p } from "./RadioGroup-BGdJ2fTN.js";
-import { t as m } from "./ThemeProvider-DtW2BY15.js";
+import { n as e } from "./theme-D18AZjTt.js";
+import { a as t, n } from "./RadioGroup.context-BdRgENJJ.js";
+import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./Switch-C7wjcrjU.js";
+import { n as d, r as f, t as p } from "./RadioGroup-CdW6yS38.js";
+import { t as m } from "./ThemeProvider-JlN3U_r2.js";
 export { i as Button, n as Checkbox, f as CheckboxGroup, d as CheckboxTree, s as DatePicker, t as Icon, l as IconButton, r as Input, a as Radio, p as RadioGroup, c as Select, o as Slider, u as Switch, m as ThemeProvider, e as darkTheme };

package/dist/molecules.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./RadioGroup-BGdJ2fTN.js";
+import { n as e, r as t, t as n } from "./RadioGroup-CdW6yS38.js";
 export { t as CheckboxGroup, e as CheckboxTree, n as RadioGroup };

package/dist/theme/dark/colors.d.ts CHANGED Viewed

@@ -1,11 +1,3 @@
-export declare const blueChill = "#188aa2";
-export declare const blueDeepAqua = "#0c748a";
-export declare const blueEigengrau = "#0e1621";
-export declare const graySeashell = "#f1f1f1";
-export declare const grayAsh = "#b2bac2";
-export declare const grayGrass = "#989a9b";
-export declare const grayGunmetal = "#495057";
-export declare const darkRed = "#f44336";
 declare const _default: {
     white400: string;
     white500: string;