@galaxy-ds/core 2.0.2 → 2.0.4

package/src/AvatarGroup/AvatarGroupProps.types.tsx

@@ -1,19 +0,0 @@
-export interface AvatarGroupProps {
-  children?: any
-  size?: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge"
-  color?: "default" | "primary" | "secondary" | string
-  tooltip?: any;
-  max?: number;
-  tooltipPlacement?: 'bottom-end'
-                        | 'bottom-start'
-                        | 'bottom'
-                        | 'left-end'
-                        | 'left-start'
-                        | 'left'
-                        | 'right-end'
-                        | 'right-start'
-                        | 'right'
-                        | 'top-end'
-                        | 'top-start'
-                        | 'top';
-}

package/src/Badge/Badge.types.tsx

@@ -1,3 +0,0 @@
-import { BadgeProps as MuiBadgeProps } from "@mui/material/Badge"
-
-export interface BadgeProps extends MuiBadgeProps {}

package/src/BottomListButton/BottomListButtonProps.types.tsx

@@ -1,4 +0,0 @@
-export interface BottomListButtonProps {
-  label?: string;
-  onClick?: (event: any) => void;
-}

package/src/Box/Box.styled.ts

@@ -1,3 +0,0 @@
-import { styled } from "@mui/material/styles"
-
-const Box = styled("div")``

package/src/Breadcrumbs/Breadcrumbs.styled.ts

@@ -1,15 +0,0 @@
-import { styled } from "@mui/material/styles"
-import { Breadcrumbs as MuiBreadcrumbs } from "@mui/material"
-
-export const BreadcrumbsStyled = styled(MuiBreadcrumbs)(({ theme }) => ({
-    "& .MuiButtonBase-root": {
-        backgroundColor: 'transparent',
-    },
-    "& .MuiLink-root": {
-      color: theme.palette.text.secondary,
-      fontSize: "0.875rem",
-      "&:hover": {
-        color: theme.palette.text.disabled,
-      },
-    },
-}))

package/src/Breadcrumbs/BreadcrumbsProps.types.tsx

@@ -1,5 +0,0 @@
-import { BreadcrumbsProps as MuiBreadcrumbsProps } from "@mui/material/Breadcrumbs"
-
-export interface BreadcrumbsProps extends MuiBreadcrumbsProps {
-  name?: string
-}

package/src/Card/CardProps.types.tsx

@@ -1,7 +0,0 @@
-import { CardProps as MuiCardProps } from "@mui/material/Card/Card"
-
-export interface CardProps extends MuiCardProps {
-  children?: any
-  active?: boolean
-  raised?: boolean
-}

package/src/Checkbox/Checkbox.styled.ts

@@ -1,10 +0,0 @@
-import { FormControlLabel, styled } from "@mui/material";
-
-
-
-export const CustomFormControlLabel = styled(FormControlLabel)({
-    marginLeft: 0,
-    '.MuiButtonBase-root': {
-        padding: 0,
-    }
-})

package/src/Checkbox/Checkbox.types.tsx

@@ -1,7 +0,0 @@
-import { CheckboxProps as MuiCheckboxProps } from "@mui/material"
-
-export interface CheckboxProps extends MuiCheckboxProps {
-  label?: string
-  value?: any
-  isAuth?: boolean
-}

package/src/Chip/ChipProps.types.tsx

@@ -1,11 +0,0 @@
-
-export interface GDSChipProps {
-  color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning'
-  size?: 'small' | 'medium'
-  label?: string
-  disabled?: boolean
-  variant?: 'filled' | 'outlined'
-  rounded?: boolean
-  onClick?: (e: any) => void;
-  onDelete?: (e: any) => void;
-}

package/src/DatePicker/DatePickerProps.types.tsx

@@ -1,10 +0,0 @@
-export interface DatePickerProps {
-  /**
-   * Date value for Calendar
-   */
-  date?: Date;
-  /**
-   * Callback function for date changes. fn(date: Date)
-   */
-  onChange?: (date: Date) => any;
-}

package/src/Divider/DividerProps.types.tsx

@@ -1,5 +0,0 @@
-export interface DividerProps {
-  orientation?: 'horizontal' | 'vertical';
-  variant?: 'fullWidth' | 'inset' | 'middle';
-  absolute?: boolean;
-}

package/src/Drawer/DrawerProps.types.tsx

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material' 
-export interface CustomDrawerProps extends DrawerProps {
-    variant?: 'permanent' | 'persistent'| 'temporary';
-    color?: 'primary' | 'default';
-    open?: boolean;
-    children?: any;
-    PaperProps?: object;
-    ModalProps?: object;
-    onClose?: (e: any) => void;
-}

package/src/DrawerMenu/DrawerMenuProps.types.tsx

@@ -1,28 +0,0 @@
-export interface DrawerMenuProps {
-  /**
-   * Menu item contents
-   */
-   children: React.ReactNode;
-   /**
-    * Seleted state
-    */
-   selected?: boolean;
-   /**
-    * ref attribute
-    */
-   ref?: any;
-   /**
-    * value label string
-    */
-    value?: any;
-    open?:  boolean;
-    dense?: boolean;
-   /**
-    * Icon
-    */
-    startAdornment?: React.ReactNode;
-    submenu?:  boolean;
-    expand?:  boolean;
-    onClick?: (e: any) => void; 
-    variant?: 'dark' | 'light';
-}

package/src/EmptyState/EmptyStateProps.types.tsx

@@ -1,6 +0,0 @@
-export interface EmptyStateProps {
-  title?: string
-  description?: string
-  variant?: "default" | "document" | "matter" | "appointment" | "transaction"
-  children?: React.ReactNode
-}

package/src/FooterActions/FooterActions.styled.ts

@@ -1,41 +0,0 @@
-import { styled } from "@mui/material/styles"
-import { Grid } from '@mui/material';
-
-export const FooterActionsContainer = styled(Grid)({
-    "&.gds-footer-actions": {
-      width: '100%',
-      borderTop: `1px solid #d4d4d4`,
-    },
-    "&.gds-footer-fixed": {
-      position: 'absolute',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      width: '100%'
-    },
-    '& .gds-footer-actions_left': {
-      display: 'flex',
-      "& button": {
-        marginRight: 10,
-      }
-    },
-    '& .gds-footer-actions_right': {
-      justifyContent: 'flex-end',
-      display: 'flex',
-      "& button": {
-        marginLeft: 10,
-      }
-    },
-    '&.gds-footer-actions_medium': {
-      paddingLeft: 22,
-      paddingRight: 22,
-      paddingTop: '16.5px',
-      paddingBottom: '16.5px',
-    },
-    '&.gds-footer-actions_small': {
-      paddingLeft: 12,
-      paddingRight: 12,
-      paddingTop: 10,
-      paddingBottom: 10,
-    },
-})

package/src/FormContainer/FormContainer.styled.ts

@@ -1,11 +0,0 @@
-import { styled } from "@mui/material/styles"
-
-export const FormContainerStyled = styled("form")(() => ({
-  "&.form-container": {
-    display: "grid",
-    width: "100%",
-    overflow: 'hidden',
-    gridTemplateRows: "auto 1fr auto",
-    height: (props: {fullHeight?: boolean}) => props.fullHeight ? `100vh` : '',
-  },
-}));

package/src/FormGroup/FormGroupProps.types.tsx

@@ -1,24 +0,0 @@
-import { FormGroupProps } from '@mui/material'
-
-export interface CustomFormGroupProps extends FormGroupProps {
-  /**
-   * Change how items align. Default to 'flex-start'
-   */
-   alignItems?: 'flex-start' | 'center' | 'stretch' | 'flex-end';
-   /**
-    * The content of the component.
-    */
-   children: any;
-   /**
-    * If true display side by side.
-    */
-   row?: boolean;
-   /**
-    * Spacing units between direct children. Default to 0.
-    */
-   spacing?: 0 | 1 | 2 | 3 | 4;
-   /**
-    * If true add margin bottom 10px for desktop 16px for in them theme
-   */
-   margin?: boolean;
-}

package/src/FormHeader/FormHeader.styled.ts

@@ -1,68 +0,0 @@
-import { styled } from "@mui/material/styles"
-import { Grid, Box} from "@mui/material";
-
-export const FormHeaderBox = styled(Box)(() => ({
-    overflow: "hidden",
-    backgroundColor: "#F9F9F9",
-    position: "relative",
-    padding: 16,
-    minHeight: 81,
-    display: 'flex',
-    flexDirection: "column",
-  "&.gds-header-fixed": {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    width: '100%'
-  },
-}));
-
-export const FormHeaderDetail = styled(Grid)(() => ({
-  display: "flex",
-  alignItems: "center",
-  zIndex: 9,
-  position: "relative",
-  minHeight: 21,
-  button: {
-    fontSize: 12
-  }
-}));
-
-export const FormHeaderInfo = styled(Grid)(() => ({
-  paddingTop: 0,
-  paddingBottom: 0,
-  flexWrap: 'nowrap',
-  p: {
-    fontWeight: 500,
-    color: "#6d7278",
-    whiteSpace: 'nowrap'
-  },
-  "& .MuiButton-label": {
-    top: 0,
-  },
-  "& .MuiButtonBase-root": {
-    paddingTop: 0,
-    paddingBottom: 0,
-    fontSize:'13px',
-    fontWeight: 400,
-  }
-}));
-
-export const FormHeaderAccent = styled("div")(() => ({
-  position: "absolute",
-  top: -78,
-  right: 32,
-  zIndex: 1,
-  opacity: '0.7',
-  svg:{
-    width: 260
-  }
-}));
-
-export const FormHeaderContent = styled("div")(() => ({
-  maxHeight: 77,
-  overflowY: "auto",
-  zIndex: 9,
-  marginTop: 10,
-}));

package/src/Grid/Grid.styled.ts

@@ -1,3 +0,0 @@
-import { styled } from "@mui/material/styles"
-
-const Grid = styled("div")``

package/src/Grid/GridProps.types.tsx

@@ -1,4 +0,0 @@
-import { GridProps as MuiGridProps } from "@mui/material"
-
-export interface GridProps extends MuiGridProps {
-}

package/src/HeaderToolbar/HeaderToolbarProps.types.tsx

@@ -1,25 +0,0 @@
-export interface HeaderToolbarProps {
-  title?: string;
-  /**
-   * Deprecated. Please set or unset `title` instead.
-   */
-  titleVisibility?: boolean;
-  left?: React.ReactNode;
-  right?: React.ReactNode;
-  bgColor?: string;
-  bgImageURL?: string;
-  bgPosition?: string;
-  bgSize?: string;
-  divider?: boolean;
-  tooltip?: boolean;
-}
-
-export type StyleProps = {
-  bgColor: string;
-  bgImageURL: string;
-  bgPosition: string;
-  bgSize: string;
-  titleVisibility: boolean;
-  divider: boolean;
-  right: any;
-};

package/src/IconButton/IconButton.types.tsx

@@ -1,9 +0,0 @@
-import { ButtonProps as MuiButtonProps } from "@mui/material/Button/Button"
-
-export interface IconButtonProps extends MuiButtonProps {
-  size?: "small" | "medium"
-  variant?: "contained" | "outlined"
-  children?: React.ReactNode
-  onClick?: (e: any) => void
-  disabled?: boolean
-}

package/src/Icons/lawconnect/index.tsx

@@ -1,96 +0,0 @@
-export { default as SvgAccreditedSpecialist } from "./AccreditedSpecialist";
-export { default as SvgAccredited } from "./Accredited";
-export { default as SvgAnnotations } from "./Annotations";
-export { default as SvgApp } from "./App";
-export { default as SvgAppleCalendar } from "./AppleCalendar";
-export { default as SvgArrowLeft } from "./ArrowLeft";
-export { default as SvgArrowRight } from "./ArrowRight";
-export { default as SvgArrowTop } from "./ArrowTop";
-export { default as SvgAward } from "./Award";
-export { default as SvgBestPractice } from "./BestPractice";
-export { default as SvgBubble } from "./Bubble";
-export { default as SvgBuilding } from "./Building";
-export { default as SvgBuildingFilled } from "./Filled/BuildingFilled";
-export { default as SvgCalendar } from "./Calendar";
-export { default as SvgCalendarFilled } from "./Filled/CalendarFilled";
-export { default as SvgCamera } from "./Camera";
-export { default as SvgChevronDownLg } from "./ChevronDownLg";
-export { default as SvgChevronLeftLg } from "./ChevronLeftLg";
-export { default as SvgChevronRightLg } from "./ChevronRightLg";
-export { default as SvgChevronUpLg } from "./ChevronUpLg";
-export { default as SvgClock } from "./Clock";
-export { default as SvgClockFilled } from "./Filled/ClockFilled";
-export { default as SvgClosedEye } from "./ClosedEye";
-export { default as SvgCollaborate } from "./Collaborate";
-export { default as SvgContact } from "./Contact";
-export { default as SvgCourthouse } from "./Courthouse";
-export { default as SvgCross } from "./Cross";
-export { default as SvgDay } from "./Day";
-export { default as SvgDetract } from "./Detract";
-export { default as SvgDirection } from "./Direction";
-export { default as SvgDownload } from "./Download";
-export { default as SvgExpand } from "./Expand";
-export { default as SvgExternalArrow } from "./ExternalArrow";
-export { default as SvgEye } from "./Eye";
-export { default as SvgFacebook } from "./Facebook";
-export { default as SvgFilter } from "./Filter";
-export { default as SvgFixedCost } from "./FixedCost";
-export { default as SvgFreeFirstAppointment } from "./FreeFirstAppointment";
-export { default as SvgGoogleCalendar } from "./GoogleCalendar";
-export { default as SvgGridView } from "./GridView";
-export { default as SvgHistory } from "./History";
-export { default as SvgHome } from "./Home";
-export { default as SvgInfo } from "./Info";
-export { default as SvgInvoice } from "./Invoice";
-export { default as SvgItemSearch } from "./ItemSearch";
-export { default as LawconnectLogo } from "./LawconnectLogo";
-export { default as SvgLegalAid } from "./LegalAid";
-export { default as SvgLegal } from "./Legal";
-export { default as SvgLinkedin } from "./Linkedin";
-export { default as SvgListView } from "./ListView";
-export { default as SvgList } from "./List";
-export { default as SvgLocationPin } from "./LocationPin";
-export { default as SvgLocationPinFilled } from "./Filled/LocationPinFilled";
-export { default as SvgLocationPointer } from "./LocationPointer";
-export { default as SvgMidday } from "./Midday";
-export { default as SvgMinus } from "./Minus";
-export { default as SvgMobileService } from "./MobileService";
-export { default as SvgMore } from "./More";
-export { default as SvgMoreVerticalIcon } from "./MoreVerticalIcon";
-export { default as SvgNowinNofee } from "./NowinNofee";
-export { default as SvgOnlineSign } from "./OnlineSign";
-export { default as SvgOutlookCalendar } from "./OutlookCalendar";
-export { default as SvgPayment } from "./Payment";
-export { default as SvgPegman } from "./Pegman";
-export { default as SvgPhone } from "./Phone";
-export { default as SvgPhoneFilled } from "./Filled/PhoneFilled";
-export { default as SvgPlus } from "./Plus";
-export { default as SvgPrint } from "./Print";
-export { default as SvgQuestionBalloon } from "./QuestionBalloon";
-export { default as SvgQuestionCircle } from "./QuestionCircle";
-export { default as SvgRefresh } from "./Refresh";
-export { default as SvgRapidPay } from "./RapidPay";
-export { default as SvgSearch } from "./Search";
-export { default as SvgSecureDocCollab } from "./SecureDocCollab";
-export { default as SvgSecurePayments } from "./SecurePayments";
-export { default as SvgSend } from "./Send";
-export { default as SvgSettings } from "./Settings";
-export { default as SvgShare } from "./Share";
-export { default as SvgSidebarToggleLeft } from "./SidebarToggleLeft";
-export { default as SvgSidebarToggleRight } from "./SidebarToggleRight";
-export { default as SvgStarEmpty } from "./StarEmpty";
-export { default as SvgStarFilled } from "./Filled/StarFilled";
-export { default as SvgSuccessFilled } from "./Filled/SuccessFilled";
-export { default as SvgSunrise } from "./Sunrise";
-export { default as SvgSunset } from "./Sunset";
-export { default as SvgTick } from "./Tick";
-export { default as SvgTopRightCurvedArrow } from "./TopRightCurvedArrow";
-export { default as SvgUpload } from "./Upload";
-export { default as SvgUserProfile } from "./UserProfile";
-export { default as SvgUser } from "./User";
-export { default as SvgVideo } from "./Video";
-export { default as SvgVideoCall } from "./VideoCall";
-export { default as SvgVideoCallFilled } from "./Filled/VideoCallFilled";
-export { default as SvgWallet } from "./Wallet";
-export { default as SvgWarning } from "./Warning";
-export { default as SvgWorld } from "./World";

package/src/ImageUpload/ImageUpload.styled.ts

@@ -1,69 +0,0 @@
-import { styled } from "@mui/material/styles"
-import { IconButton } from "../IconButton/IconButton";
-
-export const ImageUploadStyled = styled("div")(() => ({
-  width: 135,
-  alignItems: "center",
-}));
-
-export const ImageUploadContainer = styled("div")(({theme}) => ({
-  border: `1px solid ${theme.palette.grey[400]}`,
-  backgroundColor: theme.palette.background.paper,
-  borderBottom: "none",
-  borderRadius: 0,
-  width: 135,
-  height: 135,
-  display: "flex",
-  alignItems: "center",
-  position: "relative",
-}));
-
-export const ImageUploadClose = styled("div")(({theme}) => ({
-  position: "absolute",
-  right: "0px",
-  top: "0px",
-  borderRadius: 0,
-  "& .MuiIconButton-root": {
-    paddingBottom: 0,
-    paddingLeft: 0,
-    borderRadius: 0,
-    backgroundColor:theme.palette.background.paper,
-    transition: "none",
-    "&:hover": {
-      backgroundColor: theme.palette.background.paper,
-      color: theme.palette.text.primary,
-    },
-    "&:active": {
-      backgroundColor: theme.palette.background.paper,
-      color: theme.palette.text.primary,
-    },
-  },
-}));
-
-export const ImageUploadIcon = styled(IconButton)(({theme}) => ({
-  "& .MuiIconButton-root": {
-    borderRadius: 0,
-    backgroundColor: theme.palette.background.paper,
-    transition: "none",
-    "&:hover": {
-      backgroundColor: theme.palette.background.paper,
-      color: theme.palette.grey[400],
-    },
-    "&:active": {
-      backgroundColor: theme.palette.background.paper,
-    },
-  },
-}));
-
-export const ImageUploadPhoto = styled("div")(() => ({
-  width: "100px",
-  height: "100px",
-  marginTop: "auto",
-  marginBottom: "auto",
-  overflow: "hidden",
-  display: "flex",
-  minWidth: 0,
-  "&.gds-image-upload-rounded": {
-    borderRadius: 50,
-  },
-}));

package/src/InputLabel/InputLabel.types.tsx

@@ -1,5 +0,0 @@
-import { InputLabelProps as MuiInputLabelProps } from "@mui/material/InputLabel"
-
-export interface InputLabelProps extends MuiInputLabelProps {
-  color?:  any
-}

package/src/Modal/Modal.styled.ts

@@ -1,3 +0,0 @@
-import { styled } from "@mui/material/styles"
-
-const Modal = styled("div")``

package/src/ProgressBar/ProgressBar.types.tsx

@@ -1,5 +0,0 @@
-import { LinearProgressProps as MuiLinearProgressProps } from "@mui/material/LinearProgress"
-
-export interface LinearProgressProps extends MuiLinearProgressProps {
-  color?: "primary" | "success" | "error"
-}

package/src/Select/Select.styled.ts

@@ -1,45 +0,0 @@
-import { Select as MSelect } from "@mui/material"
-import { styled } from "@mui/material/styles"
-
-export const MuiSelect = styled(MSelect)(({ theme }) => ({
-  borderRadius: theme.shapes.card,
-  height: 40,
-
-  select: {
-    padding: "0 16px",
-    height: 40,
-    lineHeight: "40px",
-    display: "flex",
-    alignItems: "center",
-    "& .MuiTypography-root": {
-      fontWeight: "inherit",
-    },
-    "&.MuiInputBase-input, &.MuiOutlinedInput-input": {
-      paddingRight: "44px",
-      paddingTop:0,
-    },
-    "&.MuiInputBase-input.MuiFilledInput-input": {
-    },
-    "&.MuiInputBase-input": {
-      "&.MuiFilledInput-input": {
-
-        "&:focus": {
-          backgroundColor: "transparent !important",
-        },
-      },
-    },
-  },
-  "& .MuiFilledInput-input": {
-    paddingTop:"8px !important",
-    "&:focus": {
-      backgroundColor: "transparent !important",
-    },
-  },
-
-  
-  legend: {
-    display: "none",
-  },
-
-  
-}))

package/src/TableCell/TableCellProps.types.tsx

@@ -1,13 +0,0 @@
-import { TableCellProps as MuiTableCellProps, TableCellBaseProps } from '@mui/material' 
-export interface TableCellProps extends MuiTableCellProps {
-  align?: 'center' | 'inherit' | 'left' | 'right';
-  children?: React.ReactNode;
-  padding?: 'checkbox' | 'normal' | 'none';
-  size?: 'medium' | 'small';
-  variant?: 'body' | 'footer';
-  width?: number;
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component.
-   */
-  component?: React.ElementType<TableCellBaseProps>;
-}

package/src/TableFooter/TableFooterProps.types.tsx

@@ -1,7 +0,0 @@
-import { TableFooterProps as MuiTableFooterProps } from '@mui/material';
-export interface TableFooterProps extends MuiTableFooterProps {
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component. Default to 'tfoot'.
-   */
-  component?: React.ElementType;
-}

package/src/TableHead/TableHeadProps.types.tsx

@@ -1,11 +0,0 @@
-import { TableHeadProps as MuiTableHeadProps } from '@mui/material';
-export interface TableHeadProps extends MuiTableHeadProps {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children?: React.ReactNode;
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component. Default to 'thead'.
-   */
-  component?: React.ElementType;
-}

package/src/TableRow/TableRowProps.types.tsx

@@ -1,19 +0,0 @@
-import { TableRowProps as MuiTableRowProps } from '@mui/material';
-export interface TableRowProps extends MuiTableRowProps {
-  /**
-   * Should be valid <tr> children such as TableCell.
-   */
-  children?: React.ReactNode;
-  /**
-   * If true, the table row will shade on hover.
-   */
-  hover?: boolean;
-  /**
-   * If true, the table row will have the selected shading.
-   */
-  selected?: boolean;
-  /**
-   * The component used for the root node. Either a string to use a HTML element or a component. Default to 'tr'.
-   */
-  component?: React.ElementType;
-}

package/src/TextField/TextField.types.tsx

@@ -1,6 +0,0 @@
-import { OutlinedTextFieldProps } from "@mui/material/TextField"
-
-export interface TextFieldProps extends Omit<OutlinedTextFieldProps, "variant"> {
-  children?: any
-  size?: "small" | "medium"
-}