@salutejs/plasma-web 1.494.1-canary.1688.12694209114.0 → 1.494.1-canary.1688.12704841896.0

package/css/cjs/components/Accordion/Accordion.config.js

@@ -1,4 +1,4 @@
-import './Accordion.config_1vt8ywe.css';
+require('./Accordion.config_1vt8ywe.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Attach/Attach.config.js

@@ -1,4 +1,4 @@
-import './Attach.config_ld8c4j.css';
+require('./Attach.config_ld8c4j.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Autocomplete/Autocomplete.config.js

@@ -1,4 +1,4 @@
-import './Autocomplete.config_kzk332.css';
+require('./Autocomplete.config_kzk332.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Avatar/Avatar.config.js

@@ -1,4 +1,4 @@
-import './Avatar.config_weecw4.css';
+require('./Avatar.config_weecw4.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Badge/Badge.config.js

@@ -1,4 +1,4 @@
-import './Badge.config_lt6hb3.css';
+require('./Badge.config_lt6hb3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js

@@ -1,4 +1,4 @@
-import './Breadcrumbs.config_b0qlrl.css';
+require('./Breadcrumbs.config_b0qlrl.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Button/Button.config.js

@@ -1,4 +1,4 @@
-import './Button.config_1p9wq2b.css';
+require('./Button.config_1p9wq2b.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/ButtonGroup/ButtonGroup.config.js

@@ -1,4 +1,4 @@
-import './ButtonGroup.config_nvojq8.css';
+require('./ButtonGroup.config_nvojq8.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Calendar/CalendarBase.config.js

@@ -1,4 +1,4 @@
-import './CalendarBase.config_253ftk.css';
+require('./CalendarBase.config_253ftk.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Calendar/CalendarDouble.config.js

@@ -1,4 +1,4 @@
-import './CalendarDouble.config_td5byz.css';
+require('./CalendarDouble.config_td5byz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Cell/Cell.config.js

@@ -1,4 +1,4 @@
-import './Cell.config_87koo7.css';
+require('./Cell.config_87koo7.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Checkbox/Checkbox.config.js

@@ -1,4 +1,4 @@
-import './Checkbox.config_qy77nu.css';
+require('./Checkbox.config_qy77nu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Chip/Chip.config.js

@@ -1,4 +1,4 @@
-import './Chip.config_nv900q.css';
+require('./Chip.config_nv900q.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/ChipGroup/ChipGroup.config.js

@@ -1,4 +1,4 @@
-import './ChipGroup.config_c10q1g.css';
+require('./ChipGroup.config_c10q1g.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Combobox/Combobox.config.js

@@ -1,4 +1,4 @@
-import './Combobox.config_12tsur6.css';
+require('./Combobox.config_12tsur6.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Combobox/Legacy/Combobox.config.js

@@ -1,4 +1,4 @@
-import './Combobox.config_g6rh1c.css';
+require('./Combobox.config_g6rh1c.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Counter/Counter.config.js

@@ -1,4 +1,4 @@
-import './Counter.config_3fg0sv.css';
+require('./Counter.config_3fg0sv.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/DatePicker/DatePicker.config.js

@@ -1,4 +1,4 @@
-import './DatePicker.config_p4vy0t.css';
+require('./DatePicker.config_p4vy0t.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Divider/Divider.config.js

@@ -1,4 +1,4 @@
-import './Divider.config_1i0hy8y.css';
+require('./Divider.config_1i0hy8y.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Drawer/Drawer.config.js

@@ -1,4 +1,4 @@
-import './Drawer.config_1kci8o2.css';
+require('./Drawer.config_1kci8o2.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Dropdown/Dropdown.config.js

@@ -1,4 +1,4 @@
-import './Dropdown.config_14bzlxh.css';
+require('./Dropdown.config_14bzlxh.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Dropdown/components/DropdownOld.config.js

@@ -1,4 +1,4 @@
-import './DropdownOld.config_1sm61um.css';
+require('./DropdownOld.config_1sm61um.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Dropzone/Dropzone.config.js

@@ -1,4 +1,4 @@
-import './Dropzone.config_v0t4xn.css';
+require('./Dropzone.config_v0t4xn.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Editable/Editable.config.js

@@ -1,4 +1,4 @@
-import './Editable.config_r8fa0f.css';
+require('./Editable.config_r8fa0f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/EmptyState/EmptyState.config.js

@@ -1,4 +1,4 @@
-import './EmptyState.config_1lhq12u.css';
+require('./EmptyState.config_1lhq12u.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Grid/Grid.config.js

@@ -1,4 +1,4 @@
-import './Grid.config_1q59g76.css';
+require('./Grid.config_1q59g76.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/IconButton/IconButton.config.js

@@ -1,4 +1,4 @@
-import './IconButton.config_1o8fpqv.css';
+require('./IconButton.config_1o8fpqv.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Indicator/Indicator.config.js

@@ -1,4 +1,4 @@
-import './Indicator.config_ltng7c.css';
+require('./Indicator.config_ltng7c.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Link/Link.config.js

@@ -1,4 +1,4 @@
-import './Link.config_q8zx6f.css';
+require('./Link.config_q8zx6f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/ModalBase/Modal.config.js

@@ -1,4 +1,4 @@
-import './Modal.config_32nvcp.css';
+require('./Modal.config_32nvcp.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Note/Note.config.js

@@ -1,4 +1,4 @@
-import './Note.config_1psv03r.css';
+require('./Note.config_1psv03r.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Notification/Notification.config.js

@@ -1,4 +1,4 @@
-import './Notification.config_14vo9bu.css';
+require('./Notification.config_14vo9bu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/NumberInput/NumberInput.config.js

@@ -1,4 +1,4 @@
-import './NumberInput.config_1j3do2r.css';
+require('./NumberInput.config_1j3do2r.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Pagination/Pagination.config.js

@@ -1,4 +1,4 @@
-import './Pagination.config_1fqgkuu.css';
+require('./Pagination.config_1fqgkuu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Popover/Popover.config.js

@@ -1,4 +1,4 @@
-import './Popover.config_14o0rv7.css';
+require('./Popover.config_14o0rv7.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Progress/Progress.config.js

@@ -1,4 +1,4 @@
-import './Progress.config_1ksry05.css';
+require('./Progress.config_1ksry05.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Radiobox/Radiobox.config.js

@@ -1,4 +1,4 @@
-import './Radiobox.config_139reb8.css';
+require('./Radiobox.config_139reb8.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Range/Range.config.js

@@ -1,4 +1,4 @@
-import './Range.config_tettq8.css';
+require('./Range.config_tettq8.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Rating/Rating.config.js

@@ -1,4 +1,4 @@
-import './Rating.config_m8j095.css';
+require('./Rating.config_m8j095.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Segment/SegmentGroup.config.js

@@ -1,4 +1,4 @@
-import './SegmentGroup.config_8spc9u.css';
+require('./SegmentGroup.config_8spc9u.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Segment/SegmentItem.config.js

@@ -1,4 +1,4 @@
-import './SegmentItem.config_11wl5q3.css';
+require('./SegmentItem.config_11wl5q3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Select/Select.config.js

@@ -1,4 +1,4 @@
-import './Select.config_73tyzz.css';
+require('./Select.config_73tyzz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Sheet/Sheet.config.js

@@ -1,4 +1,4 @@
-import './Sheet.config_1anu74e.css';
+require('./Sheet.config_1anu74e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Skeleton/LineSkeleton.config.js

@@ -1,4 +1,4 @@
-import './LineSkeleton.config_1fkfzjy.css';
+require('./LineSkeleton.config_1fkfzjy.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Slider/Slider.config.js

@@ -1,4 +1,4 @@
-import './Slider.config_1fdel2j.css';
+require('./Slider.config_1fdel2j.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Spinner/Spinner.config.js

@@ -1,4 +1,4 @@
-import './Spinner.config_kv9h01.css';
+require('./Spinner.config_kv9h01.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Steps/Steps.config.js

@@ -1,4 +1,4 @@
-import './Steps.config_4mdg8k.css';
+require('./Steps.config_4mdg8k.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Switch/Switch.config.js

@@ -1,4 +1,4 @@
-import './Switch.config_ce8y19.css';
+require('./Switch.config_ce8y19.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -1,4 +1,4 @@
-import './HorizontalTabItem.config_axznj3.css';
+require('./HorizontalTabItem.config_axznj3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,4 +1,4 @@
-import './HorizontalTabs.config_udb25v.css';
+require('./HorizontalTabs.config_udb25v.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,4 +1,4 @@
-import './VerticalTabItem.config_1b9301p.css';
+require('./VerticalTabItem.config_1b9301p.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,4 +1,4 @@
-import './VerticalTabs.config_cqbb3f.css';
+require('./VerticalTabs.config_cqbb3f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextArea/TextArea.config.js

@@ -1,4 +1,4 @@
-import './TextArea.config_1xy99im.css';
+require('./TextArea.config_1xy99im.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextField/TextField.config.js

@@ -1,4 +1,4 @@
-import './TextField.config_1y01acd.css';
+require('./TextField.config_1y01acd.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -1,4 +1,4 @@
-import './TextFieldGroup.config_154fdzu.css';
+require('./TextFieldGroup.config_154fdzu.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Toast/Toast.config.js

@@ -1,4 +1,4 @@
-import './Toast.config_1g4td0o.css';
+require('./Toast.config_1g4td0o.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Toolbar/Toolbar.config.js

@@ -1,4 +1,4 @@
-import './Toolbar.config_1yum23z.css';
+require('./Toolbar.config_1yum23z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tooltip/Tooltip.config.js

@@ -1,4 +1,4 @@
-import './Tooltip.config_19fazns.css';
+require('./Tooltip.config_19fazns.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Tree/Tree.config.js

@@ -1,4 +1,4 @@
-import './Tree.config_1adspmr.css';
+require('./Tree.config_1adspmr.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Body.config.js

@@ -1,4 +1,4 @@
-import './Body.config_endr2e.css';
+require('./Body.config_endr2e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Dspl.config.js

@@ -1,4 +1,4 @@
-import './Dspl.config_owrt7v.css';
+require('./Dspl.config_owrt7v.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Heading.config.js

@@ -1,4 +1,4 @@
-import './Heading.config_1fd36gz.css';
+require('./Heading.config_1fd36gz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Body.config.js

@@ -1,4 +1,4 @@
-import './Body.config_mvxlwy.css';
+require('./Body.config_mvxlwy.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Button.config.js

@@ -1,4 +1,4 @@
-import './Button.config_362uoc.css';
+require('./Button.config_362uoc.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Caption.config.js

@@ -1,4 +1,4 @@
-import './Caption.config_1ov5r6f.css';
+require('./Caption.config_1ov5r6f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Footnote.config.js

@@ -1,4 +1,4 @@
-import './Footnote.config_i1jfb5.css';
+require('./Footnote.config_i1jfb5.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Headline.config.js

@@ -1,4 +1,4 @@
-import './Headline.config_aske57.css';
+require('./Headline.config_aske57.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Paragraph.config.js

@@ -1,4 +1,4 @@
-import './Paragraph.config_50i2at.css';
+require('./Paragraph.config_50i2at.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/ParagraphText.config.js

@@ -1,4 +1,4 @@
-import './ParagraphText.config_4temfp.css';
+require('./ParagraphText.config_4temfp.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Subtitle.config.js

@@ -1,4 +1,4 @@
-import './Subtitle.config_mpskj3.css';
+require('./Subtitle.config_mpskj3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Underline.config.js

@@ -1,4 +1,4 @@
-import './Underline.config_yq6b5e.css';
+require('./Underline.config_yq6b5e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Text.config.js

@@ -1,4 +1,4 @@
-import './Text.config_ta1h5z.css';
+require('./Text.config_ta1h5z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.494.1-canary.1688.12694209114.0",
+  "version": "1.494.1-canary.1688.12704841896.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.191.0-dev.0",
     "@salutejs/plasma-hope": "1.328.1-dev.0",
-    "@salutejs/plasma-new-hope": "0.238.1-canary.1688.12694209114.0",
+    "@salutejs/plasma-new-hope": "0.238.1-canary.1688.12704841896.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2b": "1.45.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0-dev.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "e011d0ad54080eac8664325aa4fc417d504237f8"
+  "gitHead": "714a64fae9f48583cee1ee88dfb5cfecacceae49"
 }

package/rollup.config.mjs

@@ -80,66 +80,78 @@ function importCssPlugin() {
     const styles = {};
 
     return {
-      name: 'importCssPlugin',
-      transform(code, id) {
-        if (!filter(id)) {
-            return;
-        }
-  
-        if (styles[id] !== code && (styles[id] || code)) {
-          styles[path.relative(inputDir, id)] = code
-        }
-  
-        return { code };
-      },
-      generateBundle(options, bundle) {
-        const files = Object.keys(bundle);
-        files.forEach((file) => {
-            const root = bundle[file].facadeModuleId
-            const modules = this.getModuleInfo(root);
-
-            // ADD IMPORT FOR CSS MODULES
-            if (file.endsWith('.css.js')) {
-                const { code } = bundle[file];
-                // TODO: #718 cjs modules => require('./file.css');
-                const importString = `import './${file.replace('.css.js', '.css.css')}';\n`;
-                this.emitFile({
-                    type: 'asset',
-                    fileName: file,
-                    source: importString + code,
-                });
-            } else if (file.endsWith('.js')) {
-                // ADD IMPORT FOR LINARIA
-                // linaria
-                const cssFiles = modules.importedIds
-                    .filter(a => a.includes(inputDir))
-                    .filter(a => !a.endsWith('.module.css') && a.endsWith('.css'))
-                    .map(a => path.relative(inputDir, a))
-
-                if (!cssFiles.length) {
-                    return;
-                }
-                const imports = [];
-                cssFiles.forEach(cssFile => {
-                    imports.push(`import './${path.relative(path.dirname(file), cssFile)}';`);
-                    this.emitFile({
-                        type: 'asset',
-                        fileName: cssFile,
-                        source: styles[cssFile],
-                    });
-                })
-                if (imports.length) {
+        name: 'importCssPlugin',
+        transform(code, id) {
+            if (!filter(id)) {
+                return;
+            }
+
+            if (styles[id] !== code && (styles[id] || code)) {
+                styles[path.relative(inputDir, id)] = code;
+            }
+
+            return { code };
+        },
+        generateBundle(options, bundle) {
+            const files = Object.keys(bundle);
+
+            files.forEach((file) => {
+                const root = bundle[file].facadeModuleId;
+                const modules = this.getModuleInfo(root);
+
+                // ADD IMPORT FOR CSS MODULES
+                if (file.endsWith('.css.js')) {
                     const { code } = bundle[file];
+                    const data = file.replace('.css.js', '.css.css');
+
+                    const requireString =
+                        options.format === 'cjs' ? `require('./${data}');\n` : `import './${data}';\n`;
+
                     this.emitFile({
                         type: 'asset',
                         fileName: file,
-                        source: imports.join('\n') + '\n' + code,
+                        source: requireString + code,
+                    });
+                } else if (file.endsWith('.js')) {
+                    // ADD IMPORT FOR LINARIA
+                    // linaria
+                    const cssFiles = modules.importedIds
+                        .filter((a) => a.includes(inputDir))
+                        .filter((a) => !a.endsWith('.module.css') && a.endsWith('.css'))
+                        .map((a) => path.relative(inputDir, a));
+
+                    if (!cssFiles.length) {
+                        return;
+                    }
+
+                    const imports = [];
+
+                    cssFiles.forEach((cssFile) => {
+                        const data = path.relative(path.dirname(file), cssFile);
+
+                        const importStatement =
+                            options.format === 'cjs' ? `require('./${data}');` : `import './${data}';`;
+
+                        imports.push(importStatement);
+
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: cssFile,
+                            source: styles[cssFile],
+                        });
                     });
 
-                    console.log(`Added css: ${cssFiles} for ${file}`);
+                    if (imports.length) {
+                        const { code } = bundle[file];
+
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: file,
+                            source: `${imports.join('\n')}\n${code}`,
+                        });
+                    }
                 }
-            }
-        });
-      },
+            });
+        },
     };
-  }
+}