@databiosphere/findable-ui 47.0.2 → 49.0.0

package/lib/hooks/useFileManifest/useRequestFileManifest.js

@@ -1,37 +0,0 @@
-import { useEffect, useState } from "react";
-import { FileManifestActionKind } from "../../providers/fileManifestState";
-import { useFileManifestState } from "../useFileManifestState";
-/**
- * Initializes and fetches file manifest comprising file facets and summary for the given file manifest format.
- * @param fileManifestFormat - File manifest format.
- * @param initialFilters - Filters to initialize file manifest request.
- * @param fileSummaryFacetName - File summary facet name.
- */
-export const useRequestFileManifest = (fileManifestFormat, initialFilters = [], fileSummaryFacetName) => {
-    // Initial file manifest filter.
-    const [initFilters] = useState(() => initialFilters);
-    // File manifest state.
-    const { fileManifestDispatch } = useFileManifestState();
-    // Fetches file manifest with the given file manifest filters, format.
-    useEffect(() => {
-        fileManifestDispatch({
-            payload: {
-                fileManifestFormat,
-                fileSummaryFacetName,
-                filters: initFilters,
-            },
-            type: FileManifestActionKind.FetchFileManifest,
-        });
-        return () => {
-            fileManifestDispatch({
-                payload: undefined,
-                type: FileManifestActionKind.ClearFileManifest,
-            });
-        };
-    }, [
-        fileManifestDispatch,
-        fileManifestFormat,
-        fileSummaryFacetName,
-        initFilters,
-    ]);
-};

package/lib/hooks/useLayoutState.d.ts

@@ -1,6 +0,0 @@
-import { LayoutStateContextProps } from "../providers/layoutState";
-/**
- * Returns layout state context.
- * @returns layout state context.
- */
-export declare const useLayoutState: () => LayoutStateContextProps;

package/lib/hooks/useLayoutState.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { LayoutStateContext, } from "../providers/layoutState";
-/**
- * Returns layout state context.
- * @returns layout state context.
- */
-export const useLayoutState = () => {
-    return useContext(LayoutStateContext);
-};

package/lib/hooks/useMenu.d.ts

@@ -1,10 +0,0 @@
-export interface UseMenu {
-    onClose: () => void;
-    onOpen: () => void;
-    open: boolean;
-}
-/**
- * Menu functionality for menu dropdown.
- * @returns menu functionality.
- */
-export declare const useMenu: () => UseMenu;

package/lib/hooks/useMenu.js

@@ -1,17 +0,0 @@
-import { useCallback, useState } from "react";
-/**
- * Menu functionality for menu dropdown.
- * @returns menu functionality.
- */
-export const useMenu = () => {
-    const [open, setOpen] = useState(false);
-    // Closes header menu.
-    const onClose = useCallback(() => {
-        setOpen(false);
-    }, []);
-    // Opens header menu.
-    const onOpen = useCallback(() => {
-        setOpen(true);
-    }, []);
-    return { onClose, onOpen, open };
-};

package/lib/hooks/useMenuWithPosition.d.ts

@@ -1,14 +0,0 @@
-import { MenuProps as MMenuProps } from "@mui/material";
-import { MouseEvent } from "react";
-export interface UseMenuWithPosition {
-    anchorEl: MMenuProps["anchorEl"];
-    onClose: () => void;
-    onOpen: (event: MouseEvent<HTMLElement>) => void;
-    onToggleOpen: (event: MouseEvent<HTMLElement>) => void;
-    open: boolean;
-}
-/**
- * Menu functionality for menu dropdown, with menu position.
- * @returns menu functionality.
- */
-export declare const useMenuWithPosition: () => UseMenuWithPosition;

package/lib/hooks/useMenuWithPosition.js

@@ -1,33 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-/**
- * Menu functionality for menu dropdown, with menu position.
- * @returns menu functionality.
- */
-export const useMenuWithPosition = () => {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = useMemo(() => Boolean(anchorEl), [anchorEl]);
-    // Closes header menu.
-    const onClose = useCallback(() => {
-        setAnchorEl(null);
-    }, []);
-    // Opens header menu.
-    const onOpen = useCallback((event) => {
-        setAnchorEl(event.currentTarget);
-    }, []);
-    // Toggles menu open/close.
-    const onToggleOpen = useCallback((event) => {
-        if (open) {
-            setAnchorEl(null);
-        }
-        else {
-            setAnchorEl(event.currentTarget);
-        }
-    }, [open]);
-    return {
-        anchorEl,
-        onClose,
-        onOpen,
-        onToggleOpen,
-        open,
-    };
-};

package/lib/hooks/useScroll.d.ts

@@ -1,10 +0,0 @@
-type ScrollType = "top" | "bottom";
-type UseScrollReturn = () => void;
-/**
- * Hook used to scroll the to top or bottom of the page.
- * This hook can only be used on the client-side.
- * @param scrollType - top or bottom of the page. Default = top
- * @returns scroll function
- */
-export declare const useScroll: (scrollType?: ScrollType) => UseScrollReturn;
-export {};

package/lib/hooks/useScroll.js

@@ -1,12 +0,0 @@
-import { useCallback } from "react";
-/**
- * Hook used to scroll the to top or bottom of the page.
- * This hook can only be used on the client-side.
- * @param scrollType - top or bottom of the page. Default = top
- * @returns scroll function
- */
-export const useScroll = (scrollType = "top") => {
-    return useCallback(() => window.scrollTo({
-        top: scrollType === "top" ? 0 : document.body.scrollHeight,
-    }), [scrollType]);
-};

package/lib/hooks/useSessionTimeout.d.ts

@@ -1,11 +0,0 @@
-export declare const INACTIVITY_PARAM = "inactivityTimeout";
-interface UseSessionTimeout {
-    clearSessionTimeout: () => void;
-    isSessionTimeout: boolean;
-}
-/**
- * Session timeout hook.
- * @returns flag indicating if the session has timed out.
- */
-export declare const useSessionTimeout: () => UseSessionTimeout;
-export {};

package/lib/hooks/useSessionTimeout.js

@@ -1,28 +0,0 @@
-import Router from "next/router";
-import { useCallback, useEffect, useState } from "react";
-import { useConfig } from "./useConfig";
-import { useLocation } from "./useLocation";
-export const INACTIVITY_PARAM = "inactivityTimeout";
-/**
- * Session timeout hook.
- * @returns flag indicating if the session has timed out.
- */
-export const useSessionTimeout = () => {
-    const { config: { redirectRootToPath }, } = useConfig();
-    const [isSessionTimeout, setIsSessionTimeout] = useState(false);
-    // Get the session timeout from URL parameters.
-    const { search } = useLocation() || {};
-    const sessionTimeout = search?.get(INACTIVITY_PARAM);
-    // Clears session timeout state.
-    const clearSessionTimeout = useCallback(() => {
-        setIsSessionTimeout(false);
-        Router.replace(redirectRootToPath);
-    }, [redirectRootToPath]);
-    useEffect(() => {
-        setIsSessionTimeout(sessionTimeout === "true");
-    }, [sessionTimeout]);
-    return {
-        clearSessionTimeout,
-        isSessionTimeout,
-    };
-};

package/lib/mocks/@storybook/addon-actions.d.ts

@@ -1,9 +0,0 @@
-import { jest } from "@jest/globals";
-/**
- * Mock for Storybook's @storybook/addon-actions function.
- * The mock keeps the same function signature as the real Storybook action,
- * does not trigger any Storybook logic, and simply returns a Jest mock function
- * for use in tests.
- * @returns A Jest mock function.
- */
-export declare const action: () => jest.Mock;

package/lib/mocks/@storybook/addon-actions.js

@@ -1,9 +0,0 @@
-import { jest } from "@jest/globals";
-/**
- * Mock for Storybook's @storybook/addon-actions function.
- * The mock keeps the same function signature as the real Storybook action,
- * does not trigger any Storybook logic, and simply returns a Jest mock function
- * for use in tests.
- * @returns A Jest mock function.
- */
-export const action = () => jest.fn();

package/lib/providers/authentication.d.ts

@@ -1,51 +0,0 @@
-import React, { ReactNode } from "react";
-import { AUTHENTICATION_STATUS, LoginStatus } from "../hooks/useAuthentication/common/entities";
-import { UserProfile } from "../hooks/useAuthentication/useFetchGoogleProfile";
-import { TerraNIHResponse } from "../hooks/useAuthentication/useFetchTerraNIHProfile";
-import { TerraResponse } from "../hooks/useAuthentication/useFetchTerraProfile";
-import { TerraTermsOfServiceResponse } from "../hooks/useAuthentication/useFetchTerraTermsOfService";
-export declare const ROUTE_LOGIN = "/login";
-type AuthenticateUserFn = () => void;
-type RequestAuthenticationFn = () => void;
-/**
- * Model of authentication context.
- */
-export interface AuthContextProps {
-    authenticateUser: AuthenticateUserFn;
-    authenticationStatus: AUTHENTICATION_STATUS;
-    isAuthenticated: boolean;
-    isEnabled: boolean;
-    requestAuthentication: RequestAuthenticationFn;
-    terraNIHProfileLoginStatus: LoginStatus<TerraNIHResponse>;
-    terraProfileLoginStatus: LoginStatus<TerraResponse>;
-    terraTOSLoginStatus: LoginStatus<TerraTermsOfServiceResponse>;
-    token?: string;
-    userProfile?: UserProfile;
-}
-/**
- * Auth context for storing and using auth-related state.
- */
-export declare const AuthContext: React.Context<AuthContextProps>;
-interface Props {
-    children: ReactNode | ReactNode[];
-    sessionTimeout?: number;
-}
-/**
- * Auth provider for consuming components to subscribe to changes in auth-related state.
- * @param props - Component inputs.
- * @param props.children - Set of children components that can possibly consume the query provider.
- * @param props.sessionTimeout - If provided, will set the value for a session timeout (in milliseconds).
- * @returns Provider element to be used by consumers to both update authentication state and subscribe to changes in authentication state.
- */
-export declare function AuthProvider({ children, sessionTimeout }: Props): JSX.Element;
-/**
- * Token is released for the following conditions:
- * - Terra endpoint is configured and the terms of service response is successful, or
- * - Terra endpoint is not configured and the user profile response is successful.
- * @param userProfileLoginStatus - User profile login status.
- * @param terraProfileLoginStatus - Terra profile login status.
- * @param terraTOSLoginStatus - Terra terms of service login status.
- * @returns true if the token should be released.
- */
-export declare function shouldReleaseToken(userProfileLoginStatus: LoginStatus<UserProfile>, terraProfileLoginStatus: LoginStatus<TerraResponse>, terraTOSLoginStatus: LoginStatus<TerraTermsOfServiceResponse>): boolean;
-export {};

package/lib/providers/authentication.js

@@ -1,110 +0,0 @@
-import Router, { useRouter } from "next/router";
-import React, { createContext, useCallback } from "react";
-import { useIdleTimer } from "react-idle-timer";
-import { LOGIN_STATUS_NOT_STARTED } from "../hooks/useAuthentication/common/constants";
-import { AUTHENTICATION_STATUS, } from "../hooks/useAuthentication/common/entities";
-import { useAuthenticationComplete } from "../hooks/useAuthentication/useAuthenticationComplete";
-import { useAuthenticationStatus } from "../hooks/useAuthentication/useAuthenticationStatus";
-import { useFetchGoogleProfile, } from "../hooks/useAuthentication/useFetchGoogleProfile";
-import { useFetchTerraNIHProfile, } from "../hooks/useAuthentication/useFetchTerraNIHProfile";
-import { useFetchTerraProfile, } from "../hooks/useAuthentication/useFetchTerraProfile";
-import { useFetchTerraTermsOfService, } from "../hooks/useAuthentication/useFetchTerraTermsOfService";
-import { useTokenClient } from "../hooks/useAuthentication/useTokenClient";
-import { useConfig } from "../hooks/useConfig";
-import { INACTIVITY_PARAM } from "../hooks/useSessionTimeout";
-// Template constants
-export const ROUTE_LOGIN = "/login";
-/**
- * Auth context for storing and using auth-related state.
- */
-export const AuthContext = createContext({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default state.
-    authenticateUser: () => { },
-    authenticationStatus: AUTHENTICATION_STATUS.INCOMPLETE,
-    isAuthenticated: false,
-    isEnabled: false,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default state.
-    requestAuthentication: () => { },
-    terraNIHProfileLoginStatus: LOGIN_STATUS_NOT_STARTED,
-    terraProfileLoginStatus: LOGIN_STATUS_NOT_STARTED,
-    terraTOSLoginStatus: LOGIN_STATUS_NOT_STARTED,
-    token: undefined,
-    userProfile: undefined,
-});
-/**
- * Auth provider for consuming components to subscribe to changes in auth-related state.
- * @param props - Component inputs.
- * @param props.children - Set of children components that can possibly consume the query provider.
- * @param props.sessionTimeout - If provided, will set the value for a session timeout (in milliseconds).
- * @returns Provider element to be used by consumers to both update authentication state and subscribe to changes in authentication state.
- */
-export function AuthProvider({ children, sessionTimeout }) {
-    const { config } = useConfig();
-    const { authentication, redirectRootToPath } = config;
-    const { basePath } = useRouter();
-    const { token, tokenClient } = useTokenClient();
-    const terraNIHProfileLoginStatus = useFetchTerraNIHProfile(token);
-    const terraProfileLoginStatus = useFetchTerraProfile(token);
-    const terraTOSLoginStatus = useFetchTerraTermsOfService(token);
-    const userProfileLoginStatus = useFetchGoogleProfile(token);
-    const isEnabled = Boolean(authentication);
-    const isAuthenticated = userProfileLoginStatus.isSuccess;
-    const releaseToken = shouldReleaseToken(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus);
-    const authenticationStatus = useAuthenticationStatus(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus, terraNIHProfileLoginStatus);
-    // Handle completion of authentication process.
-    useAuthenticationComplete(authenticationStatus);
-    /**
-     * If sessionTimeout is set and user is authenticated, the app will reload and redirect to
-     * origin, including base path, root path, and query param.
-     */
-    useIdleTimer({
-        onIdle: () => isAuthenticated &&
-            sessionTimeout &&
-            (window.location.href =
-                window.location.origin +
-                    basePath +
-                    redirectRootToPath +
-                    "?" +
-                    `${INACTIVITY_PARAM}=true`),
-        timeout: sessionTimeout,
-    });
-    /**
-     * Requests access token and authenticates user.
-     */
-    const authenticateUser = useCallback(() => {
-        tokenClient.requestAccessToken();
-    }, [tokenClient]);
-    /**
-     * Navigates to login page.
-     */
-    const requestAuthentication = useCallback(() => {
-        Router.push(ROUTE_LOGIN);
-    }, []);
-    return (React.createElement(AuthContext.Provider, { value: {
-            authenticateUser,
-            authenticationStatus,
-            isAuthenticated,
-            isEnabled,
-            requestAuthentication,
-            terraNIHProfileLoginStatus,
-            terraProfileLoginStatus,
-            terraTOSLoginStatus,
-            token: releaseToken ? token : undefined,
-            userProfile: userProfileLoginStatus.response,
-        } }, children));
-}
-/**
- * Token is released for the following conditions:
- * - Terra endpoint is configured and the terms of service response is successful, or
- * - Terra endpoint is not configured and the user profile response is successful.
- * @param userProfileLoginStatus - User profile login status.
- * @param terraProfileLoginStatus - Terra profile login status.
- * @param terraTOSLoginStatus - Terra terms of service login status.
- * @returns true if the token should be released.
- */
-export function shouldReleaseToken(userProfileLoginStatus, terraProfileLoginStatus, terraTOSLoginStatus) {
-    if (terraProfileLoginStatus.isSupported) {
-        return terraTOSLoginStatus.isSuccess;
-    }
-    return userProfileLoginStatus.isSuccess;
-}

package/lib/providers/layoutState.d.ts

@@ -1,40 +0,0 @@
-import React, { Dispatch, ReactNode } from "react";
-export declare const DEFAULT_LAYOUT_STATE: {
-    headerHeight: number;
-};
-/**
- * Layout state.
- */
-export type LayoutState = {
-    headerHeight: number;
-};
-/**
- * Model of layout state context.
- */
-export type LayoutStateContextProps = {
-    layoutDispatch: Dispatch<LayoutAction>;
-    layoutState: LayoutState;
-};
-export declare const LayoutStateContext: React.Context<LayoutStateContextProps>;
-export interface LayoutStateProps {
-    children: ReactNode | ReactNode[];
-}
-export declare function LayoutStateProvider({ children, }: LayoutStateProps): JSX.Element;
-/**
- * Layout action kind.
- */
-export declare enum LayoutActionKind {
-    UpdateHeaderHeight = "UPDATE_HEADER_HEIGHT"
-}
-/**
- * Layout action.
- */
-export type LayoutAction = UpdateHeaderHeightAction;
-/**
- * Update header height action.
- */
-type UpdateHeaderHeightAction = {
-    payload?: number;
-    type: LayoutActionKind.UpdateHeaderHeight;
-};
-export {};

package/lib/providers/layoutState.js

@@ -1,47 +0,0 @@
-import React, { createContext, useReducer } from "react";
-import { HEADER_HEIGHT } from "../components/Layout/components/Header/common/constants";
-// Default layout state.
-export const DEFAULT_LAYOUT_STATE = {
-    headerHeight: HEADER_HEIGHT + 1, // 1px for bottom border.
-};
-export const LayoutStateContext = createContext({
-    // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default state.
-    layoutDispatch: () => { },
-    layoutState: DEFAULT_LAYOUT_STATE,
-});
-export function LayoutStateProvider({ children, }) {
-    // Layout state.
-    const [layoutState, layoutDispatch] = useReducer((s, a) => layoutReducer(s, a), DEFAULT_LAYOUT_STATE);
-    return (React.createElement(LayoutStateContext.Provider, { value: {
-            layoutDispatch,
-            layoutState,
-        } }, children));
-}
-/**
- * Layout action kind.
- */
-export var LayoutActionKind;
-(function (LayoutActionKind) {
-    LayoutActionKind["UpdateHeaderHeight"] = "UPDATE_HEADER_HEIGHT";
-})(LayoutActionKind || (LayoutActionKind = {}));
-/**
- * Layout reducer.
- * @param state - Layout state.
- * @param action - Layout action.
- * @returns layout state.
- */
-function layoutReducer(state, action) {
-    const { payload, type } = action;
-    // eslint-disable-next-line sonarjs/no-small-switch -- allow small switch.
-    switch (type) {
-        // Updates header height.
-        case LayoutActionKind.UpdateHeaderHeight: {
-            return {
-                ...state,
-                headerHeight: payload ?? state.headerHeight,
-            };
-        }
-        default:
-            return state;
-    }
-}

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

@@ -1,25 +0,0 @@
-import { CommonColors, PaletteColor } from "@mui/material/styles";
-import { ThemeProps } from "../../../theme/theme";
-export declare const alertLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const alertLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
-export declare const alertMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const errorMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const infoLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const infoLightest: ({ theme }: ThemeProps) => PaletteColor["lightest"];
-export declare const infoMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const inkLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const inkMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const primaryDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
-export declare const primaryLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
-export declare const primaryMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const smokeDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
-export declare const smokeLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const smokeLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
-export declare const smokeMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const successLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const successLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
-export declare const successMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const warningLight: ({ theme }: ThemeProps) => PaletteColor["light"];
-export declare const warningLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
-export declare const warningMain: ({ theme }: ThemeProps) => PaletteColor["main"];
-export declare const white: ({ theme }: ThemeProps) => CommonColors["white"];

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

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

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/lib/styles/common/mixins/shadows.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from "../../../theme/theme";
-export declare const shadows01: ({ theme }: ThemeProps) => string;
-export declare const shadows02: ({ theme }: ThemeProps) => string;

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

@@ -1,4 +0,0 @@
-// Elevation 01
-export const shadows01 = ({ theme }) => theme.shadows[1];
-// Elevation 02
-export const shadows02 = ({ theme }) => theme.shadows[2];

package/lib/styles/common/mui/palette.d.ts

@@ -1,47 +0,0 @@
-export declare const PALETTE: {
-    readonly ALERT_LIGHT: "var(--mui-palette-alert-light)";
-    readonly ALERT_LIGHTEST: "var(--mui-palette-alert-lightest)";
-    readonly ALERT_MAIN: "var(--mui-palette-alert-main)";
-    readonly BACKGROUND_DEFAULT: "var(--mui-palette-background-default)";
-    readonly BACKGROUND_PAPER: "var(--mui-palette-background-paper)";
-    readonly COMMON_BACKGROUND: "var(--mui-palette-common-background)";
-    readonly COMMON_BLACK: "var(--mui-palette-common-black)";
-    readonly COMMON_WHITE: "var(--mui-palette-common-white)";
-    readonly ERROR_CONTRAST_TEXT: "var(--mui-palette-error-contrastText)";
-    readonly ERROR_DARK: "var(--mui-palette-error-dark)";
-    readonly ERROR_LIGHT: "var(--mui-palette-error-light)";
-    readonly ERROR_MAIN: "var(--mui-palette-error-main)";
-    readonly INFO_CONTRAST_TEXT: "var(--mui-palette-info-contrastText)";
-    readonly INFO_DARK: "var(--mui-palette-info-dark)";
-    readonly INFO_LIGHT: "var(--mui-palette-info-light)";
-    readonly INFO_LIGHTEST: "var(--mui-palette-info-lightest)";
-    readonly INFO_MAIN: "var(--mui-palette-info-main)";
-    readonly INK_LIGHT: "var(--mui-palette-ink-light)";
-    readonly INK_MAIN: "var(--mui-palette-ink-main)";
-    readonly PRIMARY_CONTRAST_TEXT: "var(--mui-palette-primary-contrastText)";
-    readonly PRIMARY_DARK: "var(--mui-palette-primary-dark)";
-    readonly PRIMARY_LIGHT: "var(--mui-palette-primary-light)";
-    readonly PRIMARY_LIGHTEST: "var(--mui-palette-primary-lightest)";
-    readonly PRIMARY_MAIN: "var(--mui-palette-primary-main)";
-    readonly SECONDARY_CONTRAST_TEXT: "var(--mui-palette-secondary-contrastText)";
-    readonly SECONDARY_DARK: "var(--mui-palette-secondary-dark)";
-    readonly SECONDARY_LIGHT: "var(--mui-palette-secondary-light)";
-    readonly SECONDARY_MAIN: "var(--mui-palette-secondary-main)";
-    readonly SMOKE_DARK: "var(--mui-palette-smoke-dark)";
-    readonly SMOKE_LIGHT: "var(--mui-palette-smoke-light)";
-    readonly SMOKE_LIGHTEST: "var(--mui-palette-smoke-lightest)";
-    readonly SMOKE_MAIN: "var(--mui-palette-smoke-main)";
-    readonly SUCCESS_CONTRAST_TEXT: "var(--mui-palette-success-contrastText)";
-    readonly SUCCESS_DARK: "var(--mui-palette-success-dark)";
-    readonly SUCCESS_LIGHT: "var(--mui-palette-success-light)";
-    readonly SUCCESS_LIGHTEST: "var(--mui-palette-success-lightest)";
-    readonly SUCCESS_MAIN: "var(--mui-palette-success-main)";
-    readonly TEXT_DISABLED: "var(--mui-palette-text-disabled)";
-    readonly TEXT_PRIMARY: "var(--mui-palette-text-primary)";
-    readonly TEXT_SECONDARY: "var(--mui-palette-text-secondary)";
-    readonly WARNING_CONTRAST_TEXT: "var(--mui-palette-warning-contrastText)";
-    readonly WARNING_DARK: "var(--mui-palette-warning-dark)";
-    readonly WARNING_LIGHT: "var(--mui-palette-warning-light)";
-    readonly WARNING_LIGHTEST: "var(--mui-palette-warning-lightest)";
-    readonly WARNING_MAIN: "var(--mui-palette-warning-main)";
-};