tabexseriescomponents 0.2.1279 → 0.2.1281

package/srcbefore27-11/StylesJS/Customstyles.js

@@ -1,456 +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' : '#ffffff',
-        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' : '#000000',
-        transition: '.3s',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        backgroundColor: 'white',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        backgroundColor: 'transparent',
-        color: 'red',
-        '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-            // borderRadius: '10px',
-        },
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-    placeholder: (provided, state) => ({
-        ...provided,
-        color: '#000000',
-    }),
-};
-export const defaultstyleswhite = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        '&:hover': {
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: '1px solid #ccc',
-        display: 'flex',
-        cursor: 'pointer',
-        padding: 0,
-        transition: '.3s',
-        backgroundColor: 'white',
-    }),
-    dropdownIndicator: (provided) => ({
-        ...provided,
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-};
-export const defaultstylestranslatedwhite = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        // color: state.isSelected ? '#eac435' : '#022648',
-        color: state.isSelected ? '#eac435' : '#ffffff',
-        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 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',
-        color: '#000000',
-    }),
-};
-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',
-        },
-    }),
-};
-export const defaultstylesnonear = {
-    option: (provided, state) => ({
-        ...provided,
-        borderBottom: '1px solid #e6e6e6',
-        backgroundColor: state.isSelected ? '' : '',
-        padding: 5,
-        textTransform: 'capitalize',
-        color: state.isSelected ? '#eac435' : 'black',
-        transition: '.3s',
-        textAlign: 'right',
-        '&:hover': {
-            // color: '#eac435',
-            cursor: 'pointer',
-        },
-    }),
-    control: () => ({
-        borderBottom: 'none',
-        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,
-        textAlign: 'right',
-
-        '&:hover': {
-            // color: '#eac435',
-        },
-    }),
-};