@preply/ds-web-core - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1-beta.2af03dcf88007ad52f947b48bd393f6bbe18bbbf.46

dist/color-scheme/classes/ColorScheme.d.ts

@@ -11,2 +11,3 @@ import type { ColorSchemeName } from '@preply/ds-core';
     getClassName(): string;
+    getStyles(): CSSModule[];
 }

dist/color-scheme/classes/ColorScheme.js

@@ -16,2 +16,5 @@ import { safeClassName } from '../../css-module/index.js';
     }
+    getStyles() {
+        return [this.styles];
+    }
 }
@@ -21,2 +24,2 @@ ColorScheme.PREFIX = 'ds-';
 export { ColorScheme };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IHNhZmVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29sb3JTY2hlbWUgaW1wbGVtZW50cyBDb2xvclNjaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdO1xuICAgIHB1YmxpYyByZWFkb25seSBuYW1lO1xuXG4gICAgY29uc3RydWN0b3Ioc3R5bGVzOiBDU1NNb2R1bGUsIG5hbWU6IENvbG9yU2NoZW1lTmFtZSwgZXh0ZW5kPzogQ29sb3JTY2hlbWVOYW1lW10pIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgIH1cblxuICAgIGdldENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFt0aGlzLm5hbWUsIC4uLmV4dGVuZGVkQ2xhc3Nlc107XG4gICAgICAgIHJldHVybiBjbGFzc05hbWVzXG4gICAgICAgICAgICAubWFwKGNsYXNzTmFtZSA9PlxuICAgICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFNYSxXQUFXO0lBT3BCLFlBQVksTUFBaUIsRUFBRSxJQUFxQixFQUFFLE1BQTBCO1FBQzVFLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ3hCO0lBRUQsWUFBWTtRQUNSLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQzFDLE1BQU0sVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELE9BQU8sVUFBVTthQUNaLEdBQUcsQ0FBQyxTQUFTLElBQ1YsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsTUFBTSxXQUFXLFNBQVMsRUFBRSxDQUFDLENBQzFFO2FBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCOztBQXBCTSxrQkFBTSxHQUFHLEtBQUs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IHNhZmVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29sb3JTY2hlbWUgaW1wbGVtZW50cyBDb2xvclNjaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdO1xuICAgIHB1YmxpYyByZWFkb25seSBuYW1lO1xuXG4gICAgY29uc3RydWN0b3Ioc3R5bGVzOiBDU1NNb2R1bGUsIG5hbWU6IENvbG9yU2NoZW1lTmFtZSwgZXh0ZW5kPzogQ29sb3JTY2hlbWVOYW1lW10pIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgIH1cblxuICAgIGdldENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFt0aGlzLm5hbWUsIC4uLmV4dGVuZGVkQ2xhc3Nlc107XG4gICAgICAgIHJldHVybiBjbGFzc05hbWVzXG4gICAgICAgICAgICAubWFwKGNsYXNzTmFtZSA9PlxuICAgICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG5cbiAgICBnZXRTdHlsZXMoKTogQ1NTTW9kdWxlW10ge1xuICAgICAgICByZXR1cm4gW3RoaXMuc3R5bGVzXTtcbiAgICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFNYSxXQUFXO0lBT3BCLFlBQVksTUFBaUIsRUFBRSxJQUFxQixFQUFFLE1BQTBCO1FBQzVFLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ3hCO0lBRUQsWUFBWTtRQUNSLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQzFDLE1BQU0sVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELE9BQU8sVUFBVTthQUNaLEdBQUcsQ0FBQyxTQUFTLElBQ1YsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsTUFBTSxXQUFXLFNBQVMsRUFBRSxDQUFDLENBQzFFO2FBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCO0lBRUQsU0FBUztRQUNMLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7S0FDeEI7O0FBeEJNLGtCQUFNLEdBQUcsS0FBSzs7OzsifQ==

dist/color-scheme/colorSchemes.d.ts

 import { ColorScheme } from './classes/ColorScheme';
-import './styles/index.module.less';
 export declare const colorSchemes: ColorScheme[];

dist/color-scheme/colorSchemes.js

 import { colorSchemeConfig } from '@preply/ds-core';
 import { ColorScheme } from './classes/ColorScheme.js';
+import styles from './styles/index.module.less.js';
 
-const styles = Object.keys(colorSchemeConfig).reduce((acc, scheme) => ({ ...acc, [`ds-scheme--${scheme}`]: `ds-scheme--${scheme}` }), {});
+Object.keys(colorSchemeConfig).forEach(scheme => {
+    styles[`ds-scheme--${scheme}`] = `ds-scheme--${scheme}`;
+});
 const colorSchemes = Object.entries(colorSchemeConfig).map(([name, value]) => new ColorScheme(styles, name, value.extend));
 
 export { colorSchemes };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JTY2hlbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbG9yU2NoZW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IENvbG9yU2NoZW1lIH0gZnJvbSAnLi9jbGFzc2VzL0NvbG9yU2NoZW1lJztcbmltcG9ydCAnLi9zdHlsZXMvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBzdHlsZXMgPSBPYmplY3Qua2V5cyhjb2xvclNjaGVtZUNvbmZpZykucmVkdWNlKFxuICAgIChhY2MsIHNjaGVtZSkgPT4gKHsgLi4uYWNjLCBbYGRzLXNjaGVtZS0tJHtzY2hlbWV9YF06IGBkcy1zY2hlbWUtLSR7c2NoZW1lfWAgfSksXG4gICAge30sXG4pO1xuXG5leHBvcnQgY29uc3QgY29sb3JTY2hlbWVzID0gT2JqZWN0LmVudHJpZXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChcbiAgICAoW25hbWUsIHZhbHVlXSkgPT4gbmV3IENvbG9yU2NoZW1lKHN0eWxlcywgbmFtZSBhcyBDb2xvclNjaGVtZU5hbWUsIHZhbHVlLmV4dGVuZCksXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQU1BLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxNQUFNLENBQ2hELENBQUMsR0FBRyxFQUFFLE1BQU0sTUFBTSxFQUFFLEdBQUcsR0FBRyxFQUFFLENBQUMsY0FBYyxNQUFNLEVBQUUsR0FBRyxjQUFjLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFDL0UsRUFBRSxDQUNMLENBQUM7TUFFVyxZQUFZLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEdBQUcsQ0FDN0QsQ0FBQyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLFdBQVcsQ0FBQyxNQUFNLEVBQUUsSUFBdUIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JTY2hlbWVzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Itc2NoZW1lL2NvbG9yU2NoZW1lcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IENvbG9yU2NoZW1lIH0gZnJvbSAnLi9jbGFzc2VzL0NvbG9yU2NoZW1lJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZXMvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5PYmplY3Qua2V5cyhjb2xvclNjaGVtZUNvbmZpZykuZm9yRWFjaChzY2hlbWUgPT4ge1xuICAgIHN0eWxlc1tgZHMtc2NoZW1lLS0ke3NjaGVtZX1gXSA9IGBkcy1zY2hlbWUtLSR7c2NoZW1lfWA7XG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbG9yU2NoZW1lcyA9IE9iamVjdC5lbnRyaWVzKGNvbG9yU2NoZW1lQ29uZmlnKS5tYXAoXG4gICAgKFtuYW1lLCB2YWx1ZV0pID0+IG5ldyBDb2xvclNjaGVtZShzdHlsZXMsIG5hbWUgYXMgQ29sb3JTY2hlbWVOYW1lLCB2YWx1ZS5leHRlbmQpLFxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNO0lBQ3pDLE1BQU0sQ0FBQyxjQUFjLE1BQU0sRUFBRSxDQUFDLEdBQUcsY0FBYyxNQUFNLEVBQUUsQ0FBQztBQUM1RCxDQUFDLENBQUMsQ0FBQztNQUVVLFlBQVksR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLENBQUMsR0FBRyxDQUM3RCxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLElBQUksV0FBVyxDQUFDLE1BQU0sRUFBRSxJQUF1QixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUM7Ozs7In0=

dist/color-scheme/hooks/useColorScheme.js

 import { useContext } from 'react';
+import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import { ColorSchemeContext } from '../providers/ColorSchemeProvider.js';
@@ -9,2 +10,4 @@
     }
+    const styles = colorScheme.getStyles();
+    styles.forEach(useStyleExtract);
     return { colorScheme };
@@ -14,2 +17,2 @@ };
 export { useColorScheme };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvaG9va3MvdXNlQ29sb3JTY2hlbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQ29sb3JTY2hlbWVDb250ZXh0LCBDb2xvclNjaGVtZUNvbnRleHRTdGF0ZSB9IGZyb20gJy4uL3Byb3ZpZGVycy9Db2xvclNjaGVtZVByb3ZpZGVyJztcblxuZXhwb3J0IGNvbnN0IHVzZUNvbG9yU2NoZW1lID0gKCk6IENvbG9yU2NoZW1lQ29udGV4dFN0YXRlID0+IHtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lIH0gPSB1c2VDb250ZXh0KENvbG9yU2NoZW1lQ29udGV4dCk7XG4gICAgaWYgKCFjb2xvclNjaGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZUNvbG9yU2NoZW1lKCkgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIENvbG9yU2NoZW1lUHJvdmlkZXInKTtcbiAgICB9XG4gICAgcmV0dXJuIHsgY29sb3JTY2hlbWUgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BSWEsY0FBYyxHQUFHO0lBQzFCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN2RCxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ2QsTUFBTSxJQUFJLEtBQUssQ0FBQyw0REFBNEQsQ0FBQyxDQUFDO0tBQ2pGO0lBQ0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQzNCOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvaG9va3MvdXNlQ29sb3JTY2hlbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZUNvbnRleHQsIENvbG9yU2NoZW1lQ29udGV4dFN0YXRlIH0gZnJvbSAnLi4vcHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlQ29sb3JTY2hlbWUgPSAoKTogQ29sb3JTY2hlbWVDb250ZXh0U3RhdGUgPT4ge1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUgfSA9IHVzZUNvbnRleHQoQ29sb3JTY2hlbWVDb250ZXh0KTtcbiAgICBpZiAoIWNvbG9yU2NoZW1lKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlQ29sb3JTY2hlbWUoKSBtdXN0IGJlIHVzZWQgd2l0aGluIGEgQ29sb3JTY2hlbWVQcm92aWRlcicpO1xuICAgIH1cblxuICAgIGNvbnN0IHN0eWxlcyA9IGNvbG9yU2NoZW1lLmdldFN0eWxlcygpO1xuICAgIHN0eWxlcy5mb3JFYWNoKHVzZVN0eWxlRXh0cmFjdCk7XG5cbiAgICByZXR1cm4geyBjb2xvclNjaGVtZSB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O01BS2EsY0FBYyxHQUFHO0lBQzFCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN2RCxJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ2QsTUFBTSxJQUFJLEtBQUssQ0FBQyw0REFBNEQsQ0FBQyxDQUFDO0tBQ2pGO0lBRUQsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3ZDLE1BQU0sQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7SUFFaEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQzNCOzs7OyJ9

dist/color-scheme/styles/index.module.less.js

 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
 var css_248z = ".ds-scheme--base {\n  --scheme-name: 'base';\n}\n.ds-scheme--highlight {\n  --scheme-name: 'highlight';\n}\n.ds-scheme--banner {\n  --scheme-name: 'banner';\n}\n.ds-scheme--invert {\n  --scheme-name: 'invert';\n}\n";
-var index_module = {};
-var stylesheet=".ds-scheme--base {\n  --scheme-name: 'base';\n}\n.ds-scheme--highlight {\n  --scheme-name: 'highlight';\n}\n.ds-scheme--banner {\n  --scheme-name: 'banner';\n}\n.ds-scheme--invert {\n  --scheme-name: 'invert';\n}\n";
+var styles = {__id:"/home/jenkins/workspace/design-system_PR-26/packages/web-core/src/color-scheme/styles/index.module.less",__css:css_248z,};
+var stylesheet=css_248z;
 styleInject(css_248z);
 
-export { index_module as default, stylesheet };
+export { styles as default, stylesheet };
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=

dist/color-scheme/types.d.ts

 import { ColorSchemeName } from '@preply/ds-core';
+import { CSSModule } from '../css-module/types';
 export interface ColorSchemeInterface {
     name: ColorSchemeName;
     getClassName(): string;
+    getStyles(): CSSModule[];
 }

dist/css-module/index.d.ts

 import type { CSSModule } from './types';
+export type { CSSModule } from './types';
 declare type Concatenated = Array<string | undefined>;
@@ -11,2 +12,1 @@ declare type Conditional = {
 export declare const globalClasses: (globals?: ClassName[]) => string[];
-export {};

dist/css-module/index.js

@@ -26,2 +26,2 @@ const fromArray = (classname) => !classname.includes(undefined) ? classname.join('-') : undefined;
 export { globalClasses, localClasses, safeClassName };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MtbW9kdWxlL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbnR5cGUgQ29uY2F0ZW5hdGVkID0gQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPjtcbnR5cGUgQ29uZGl0aW9uYWwgPSB7XG4gICAgaWY6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgdGhlbjogc3RyaW5nIHwgQ29uY2F0ZW5hdGVkIHwgdW5kZWZpbmVkO1xufTtcbnR5cGUgQ2xhc3NOYW1lID0gQ29uY2F0ZW5hdGVkIHwgQ29uZGl0aW9uYWwgfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21BcnJheSA9IChjbGFzc25hbWU6IENvbmNhdGVuYXRlZCk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgICFjbGFzc25hbWUuaW5jbHVkZXModW5kZWZpbmVkKSA/IGNsYXNzbmFtZS5qb2luKCctJykgOiB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21PYmplY3QgPSAoY2xhc3NuYW1lOiBDb25kaXRpb25hbCwgcmVjdXJzZTogdHlwZW9mIGNvbmRpdGlvbmFsQ2xhc3MpOiBzdHJpbmcgfCB1bmRlZmluZWQgPT5cbiAgICBjbGFzc25hbWUuaWYgPyByZWN1cnNlKGNsYXNzbmFtZS50aGVuKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgY29uZGl0aW9uYWxDbGFzcyA9IChjbGFzc25hbWU6IENsYXNzTmFtZSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2xhc3NuYW1lKSkge1xuICAgICAgICByZXR1cm4gZnJvbUFycmF5KGNsYXNzbmFtZSk7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgY2xhc3NuYW1lID09PSAnb2JqZWN0Jykge1xuICAgICAgICByZXR1cm4gZnJvbU9iamVjdChjbGFzc25hbWUsIGNvbmRpdGlvbmFsQ2xhc3MpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NuYW1lO1xufTtcblxuZXhwb3J0IGNvbnN0IHNhZmVDbGFzc05hbWUgPSAoY3NzTW9kdWxlOiBDU1NNb2R1bGUsIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgaWYgKCFjc3NNb2R1bGVbbmFtZV0pIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3cgY2xhc3NuYW1lICR7bmFtZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIGNzc01vZHVsZVtuYW1lXTtcbn07XG5cbmV4cG9ydCBjb25zdCBsb2NhbENsYXNzZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBDbGFzc05hbWVbXSA9IFtdLFxuKTogc3RyaW5nW10gPT5cbiAgICBsb2NhbHNcbiAgICAgICAgLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpXG4gICAgICAgIC5maWx0ZXIoY2xhc3NuYW1lID0+IGNsYXNzbmFtZSlcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gYCR7bmFtZXNwYWNlfS0tJHtjbGFzc25hbWV9YClcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gc2FmZUNsYXNzTmFtZShjc3NNb2R1bGUsIGNsYXNzbmFtZSkpO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsQ2xhc3NlcyA9IChnbG9iYWxzOiBDbGFzc05hbWVbXSA9IFtdKTogc3RyaW5nW10gPT5cbiAgICBnbG9iYWxzLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKSBhcyBzdHJpbmdbXTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQSxNQUFNLFNBQVMsR0FBRyxDQUFDLFNBQXVCLEtBQ3RDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUFDLFNBQXNCLEVBQUUsT0FBZ0MsS0FDeEUsU0FBUyxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUV2RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsU0FBb0I7SUFDMUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQzFCLE9BQU8sU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQy9CO0lBQ0QsSUFBSSxPQUFPLFNBQVMsS0FBSyxRQUFRLEVBQUU7UUFDL0IsT0FBTyxVQUFVLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLENBQUM7S0FDbEQ7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7TUFFVyxhQUFhLEdBQUcsQ0FBQyxTQUFvQixFQUFFLElBQVk7SUFDNUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixNQUFNLElBQUksS0FBSyxDQUFDLG9CQUFvQixJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQy9DO0lBQ0QsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDM0IsRUFBRTtNQUVXLFlBQVksR0FBRyxDQUN4QixTQUFvQixFQUNwQixTQUFpQixFQUNqQixTQUFzQixFQUFFLEtBRXhCLE1BQU07S0FDRCxHQUFHLENBQUMsSUFBSSxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ25DLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDO0tBQzlCLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxTQUFTLEtBQUssU0FBUyxFQUFFLENBQUM7S0FDOUMsR0FBRyxDQUFDLFNBQVMsSUFBSSxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxFQUFFO01BRWxELGFBQWEsR0FBRyxDQUFDLFVBQXVCLEVBQUUsS0FDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLFNBQVM7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MtbW9kdWxlL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi90eXBlcyc7XG5cbnR5cGUgQ29uY2F0ZW5hdGVkID0gQXJyYXk8c3RyaW5nIHwgdW5kZWZpbmVkPjtcbnR5cGUgQ29uZGl0aW9uYWwgPSB7XG4gICAgaWY6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gICAgdGhlbjogc3RyaW5nIHwgQ29uY2F0ZW5hdGVkIHwgdW5kZWZpbmVkO1xufTtcbnR5cGUgQ2xhc3NOYW1lID0gQ29uY2F0ZW5hdGVkIHwgQ29uZGl0aW9uYWwgfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21BcnJheSA9IChjbGFzc25hbWU6IENvbmNhdGVuYXRlZCk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PlxuICAgICFjbGFzc25hbWUuaW5jbHVkZXModW5kZWZpbmVkKSA/IGNsYXNzbmFtZS5qb2luKCctJykgOiB1bmRlZmluZWQ7XG5cbmNvbnN0IGZyb21PYmplY3QgPSAoY2xhc3NuYW1lOiBDb25kaXRpb25hbCwgcmVjdXJzZTogdHlwZW9mIGNvbmRpdGlvbmFsQ2xhc3MpOiBzdHJpbmcgfCB1bmRlZmluZWQgPT5cbiAgICBjbGFzc25hbWUuaWYgPyByZWN1cnNlKGNsYXNzbmFtZS50aGVuKSA6IHVuZGVmaW5lZDtcblxuY29uc3QgY29uZGl0aW9uYWxDbGFzcyA9IChjbGFzc25hbWU6IENsYXNzTmFtZSk6IHN0cmluZyB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2xhc3NuYW1lKSkge1xuICAgICAgICByZXR1cm4gZnJvbUFycmF5KGNsYXNzbmFtZSk7XG4gICAgfVxuICAgIGlmICh0eXBlb2YgY2xhc3NuYW1lID09PSAnb2JqZWN0Jykge1xuICAgICAgICByZXR1cm4gZnJvbU9iamVjdChjbGFzc25hbWUsIGNvbmRpdGlvbmFsQ2xhc3MpO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NuYW1lO1xufTtcblxuZXhwb3J0IGNvbnN0IHNhZmVDbGFzc05hbWUgPSAoY3NzTW9kdWxlOiBDU1NNb2R1bGUsIG5hbWU6IHN0cmluZyk6IHN0cmluZyA9PiB7XG4gICAgaWYgKCFjc3NNb2R1bGVbbmFtZV0pIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3cgY2xhc3NuYW1lICR7bmFtZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIGNzc01vZHVsZVtuYW1lXTtcbn07XG5cbmV4cG9ydCBjb25zdCBsb2NhbENsYXNzZXMgPSAoXG4gICAgY3NzTW9kdWxlOiBDU1NNb2R1bGUsXG4gICAgbmFtZXNwYWNlOiBzdHJpbmcsXG4gICAgbG9jYWxzOiBDbGFzc05hbWVbXSA9IFtdLFxuKTogc3RyaW5nW10gPT5cbiAgICBsb2NhbHNcbiAgICAgICAgLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpXG4gICAgICAgIC5maWx0ZXIoY2xhc3NuYW1lID0+IGNsYXNzbmFtZSlcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gYCR7bmFtZXNwYWNlfS0tJHtjbGFzc25hbWV9YClcbiAgICAgICAgLm1hcChjbGFzc25hbWUgPT4gc2FmZUNsYXNzTmFtZShjc3NNb2R1bGUsIGNsYXNzbmFtZSkpO1xuXG5leHBvcnQgY29uc3QgZ2xvYmFsQ2xhc3NlcyA9IChnbG9iYWxzOiBDbGFzc05hbWVbXSA9IFtdKTogc3RyaW5nW10gPT5cbiAgICBnbG9iYWxzLm1hcChwYXJ0ID0+IGNvbmRpdGlvbmFsQ2xhc3MocGFydCkpLmZpbHRlcihjbGFzc25hbWUgPT4gY2xhc3NuYW1lKSBhcyBzdHJpbmdbXTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXQSxNQUFNLFNBQVMsR0FBRyxDQUFDLFNBQXVCLEtBQ3RDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUVyRSxNQUFNLFVBQVUsR0FBRyxDQUFDLFNBQXNCLEVBQUUsT0FBZ0MsS0FDeEUsU0FBUyxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLFNBQVMsQ0FBQztBQUV2RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsU0FBb0I7SUFDMUMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQzFCLE9BQU8sU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQy9CO0lBQ0QsSUFBSSxPQUFPLFNBQVMsS0FBSyxRQUFRLEVBQUU7UUFDL0IsT0FBTyxVQUFVLENBQUMsU0FBUyxFQUFFLGdCQUFnQixDQUFDLENBQUM7S0FDbEQ7SUFDRCxPQUFPLFNBQVMsQ0FBQztBQUNyQixDQUFDLENBQUM7TUFFVyxhQUFhLEdBQUcsQ0FBQyxTQUFvQixFQUFFLElBQVk7SUFDNUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNsQixNQUFNLElBQUksS0FBSyxDQUFDLG9CQUFvQixJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBQy9DO0lBQ0QsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7QUFDM0IsRUFBRTtNQUVXLFlBQVksR0FBRyxDQUN4QixTQUFvQixFQUNwQixTQUFpQixFQUNqQixTQUFzQixFQUFFLEtBRXhCLE1BQU07S0FDRCxHQUFHLENBQUMsSUFBSSxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO0tBQ25DLE1BQU0sQ0FBQyxTQUFTLElBQUksU0FBUyxDQUFDO0tBQzlCLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxTQUFTLEtBQUssU0FBUyxFQUFFLENBQUM7S0FDOUMsR0FBRyxDQUFDLFNBQVMsSUFBSSxhQUFhLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxFQUFFO01BRWxELGFBQWEsR0FBRyxDQUFDLFVBQXVCLEVBQUUsS0FDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLFNBQVM7Ozs7In0=

dist/css-module/types.d.ts

@@ -0,3 +1,7 @@
+export declare type CSSModuleId = string;
+export declare type CSSModuleContent = string;
 export declare type CSSModule = {
     [key: string]: string;
+    __id: CSSModuleId;
+    __css: CSSModuleContent;
 };

dist/index.d.ts

@@ -8,4 +8,5 @@ export { VERSION } from './version';
 export * from './location';
+export * from './ssr';
 export * from './theme';
 export * from './types';
 export * from './url';

dist/index.js

@@ -18,2 +18,6 @@ export { VERSION } from './version.js';
 export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
+export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
+export { StyleExtractContext, StyleExtractProvider } from './ssr/contexts/StyleExtractContext.js';
+export { useStyleExtract } from './ssr/hooks/useStyleExtract.js';
+export { withStyleExtract } from './ssr/hocs/withStyleExtract.js';
 export { Theme } from './theme/classes/Theme.js';
@@ -26,2 +30,2 @@ export { ThemesProvider } from './theme/providers/ThemesProvider.js';
 export { withTheme } from './theme/hocs/withTheme.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

dist/layout/hooks/useLayoutFlexClassNames.js

 import { LAYOUT_GAP_DEFAULT } from '@preply/ds-core';
 import { safeClassName, localClasses } from '../../css-module/index.js';
+import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import styles from '../style/index.module.less.js';
@@ -7,2 +8,3 @@
 const useLayoutFlexClassNames = (layout, props) => {
+    useStyleExtract(styles);
     const { gap = LAYOUT_GAP_DEFAULT, nowrap, column, reverse, justifyContent, alignItems, inline, } = props || {};
@@ -25,2 +27,2 @@ return layout === 'flex'
 export { useLayoutFlexClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEZsZXhQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsXG4gICAgICAgIG5vd3JhcCxcbiAgICAgICAgY29sdW1uLFxuICAgICAgICByZXZlcnNlLFxuICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgYWxpZ25JdGVtcyxcbiAgICAgICAgaW5saW5lLFxuICAgIH0gPSBwcm9wcyB8fCB7fTtcbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZmxleCdcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBMQVlPVVRfRkxFWCksXG4gICAgICAgICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIExBWU9VVF9GTEVYLCBbXG4gICAgICAgICAgICAgICAgICBbJ2dhcCcsIGdhcF0sXG4gICAgICAgICAgICAgICAgICBbaW5saW5lID8gJ2lubGluZScgOiB1bmRlZmluZWRdLFxuICAgICAgICAgICAgICAgICAgW25vd3JhcCA/ICdub3dyYXAnIDogdW5kZWZpbmVkXSxcbiAgICAgICAgICAgICAgICAgIFtjb2x1bW4gPyAnY29sdW1uJyA6ICdyb3cnLCByZXZlcnNlID8gJ3JldicgOiAnZndkJ10sXG4gICAgICAgICAgICAgICAgICBbJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50XSxcbiAgICAgICAgICAgICAgICAgIFsnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zXSxcbiAgICAgICAgICAgICAgXSksXG4gICAgICAgICAgXVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsY0FBYyxFQUNkLFVBQVUsRUFDVixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2hCLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEI7WUFDSSxhQUFhLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztZQUNsQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO2dCQUNqQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUM7Z0JBQ1osQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFPLEdBQUcsS0FBSyxHQUFHLEtBQUssQ0FBQztnQkFDcEQsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUM7Z0JBQ25DLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQzthQUM5QixDQUFDO1NBQ0w7VUFDRCxFQUFFLENBQUM7QUFDYjs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBjb2x1bW4sXG4gICAgICAgIHJldmVyc2UsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBpbmxpbmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuICAgIHJldHVybiBsYXlvdXQgPT09ICdmbGV4J1xuICAgICAgICA/IFtcbiAgICAgICAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIExBWU9VVF9GTEVYKSxcbiAgICAgICAgICAgICAgLi4ubG9jYWxDbGFzc2VzKHN0eWxlcywgTEFZT1VUX0ZMRVgsIFtcbiAgICAgICAgICAgICAgICAgIFsnZ2FwJywgZ2FwXSxcbiAgICAgICAgICAgICAgICAgIFtpbmxpbmUgPyAnaW5saW5lJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbbm93cmFwID8gJ25vd3JhcCcgOiB1bmRlZmluZWRdLFxuICAgICAgICAgICAgICAgICAgW2NvbHVtbiA/ICdjb2x1bW4nIDogJ3JvdycsIHJldmVyc2UgPyAncmV2JyA6ICdmd2QnXSxcbiAgICAgICAgICAgICAgICAgIFsnanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnRdLFxuICAgICAgICAgICAgICAgICAgWydhbGlnbi1pdGVtcycsIGFsaWduSXRlbXNdLFxuICAgICAgICAgICAgICBdKSxcbiAgICAgICAgICBdXG4gICAgICAgIDogW107XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBT0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hCLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLGNBQWMsRUFDZCxVQUFVLEVBQ1YsTUFBTSxHQUNULEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUNoQixPQUFPLE1BQU0sS0FBSyxNQUFNO1VBQ2xCO1lBQ0ksYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7WUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtnQkFDakMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO2dCQUNaLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLEVBQUUsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7Z0JBQ3BELENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=

dist/layout/hooks/useLayoutGridClassNames.js

 import { LAYOUT_GAP_DEFAULT } from '@preply/ds-core';
 import { safeClassName, localClasses } from '../../css-module/index.js';
+import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import styles from '../style/index.module.less.js';
@@ -7,2 +8,3 @@
 const useLayoutGridClassNames = (layout, props) => {
+    useStyleExtract(styles);
     const { gap = LAYOUT_GAP_DEFAULT, justifyContent, alignItems } = props || {};
@@ -22,2 +24,2 @@ return layout === 'grid'
 export { useLayoutGridClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4uL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgTEFZT1VUX0dSSUQgPSAnTGF5b3V0R3JpZCc7XG5cbnR5cGUgSG9vayA9IChsYXlvdXQ/OiBMYXlvdXRUeXBlLCBwcm9wcz86IExheW91dEdyaWRQcm9wcykgPT4gc3RyaW5nW107XG5cbmV4cG9ydCBjb25zdCB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lczogSG9vayA9IChsYXlvdXQsIHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBnYXAgPSBMQVlPVVRfR0FQX0RFRkFVTFQsIGp1c3RpZnlDb250ZW50LCBhbGlnbkl0ZW1zIH0gPSBwcm9wcyB8fCB7fTtcbiAgICByZXR1cm4gbGF5b3V0ID09PSAnZ3JpZCdcbiAgICAgICAgPyBbXG4gICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBMQVlPVVRfR1JJRCksXG4gICAgICAgICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIExBWU9VVF9HUklELCBbXG4gICAgICAgICAgICAgICAgICBbJ2dhcCcsIGdhcF0sXG4gICAgICAgICAgICAgICAgICBbJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50XSxcbiAgICAgICAgICAgICAgICAgIFsnYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zXSxcbiAgICAgICAgICAgICAgXSksXG4gICAgICAgICAgXVxuICAgICAgICA6IFtdO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBTUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsTUFBTSxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUM3RSxPQUFPLE1BQU0sS0FBSyxNQUFNO1VBQ2xCO1lBQ0ksYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7WUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtnQkFDakMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO2dCQUNaLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0R3JpZENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRHcmlkUHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfR1JJRCA9ICdMYXlvdXRHcmlkJztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0R3JpZFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEdyaWRDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHsgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULCBqdXN0aWZ5Q29udGVudCwgYWxpZ25JdGVtcyB9ID0gcHJvcHMgfHwge307XG4gICAgcmV0dXJuIGxheW91dCA9PT0gJ2dyaWQnXG4gICAgICAgID8gW1xuICAgICAgICAgICAgICBzYWZlQ2xhc3NOYW1lKHN0eWxlcywgTEFZT1VUX0dSSUQpLFxuICAgICAgICAgICAgICAuLi5sb2NhbENsYXNzZXMoc3R5bGVzLCBMQVlPVVRfR1JJRCwgW1xuICAgICAgICAgICAgICAgICAgWydnYXAnLCBnYXBdLFxuICAgICAgICAgICAgICAgICAgWydqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudF0sXG4gICAgICAgICAgICAgICAgICBbJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtc10sXG4gICAgICAgICAgICAgIF0pLFxuICAgICAgICAgIF1cbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUM3RSxPQUFPLE1BQU0sS0FBSyxNQUFNO1VBQ2xCO1lBQ0ksYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7WUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtnQkFDakMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO2dCQUNaLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=

dist/layout/style/index.module.less.js

 import styleInject from '../../external/style-inject/dist/style-inject.es.js';
 
 var css_248z = "._15uGWh {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n._3rnoor {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n._1_IXQm {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n._1eu8AB {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n._3yYLRc {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n._1nDuVC {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n.ZknBAf {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._1WqO9Z {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n.X4eHUe {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n._3_M_4w {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n}\n._2ByMq1 {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n._3_8VIk {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n._3Aw3T1 {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._10X-3Q {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._33a0v9 {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3qMVGq {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2REBgi {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._3zq1C_ {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n.hUFwKI {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1BOjPg {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3AQmNs {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n._3orDH1 {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.qh7on_ {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n._1C0eq8 {\n  display: grid;\n}\n._3JhbNt {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n.yQz5G0 {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n.sj0cbB {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n._22Ohoz {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._16o5et {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n._25SpXB {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._3GDeqz {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._2-jaGe {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3lGct7 {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2wHTdX {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._1BVKaN {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n._3QOaa3 {\n  -ms-flex-line-pack: center;\n      align-content: center;\n}\n._2pBQs3 {\n  -ms-flex-line-pack: justify;\n      align-content: space-between;\n}\n.gTA891 {\n  -ms-flex-line-pack: distribute;\n      align-content: space-around;\n}\n._H9jFl {\n  -ms-flex-line-pack: space-evenly;\n      align-content: space-evenly;\n}\n._2pB881 {\n  -ms-flex-line-pack: stretch;\n      align-content: stretch;\n}\n.ctOm0o {\n  justify-items: start;\n}\n._3ZqB_F {\n  justify-items: center;\n}\n.Ya0UyE {\n  justify-items: end;\n}\n._180uXD {\n  justify-items: stretch;\n}\n._1nyAA2 {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1Xe-EI {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3hQvqA {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n.KBSz7h {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.KBW4yE {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n";
-var styles = {"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-small":"_3yYLRc","LayoutFlex--gap-base":"_1nDuVC","LayoutFlex--gap-medium":"ZknBAf","LayoutFlex--gap-large":"_1WqO9Z","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-small":"yQz5G0","LayoutGrid--gap-base":"sj0cbB","LayoutGrid--gap-medium":"_22Ohoz","LayoutGrid--gap-large":"_16o5et","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-content-center":"_3QOaa3","LayoutGrid--align-content-space-between":"_2pBQs3","LayoutGrid--align-content-space-around":"gTA891","LayoutGrid--align-content-space-evenly":"_H9jFl","LayoutGrid--align-content-stretch":"_2pB881","LayoutGrid--justify-items-start":"ctOm0o","LayoutGrid--justify-items-center":"_3ZqB_F","LayoutGrid--justify-items-end":"Ya0UyE","LayoutGrid--justify-items-stretch":"_180uXD","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
-var stylesheet="._15uGWh {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n._3rnoor {\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n._1_IXQm {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n._1eu8AB {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n._3yYLRc {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n._1nDuVC {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n.ZknBAf {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._1WqO9Z {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n.X4eHUe {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n}\n._3_M_4w {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: row-reverse;\n          flex-direction: row-reverse;\n}\n._2ByMq1 {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n._3_8VIk {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n._3Aw3T1 {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._10X-3Q {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._33a0v9 {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3qMVGq {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2REBgi {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._3zq1C_ {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n.hUFwKI {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1BOjPg {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3AQmNs {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n._3orDH1 {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.qh7on_ {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n._1C0eq8 {\n  display: grid;\n}\n._3JhbNt {\n  grid-gap: var(--layout--gap-none--space);\n  gap: var(--layout--gap-none--space);\n}\n.yQz5G0 {\n  grid-gap: var(--layout--gap-small--space);\n  gap: var(--layout--gap-small--space);\n}\n.sj0cbB {\n  grid-gap: var(--layout--gap-base--space);\n  gap: var(--layout--gap-base--space);\n}\n._22Ohoz {\n  grid-gap: var(--layout--gap-medium--space);\n  gap: var(--layout--gap-medium--space);\n}\n._16o5et {\n  grid-gap: var(--layout--gap-large--space);\n  gap: var(--layout--gap-large--space);\n}\n._25SpXB {\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n._3GDeqz {\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: start;\n}\n._2-jaGe {\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: end;\n}\n._3lGct7 {\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n}\n._2wHTdX {\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n}\n._1BVKaN {\n  -webkit-box-pack: space-evenly;\n      -ms-flex-pack: space-evenly;\n          justify-content: space-evenly;\n}\n._3QOaa3 {\n  -ms-flex-line-pack: center;\n      align-content: center;\n}\n._2pBQs3 {\n  -ms-flex-line-pack: justify;\n      align-content: space-between;\n}\n.gTA891 {\n  -ms-flex-line-pack: distribute;\n      align-content: space-around;\n}\n._H9jFl {\n  -ms-flex-line-pack: space-evenly;\n      align-content: space-evenly;\n}\n._2pB881 {\n  -ms-flex-line-pack: stretch;\n      align-content: stretch;\n}\n.ctOm0o {\n  justify-items: start;\n}\n._3ZqB_F {\n  justify-items: center;\n}\n.Ya0UyE {\n  justify-items: end;\n}\n._180uXD {\n  justify-items: stretch;\n}\n._1nyAA2 {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n._1Xe-EI {\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: start;\n}\n._3hQvqA {\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: end;\n}\n.KBSz7h {\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n}\n.KBW4yE {\n  -webkit-box-align: baseline;\n      -ms-flex-align: baseline;\n          align-items: baseline;\n}\n";
+var styles = {__id:"/home/jenkins/workspace/design-system_PR-26/packages/web-core/src/layout/style/index.module.less",__css:css_248z,"LayoutFlex":"_15uGWh","LayoutFlex--nowrap":"_3rnoor","LayoutFlex--inline":"_1_IXQm","LayoutFlex--gap-none":"_1eu8AB","LayoutFlex--gap-small":"_3yYLRc","LayoutFlex--gap-base":"_1nDuVC","LayoutFlex--gap-medium":"ZknBAf","LayoutFlex--gap-large":"_1WqO9Z","LayoutFlex--row-fwd":"X4eHUe","LayoutFlex--row-rev":"_3_M_4w","LayoutFlex--column-fwd":"_2ByMq1","LayoutFlex--column-rev":"_3_8VIk","LayoutFlex--justify-content-center":"_3Aw3T1","LayoutFlex--justify-content-start":"_10X-3Q","LayoutFlex--justify-content-end":"_33a0v9","LayoutFlex--justify-content-space-between":"_3qMVGq","LayoutFlex--justify-content-space-around":"_2REBgi","LayoutFlex--justify-content-space-evenly":"_3zq1C_","LayoutFlex--align-items-center":"hUFwKI","LayoutFlex--align-items-start":"_1BOjPg","LayoutFlex--align-items-end":"_3AQmNs","LayoutFlex--align-items-stretch":"_3orDH1","LayoutFlex--align-items-baseline":"qh7on_","LayoutGrid":"_1C0eq8","LayoutGrid--gap-none":"_3JhbNt","LayoutGrid--gap-small":"yQz5G0","LayoutGrid--gap-base":"sj0cbB","LayoutGrid--gap-medium":"_22Ohoz","LayoutGrid--gap-large":"_16o5et","LayoutGrid--justify-content-center":"_25SpXB","LayoutGrid--justify-content-start":"_3GDeqz","LayoutGrid--justify-content-end":"_2-jaGe","LayoutGrid--justify-content-space-between":"_3lGct7","LayoutGrid--justify-content-space-around":"_2wHTdX","LayoutGrid--justify-content-space-evenly":"_1BVKaN","LayoutGrid--align-content-center":"_3QOaa3","LayoutGrid--align-content-space-between":"_2pBQs3","LayoutGrid--align-content-space-around":"gTA891","LayoutGrid--align-content-space-evenly":"_H9jFl","LayoutGrid--align-content-stretch":"_2pB881","LayoutGrid--justify-items-start":"ctOm0o","LayoutGrid--justify-items-center":"_3ZqB_F","LayoutGrid--justify-items-end":"Ya0UyE","LayoutGrid--justify-items-stretch":"_180uXD","LayoutGrid--align-items-center":"_1nyAA2","LayoutGrid--align-items-start":"_1Xe-EI","LayoutGrid--align-items-end":"_3hQvqA","LayoutGrid--align-items-stretch":"KBSz7h","LayoutGrid--align-items-baseline":"KBW4yE"};
+var stylesheet=css_248z;
 styleInject(css_248z);
@@ -7,0 +7,0 @@

dist/theme/classes/Theme.d.ts

@@ -6,3 +6,2 @@ import type { ThemeName } from '@preply/ds-core';
     static PREFIX: string;
-    static ROOT_CLASS: string;
     private styles;
@@ -12,6 +11,7 @@ private values?;
     private extend;
-    readonly name: any;
-    constructor(styles: CSSModule, name: ThemeName, extend?: Theme[], values?: TokenMap, tokens?: TokenMap);
+    readonly name: ThemeName;
+    constructor(styles: CSSModule, name: ThemeName, extend?: ThemeInterface[], values?: TokenMap, tokens?: TokenMap);
     private token;
     getClassName(): string;
+    getStyles(): CSSModule[];
     fgColor(component: string, variant: string): string;
@@ -18,0 +18,0 @@ bgColor(component: string, variant: string): string;

dist/theme/classes/Theme.js

@@ -31,2 +31,6 @@ import { safeClassName } from '../../css-module/index.js';
     }
+    getStyles() {
+        const extendedStyles = this.extend.map(theme => theme.getStyles()).flat() || [];
+        return [this.styles, ...extendedStyles];
+    }
     fgColor(component, variant) {
@@ -43,5 +47,4 @@ return this.token(`${TOKEN_COLOR_FG}-${component}-${variant}`);
 Theme.PREFIX = 'ds-';
-Theme.ROOT_CLASS = 'root';
 
 export { Theme };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jbGFzc2VzL1RoZW1lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgc2FmZUNsYXNzTmFtZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlL3R5cGVzJztcbmltcG9ydCB7IFRPS0VOX0NPTE9SX0JHLCBUT0tFTl9DT0xPUl9GRywgVE9LRU5fUkFESVVTIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCB0eXBlIHsgVGhlbWVJbnRlcmZhY2UsIFRva2VuTWFwIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgVGhlbWUgaW1wbGVtZW50cyBUaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuICAgIHN0YXRpYyBST09UX0NMQVNTID0gJ3Jvb3QnO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIHZhbHVlcz86IFRva2VuTWFwO1xuICAgIHByaXZhdGUgdG9rZW5zPzogVG9rZW5NYXA7XG4gICAgcHJpdmF0ZSBleHRlbmQ6IFRoZW1lW107XG4gICAgcHVibGljIHJlYWRvbmx5IG5hbWU7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgc3R5bGVzOiBDU1NNb2R1bGUsXG4gICAgICAgIG5hbWU6IFRoZW1lTmFtZSxcbiAgICAgICAgZXh0ZW5kOiBUaGVtZVtdID0gW10sXG4gICAgICAgIHZhbHVlcz86IFRva2VuTWFwLFxuICAgICAgICB0b2tlbnM/OiBUb2tlbk1hcCxcbiAgICApIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgICAgICB0aGlzLnZhbHVlcyA9IHZhbHVlcztcbiAgICAgICAgdGhpcy50b2tlbnMgPSB0b2tlbnM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB0b2tlbihuYW1lOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF0aGlzLnRva2VucyB8fCAhdGhpcy52YWx1ZXMpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVGhlbWUgJHt0aGlzLm5hbWV9IHdhcyBpbnN0YW50aWF0ZWQgd2l0aG91dCB0b2tlbnNgKTtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBrZXkgPSB0aGlzLnRva2Vuc1tuYW1lXTtcbiAgICAgICAgaWYgKCFrZXkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihgVW5rbm93biB0b2tlbiAke25hbWV9IGluIHRoZW1lICR7dGhpcy5uYW1lfWApO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy52YWx1ZXNba2V5XTtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIHZhbHVlICR7a2V5fSBmb3IgdG9rZW4gJHtuYW1lfSBpbiB0aGVtZSAke3RoaXMubmFtZX1gKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgZ2V0Q2xhc3NOYW1lKCk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IGV4dGVuZGVkQ2xhc3NlcyA9IHRoaXMuZXh0ZW5kLm1hcCh0aGVtZSA9PiB0aGVtZS5nZXRDbGFzc05hbWUoKSk7XG4gICAgICAgIGNvbnN0IHNlbGZDbGFzcyA9IHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIFRoZW1lLlBSRUZJWCArIHRoaXMubmFtZSk7XG4gICAgICAgIHJldHVybiBbc2VsZkNsYXNzLCAuLi5leHRlbmRlZENsYXNzZXNdLmpvaW4oJyAnKTtcbiAgICB9XG5cbiAgICBmZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9GR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICBiZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9CR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICByYWRpdXMoY29tcG9uZW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9SQURJVVN9LSR7Y29tcG9uZW50fWApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFPYSxLQUFLO0lBVWQsWUFDSSxNQUFpQixFQUNqQixJQUFlLEVBQ2YsU0FBa0IsRUFBRSxFQUNwQixNQUFpQixFQUNqQixNQUFpQjtRQUVqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVPLEtBQUssQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUM5QixNQUFNLElBQUksS0FBSyxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksa0NBQWtDLENBQUMsQ0FBQztTQUN6RTtRQUNELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLElBQUksYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNsRTtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLEdBQUcsY0FBYyxJQUFJLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDbkY7UUFDRCxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkUsT0FBTyxDQUFDLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNwRDtJQUVELE9BQU8sQ0FBQyxTQUFpQixFQUFFLE9BQWU7UUFDdEMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsY0FBYyxJQUFJLFNBQVMsSUFBSSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0tBQ2xFO0lBRUQsT0FBTyxDQUFDLFNBQWlCLEVBQUUsT0FBZTtRQUN0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxjQUFjLElBQUksU0FBUyxJQUFJLE9BQU8sRUFBRSxDQUFDLENBQUM7S0FDbEU7SUFFRCxNQUFNLENBQUMsU0FBaUI7UUFDcEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsWUFBWSxJQUFJLFNBQVMsRUFBRSxDQUFDLENBQUM7S0FDckQ7O0FBdERNLFlBQU0sR0FBRyxLQUFLLENBQUM7QUFDZixnQkFBVSxHQUFHLE1BQU07Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jbGFzc2VzL1RoZW1lLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgVGhlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgc2FmZUNsYXNzTmFtZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUnO1xuaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlL3R5cGVzJztcbmltcG9ydCB7IFRPS0VOX0NPTE9SX0JHLCBUT0tFTl9DT0xPUl9GRywgVE9LRU5fUkFESVVTIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmltcG9ydCB0eXBlIHsgVGhlbWVJbnRlcmZhY2UsIFRva2VuTWFwIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgVGhlbWUgaW1wbGVtZW50cyBUaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIHZhbHVlcz86IFRva2VuTWFwO1xuICAgIHByaXZhdGUgdG9rZW5zPzogVG9rZW5NYXA7XG4gICAgcHJpdmF0ZSBleHRlbmQ6IFRoZW1lSW50ZXJmYWNlW107XG4gICAgcHVibGljIHJlYWRvbmx5IG5hbWU6IFRoZW1lTmFtZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBzdHlsZXM6IENTU01vZHVsZSxcbiAgICAgICAgbmFtZTogVGhlbWVOYW1lLFxuICAgICAgICBleHRlbmQ6IFRoZW1lSW50ZXJmYWNlW10gPSBbXSxcbiAgICAgICAgdmFsdWVzPzogVG9rZW5NYXAsXG4gICAgICAgIHRva2Vucz86IFRva2VuTWFwLFxuICAgICkge1xuICAgICAgICB0aGlzLnN0eWxlcyA9IHN0eWxlcztcbiAgICAgICAgdGhpcy5uYW1lID0gbmFtZTtcbiAgICAgICAgdGhpcy5leHRlbmQgPSBleHRlbmQ7XG4gICAgICAgIHRoaXMudmFsdWVzID0gdmFsdWVzO1xuICAgICAgICB0aGlzLnRva2VucyA9IHRva2VucztcbiAgICB9XG5cbiAgICBwcml2YXRlIHRva2VuKG5hbWU6IHN0cmluZykge1xuICAgICAgICBpZiAoIXRoaXMudG9rZW5zIHx8ICF0aGlzLnZhbHVlcykge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBUaGVtZSAke3RoaXMubmFtZX0gd2FzIGluc3RhbnRpYXRlZCB3aXRob3V0IHRva2Vuc2ApO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IGtleSA9IHRoaXMudG9rZW5zW25hbWVdO1xuICAgICAgICBpZiAoIWtleSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBVbmtub3duIHRva2VuICR7bmFtZX0gaW4gdGhlbWUgJHt0aGlzLm5hbWV9YCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLnZhbHVlc1trZXldO1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoYFVua25vd24gdmFsdWUgJHtrZXl9IGZvciB0b2tlbiAke25hbWV9IGluIHRoZW1lICR7dGhpcy5uYW1lfWApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB2YWx1ZTtcbiAgICB9XG5cbiAgICBnZXRDbGFzc05hbWUoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgZXh0ZW5kZWRDbGFzc2VzID0gdGhpcy5leHRlbmQubWFwKHRoZW1lID0+IHRoZW1lLmdldENsYXNzTmFtZSgpKTtcbiAgICAgICAgY29uc3Qgc2VsZkNsYXNzID0gc2FmZUNsYXNzTmFtZSh0aGlzLnN0eWxlcywgVGhlbWUuUFJFRklYICsgdGhpcy5uYW1lKTtcbiAgICAgICAgcmV0dXJuIFtzZWxmQ2xhc3MsIC4uLmV4dGVuZGVkQ2xhc3Nlc10uam9pbignICcpO1xuICAgIH1cblxuICAgIGdldFN0eWxlcygpOiBDU1NNb2R1bGVbXSB7XG4gICAgICAgIGNvbnN0IGV4dGVuZGVkU3R5bGVzID0gdGhpcy5leHRlbmQubWFwKHRoZW1lID0+IHRoZW1lLmdldFN0eWxlcygpKS5mbGF0KCkgfHwgW107XG4gICAgICAgIHJldHVybiBbdGhpcy5zdHlsZXMsIC4uLmV4dGVuZGVkU3R5bGVzXTtcbiAgICB9XG5cbiAgICBmZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9GR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICBiZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9CR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICByYWRpdXMoY29tcG9uZW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9SQURJVVN9LSR7Y29tcG9uZW50fWApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFPYSxLQUFLO0lBU2QsWUFDSSxNQUFpQixFQUNqQixJQUFlLEVBQ2YsU0FBMkIsRUFBRSxFQUM3QixNQUFpQixFQUNqQixNQUFpQjtRQUVqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVPLEtBQUssQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUM5QixNQUFNLElBQUksS0FBSyxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksa0NBQWtDLENBQUMsQ0FBQztTQUN6RTtRQUNELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLElBQUksYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNsRTtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLEdBQUcsY0FBYyxJQUFJLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDbkY7UUFDRCxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkUsT0FBTyxDQUFDLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNwRDtJQUVELFNBQVM7UUFDTCxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDO1FBQ2hGLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsY0FBYyxDQUFDLENBQUM7S0FDM0M7SUFFRCxPQUFPLENBQUMsU0FBaUIsRUFBRSxPQUFlO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLGNBQWMsSUFBSSxTQUFTLElBQUksT0FBTyxFQUFFLENBQUMsQ0FBQztLQUNsRTtJQUVELE9BQU8sQ0FBQyxTQUFpQixFQUFFLE9BQWU7UUFDdEMsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsY0FBYyxJQUFJLFNBQVMsSUFBSSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0tBQ2xFO0lBRUQsTUFBTSxDQUFDLFNBQWlCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLFlBQVksSUFBSSxTQUFTLEVBQUUsQ0FBQyxDQUFDO0tBQ3JEOztBQTFETSxZQUFNLEdBQUcsS0FBSzs7OzsifQ==

dist/theme/hooks/useTheme.js

 import { useContext } from 'react';
+import { useStyleExtract } from '../../ssr/hooks/useStyleExtract.js';
 import { ThemeContext } from '../providers/ThemeProvider.js';
@@ -9,2 +10,4 @@
     }
+    const styles = theme.getStyles();
+    styles.forEach(useStyleExtract);
     return { theme };
@@ -14,2 +17,2 @@ };
 export { useTheme };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9ob29rcy91c2VUaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lQ29udGV4dFN0YXRlIH0gZnJvbSAnLi4vcHJvdmlkZXJzL1RoZW1lUHJvdmlkZXInO1xuaW1wb3J0IHsgVGhlbWVDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL1RoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlVGhlbWUgPSAoKTogVGhlbWVDb250ZXh0U3RhdGUgPT4ge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZUNvbnRleHQoVGhlbWVDb250ZXh0KTtcbiAgICBpZiAoIXRoZW1lKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlVGhlbWUoKSBtdXN0IGJlIHVzZWQgd2l0aGluIGEgVGhlbWVQcm92aWRlcicpO1xuICAgIH1cbiAgICByZXR1cm4geyB0aGVtZSB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFLYSxRQUFRLEdBQUc7SUFDcEIsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMzQyxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ1IsTUFBTSxJQUFJLEtBQUssQ0FBQyxnREFBZ0QsQ0FBQyxDQUFDO0tBQ3JFO0lBQ0QsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBQ3JCOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9ob29rcy91c2VUaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCB0eXBlIHsgVGhlbWVDb250ZXh0U3RhdGUgfSBmcm9tICcuLi9wcm92aWRlcnMvVGhlbWVQcm92aWRlcic7XG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvVGhlbWVQcm92aWRlcic7XG5cbmV4cG9ydCBjb25zdCB1c2VUaGVtZSA9ICgpOiBUaGVtZUNvbnRleHRTdGF0ZSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xuICAgIGlmICghdGhlbWUpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUaGVtZSgpIG11c3QgYmUgdXNlZCB3aXRoaW4gYSBUaGVtZVByb3ZpZGVyJyk7XG4gICAgfVxuXG4gICAgY29uc3Qgc3R5bGVzID0gdGhlbWUuZ2V0U3R5bGVzKCk7XG4gICAgc3R5bGVzLmZvckVhY2godXNlU3R5bGVFeHRyYWN0KTtcblxuICAgIHJldHVybiB7IHRoZW1lIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7TUFNYSxRQUFRLEdBQUc7SUFDcEIsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMzQyxJQUFJLENBQUMsS0FBSyxFQUFFO1FBQ1IsTUFBTSxJQUFJLEtBQUssQ0FBQyxnREFBZ0QsQ0FBQyxDQUFDO0tBQ3JFO0lBRUQsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2pDLE1BQU0sQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7SUFFaEMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBQ3JCOzs7OyJ9

dist/theme/types.d.ts

 import { ThemeName } from '@preply/ds-core';
+import { CSSModule } from '../css-module/types';
 export declare type TokenMap = {
@@ -8,2 +9,3 @@ [key: string]: string;
     getClassName(): string;
+    getStyles(): CSSModule[];
     fgColor(component: string, variant: string): void;
@@ -10,0 +12,0 @@ bgColor(component: string, variant: string): void;

package.json

 {
     "name": "@preply/ds-web-core",
-    "version": "0.6.0",
+    "version": "0.6.1-beta.2af03dcf88007ad52f947b48bd393f6bbe18bbbf.46+2af03dc",
     "publishConfig": {
@@ -22,3 +22,3 @@ "access": "public"
     "dependencies": {
-        "@preply/ds-core": "0.6.0"
+        "@preply/ds-core": "^0.6.1-beta.2af03dcf88007ad52f947b48bd393f6bbe18bbbf.46+2af03dc"
     },
@@ -30,3 +30,3 @@ "peerDependencies": {
     },
-    "gitHead": "5b49bf39762fc81e558b743a55daaacf9a737537"
+    "gitHead": "2af03dcf88007ad52f947b48bd393f6bbe18bbbf"
 }

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

111271

increased by9.17%

Number of package files

101

increased by10.99%

Lines of code

1059

increased by15.61%

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@preply/[e-mail]5a7b0f7a76bff6c6b746cb73724ddc428b9c6d.45(transitive)

• - Removed@preply/ds-core@0.6.0(transitive)

• Updated@preply/ds-core@^0.6.1-beta.2af03dcf88007ad52f947b48bd393f6bbe18bbbf.46+2af03dc