@databiosphere/findable-ui 41.2.0 → 42.0.0

package/lib/styles/common/mixins/fonts.d.ts

@@ -1,16 +0,0 @@
-import { SerializedStyles } from "@emotion/react";
-export declare const textBody400: (props: any) => SerializedStyles;
-export declare const textBody4002Lines: (props: any) => SerializedStyles;
-export declare const textBody500: (props: any) => SerializedStyles;
-export declare const textBody5002Lines: (props: any) => SerializedStyles;
-export declare const textBodyLarge400: (props: any) => SerializedStyles;
-export declare const textBodyLarge4002Lines: (props: any) => SerializedStyles;
-export declare const textBodyLarge500: (props: any) => SerializedStyles;
-export declare const textBodySmall400: (props: any) => SerializedStyles;
-export declare const textBodySmall4002Lines: (props: any) => SerializedStyles;
-export declare const textBodySmall500: (props: any) => SerializedStyles;
-export declare const textHeading: (props: any) => SerializedStyles;
-export declare const textHeadingLarge: (props: any) => SerializedStyles;
-export declare const textHeadingSmall: (props: any) => SerializedStyles;
-export declare const textHeadingXLarge: (props: any) => SerializedStyles;
-export declare const textUppercase500: (props: any) => SerializedStyles;

package/lib/styles/common/mixins/fonts.js

@@ -1,30 +0,0 @@
-import { css } from "@emotion/react";
-import { TEXT_BODY_400, TEXT_BODY_400_2_LINES, TEXT_BODY_500, TEXT_BODY_500_2_LINES, TEXT_BODY_LARGE_400, TEXT_BODY_LARGE_400_2_LINES, TEXT_BODY_LARGE_500, TEXT_BODY_SMALL_400, TEXT_BODY_SMALL_400_2_LINES, TEXT_BODY_SMALL_500, TEXT_HEADING, TEXT_HEADING_LARGE, TEXT_HEADING_SMALL, TEXT_HEADING_XLARGE, TEXT_UPPERCASE_500, } from "../../../theme/common/typography";
-/**
- * Returns typography style for the specified typography variant.
- * @param TYPOGRAPHY - Typography variant name.
- * @returns typography styles for the variant.
- */
-function typographyToCSS(TYPOGRAPHY) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO revisit any.
-    return (props) => {
-        return css `
-      ${props.theme.typography[TYPOGRAPHY]}
-    `;
-    };
-}
-export const textBody400 = typographyToCSS(TEXT_BODY_400);
-export const textBody4002Lines = typographyToCSS(TEXT_BODY_400_2_LINES);
-export const textBody500 = typographyToCSS(TEXT_BODY_500);
-export const textBody5002Lines = typographyToCSS(TEXT_BODY_500_2_LINES);
-export const textBodyLarge400 = typographyToCSS(TEXT_BODY_LARGE_400);
-export const textBodyLarge4002Lines = typographyToCSS(TEXT_BODY_LARGE_400_2_LINES);
-export const textBodyLarge500 = typographyToCSS(TEXT_BODY_LARGE_500);
-export const textBodySmall400 = typographyToCSS(TEXT_BODY_SMALL_400);
-export const textBodySmall4002Lines = typographyToCSS(TEXT_BODY_SMALL_400_2_LINES);
-export const textBodySmall500 = typographyToCSS(TEXT_BODY_SMALL_500);
-export const textHeading = typographyToCSS(TEXT_HEADING);
-export const textHeadingLarge = typographyToCSS(TEXT_HEADING_LARGE);
-export const textHeadingSmall = typographyToCSS(TEXT_HEADING_SMALL);
-export const textHeadingXLarge = typographyToCSS(TEXT_HEADING_XLARGE);
-export const textUppercase500 = typographyToCSS(TEXT_UPPERCASE_500);

package/src/styles/common/mixins/colors.ts

@@ -1,71 +0,0 @@
-import { CommonColors, PaletteColor } from "@mui/material/styles";
-import { ThemeProps } from "../../../theme/theme";
-
-// Alert
-export const alertLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.alert.light;
-export const alertLightest = ({
-  theme,
-}: ThemeProps): PaletteColor["lightest"] => theme.palette.alert.lightest;
-export const alertMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.alert.main;
-
-// Error
-export const errorMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.error.main;
-
-// Info
-export const infoLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.info.light;
-export const infoLightest = ({ theme }: ThemeProps): PaletteColor["lightest"] =>
-  theme.palette.info.lightest;
-export const infoMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.info.main;
-
-// Ink
-export const inkLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.ink.light;
-export const inkMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.ink.main;
-
-// Primary
-export const primaryDark = ({ theme }: ThemeProps): PaletteColor["dark"] =>
-  theme.palette.primary.dark;
-export const primaryLightest = ({
-  theme,
-}: ThemeProps): PaletteColor["lightest"] => theme.palette.primary.lightest;
-export const primaryMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.primary.main;
-
-// Smoke
-export const smokeDark = ({ theme }: ThemeProps): PaletteColor["dark"] =>
-  theme.palette.smoke.dark;
-export const smokeLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.smoke.light;
-export const smokeLightest = ({
-  theme,
-}: ThemeProps): PaletteColor["lightest"] => theme.palette.smoke.lightest;
-export const smokeMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.smoke.main;
-
-// Success
-export const successLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.success.light;
-export const successLightest = ({
-  theme,
-}: ThemeProps): PaletteColor["lightest"] => theme.palette.success.lightest;
-export const successMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.success.main;
-
-// Warning
-export const warningLight = ({ theme }: ThemeProps): PaletteColor["light"] =>
-  theme.palette.warning.light;
-export const warningLightest = ({
-  theme,
-}: ThemeProps): PaletteColor["lightest"] => theme.palette.warning.lightest;
-export const warningMain = ({ theme }: ThemeProps): PaletteColor["main"] =>
-  theme.palette.warning.main;
-
-// White
-export const white = ({ theme }: ThemeProps): CommonColors["white"] =>
-  theme.palette.common.white;

package/src/styles/common/mixins/fonts.ts

@@ -1,52 +0,0 @@
-import { css, SerializedStyles } from "@emotion/react";
-import {
-  TEXT_BODY_400,
-  TEXT_BODY_400_2_LINES,
-  TEXT_BODY_500,
-  TEXT_BODY_500_2_LINES,
-  TEXT_BODY_LARGE_400,
-  TEXT_BODY_LARGE_400_2_LINES,
-  TEXT_BODY_LARGE_500,
-  TEXT_BODY_SMALL_400,
-  TEXT_BODY_SMALL_400_2_LINES,
-  TEXT_BODY_SMALL_500,
-  TEXT_HEADING,
-  TEXT_HEADING_LARGE,
-  TEXT_HEADING_SMALL,
-  TEXT_HEADING_XLARGE,
-  TEXT_UPPERCASE_500,
-} from "../../../theme/common/typography";
-
-/**
- * Returns typography style for the specified typography variant.
- * @param TYPOGRAPHY - Typography variant name.
- * @returns typography styles for the variant.
- */
-function typographyToCSS(TYPOGRAPHY: string) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO revisit any.
-  return (props: any): SerializedStyles => {
-    return css`
-      ${props.theme.typography[TYPOGRAPHY]}
-    `;
-  };
-}
-
-export const textBody400 = typographyToCSS(TEXT_BODY_400);
-export const textBody4002Lines = typographyToCSS(TEXT_BODY_400_2_LINES);
-export const textBody500 = typographyToCSS(TEXT_BODY_500);
-export const textBody5002Lines = typographyToCSS(TEXT_BODY_500_2_LINES);
-export const textBodyLarge400 = typographyToCSS(TEXT_BODY_LARGE_400);
-export const textBodyLarge4002Lines = typographyToCSS(
-  TEXT_BODY_LARGE_400_2_LINES
-);
-export const textBodyLarge500 = typographyToCSS(TEXT_BODY_LARGE_500);
-export const textBodySmall400 = typographyToCSS(TEXT_BODY_SMALL_400);
-export const textBodySmall4002Lines = typographyToCSS(
-  TEXT_BODY_SMALL_400_2_LINES
-);
-export const textBodySmall500 = typographyToCSS(TEXT_BODY_SMALL_500);
-export const textHeading = typographyToCSS(TEXT_HEADING);
-export const textHeadingLarge = typographyToCSS(TEXT_HEADING_LARGE);
-export const textHeadingSmall = typographyToCSS(TEXT_HEADING_SMALL);
-export const textHeadingXLarge = typographyToCSS(TEXT_HEADING_XLARGE);
-export const textUppercase500 = typographyToCSS(TEXT_UPPERCASE_500);