@databiosphere/findable-ui 13.0.1 → 14.0.0

package/src/components/common/Alert/components/AlertText/alertText.styles.ts

@@ -1,20 +0,0 @@
-import styled from "@emotion/styled";
-
-export const AlertText = styled.div`
-  ul {
-    padding-left: 24px;
-    margin: 8px 0;
-
-    li {
-      margin: 4px 0;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  *:last-child {
-    margin-bottom: 0;
-  }
-`;

package/src/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.ts

@@ -1,20 +0,0 @@
-import styled from "@emotion/styled";
-import { Alert as MAlert } from "@mui/material";
-import { primaryMain, white } from "../../../../../styles/common/mixins/colors";
-import { textBodySmall400 } from "../../../../../styles/common/mixins/fonts";
-
-export const Alert = styled(MAlert)`
-  border-radius: 0;
-  justify-content: center;
-  padding: 8px;
-
-  &.MuiAlert-standardPrimary {
-    background-color: ${primaryMain};
-    color: ${white};
-  }
-
-  .MuiAlert-message {
-    ${textBodySmall400};
-    text-align: center;
-  }
-`;

package/src/components/common/Banner/components/BannerPrimary/bannerPrimary.tsx

@@ -1,27 +0,0 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import React, { ReactNode } from "react";
-import { Alert } from "./bannerPrimary.styles";
-
-export interface BannerPrimaryProps extends MAlertProps {
-  children: ReactNode;
-  className?: string;
-}
-
-export const BannerPrimary = ({
-  children,
-  className,
-  ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */
-}: BannerPrimaryProps): JSX.Element => {
-  return (
-    <Alert
-      className={className}
-      color="primary"
-      elevation={0}
-      icon={false}
-      variant="standard"
-      {...props}
-    >
-      {children}
-    </Alert>
-  );
-};

package/src/components/common/Banner/components/DismissibleBanner/dismissibleBanner.tsx

@@ -1,44 +0,0 @@
-import {
-  Fade,
-  Alert as MAlert,
-  AlertProps as MAlertProps,
-} from "@mui/material";
-import React, { ElementType, ReactNode, useEffect, useState } from "react";
-
-export interface CookieBannerProps extends MAlertProps {
-  Alert?: ElementType;
-  children: ReactNode;
-  className?: string;
-  onDismiss?: () => void;
-  open: boolean;
-}
-
-export const DismissibleBanner = ({
-  Alert = MAlert /* Requires forwardRef to be used as a child of Fade. */,
-  className,
-  children,
-  onDismiss,
-  open,
-  ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */
-}: CookieBannerProps): JSX.Element => {
-  const [isIn, setIsIn] = useState<boolean>(false);
-
-  // Callback fired when the component requests to be closed.
-  const onClose = (): void => {
-    onDismiss?.();
-    setIsIn(false);
-  };
-
-  // Sets the open state.
-  useEffect(() => {
-    setIsIn(open);
-  }, [open]);
-
-  return (
-    <Fade in={isIn} unmountOnExit>
-      <Alert className={className} onClose={onClose} {...props}>
-        {children}
-      </Alert>
-    </Fade>
-  );
-};

package/src/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.ts

@@ -1,22 +0,0 @@
-import styled from "@emotion/styled";
-import { mediaDesktopUp } from "../../../../../styles/common/mixins/breakpoints";
-import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
-
-export const Banner = styled(BannerPrimary)`
-  gap: 12px;
-  padding: 8px 12px;
-
-  ${mediaDesktopUp} {
-    padding: 8px 16px;
-  }
-
-  .MuiAlert-message {
-    align-self: center;
-    flex: 1;
-  }
-
-  .MuiAlert-action {
-    margin: -8px;
-    padding: 0;
-  }
-`;