@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
77 lines • 3.03 kB
JavaScript
import { DeviceBreakpointsType } from '../../../../types/breakpoints/breakpoints';
import { POSITIONS } from '../../../../types/positions/positions';
import { RADIUS } from '../../foundations/borders';
import { SPACINGS } from '../../foundations/spacings';
import { ActionBottomSheetVariantType, ListOptionsVariantType, OptionVariantType, TabsVariantType, } from '../variants';
import { FunctionalitiesModuleVariantType } from './variants';
export const FUNCTIONALITIES_MODULE_STYLES = {
[FunctionalitiesModuleVariantType.DEFAULT]: {
tabsContainer: {
display: 'block',
border_radius: RADIUS.radius_25,
},
buttonContainer: {
display: 'inline-block',
},
actionBottomSheetContainer: {
display: 'block',
},
contentContainer: {
[DeviceBreakpointsType.DESKTOP]: {
padding: `${SPACINGS.spacing_250} ${SPACINGS.spacing_300}`,
},
},
contentNotLastChild: {
[DeviceBreakpointsType.TABLET]: {
padding: `${SPACINGS.spacing_0} ${SPACINGS.spacing_0} ${SPACINGS.spacing_50} ${SPACINGS.spacing_0}`,
},
[DeviceBreakpointsType.MOBILE]: {
padding: `${SPACINGS.spacing_0} ${SPACINGS.spacing_0} ${SPACINGS.spacing_50} ${SPACINGS.spacing_0}`,
},
},
listOptions: {
variant: ListOptionsVariantType.SIDE_MENU_SECTION,
optionVariant: OptionVariantType.SIDE_MENU_LEVEL_2,
},
actionBottomSheet: {
variant: ActionBottomSheetVariantType.DEFAULT,
alignTitle: POSITIONS.CENTER,
},
tabsVariant: TabsVariantType.DEFAULT,
},
[FunctionalitiesModuleVariantType.DEFAULT_NO_ANIMATION]: {
tabsContainer: {
display: 'block',
border_radius: RADIUS.radius_25,
},
buttonContainer: {
display: 'inline-block',
},
actionBottomSheetContainer: {
display: 'block',
},
contentContainer: {
[DeviceBreakpointsType.DESKTOP]: {
padding: `${SPACINGS.spacing_250} ${SPACINGS.spacing_300}`,
},
},
contentNotLastChild: {
[DeviceBreakpointsType.TABLET]: {
padding: `${SPACINGS.spacing_0} ${SPACINGS.spacing_0} ${SPACINGS.spacing_50} ${SPACINGS.spacing_0}`,
},
[DeviceBreakpointsType.MOBILE]: {
padding: `${SPACINGS.spacing_0} ${SPACINGS.spacing_0} ${SPACINGS.spacing_50} ${SPACINGS.spacing_0}`,
},
},
listOptions: {
variant: ListOptionsVariantType.SIDE_MENU_SECTION,
optionVariant: OptionVariantType.SIDE_MENU_LEVEL_2,
},
actionBottomSheet: {
variant: ActionBottomSheetVariantType.DEFAULT,
alignTitle: POSITIONS.CENTER,
},
tabsVariant: TabsVariantType.DEFAULT,
},
};
//# sourceMappingURL=styles.js.map