@wix/design-system
Version:
@wix/design-system
23 lines • 1.76 kB
JavaScript
import React from 'react';
import { classes as newColorsBrandingClasses, st, } from './newColorsBranding.st.css.js';
import { classes as madeforClasses } from './madefor.st.css.js';
import { classes as madeDisplayforClasses } from './madefordisplay.st.css.js';
import { classes } from './WixDesignSystemProvider.st.css.js';
import { WixDesignSystemContext } from './context';
import { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';
import WixStyleReactEnvironmentProvider from '../WixStyleReactEnvironmentProvider';
const WixDesignSystemProvider = ({ dataHook, className,
// FIXME: MAJOR RELEASE: make this a block element (div), not an inline element (span) because of safari specific issue with focus.
as = 'span', mobile = false, children, theme, features = {}, locale, pageHeaderId, contextClassName = '', ...rest }) => {
const compactMode = features?.compactMode || false;
const newBrandingClass = newColorsBrandingClasses.root;
const environmentContext = React.useContext(WixStyleReactEnvironmentContext);
return (React.createElement(WixDesignSystemContext.Provider, { value: { newBrandingClass, mobile, contextClassName } },
React.createElement(WixStyleReactEnvironmentProvider, { locale: locale ?? environmentContext?.locale, pageHeaderId: pageHeaderId ?? environmentContext?.pageHeaderId }, React.createElement(as, {
...rest,
'data-hook': dataHook,
className: st(className, newBrandingClass, madeDisplayforClasses.madefordisplay, madeforClasses.madefor, theme?.className, mobile && classes.mobile, compactMode && 'compactMode'),
}, children))));
};
export default WixDesignSystemProvider;
//# sourceMappingURL=WixDesignSystemProvider.js.map