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

Comparing version 0.6.1-beta.fd5a7b0f7a76bff6c6b746cb73724ddc428b9c6d.45 to 0.7.0

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

@@ -11,3 +11,3 @@ import { safeClassName } from '../../css-module/index.js';
         const extendedClasses = this.extend || [];
-        const classNames = [this.name, ...extendedClasses];
+        const classNames = [...extendedClasses, this.name];
         return classNames
@@ -17,2 +17,7 @@ .map(className => safeClassName(this.styles, `${ColorScheme.PREFIX}scheme--${className}`))
     }
+    getStyles() {
+        // all color schemes share a single style file (global scheme class names)
+        // actual scheme tokens are implemented in each theme's stylesheet
+        return [this.styles];
+    }
 }
@@ -22,2 +27,2 @@ ColorScheme.PREFIX = 'ds-';
 export { ColorScheme };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IHNhZmVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29sb3JTY2hlbWUgaW1wbGVtZW50cyBDb2xvclNjaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdO1xuICAgIHB1YmxpYyByZWFkb25seSBuYW1lO1xuXG4gICAgY29uc3RydWN0b3Ioc3R5bGVzOiBDU1NNb2R1bGUsIG5hbWU6IENvbG9yU2NoZW1lTmFtZSwgZXh0ZW5kPzogQ29sb3JTY2hlbWVOYW1lW10pIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgIH1cblxuICAgIGdldENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFt0aGlzLm5hbWUsIC4uLmV4dGVuZGVkQ2xhc3Nlc107XG4gICAgICAgIHJldHVybiBjbGFzc05hbWVzXG4gICAgICAgICAgICAubWFwKGNsYXNzTmFtZSA9PlxuICAgICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFNYSxXQUFXO0lBT3BCLFlBQVksTUFBaUIsRUFBRSxJQUFxQixFQUFFLE1BQTBCO1FBQzVFLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ3hCO0lBRUQsWUFBWTtRQUNSLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQzFDLE1BQU0sVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELE9BQU8sVUFBVTthQUNaLEdBQUcsQ0FBQyxTQUFTLElBQ1YsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxXQUFXLENBQUMsTUFBTSxXQUFXLFNBQVMsRUFBRSxDQUFDLENBQzFFO2FBQ0EsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0tBQ2xCOztBQXBCTSxrQkFBTSxHQUFHLEtBQUs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvY2xhc3Nlcy9Db2xvclNjaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5cbmltcG9ydCB7IHNhZmVDbGFzc05hbWUgfSBmcm9tICcuLi8uLi9jc3MtbW9kdWxlJztcbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lSW50ZXJmYWNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29sb3JTY2hlbWUgaW1wbGVtZW50cyBDb2xvclNjaGVtZUludGVyZmFjZSB7XG4gICAgc3RhdGljIFBSRUZJWCA9ICdkcy0nO1xuXG4gICAgcHJpdmF0ZSBzdHlsZXM6IENTU01vZHVsZTtcbiAgICBwcml2YXRlIGV4dGVuZD86IENvbG9yU2NoZW1lTmFtZVtdO1xuICAgIHB1YmxpYyByZWFkb25seSBuYW1lO1xuXG4gICAgY29uc3RydWN0b3Ioc3R5bGVzOiBDU1NNb2R1bGUsIG5hbWU6IENvbG9yU2NoZW1lTmFtZSwgZXh0ZW5kPzogQ29sb3JTY2hlbWVOYW1lW10pIHtcbiAgICAgICAgdGhpcy5zdHlsZXMgPSBzdHlsZXM7XG4gICAgICAgIHRoaXMubmFtZSA9IG5hbWU7XG4gICAgICAgIHRoaXMuZXh0ZW5kID0gZXh0ZW5kO1xuICAgIH1cblxuICAgIGdldENsYXNzTmFtZSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBleHRlbmRlZENsYXNzZXMgPSB0aGlzLmV4dGVuZCB8fCBbXTtcbiAgICAgICAgY29uc3QgY2xhc3NOYW1lcyA9IFsuLi5leHRlbmRlZENsYXNzZXMsIHRoaXMubmFtZV07XG4gICAgICAgIHJldHVybiBjbGFzc05hbWVzXG4gICAgICAgICAgICAubWFwKGNsYXNzTmFtZSA9PlxuICAgICAgICAgICAgICAgIHNhZmVDbGFzc05hbWUodGhpcy5zdHlsZXMsIGAke0NvbG9yU2NoZW1lLlBSRUZJWH1zY2hlbWUtLSR7Y2xhc3NOYW1lfWApLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLmpvaW4oJyAnKTtcbiAgICB9XG5cbiAgICBnZXRTdHlsZXMoKTogQ1NTTW9kdWxlW10ge1xuICAgICAgICAvLyBhbGwgY29sb3Igc2NoZW1lcyBzaGFyZSBhIHNpbmdsZSBzdHlsZSBmaWxlIChnbG9iYWwgc2NoZW1lIGNsYXNzIG5hbWVzKVxuICAgICAgICAvLyBhY3R1YWwgc2NoZW1lIHRva2VucyBhcmUgaW1wbGVtZW50ZWQgaW4gZWFjaCB0aGVtZSdzIHN0eWxlc2hlZXRcbiAgICAgICAgcmV0dXJuIFt0aGlzLnN0eWxlc107XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BTWEsV0FBVztJQU9wQixZQUFZLE1BQWlCLEVBQUUsSUFBcUIsRUFBRSxNQUEwQjtRQUM1RSxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQztRQUMxQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcsZUFBZSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRCxPQUFPLFVBQVU7YUFDWixHQUFHLENBQUMsU0FBUyxJQUNWLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsV0FBVyxDQUFDLE1BQU0sV0FBVyxTQUFTLEVBQUUsQ0FBQyxDQUMxRTthQUNBLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNsQjtJQUVELFNBQVM7OztRQUdMLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7S0FDeEI7O0FBMUJNLGtCQUFNLEdBQUcsS0FBSzs7OzsifQ==

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();
+    useStyleExtract(styles);
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ29sb3JTY2hlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb2xvci1zY2hlbWUvaG9va3MvdXNlQ29sb3JTY2hlbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnLi4vLi4vc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdCc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZUNvbnRleHQsIENvbG9yU2NoZW1lQ29udGV4dFN0YXRlIH0gZnJvbSAnLi4vcHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlQ29sb3JTY2hlbWUgPSAoKTogQ29sb3JTY2hlbWVDb250ZXh0U3RhdGUgPT4ge1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUgfSA9IHVzZUNvbnRleHQoQ29sb3JTY2hlbWVDb250ZXh0KTtcbiAgICBpZiAoIWNvbG9yU2NoZW1lKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlQ29sb3JTY2hlbWUoKSBtdXN0IGJlIHVzZWQgd2l0aGluIGEgQ29sb3JTY2hlbWVQcm92aWRlcicpO1xuICAgIH1cblxuICAgIGNvbnN0IHN0eWxlcyA9IGNvbG9yU2NoZW1lLmdldFN0eWxlcygpO1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgcmV0dXJuIHsgY29sb3JTY2hlbWUgfTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztNQUthLGNBQWMsR0FBRztJQUMxQixNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDdkQsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNkLE1BQU0sSUFBSSxLQUFLLENBQUMsNERBQTRELENBQUMsQ0FBQztLQUNqRjtJQUVELE1BQU0sTUFBTSxHQUFHLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUN2QyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsT0FBTyxFQUFFLFdBQVcsRUFBRSxDQUFDO0FBQzNCOzs7OyJ9

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 styles = {__id:"/home/jenkins/workspace/design-system_PR-26/packages/web-core/src/color-scheme/styles/index.module.less",__css:css_248z,};
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-core/src/color-scheme/styles/index.module.less",__css:css_248z,};
 var stylesheet=css_248z;
@@ -6,0 +6,0 @@ styleInject(css_248z);

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/layout/hooks/useLayoutFlexClassNames.js

@@ -26,2 +26,2 @@ import { LAYOUT_GAP_DEFAULT } from '@preply/ds-core';
 export { useLayoutFlexClassNames };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcbiAgICBjb25zdCB7XG4gICAgICAgIGdhcCA9IExBWU9VVF9HQVBfREVGQVVMVCxcbiAgICAgICAgbm93cmFwLFxuICAgICAgICBjb2x1bW4sXG4gICAgICAgIHJldmVyc2UsXG4gICAgICAgIGp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICBpbmxpbmUsXG4gICAgfSA9IHByb3BzIHx8IHt9O1xuICAgIHJldHVybiBsYXlvdXQgPT09ICdmbGV4J1xuICAgICAgICA/IFtcbiAgICAgICAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIExBWU9VVF9GTEVYKSxcbiAgICAgICAgICAgICAgLi4ubG9jYWxDbGFzc2VzKHN0eWxlcywgTEFZT1VUX0ZMRVgsIFtcbiAgICAgICAgICAgICAgICAgIFsnZ2FwJywgZ2FwXSxcbiAgICAgICAgICAgICAgICAgIFtpbmxpbmUgPyAnaW5saW5lJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbbm93cmFwID8gJ25vd3JhcCcgOiB1bmRlZmluZWRdLFxuICAgICAgICAgICAgICAgICAgW2NvbHVtbiA/ICdjb2x1bW4nIDogJ3JvdycsIHJldmVyc2UgPyAncmV2JyA6ICdmd2QnXSxcbiAgICAgICAgICAgICAgICAgIFsnanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnRdLFxuICAgICAgICAgICAgICAgICAgWydhbGlnbi1pdGVtcycsIGFsaWduSXRlbXNdLFxuICAgICAgICAgICAgICBdKSxcbiAgICAgICAgICBdXG4gICAgICAgIDogW107XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBT0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BSXBCLHVCQUF1QixHQUFTLENBQUMsTUFBTSxFQUFFLEtBQUs7SUFDdkQsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hCLE1BQU0sRUFDRixHQUFHLEdBQUcsa0JBQWtCLEVBQ3hCLE1BQU0sRUFDTixNQUFNLEVBQ04sT0FBTyxFQUNQLGNBQWMsRUFDZCxVQUFVLEVBQ1YsTUFBTSxHQUNULEdBQUcsS0FBSyxJQUFJLEVBQUUsQ0FBQztJQUNoQixPQUFPLE1BQU0sS0FBSyxNQUFNO1VBQ2xCO1lBQ0ksYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7WUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtnQkFDakMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDO2dCQUNaLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQy9CLENBQUMsTUFBTSxHQUFHLFFBQVEsR0FBRyxLQUFLLEVBQUUsT0FBTyxHQUFHLEtBQUssR0FBRyxLQUFLLENBQUM7Z0JBQ3BELENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDO2dCQUNuQyxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7YUFDOUIsQ0FBQztTQUNMO1VBQ0QsRUFBRSxDQUFDO0FBQ2I7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTGF5b3V0RmxleENsYXNzTmFtZXMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvaG9va3MvdXNlTGF5b3V0RmxleENsYXNzTmFtZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBMYXlvdXRGbGV4UHJvcHMsIExheW91dFR5cGUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgTEFZT1VUX0dBUF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZSc7XG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBMQVlPVVRfRkxFWCA9ICdMYXlvdXRGbGV4JztcblxudHlwZSBIb29rID0gKGxheW91dD86IExheW91dFR5cGUsIHByb3BzPzogTGF5b3V0RmxleFByb3BzKSA9PiBzdHJpbmdbXTtcblxuZXhwb3J0IGNvbnN0IHVzZUxheW91dEZsZXhDbGFzc05hbWVzOiBIb29rID0gKGxheW91dCwgcHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHtcbiAgICAgICAgZ2FwID0gTEFZT1VUX0dBUF9ERUZBVUxULFxuICAgICAgICBub3dyYXAsXG4gICAgICAgIGNvbHVtbixcbiAgICAgICAgcmV2ZXJzZSxcbiAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgIGFsaWduSXRlbXMsXG4gICAgICAgIGlubGluZSxcbiAgICB9ID0gcHJvcHMgfHwge307XG4gICAgcmV0dXJuIGxheW91dCA9PT0gJ2ZsZXgnXG4gICAgICAgID8gW1xuICAgICAgICAgICAgICBzYWZlQ2xhc3NOYW1lKHN0eWxlcywgTEFZT1VUX0ZMRVgpLFxuICAgICAgICAgICAgICAuLi5sb2NhbENsYXNzZXMoc3R5bGVzLCBMQVlPVVRfRkxFWCwgW1xuICAgICAgICAgICAgICAgICAgWydnYXAnLCBnYXBdLFxuICAgICAgICAgICAgICAgICAgW2lubGluZSA/ICdpbmxpbmUnIDogdW5kZWZpbmVkXSxcbiAgICAgICAgICAgICAgICAgIFtub3dyYXAgPyAnbm93cmFwJyA6IHVuZGVmaW5lZF0sXG4gICAgICAgICAgICAgICAgICBbY29sdW1uID8gJ2NvbHVtbicgOiAncm93JywgcmV2ZXJzZSA/ICdyZXYnIDogJ2Z3ZCddLFxuICAgICAgICAgICAgICAgICAgWydqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudF0sXG4gICAgICAgICAgICAgICAgICBbJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtc10sXG4gICAgICAgICAgICAgIF0pLFxuICAgICAgICAgIF1cbiAgICAgICAgOiBbXTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFPQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFJcEIsdUJBQXVCLEdBQVMsQ0FBQyxNQUFNLEVBQUUsS0FBSztJQUN2RCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxFQUNGLEdBQUcsR0FBRyxrQkFBa0IsRUFDeEIsTUFBTSxFQUNOLE1BQU0sRUFDTixPQUFPLEVBQ1AsY0FBYyxFQUNkLFVBQVUsRUFDVixNQUFNLEdBQ1QsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2hCLE9BQU8sTUFBTSxLQUFLLE1BQU07VUFDbEI7WUFDSSxhQUFhLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztZQUNsQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO2dCQUNqQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUM7Z0JBQ1osQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLFNBQVMsQ0FBQztnQkFDL0IsQ0FBQyxNQUFNLEdBQUcsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFPLEdBQUcsS0FBSyxHQUFHLEtBQUssQ0FBQztnQkFDcEQsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUM7Z0JBQ25DLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQzthQUM5QixDQUFDO1NBQ0w7VUFDRCxFQUFFLENBQUM7QUFDYjs7OzsifQ==

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 = {__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 styles = {__id:"/home/jenkins/workspace/design-system_main/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;
@@ -6,0 +6,0 @@ styleInject(css_248z);

dist/ssr/classes/ServerStyleSheet.d.ts

@@ -1,7 +0,8 @@
-import { FC } from 'react';
-import type { CSSModule, CSSModuleContent, CSSModuleId } from '../../css-module/types';
-export declare class ServerStyleSheet {
-    styles: Record<CSSModuleId, CSSModuleContent>;
+import { ReactNode } from 'react';
+import type { CSSModule } from '../../css-module/types';
+import type { ServerStyleSheetInterface } from '../types';
+export declare class ServerStyleSheet implements ServerStyleSheetInterface {
+    styles: Record<string, string>;
     addStyle({ __id: id, __css: css }: CSSModule): void;
-    getStyleElement: FC;
+    getStyleElement: () => ReactNode;
 }

dist/ssr/classes/ServerStyleSheet.js

@@ -7,5 +7,4 @@ import React from 'react';
         this.getStyleElement = () => {
-            const styles = Object.values(this.styles).join('');
-            const html = `/* @preply/ds-web-root critical CSS: */ ${styles}`;
-            return (React.createElement("style", { 
+            const html = Object.values(this.styles).join('');
+            return (React.createElement("style", { "data-id": "@preply/ds-web-core critical CSS", 
                 // eslint-disable-next-line react/no-danger
@@ -23,2 +22,2 @@ dangerouslySetInnerHTML: {
 export { ServerStyleSheet };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VydmVyU3R5bGVTaGVldC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jbGFzc2VzL1NlcnZlclN0eWxlU2hlZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUgeyBDU1NNb2R1bGUsIENTU01vZHVsZUNvbnRlbnQsIENTU01vZHVsZUlkIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5cbmV4cG9ydCBjbGFzcyBTZXJ2ZXJTdHlsZVNoZWV0IHtcbiAgICBzdHlsZXM6IFJlY29yZDxDU1NNb2R1bGVJZCwgQ1NTTW9kdWxlQ29udGVudD4gPSB7fTtcblxuICAgIGFkZFN0eWxlKHsgX19pZDogaWQsIF9fY3NzOiBjc3MgfTogQ1NTTW9kdWxlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3R5bGVzW2lkXSA9IGNzcztcbiAgICB9XG5cbiAgICBnZXRTdHlsZUVsZW1lbnQ6IEZDID0gKCkgPT4ge1xuICAgICAgICBjb25zdCBzdHlsZXMgPSBPYmplY3QudmFsdWVzKHRoaXMuc3R5bGVzKS5qb2luKCcnKTtcbiAgICAgICAgY29uc3QgaHRtbCA9IGAvKiBAcHJlcGx5L2RzLXdlYi1yb290IGNyaXRpY2FsIENTUzogKi8gJHtzdHlsZXN9YDtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxzdHlsZVxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9uby1kYW5nZXJcbiAgICAgICAgICAgICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17e1xuICAgICAgICAgICAgICAgICAgICBfX2h0bWw6IGh0bWwsXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgfTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztNQUlhLGdCQUFnQjtJQUE3QjtRQUNJLFdBQU0sR0FBMEMsRUFBRSxDQUFDO1FBTW5ELG9CQUFlLEdBQU87WUFDbEIsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ25ELE1BQU0sSUFBSSxHQUFHLDJDQUEyQyxNQUFNLEVBQUUsQ0FBQztZQUNqRSxRQUNJOztnQkFFSSx1QkFBdUIsRUFBRTtvQkFDckIsTUFBTSxFQUFFLElBQUk7aUJBQ2YsR0FDSCxFQUNKO1NBQ0wsQ0FBQztLQUNMO0lBaEJHLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBYTtRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQztLQUN6Qjs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VydmVyU3R5bGVTaGVldC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jbGFzc2VzL1NlcnZlclN0eWxlU2hlZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjbGFzcyBTZXJ2ZXJTdHlsZVNoZWV0IGltcGxlbWVudHMgU2VydmVyU3R5bGVTaGVldEludGVyZmFjZSB7XG4gICAgc3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG5cbiAgICBhZGRTdHlsZSh7IF9faWQ6IGlkLCBfX2NzczogY3NzIH06IENTU01vZHVsZSk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0eWxlc1tpZF0gPSBjc3M7XG4gICAgfVxuXG4gICAgZ2V0U3R5bGVFbGVtZW50ID0gKCk6IFJlYWN0Tm9kZSA9PiB7XG4gICAgICAgIGNvbnN0IGh0bWwgPSBPYmplY3QudmFsdWVzKHRoaXMuc3R5bGVzKS5qb2luKCcnKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxzdHlsZVxuICAgICAgICAgICAgICAgIGRhdGEtaWQ9XCJAcHJlcGx5L2RzLXdlYi1jb3JlIGNyaXRpY2FsIENTU1wiXG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWRhbmdlclxuICAgICAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICAgICAgICAgIF9faHRtbDogaHRtbCxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BS2EsZ0JBQWdCO0lBQTdCO1FBQ0ksV0FBTSxHQUEyQixFQUFFLENBQUM7UUFNcEMsb0JBQWUsR0FBRztZQUNkLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqRCxRQUNJLDBDQUNZLGtDQUFrQzs7Z0JBRTFDLHVCQUF1QixFQUFFO29CQUNyQixNQUFNLEVBQUUsSUFBSTtpQkFDZixHQUNILEVBQ0o7U0FDTCxDQUFDO0tBQ0w7SUFoQkcsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFhO1FBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFDO0tBQ3pCOzs7OzsifQ==

dist/ssr/contexts/StyleExtractContext.d.ts

 import React, { FC } from 'react';
-import { ServerStyleSheet } from '../classes/ServerStyleSheet';
-export declare type StyleExtractContextState = ServerStyleSheet;
-export declare const StyleExtractContext: React.Context<ServerStyleSheet>;
+import { ServerStyleSheetInterface } from '../types';
+export declare type StyleExtractContextState = ServerStyleSheetInterface;
+export declare const StyleExtractContext: React.Context<ServerStyleSheetInterface>;
 interface StyleExtractProviderProps {
-    stylesheet: ServerStyleSheet;
+    stylesheet: ServerStyleSheetInterface;
 }
 export declare const StyleExtractProvider: FC<StyleExtractProviderProps>;
 export {};

dist/ssr/contexts/StyleExtractContext.js

@@ -9,2 +9,2 @@ import React, { createContext } from 'react';
 export { StyleExtractContext, StyleExtractProvider };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVFeHRyYWN0Q29udGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jb250ZXh0cy9TdHlsZUV4dHJhY3RDb250ZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIGNyZWF0ZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNlcnZlclN0eWxlU2hlZXQgfSBmcm9tICcuLi9jbGFzc2VzL1NlcnZlclN0eWxlU2hlZXQnO1xuXG5leHBvcnQgdHlwZSBTdHlsZUV4dHJhY3RDb250ZXh0U3RhdGUgPSBTZXJ2ZXJTdHlsZVNoZWV0O1xuXG5leHBvcnQgY29uc3QgU3R5bGVFeHRyYWN0Q29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8U3R5bGVFeHRyYWN0Q29udGV4dFN0YXRlPih7fSBhcyBTZXJ2ZXJTdHlsZVNoZWV0KTtcblxuaW50ZXJmYWNlIFN0eWxlRXh0cmFjdFByb3ZpZGVyUHJvcHMge1xuICAgIHN0eWxlc2hlZXQ6IFNlcnZlclN0eWxlU2hlZXQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZUV4dHJhY3RQcm92aWRlcjogRkM8U3R5bGVFeHRyYWN0UHJvdmlkZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgc3R5bGVzaGVldCB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlRXh0cmFjdENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3N0eWxlc2hlZXR9PntjaGlsZHJlbn08L1N0eWxlRXh0cmFjdENvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7TUFNYSxtQkFBbUIsR0FBRyxhQUFhLENBQTJCLEVBQXNCLEVBQUU7TUFNdEYsb0JBQW9CLEdBQWtDLENBQUMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFO0lBQ3hGLFFBQ0ksb0JBQUMsbUJBQW1CLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxVQUFVLElBQUcsUUFBUSxDQUFnQyxFQUM1RjtBQUNOOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3R5bGVFeHRyYWN0Q29udGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jb250ZXh0cy9TdHlsZUV4dHJhY3RDb250ZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIGNyZWF0ZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFN0eWxlRXh0cmFjdENvbnRleHRTdGF0ZSA9IFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2U7XG5cbmV4cG9ydCBjb25zdCBTdHlsZUV4dHJhY3RDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxTdHlsZUV4dHJhY3RDb250ZXh0U3RhdGU+KFxuICAgIHt9IGFzIFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2UsXG4pO1xuXG5pbnRlcmZhY2UgU3R5bGVFeHRyYWN0UHJvdmlkZXJQcm9wcyB7XG4gICAgc3R5bGVzaGVldDogU2VydmVyU3R5bGVTaGVldEludGVyZmFjZTtcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlRXh0cmFjdFByb3ZpZGVyOiBGQzxTdHlsZUV4dHJhY3RQcm92aWRlclByb3BzPiA9ICh7IGNoaWxkcmVuLCBzdHlsZXNoZWV0IH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVFeHRyYWN0Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17c3R5bGVzaGVldH0+e2NoaWxkcmVufTwvU3R5bGVFeHRyYWN0Q29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztNQU1hLG1CQUFtQixHQUFHLGFBQWEsQ0FDNUMsRUFBK0IsRUFDakM7TUFNVyxvQkFBb0IsR0FBa0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUU7SUFDeEYsUUFDSSxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLFVBQVUsSUFBRyxRQUFRLENBQWdDLEVBQzVGO0FBQ047Ozs7In0=

dist/ssr/hooks/useStyleExtract.d.ts

 import type { CSSModule } from '../../css-module/types';
-export declare const useStyleExtract: (styles: CSSModule) => void;
+export declare const useStyleExtract: (styles: CSSModule | CSSModule[]) => void;

dist/ssr/hooks/useStyleExtract.js

@@ -7,3 +7,8 @@ import { useContext } from 'react';
     if (stylesheet.addStyle) {
-        stylesheet.addStyle(styles);
+        if (Array.isArray(styles)) {
+            styles.forEach(stylesheet.addStyle);
+        }
+        else {
+            stylesheet.addStyle(styles);
+        }
     }
@@ -13,2 +18,2 @@ };
 export { useStyleExtract };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3R5bGVFeHRyYWN0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IENTU01vZHVsZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUvdHlwZXMnO1xuaW1wb3J0IHsgU3R5bGVFeHRyYWN0Q29udGV4dCB9IGZyb20gJy4uL2NvbnRleHRzL1N0eWxlRXh0cmFjdENvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgdXNlU3R5bGVFeHRyYWN0ID0gKHN0eWxlczogQ1NTTW9kdWxlKTogdm9pZCA9PiB7XG4gICAgY29uc3Qgc3R5bGVzaGVldCA9IHVzZUNvbnRleHQoU3R5bGVFeHRyYWN0Q29udGV4dCk7XG4gICAgaWYgKHN0eWxlc2hlZXQuYWRkU3R5bGUpIHtcbiAgICAgICAgc3R5bGVzaGVldC5hZGRTdHlsZShzdHlsZXMpO1xuICAgIH1cbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BS2EsZUFBZSxHQUFHLENBQUMsTUFBaUI7SUFDN0MsTUFBTSxVQUFVLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDbkQsSUFBSSxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ3JCLFVBQVUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7S0FDL0I7QUFDTDs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3R5bGVFeHRyYWN0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc3NyL2hvb2tzL3VzZVN0eWxlRXh0cmFjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IENTU01vZHVsZSB9IGZyb20gJy4uLy4uL2Nzcy1tb2R1bGUvdHlwZXMnO1xuaW1wb3J0IHsgU3R5bGVFeHRyYWN0Q29udGV4dCB9IGZyb20gJy4uL2NvbnRleHRzL1N0eWxlRXh0cmFjdENvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgdXNlU3R5bGVFeHRyYWN0ID0gKHN0eWxlczogQ1NTTW9kdWxlIHwgQ1NTTW9kdWxlW10pOiB2b2lkID0+IHtcbiAgICBjb25zdCBzdHlsZXNoZWV0ID0gdXNlQ29udGV4dChTdHlsZUV4dHJhY3RDb250ZXh0KTtcbiAgICBpZiAoc3R5bGVzaGVldC5hZGRTdHlsZSkge1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShzdHlsZXMpKSB7XG4gICAgICAgICAgICBzdHlsZXMuZm9yRWFjaChzdHlsZXNoZWV0LmFkZFN0eWxlKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN0eWxlc2hlZXQuYWRkU3R5bGUoc3R5bGVzKTtcbiAgICAgICAgfVxuICAgIH1cbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BS2EsZUFBZSxHQUFHLENBQUMsTUFBK0I7SUFDM0QsTUFBTSxVQUFVLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDbkQsSUFBSSxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ3JCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN2QixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN2QzthQUFNO1lBQ0gsVUFBVSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMvQjtLQUNKO0FBQ0w7Ozs7In0=

dist/ssr/index.d.ts

@@ -0,1 +1,2 @@
+export type { ServerStyleSheetInterface } from './types';
 export { ServerStyleSheet } from './classes/ServerStyleSheet';
@@ -2,0 +3,0 @@ export { StyleExtractContext, StyleExtractProvider } from './contexts/StyleExtractContext';

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

@@ -29,4 +29,9 @@ import { safeClassName } from '../../css-module/index.js';
         const selfClass = safeClassName(this.styles, Theme.PREFIX + this.name);
-        return [selfClass, ...extendedClasses].join(' ');
+        return [...extendedClasses, selfClass].join(' ');
     }
+    getStyles() {
+        const extendedStyles = this.extend.map(theme => theme.getStyles()).flat() || [];
+        // order matters, self styles should follow inherited theme(s)
+        return [...extendedStyles, this.styles];
+    }
     fgColor(component, variant) {
@@ -43,5 +48,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+IHRoZW1lLmdldENsYXNzTmFtZSgpKTtcbiAgICAgICAgY29uc3Qgc2VsZkNsYXNzID0gc2FmZUNsYXNzTmFtZSh0aGlzLnN0eWxlcywgVGhlbWUuUFJFRklYICsgdGhpcy5uYW1lKTtcbiAgICAgICAgcmV0dXJuIFsuLi5leHRlbmRlZENsYXNzZXMsIHNlbGZDbGFzc10uam9pbignICcpO1xuICAgIH1cblxuICAgIGdldFN0eWxlcygpOiBDU1NNb2R1bGVbXSB7XG4gICAgICAgIGNvbnN0IGV4dGVuZGVkU3R5bGVzID0gdGhpcy5leHRlbmQubWFwKHRoZW1lID0+IHRoZW1lLmdldFN0eWxlcygpKS5mbGF0KCkgfHwgW107XG4gICAgICAgIC8vIG9yZGVyIG1hdHRlcnMsIHNlbGYgc3R5bGVzIHNob3VsZCBmb2xsb3cgaW5oZXJpdGVkIHRoZW1lKHMpXG4gICAgICAgIHJldHVybiBbLi4uZXh0ZW5kZWRTdHlsZXMsIHRoaXMuc3R5bGVzXTtcbiAgICB9XG5cbiAgICBmZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9GR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICBiZ0NvbG9yKGNvbXBvbmVudDogc3RyaW5nLCB2YXJpYW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9DT0xPUl9CR30tJHtjb21wb25lbnR9LSR7dmFyaWFudH1gKTtcbiAgICB9XG5cbiAgICByYWRpdXMoY29tcG9uZW50OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50b2tlbihgJHtUT0tFTl9SQURJVVN9LSR7Y29tcG9uZW50fWApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7TUFPYSxLQUFLO0lBU2QsWUFDSSxNQUFpQixFQUNqQixJQUFlLEVBQ2YsU0FBMkIsRUFBRSxFQUM3QixNQUFpQixFQUNqQixNQUFpQjtRQUVqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztLQUN4QjtJQUVPLEtBQUssQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUM5QixNQUFNLElBQUksS0FBSyxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksa0NBQWtDLENBQUMsQ0FBQztTQUN6RTtRQUNELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLElBQUksYUFBYSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztTQUNsRTtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsaUJBQWlCLEdBQUcsY0FBYyxJQUFJLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDbkY7UUFDRCxPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUVELFlBQVk7UUFDUixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkUsTUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkUsT0FBTyxDQUFDLEdBQUcsZUFBZSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztLQUNwRDtJQUVELFNBQVM7UUFDTCxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDOztRQUVoRixPQUFPLENBQUMsR0FBRyxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQzNDO0lBRUQsT0FBTyxDQUFDLFNBQWlCLEVBQUUsT0FBZTtRQUN0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxjQUFjLElBQUksU0FBUyxJQUFJLE9BQU8sRUFBRSxDQUFDLENBQUM7S0FDbEU7SUFFRCxPQUFPLENBQUMsU0FBaUIsRUFBRSxPQUFlO1FBQ3RDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLGNBQWMsSUFBSSxTQUFTLElBQUksT0FBTyxFQUFFLENBQUMsQ0FBQztLQUNsRTtJQUVELE1BQU0sQ0FBQyxTQUFpQjtRQUNwQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxZQUFZLElBQUksU0FBUyxFQUFFLENBQUMsQ0FBQztLQUNyRDs7QUEzRE0sWUFBTSxHQUFHLEtBQUs7Ozs7In0=

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();
+    useStyleExtract(styles);
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGhlbWUuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9ob29rcy91c2VUaGVtZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICcuLi8uLi9zc3IvaG9va3MvdXNlU3R5bGVFeHRyYWN0JztcbmltcG9ydCB0eXBlIHsgVGhlbWVDb250ZXh0U3RhdGUgfSBmcm9tICcuLi9wcm92aWRlcnMvVGhlbWVQcm92aWRlcic7XG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvVGhlbWVQcm92aWRlcic7XG5cbmV4cG9ydCBjb25zdCB1c2VUaGVtZSA9ICgpOiBUaGVtZUNvbnRleHRTdGF0ZSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xuICAgIGlmICghdGhlbWUpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUaGVtZSgpIG11c3QgYmUgdXNlZCB3aXRoaW4gYSBUaGVtZVByb3ZpZGVyJyk7XG4gICAgfVxuXG4gICAgY29uc3Qgc3R5bGVzID0gdGhlbWUuZ2V0U3R5bGVzKCk7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICByZXR1cm4geyB0aGVtZSB9O1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O01BTWEsUUFBUSxHQUFHO0lBQ3BCLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDM0MsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNSLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNyRTtJQUVELE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNqQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBQ3JCOzs7OyJ9

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.1-beta.fd5a7b0f7a76bff6c6b746cb73724ddc428b9c6d.45+fd5a7b0",
+    "version": "0.7.0",
     "publishConfig": {
@@ -22,10 +22,10 @@ "access": "public"
     "dependencies": {
-        "@preply/ds-core": "^0.6.1-beta.fd5a7b0f7a76bff6c6b746cb73724ddc428b9c6d.45+fd5a7b0"
+        "@preply/ds-core": "0.7.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.6.0",
+        "@preply/ds-core": "0.7.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
-    "gitHead": "fd5a7b0f7a76bff6c6b746cb73724ddc428b9c6d"
+    "gitHead": "747f8ae3f6506b5efc1d64947a27b6b69f55ce18"
 }

Fixed 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

111847

increased by3.12%

Number of package files

103

increased by1.98%

Lines of code

1071

increased by4.08%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• + Added@preply/ds-core@0.7.0(transitive)

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

• Updated@preply/ds-core@0.7.0