cloudmr-ux 1.4.9 → 1.5.0

package/dist/index.d.ts

@@ -1,311 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps, SxProps, Theme } from '@mui/material';
-import * as React from 'react';
-import React__default, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
-import { SizeType } from 'antd/lib/config-provider/SizeContext';
-import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
-import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
-import { AxiosRequestConfig, AxiosResponse } from 'axios';
-import { TooltipPlacement } from 'antd/lib/tooltip';
-import { DataGridProps } from '@mui/x-data-grid';
-
-declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    defaultValue?: string;
-    id?: string;
-    maxLength?: number;
-    size?: SizeType;
-    value?: string;
-    type?: any;
-    prefix?: React__default.ReactNode;
-    bordered?: boolean;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onPressEnter?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-}
-declare const CmrInput: (props: CmrInputProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrRadioOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-interface CmrRadioProps {
-    options: CmrRadioOption[];
-    groupLabel?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-}
-declare const CmrRadioGroup: React__default.FC<CmrRadioProps>;
-
-interface Option {
-    label: string;
-    value: string;
-}
-interface CmrSelectProps {
-    options: Option[];
-    label: string;
-    disabled?: boolean;
-}
-declare const CmrSelect: React__default.FC<CmrSelectProps>;
-
-interface CmrCollapseProps {
-    accordion?: boolean;
-    activeKey?: Array<string | number> | number;
-    bordered?: boolean;
-    collapsible?: CollapsibleType;
-    defaultActiveKey?: Array<string | number>;
-    destroyInactivePanel?: boolean;
-    expandIconPosition?: ExpandIconPosition;
-    ghost?: boolean;
-    onChange?: (key: Array<string | number> | number) => void;
-    children?: JSX.Element[] | JSX.Element;
-}
-declare const CmrCollapse: (props: CmrCollapseProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrPanelProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    activeKey?: string | string[];
-    header: string | undefined;
-    children: ReactNode;
-    panelKey?: number;
-    onToggle?: (key: number | undefined) => void;
-    expanded?: boolean;
-    cardProps?: React__default.HTMLAttributes<HTMLDivElement>;
-}
-declare const CmrPanel: (props: CmrPanelProps) => react_jsx_runtime.JSX.Element;
-
-interface LambdaFile {
-    "filename": string;
-    "filetype": string;
-    "filesize": string;
-    "filemd5": string;
-    "file": File;
-}
-/**
- * Consists of general settings for upload component
- * functionalities and call back methods evoked
- * for specific interactions
- */
-interface CMRUploadProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    retains?: boolean;
-    maxCount: number;
-    changeNameAfterUpload?: boolean;
-    onRemove?: (removedFile: File) => void;
-    /**
-     * Allows access to file content prior to uploading.
-     * If returned value from the method is false,
-     * prevents the file upload process. Called before
-     * create payload.
-     * @param file
-     */
-    beforeUpload?: (file: File) => Promise<boolean>;
-    /**
-     * This or uploadHandler must be specified
-     * @param file
-     * @param fileAlias
-     * @param fileDatabase
-     */
-    createPayload?: (file: File, fileAlias: string, fileDatabase: string) => (Promise<{
-        destination: string;
-        lambdaFile: LambdaFile;
-        file: File;
-        config: AxiosRequestConfig;
-    } | undefined>);
-    onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
-    onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
-    sx?: SxProps<Theme> | undefined;
-    rest?: any;
-    fileExtension?: string;
-    uploadStarted?: () => void;
-    uploadEnded?: () => void;
-    uploadFailed?: () => void;
-    uploadProgressed?: (progress: number) => void;
-    /**
-     * Override this to replace the default behavior of uploading
-     * @param file
-     * @param fileAlias
-     * @param fileDatabase
-     * @param onProgress
-     * @param onUploaded
-     */
-    uploadHandler?: (file: File, fileAlias: string, fileDatabase: string, onProgress?: (progress: number) => void, onUploaded?: (res: AxiosResponse, file: File) => void) => Promise<number>;
-    fullWidth?: boolean;
-    style?: any;
-    /**
-     * Displays upload button instead of uploaded file after upload
-     * if set to reusable
-     */
-    reusable?: boolean;
-    uploadButtonName?: string;
-    /**
-     * Processes the uploaded file before performing the upload;
-     * @return file/undefined/statuscode undefined to fail the upload, return File
-     * to pass the processed file, return number to indicate error code
-     * and return to upload window.
-     * @param file
-     */
-    preprocess?: (file: File) => Promise<File | undefined | number>;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-}
-declare const CmrUpload: {
-    (props: CMRUploadProps): react_jsx_runtime.JSX.Element;
-    defaultProps: {
-        changeNameAfterUpload: boolean;
-    };
-};
-
-declare function CmrNameDialog(props: {
-    originalName: string;
-    renamingCallback: (alias: string) => Promise<boolean>;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-}): react_jsx_runtime.JSX.Element;
-
-declare function CmrConfirmation({ name, message, cancelText, color, open, setOpen, confirmCallback, confirmText, cancellable, cancelCallback, width }: {
-    name: string | undefined;
-    cancelText?: string;
-    message: string | undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    confirmCallback?: () => void;
-    cancellable?: boolean;
-    cancelCallback?: () => void;
-    width?: number;
-    confirmText?: string;
-}): react_jsx_runtime.JSX.Element;
-
-declare function CmrDeletionDialog(props: {
-    name: string | undefined;
-    deletionCallback: () => void;
-}): react_jsx_runtime.JSX.Element;
-
-interface EditConfirmationProps {
-    name?: string;
-    defaultText?: string;
-    message?: string;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    confirmCallback?: (text: string) => void;
-    cancellable?: boolean;
-    cancelCallback?: (edit: string) => void;
-    suffix?: string;
-}
-declare function CmrEditConfirmation({ name, message, defaultText, color, open, setOpen, confirmCallback, cancellable, cancelCallback, suffix }: EditConfirmationProps): react_jsx_runtime.JSX.Element;
-
-interface TabInfo {
-    id: number;
-    text: string;
-    disable?: boolean;
-    children: JSX.Element;
-}
-
-interface CmrTabsProps {
-    tabList: TabInfo[];
-    onTabSelected?: (tabId: number) => void;
-}
-declare function CmrTabs(props: CmrTabsProps): react_jsx_runtime.JSX.Element;
-
-interface CmrCheckboxProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    autoFocus?: boolean;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    children?: any;
-    style?: any;
-    sx?: any;
-}
-declare const CmrCheckbox: (props: CmrCheckboxProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    required?: boolean;
-    children?: any;
-}
-declare const CmrLabel: (props: CmrLabelProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrInputNumberProps {
-    defaultValue?: number;
-    disabled?: boolean;
-    keyboard?: boolean;
-    max?: number;
-    min?: number;
-    size?: SizeType;
-    value?: number;
-    onChange?: (value: number | null) => void;
-    children?: React__default.ReactNode;
-    style?: CSSProperties;
-}
-declare const CmrInputNumber: (props: CmrInputNumberProps) => react_jsx_runtime.JSX.Element;
-
-interface CMRSelectUploadProps extends CMRUploadProps {
-    /**
-     * A selection of currently uploaded files
-     */
-    fileSelection: UploadedFile[];
-    onSelected: (file?: UploadedFile) => void;
-    chosenFile?: string;
-    buttonText?: string;
-    /**
-     * Enforces the extension of selected files
-     */
-    fileExtension?: string;
-}
-interface UploadedFile {
-    id: number;
-    fileName: string;
-    link: string;
-    md5?: string;
-    size: string;
-    status: string;
-    createdAt: string;
-    updatedAt: string;
-    database: string;
-    location: string;
-}
-/**
- * Select from a set of uploaded files or upload new
- */
-declare const CMRSelectUpload: (props: CMRSelectUploadProps) => react_jsx_runtime.JSX.Element;
-
-interface UploadWindowProps {
-    upload: (file: File, fileAlias: string, fileDatabase: string) => Promise<number>;
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    fileExtension?: string;
-    template?: {
-        showFileName?: boolean;
-        showDatabase?: boolean;
-        showFileSize?: boolean;
-    };
-}
-declare function CmrUploadWindow({ upload, open, setOpen, fileExtension, template, }: UploadWindowProps): react_jsx_runtime.JSX.Element;
-
-interface CmrTooltipProps {
-    arrowPointAtCenter?: boolean;
-    autoAdjustOverflow?: boolean;
-    color?: string;
-    defaultVisible?: boolean;
-    mouseEnterDelay?: number;
-    mouseLeaveDelay?: number;
-    overlayClassName?: string;
-    placement?: TooltipPlacement;
-    visible?: boolean;
-    title: React__default.ReactNode;
-    overlay?: React__default.ReactNode;
-}
-declare const CmrTooltip: (props: CmrTooltipProps) => react_jsx_runtime.JSX.Element;
-
-interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
-    dataSource: any[];
-    idAlias?: string;
-    name?: string;
-    style?: CSSProperties;
-    showCheckbox?: boolean;
-}
-
-declare const CmrTable: FC<CmrTableProps>;
-
-export { CMRSelectUpload, CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, CmrTooltip, CmrUploadWindow, LambdaFile };

package/dist/index.db9ed22c.css

@@ -1,171 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: "Source Sans 3", sans-serif;
-}
-
-main {
-  padding: 35px 45px 45px;
-}
-
-nav {
-  background-color: #580f8b;
-  align-items: center;
-  padding: 30px;
-  display: flex;
-}
-
-nav .logo img {
-  height: 40px;
-}
-
-nav ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  display: flex;
-}
-
-nav ul li {
-  margin: 0 15px;
-}
-
-nav ul li a {
-  color: #fff;
-  font-size: 16px;
-  text-decoration: none;
-}
-
-nav ul li a:hover {
-  text-decoration: none;
-}
-
-.cmr-button {
-  color: #fff !important;
-  text-align: center !important;
-  background-color: #580f8b !important;
-  border: 2px solid #580f8b !important;
-  border-radius: 4px !important;
-  padding: .375rem .75rem !important;
-  font-family: "Source Sans 3", sans-serif !important;
-  font-size: 14.4px !important;
-  font-weight: 400 !important;
-  line-height: 1.5 !important;
-}
-
-.cmr-button:hover {
-  background-color: #390063 !important;
-}
-
-.cmr-button.outlined {
-  color: #580f8b !important;
-  background-color: #0000 !important;
-  border: 2px solid #580f8b !important;
-}
-
-.cmr-button.outlined:hover {
-  color: #fff !important;
-  background-color: #580f8b !important;
-}
-
-.cmr-button.Mui-disabled {
-  color: #999 !important;
-  cursor: not-allowed !important;
-  background-color: #ced4da !important;
-  border: 2px solid #ced4da !important;
-}
-
-.cmr-button.Mui-disabled:hover {
-  color: #999 !important;
-  background-color: #ced4da !important;
-}
-
-.cmr-input {
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid #ced4da;
-  border-radius: .25rem;
-  padding: .375rem .75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-}
-
-.cmr-input:focus {
-  border-color: #580f8b !important;
-  box-shadow: 0 0 0 .2rem #580f8b40 !important;
-}
-
-.cmr-input:hover {
-  border-color: #ced4da !important;
-}
-
-.cmr-input:focus:not(:placeholder-shown) {
-  border-color: #580f8b !important;
-  box-shadow: 0 0 0 .2rem #8227c240 !important;
-}
-
-.cmr-label {
-  font-size: 14.4px;
-}
-
-.cmr-checkbox {
-  font-family: "Source Sans 3", sans-serif !important;
-  font-size: 1rem !important;
-  font-weight: 400 !important;
-  line-height: 1.5 !important;
-}
-
-.MuiCheckbox-root {
-  color: #ced4da !important;
-  background-color: #0000 !important;
-}
-
-.MuiCheckbox-root:active, .MuiCheckbox-root:focus, .MuiCheckbox-root.Mui-focusVisible:hover, .MuiCheckbox-root:hover {
-  background-color: #0000 !important;
-}
-
-.MuiRadio-root {
-  color: #ced4da !important;
-}
-
-.Mui-checked {
-  color: #580f8b !important;
-}
-
-.cmr-label {
-  font-family: "Source Sans 3", sans-serif;
-  font-size: 14.4px;
-}
-
-.MuiRadio-root.Mui-focusVisible {
-  box-shadow: none !important;
-}
-
-.MuiRadio-root:hover {
-  background-color: #0000 !important;
-}
-
-.dropdown-select .MuiInputLabel-root, .dropdown-select .MuiInputLabel-root.Mui-focused, .dropdown-select .MuiSelect-select, .dropdown-select .MuiSelect-select:focus, .custom-dropdown .MuiMenuItem-root {
-  font-size: 14.4px !important;
-}
-
-.dropdown-select .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline, .dropdown-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline, .dropdown-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #ced4da !important;
-}
-
-.dropdown-label.Mui-focused {
-  color: #580f8b !important;
-}
-
-.custom-dropdown .MuiMenuItem-root:hover {
-  background-color: #e6d5f3 !important;
-}
-
-.custom-dropdown .MuiMenuItem-root.Mui-selected {
-  background-color: #e7d4f5 !important;
-}
-
-.custom-dropdown .MuiMenuItem-root.Mui-selected:hover {
-  background-color: #dcbfea !important;
-}
-/*# sourceMappingURL=index.db9ed22c.css.map */

package/dist/index.db9ed22c.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA;;;;;;AAMA;;;;AAQA;;;;;;;AAOA;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;;AAMA;;;;AC5CA;;;;;;;;;;;;;AAgBA;;;;AAKA;;;;;;AAMA;;;;;AAMA;;;;;;;AAOA;;;;;ACvCA;;;;;;;;;;AAWA;;;;;AAMA;;;;AAKA;;;;;ACvBA;;;;AAGA;;;;;;;AAQA;;;;;AASA;;;;ACnBA;;;;AAKA;;;;AAKA;;;;;AAMA;;;;AAKA;;;;ACrBA;;;;AAyBA;;;;AAgBA;;;;AAMA;;;;AAKE;;;;AAKA","sources":["da6ad1d8db9ed22c","src/style.css","src/CmrComponents/CmrButton/CmrButton.css","src/CmrComponents/CmrInput/CmrInput.css","src/CmrComponents/CmrCheckbox/CmrCheckbox.css","src/CmrComponents/CmrRadioGroup/CmrRadioGroup.css","src/CmrComponents/CmrSelect/CmrSelect.css"],"sourcesContent":["@import \"837472a3daf50f62\";\n@import \"5f8f1530f7ad9cec\";\n@import \"b83f55e7d8f20284\";\n@import \"7cdc9d01088afd42\";\n@import \"eeee2edc2f78761b\";\n@import \"ca0185505c9aa616\";\n","body {\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n}\r\n\r\nmain {\r\n    padding-top: 35px;\r\n    padding-bottom: 45px;\r\n    padding-left: 45px;\r\n    padding-right: 45px;\r\n}\r\n\r\n/* Navigation bar styling */\r\nnav {\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: #580f8b;\r\n    padding: 30px;\r\n}\r\n\r\nnav .logo img {\r\n    height: 40px;\r\n    /* Adjust the size as needed */\r\n}\r\n\r\n\r\nnav ul {\r\n    list-style-type: none;\r\n    display: flex;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\nnav ul li {\r\n    margin: 0 15px;\r\n}\r\n\r\nnav ul li a {\r\n    color: white;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n}\r\n\r\nnav ul li a:hover {\r\n    text-decoration: none;\r\n}",".cmr-button {\r\n    background-color: #580F8B !important;\r\n    color: white !important;\r\n    padding-top: 0.375rem !important;\r\n    padding-bottom: 0.375rem !important;\r\n    padding-right: 0.75rem !important;\r\n    padding-left: 0.75rem !important;\r\n    border: 2px solid #580F8B !important;\r\n    border-radius: 4px !important;\r\n    text-align: center !important;\r\n    font-family: \"Source Sans 3\", sans-serif !important;\r\n    font-size: 14.4px !important;\r\n    line-height: 1.5 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.cmr-button:hover {\r\n    background-color: #390063 !important;\r\n}\r\n\r\n/* Outline variant styles */\r\n.cmr-button.outlined {\r\n    background-color: transparent !important;\r\n    border: 2px solid #580F8B !important;\r\n    color: #580F8B !important;\r\n}\r\n\r\n.cmr-button.outlined:hover {\r\n    background-color: #580F8B !important;\r\n    color: white !important;\r\n}\r\n\r\n/* Disabled variant styles */\r\n.cmr-button.Mui-disabled {\r\n    background-color: #ced4da !important;  /* Change background color for disabled state */\r\n    color: #999 !important;  /* Change text color for disabled state */\r\n    border: 2px solid #ced4da !important;  /* Change border color for disabled state */\r\n    cursor: not-allowed !important;  /* Change cursor to indicate the button is disabled */\r\n}\r\n\r\n.cmr-button.Mui-disabled:hover {\r\n    background-color: #ced4da !important;  /* Keep the same background color on hover for disabled button */\r\n    color: #999 !important;  /* Keep the same text color on hover for disabled button */\r\n}","/* Base styles for the input */\r\n.cmr-input {\r\n  padding: 0.375rem 0.75rem;\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n  background-color: #fff;\r\n  background-clip: padding-box;\r\n  border: 1px solid #ced4da;\r\n  border-radius: 0.25rem;\r\n}\r\n\r\n/* Focused input styles (highlighted outline color) */\r\n.cmr-input:focus {\r\n  border-color: #580f8b !important; /* Custom outline color */\r\n  box-shadow: 0 0 0 0.2rem rgba(88, 15, 139, 0.25) !important; /* Glow effect */\r\n}\r\n\r\n/* Hover style for the input */\r\n.cmr-input:hover {\r\n  border-color: #ced4da !important;\r\n}\r\n\r\n/* Optional: style for when the input is focused and has a value (like Material UI) */\r\n.cmr-input:focus:not(:placeholder-shown) {\r\n  border-color: #580f8b !important; /* Same as focus style */\r\n  box-shadow: 0 0 0 0.2rem rgba(130, 39, 194, 0.25) !important; /* Same as focus style */\r\n}\r\n",".cmr-label{\r\n    font-size: 14.4px;\r\n}\r\n.cmr-checkbox {\r\n    font-family: \"Source Sans 3\", sans-serif !important;\r\n    font-size: 1rem !important;\r\n    line-height: 1.5 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n/* Custom styles for the Checkbox */\r\n.MuiCheckbox-root {\r\n    color: #ced4da !important;  /* Default color (unchecked) */\r\n    background-color: transparent !important; /* Ensure no background by default */\r\n}\r\n\r\n.Mui-checked {\r\n    color: #580F8B !important;  /* Checked state color */\r\n}\r\n\r\n.MuiCheckbox-root:active, .MuiCheckbox-root:focus {\r\n    background-color: transparent !important; /* Remove active state background */\r\n}\r\n\r\n/* Optional: Change color on hover or focus */\r\n.MuiCheckbox-root.Mui-focusVisible:hover,\r\n.MuiCheckbox-root:hover {\r\n    background-color: transparent !important;  \r\n}","/* Default radio button color */\r\n.MuiRadio-root {\r\n    color: #ced4da !important;  /* Default border color (unchecked) */\r\n}\r\n\r\n/* Checked state color */\r\n.Mui-checked {\r\n    color: #580F8B !important;  /* Border color when checked */\r\n}\r\n\r\n/* Optional: Set the color of the label text */\r\n.cmr-label {\r\n    font-size: 14.4px;\r\n    font-family: \"Source Sans 3\", sans-serif;\r\n}\r\n\r\n/* Remove the circular shadow on hover/focus */\r\n.MuiRadio-root.Mui-focusVisible {\r\n    box-shadow: none !important;  /* Remove the shadow */\r\n}\r\n\r\n/* Custom style for the radio button on hover */\r\n.MuiRadio-root:hover {\r\n    background-color: transparent !important;  /* Remove hover background */\r\n}","/* Adjust font size for dropdown label when no option is selected */\r\n.dropdown-select .MuiInputLabel-root {\r\n    font-size: 14.4px !important; /* Ensure the label font size is applied */\r\n}\r\n\r\n/* Adjust font size for dropdown label when focused */\r\n.dropdown-select .MuiInputLabel-root.Mui-focused {\r\n    font-size: 14.4px !important;\r\n}\r\n\r\n/* Adjust font size for the selected option (dropdown value) */\r\n.dropdown-select .MuiSelect-select {\r\n    font-size: 14.4px !important; /* Ensure selected option text has the correct font size */\r\n}\r\n\r\n/* Adjust font size for the selected option when focused */\r\n.dropdown-select .MuiSelect-select:focus {\r\n    font-size: 14.4px !important;\r\n}\r\n\r\n/* Style for the dropdown options (MenuItem) */\r\n.custom-dropdown .MuiMenuItem-root {\r\n    font-size: 14.4px !important; /* Set font size for dropdown options */\r\n}\r\n\r\n/* More specific targeting for MUI's outlined input */\r\n.dropdown-select .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {\r\n    border-color: #ced4da !important;\r\n    /* Default border color */\r\n}\r\n\r\n/* Hover state */\r\n.dropdown-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {\r\n    border-color: #ced4da !important;\r\n}\r\n\r\n/* Focused state */\r\n.dropdown-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {\r\n    border-color: #ced4da !important;\r\n}\r\n\r\n/* Style for the dropdown label */\r\n.dropdown-label.Mui-focused {\r\n    color: #580f8b !important;\r\n    /* Color when focused */\r\n}\r\n\r\n/* Highlighted (hover) state */\r\n.custom-dropdown .MuiMenuItem-root:hover {\r\n    background-color: #e6d5f3 !important; /* A lighter purple for hover */\r\n  }\r\n  \r\n  /* Selected state */\r\n  .custom-dropdown .MuiMenuItem-root.Mui-selected {\r\n    background-color: #e7d4f5 !important; /* The purple color for selected state */\r\n  }\r\n  \r\n  /* Selected state when hovered */\r\n  .custom-dropdown .MuiMenuItem-root.Mui-selected:hover {\r\n    background-color: #dcbfea !important; /* A slightly darker purple when selected and hovered */\r\n  }\r\n  "],"names":[],"version":3,"file":"index.db9ed22c.css.map","sourceRoot":"/__parcel_source_root/"}

package/dist/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head><link rel="stylesheet" href="/index.db9ed22c.css">
-  <!-- <link rel="manifest" href="./manifest.webmanifest"> -->
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>CloudMR UX Components Page</title>
-</head>
-<body>
-  <div id="root"></div>
-  <script src="/index.975ef6c8.js" defer=""></script>
-</body>
-</html>