tabexseriescomponents 0.0.706 → 0.0.708

package/srcoman/StylesJS/Customstyles.js

@@ -0,0 +1,345 @@
+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',
+        },
+    }),
+};