elbe-ui 1.0.8 → 2.0.0

package/dist/ui/theme/subthemes/color/colors/colors.d.ts

@@ -0,0 +1,511 @@
+import { ContrastColor } from "./_color_contrast";
+import { KindColor } from "./_color_kind";
+import { LayerColor } from "./_color_layer";
+import { MannerColor } from "./_color_manner";
+import { ModeColor } from "./_color_mode";
+import { RGBAColor } from "./_color_rgba";
+import { SchemeColor } from "./_color_scheme";
+import { StateColor } from "./_color_state";
+import { ColorDataKeys } from "./_colordef";
+export * from "./_color_contrast";
+export * from "./_color_kind";
+export * from "./_color_layer";
+export * from "./_color_manner";
+export * from "./_color_mode";
+export * from "./_color_scheme";
+export * from "./_color_state";
+export * from "./_colordef";
+export declare namespace ColorSelection {
+    type Contrasts = ColorDataKeys<typeof ContrastColor>;
+    type Modes = ColorDataKeys<typeof ModeColor>;
+    type Schemes = ColorDataKeys<typeof SchemeColor>;
+    type Kinds = ColorDataKeys<typeof KindColor>;
+    type Manners = ColorDataKeys<typeof MannerColor>;
+    type States = ColorDataKeys<typeof StateColor>;
+    type Layers = ColorDataKeys<typeof LayerColor>;
+    type KindsAlert = Exclude<Kinds, "accent">;
+}
+type _SeedSelInput = {
+    path: string[];
+    seed: ColorThemeSeed;
+    base: LayerColor;
+};
+export type SeedSelector = (p: _SeedSelInput) => LayerColor;
+export type SeedModifier = (p: _SeedSelInput) => ColorThemeSeed;
+export type SeedFlatSelector = (p: _SeedSelInput & {
+    style?: LayerColor;
+}) => LayerColor;
+export type SeedStyleSelector = (p: _SeedSelInput & {
+    style: LayerColor;
+}) => LayerColor;
+export type HexColor = `#${string}`;
+export type ColorSeedColors = _Colors<LayerColor | HexColor>;
+export type ThemeColors = _Colors<LayerColor>;
+type _Colors<T> = {
+    base: T;
+    accent: T;
+    info: T;
+    success: T;
+    warning: T;
+    error: T;
+};
+type _ContrastSeed = {
+    highvis: SeedModifier;
+    normal: SeedModifier;
+};
+type _ModeSeed = {
+    light: SeedSelector;
+    dark: SeedSelector;
+};
+type _SchemeSeed = {
+    primary: SeedSelector;
+    secondary: SeedSelector;
+    inverse: SeedSelector;
+};
+type _KindSeed = {
+    accent: SeedStyleSelector;
+    info: SeedStyleSelector;
+    success: SeedStyleSelector;
+    warning: SeedStyleSelector;
+    error: SeedStyleSelector;
+};
+type _MannerSeed = {
+    major: SeedStyleSelector;
+    minor: SeedStyleSelector;
+    flat: SeedFlatSelector;
+};
+export type ColorThemeSelection = {
+    contrast: ColorSelection.Contrasts;
+    mode: ColorSelection.Modes;
+    scheme: ColorSelection.Schemes;
+    kind: ColorSelection.Kinds;
+    manner: ColorSelection.Manners;
+    state: ColorSelection.States;
+};
+export type ColorThemeSeed = ColorSeedColors & {
+    selection: ColorThemeSelection;
+} & {
+    contrast: _ContrastSeed;
+    mode: _ModeSeed;
+    scheme: _SchemeSeed;
+    kind: _KindSeed;
+    manner: _MannerSeed;
+};
+export type PartialColorThemeSeed = Partial<ColorSeedColors> & {
+    contrast?: Partial<_ContrastSeed>;
+    mode?: Partial<_ModeSeed>;
+    scheme?: Partial<_SchemeSeed>;
+    kind?: Partial<_KindSeed>;
+    manner?: Partial<_MannerSeed>;
+};
+export declare const colors: {
+    transparent: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    black: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    white: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    red: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    green: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    blue: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    yellow: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    cyan: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    magenta: import("./_colordef").ElbeColor<"rgba", {
+        red: number;
+        green: number;
+        blue: number;
+        alpha: number;
+    }, Omit<{
+        asCss: () => string;
+        hex: () => string;
+        isDark: () => boolean;
+        luminance: () => number;
+        desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit</*elided*/ any, "type">>;
+        hasWCAGContrast: (color: RGBAColor) => boolean;
+        contrastRatio: (color: RGBAColor) => number;
+    }, "type">>;
+    accent: {
+        blue: import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit<{
+            asCss: () => string;
+            hex: () => string;
+            isDark: () => boolean;
+            luminance: () => number;
+            desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            hasWCAGContrast: (color: RGBAColor) => boolean;
+            contrastRatio: (color: RGBAColor) => number;
+        }, "type">>;
+        red: import("./_colordef").ElbeColor<"rgba", {
+            red: number;
+            green: number;
+            blue: number;
+            alpha: number;
+        }, Omit<{
+            asCss: () => string;
+            hex: () => string;
+            isDark: () => boolean;
+            luminance: () => number;
+            desaturated: (f?: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            withAlpha: (alpha: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            inter: (other: RGBAColor, factor: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            mirrorBrightness: (factor?: number) => import("./_colordef").ElbeColor<"rgba", {
+                red: number;
+                green: number;
+                blue: number;
+                alpha: number;
+            }, Omit</*elided*/ any, "type">>;
+            hasWCAGContrast: (color: RGBAColor) => boolean;
+            contrastRatio: (color: RGBAColor) => number;
+        }, "type">>;
+    };
+};

package/dist/ui/theme/subthemes/color/colors/colors.js

@@ -0,0 +1,24 @@
+import { RGBAColor } from "./_color_rgba";
+export * from "./_color_contrast";
+export * from "./_color_kind";
+export * from "./_color_layer";
+export * from "./_color_manner";
+export * from "./_color_mode";
+export * from "./_color_scheme";
+export * from "./_color_state";
+export * from "./_colordef";
+export const colors = {
+    transparent: RGBAColor.fromHex("#00000000"),
+    black: RGBAColor.fromHex("#000000FF"),
+    white: RGBAColor.fromHex("#FFFFFFFF"),
+    red: RGBAColor.fromHex("#f34343ff"),
+    green: RGBAColor.fromHex("#23904eff"),
+    blue: RGBAColor.fromHex("#205999FF"),
+    yellow: RGBAColor.fromHex("#f0dd15FF"),
+    cyan: RGBAColor.fromHex("#00FFFFFF"),
+    magenta: RGBAColor.fromHex("#FF00FFFF"),
+    accent: {
+        blue: RGBAColor.fromHex("#1E90FFFF"),
+        red: RGBAColor.fromHex("#FF4500FF"),
+    },
+};