28 lines
1007 B
JavaScript
28 lines
1007 B
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
var core = require('@griffel/core');
|
||
|
|
var insertionFactory = require('./insertionFactory.cjs.js');
|
||
|
|
var RendererContext = require('./RendererContext.cjs.js');
|
||
|
|
var TextDirectionContext = require('./TextDirectionContext.cjs.js');
|
||
|
|
var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
|
||
|
|
|
||
|
|
function makeStyles(stylesBySlots) {
|
||
|
|
const getStyles = core.makeStyles(stylesBySlots, insertionFactory.insertionFactory);
|
||
|
|
if (process.env.NODE_ENV !== 'production') {
|
||
|
|
if (isInsideComponent.isInsideComponent()) {
|
||
|
|
throw new Error(["makeStyles(): this function cannot be called in component's scope.", 'All makeStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return function useClasses() {
|
||
|
|
const dir = TextDirectionContext.useTextDirection();
|
||
|
|
const renderer = RendererContext.useRenderer();
|
||
|
|
return getStyles({
|
||
|
|
dir,
|
||
|
|
renderer
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
exports.makeStyles = makeStyles;
|
||
|
|
//# sourceMappingURL=makeStyles.cjs.js.map
|