acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/react-base/src/theme/getLayer.d.ts

@@ -1,4 +1,1275 @@
-import { LightMode } from 'acinguiux-ds-fabrics';
-import { ModesType, LayerColorsType } from './theme';
-export declare const getLayer: (theme: typeof LightMode) => (modes?: ModesType) => LayerColorsType;
+import { ModesType, LayerColorsType, Mode, StyleMode, Elevations } from './theme';
+import { VariablesModesType, VariablesNamesPathsValue } from './variableTheme';
+export declare const getLayer: (theme: Mode) => (modes?: ModesType) => LayerColorsType;
+export declare const getVariablesLayer: (theme: Mode) => (modes?: VariablesModesType) => VariablesNamesPathsValue;
+export declare const getVariableElevations: (theme: Mode) => Record<keyof Elevations, string>;
+export declare const getStyledLayers: (theme: Mode) => (style: StyleMode, modes?: VariablesModesType) => string;
+export declare const getVariablesGenerics: (theme: Mode & Required<Pick<Mode, 'variables'>>) => <T extends "series" | "others">(kind: T) => {
+    onFoundation: {
+        base: {
+            false: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+            true: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+        };
+        surface: {
+            false: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+            true: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+        };
+        raised: {
+            false: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+            true: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+        };
+        section: {
+            false: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+            true: {
+                false: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+                true: {
+                    background: string;
+                    text: {
+                        strong: string;
+                        subtle: string;
+                        link: string;
+                    };
+                    border: {
+                        strong: string;
+                        medium: string;
+                        subtle: string;
+                    };
+                };
+            };
+        };
+    };
+    onBrand: {
+        false: {
+            primary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+            secondary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+            tertiary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+        };
+        true: {
+            primary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+            secondary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+            tertiary: {
+                false: {
+                    foreground: string;
+                    text: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                    background: string;
+                    border: {
+                        onBackground: string;
+                        onForeground: string;
+                    };
+                };
+            };
+        };
+    };
+    onSentiment: {
+        strong: {
+            neutral: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            positive: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            negative: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            warning: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            information: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+        };
+        medium: {
+            neutral: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            positive: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            negative: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            warning: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            information: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+        };
+        subtle: {
+            neutral: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            positive: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            negative: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            warning: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            information: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+        };
+        transparent: {
+            neutral: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            positive: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            negative: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            warning: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+            information: {
+                false: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+                true: {
+                    false: {
+                        foreground: string;
+                        text: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                            onForeground: string;
+                        };
+                    };
+                    true: {
+                        foreground: string;
+                    };
+                };
+            };
+        };
+    };
+    onSelected: {
+        false: {
+            strong: {
+                false: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+                true: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+            };
+            subtle: {
+                false: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+                true: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+            };
+        };
+        true: {
+            strong: {
+                false: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+                true: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+            };
+            subtle: {
+                false: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+                true: {
+                    false: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                    true: {
+                        text: {
+                            strong: string;
+                            subtle: string;
+                        };
+                        background: string;
+                        border: {
+                            onBackground: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    others: {
+        focus: string;
+        mask: string;
+    };
+    series: {
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+        "11": string;
+        "12": string;
+        "13": string;
+        "14": string;
+        "15": string;
+        "16": string;
+    };
+}[T];
 //# sourceMappingURL=getLayer.d.ts.map