@basic-ui/material 1.0.0-alpha.44 → 1.0.0-alpha.46

package/src/color.ts

@@ -1,84 +1,84 @@
-import type { SystemStyleObject } from '@styled-system/css';
-import { get } from '@styled-system/css';
-import { parseToRgb } from 'polished';
-import { DARK_SCHEME_CLASS } from '@basic-ui/dynamic-theme';
-
-import type { Theme } from './theme';
-
-export const alpha =
-  (colorString: string, alphaValue: number) => (theme: any) => {
-    const color = get(theme, 'colors.' + colorString, colorString);
-    if (color.startsWith('var')) {
-      const color = get(theme, 'colors.' + colorString + '_rgb', colorString);
-      return `rgba(${color},${alphaValue})`;
-    }
-    if (color.startsWith('rgba(')) {
-      return color;
-    }
-
-    const rgb = parseToRgb(color);
-    return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;
-  };
-
-export function mixColor(
-  baseColor: string,
-  overlayColor: string
-): (theme: any) => string;
-export function mixColor(
-  baseColor: string,
-  overlayColor: string,
-  overlayOpacity: number
-): (theme: any) => string;
-export function mixColor(
-  baseColor: string,
-  overlayColor: string,
-  overlayOpacity?: number
-): (theme: any) => string {
-  return (theme) => {
-    baseColor = get(theme, `colors.${baseColor}`, baseColor);
-    overlayColor = overlayOpacity
-      ? alpha(overlayColor, overlayOpacity)(theme)
-      : get(theme, `colors.${overlayColor}`, overlayColor);
-
-    return `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`;
-  };
-}
-
-export function getColorOverlay(
-  theme: Theme,
-  baseColor: string,
-  overlayColor: string,
-  overlayOpacity: number
-): SystemStyleObject {
-  return {
-    background: mixColor(baseColor, overlayColor, overlayOpacity)(theme),
-  };
-}
-
-export function getBackgroundOverlay(
-  theme: Theme,
-  backgroundOverlay: number | string,
-  overlayColor = 'on.surface'
-): SystemStyleObject {
-  if (Number(backgroundOverlay) <= 0) {
-    return {};
-  }
-  const overlay = get(theme, `paper.overlays.${backgroundOverlay}`) || 0;
-  return getColorOverlay(theme, 'surface', overlayColor, overlay);
-}
-
-export function getDarkThemeBackgroundOverlay(
-  theme: Theme,
-  backgroundOverlay: number | string,
-  overlayColor = 'on.surface'
-): SystemStyleObject {
-  if (Number(backgroundOverlay) <= 0) {
-    return {};
-  }
-
-  return {
-    [`.${DARK_SCHEME_CLASS} &, &.${DARK_SCHEME_CLASS}`]: {
-      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor),
-    },
-  };
-}
+import type { SystemStyleObject } from '@styled-system/css';
+import { get } from '@styled-system/css';
+import { parseToRgb } from 'polished';
+import { DARK_SCHEME_CLASS } from '@basic-ui/dynamic-theme';
+
+import type { Theme } from './theme';
+
+export const alpha =
+  (colorString: string, alphaValue: number) => (theme: any) => {
+    const color = get(theme, 'colors.' + colorString, colorString);
+    if (color.startsWith('var')) {
+      const color = get(theme, 'colors.' + colorString + '_rgb', colorString);
+      return `rgba(${color},${alphaValue})`;
+    }
+    if (color.startsWith('rgba(')) {
+      return color;
+    }
+
+    const rgb = parseToRgb(color);
+    return `rgba(${rgb.red},${rgb.green},${rgb.blue},${alphaValue})`;
+  };
+
+export function mixColor(
+  baseColor: string,
+  overlayColor: string
+): (theme: any) => string;
+export function mixColor(
+  baseColor: string,
+  overlayColor: string,
+  overlayOpacity: number
+): (theme: any) => string;
+export function mixColor(
+  baseColor: string,
+  overlayColor: string,
+  overlayOpacity?: number
+): (theme: any) => string {
+  return (theme) => {
+    baseColor = get(theme, `colors.${baseColor}`, baseColor);
+    overlayColor = overlayOpacity
+      ? alpha(overlayColor, overlayOpacity)(theme)
+      : get(theme, `colors.${overlayColor}`, overlayColor);
+
+    return `linear-gradient(${overlayColor}, ${overlayColor}), ${baseColor}`;
+  };
+}
+
+export function getColorOverlay(
+  theme: Theme,
+  baseColor: string,
+  overlayColor: string,
+  overlayOpacity: number
+): SystemStyleObject {
+  return {
+    background: mixColor(baseColor, overlayColor, overlayOpacity)(theme),
+  };
+}
+
+export function getBackgroundOverlay(
+  theme: Theme,
+  backgroundOverlay: number | string,
+  overlayColor = 'on.surface'
+): SystemStyleObject {
+  if (Number(backgroundOverlay) <= 0) {
+    return {};
+  }
+  const overlay = get(theme, `paper.overlays.${backgroundOverlay}`) || 0;
+  return getColorOverlay(theme, 'surface', overlayColor, overlay);
+}
+
+export function getDarkThemeBackgroundOverlay(
+  theme: Theme,
+  backgroundOverlay: number | string,
+  overlayColor = 'on.surface'
+): SystemStyleObject {
+  if (Number(backgroundOverlay) <= 0) {
+    return {};
+  }
+
+  return {
+    [`.${DARK_SCHEME_CLASS} &, &.${DARK_SCHEME_CLASS}`]: {
+      ...getBackgroundOverlay(theme, backgroundOverlay, overlayColor),
+    },
+  };
+}