npm - tabexseriescomponents - Versions diffs - 0.0.655 → 0.0.657 - Mend

tabexseriescomponents 0.0.655 → 0.0.657

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/src22-1/StylesJS/Customstyles.js DELETED Viewed

@@ -1,344 +0,0 @@
-export const selectcustomStyles = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : '#022648',
-        transition: '.3s',
-        '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        border: '1px solid #e6e6e6',
-        // boxShadow: '0 0 10px #e6e6e6',
-        borderRadius: '5px',
-        display: 'flex',
-        cursor: 'pointer',
-        transition: '.3s',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        },
-    }),
-};
-export const selectcustomStylesTranslated = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : '#022648',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        border: '2px solid #e6e6e6',
-        // boxShadow: '0 0 10px #e6e6e6',
-        borderRadius: '10px',
-        display: 'flex',
-        cursor: 'pointer',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        },
-    }),
-    placeholder: (provided, state) => ({
-        ...provided,
-        textAlign: 'right',
-    }),
-};
-export const tabexselect = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : '#022648',
-        transition: '.3s',
-        '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '2px solid #e6e6e6',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        height: '30px',
-        transition: '.3s',
-        fontSize: '13px',
-        fontWeight: 600,
-        '&:hover': {
-            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            color: '#eac435',
-        },
-    }),
-};
-export const selectcustomStylesfromSelect = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : '#022648',
-        transition: '.3s',
-        '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '2px solid #e6e6e6',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        '&:hover': {
-            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            color: '#eac435',
-        },
-    }),
-};
-export const selectcustomStylesfromSelectTranslated = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : '#022648',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '2px solid #e6e6e6',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        },
-    }),
-    placeholder: (provided, state) => ({
-        ...provided,
-        textAlign: 'right',
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            color: '#eac435',
-        },
-    }),
-};
-export const defaultstyles = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        backgroundColor: 'white',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        backgroundColor: 'transparent',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-};
-export const defaultstylestranslated = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        // color: state.isSelected ? '#eac435' : '#022648',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        backgroundColor: 'white',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-    placeholder: (provided, state) => ({
-        ...provided,
-        textAlign: 'right',
-    }),
-};
-export const defaultstylestransparent = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        backgroundColor: 'transparent',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-};
-export const defaultstylestranslatedtransparent = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        // color: state.isSelected ? '#eac435' : '#022648',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        backgroundColor: 'transparent',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-    placeholder: (provided, state) => ({
-        ...provided,
-        textAlign: 'right',
-    }),
-};
-export const defaultstylesnone = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: 'none',
-        backgroundColor: 'transparent',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-};