diff --git a/.vscode/settings.json b/.vscode/settings.json index 25fa6215..6fd1fca8 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,4 @@ { - "typescript.tsdk": "node_modules/typescript/lib" + "typescript.tsdk": "node_modules/typescript/lib", + "deepscan.enable": true } diff --git a/build-storybook.log b/build-storybook.log index e96d2d57..7aeea865 100644 --- a/build-storybook.log +++ b/build-storybook.log @@ -1,14 +1,14 @@ -$ storybook build --output-dir /var/folders/xj/ffsl9ps93hl3d6bm37h33dkw0000gn/T/chromatic--25447-gHq5Y6OwJnXk +$ storybook build --output-dir /var/folders/zn/ywmy5phd05z9zw9wyv6f5vw80000gn/T/chromatic--63232-Sn220SKC2fCS @storybook/cli v7.5.1 -info => Cleaning outputDir: /var/folders/xj/ffsl9ps93hl3d6bm37h33dkw0000gn/T/chromatic--25447-gHq5Y6OwJnXk +info => Cleaning outputDir: /var/folders/zn/ywmy5phd05z9zw9wyv6f5vw80000gn/T/chromatic--63232-Sn220SKC2fCS info => Loading presets WARN Could not resolve addon "@storybook/addon-jest", skipping. Is it installed? WARN Could not resolve addon "@storybook/addon-jest", skipping. Is it installed? info => Building manager.. -info => Manager built (235 ms) +info => Manager built (163 ms) info => Building preview.. -info => Copying static files: /Users/filipwitosz/Projects/reqore/node_modules/@storybook/manager/static at /var/folders/xj/ffsl9ps93hl3d6bm37h33dkw0000gn/T/chromatic--25447-gHq5Y6OwJnXk/sb-common-assets +info => Copying static files: /Users/foxhoundn/Projects/reqore/node_modules/@storybook/manager/static at /var/folders/zn/ywmy5phd05z9zw9wyv6f5vw80000gn/T/chromatic--63232-Sn220SKC2fCS/sb-common-assets info Addon-docs: using MDX2 info => Using implicit CSS loaders info => Using default Webpack5 setup @@ -109,14 +109,14 @@ info => Using default Webpack5 setup [webpack.Progress] 10% building [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules WARN No story files found for the specified pattern: src/**/*.stories.mdx - [webpack.Progress] 19% building import loader ./node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js - [webpack.Progress] 19% building 0/1 entries 17/94 dependencies 4/17 modules - [webpack.Progress] 16% building import loader ./node_modules/unplugin/dist/webpack/loaders/load.js - [webpack.Progress] 16% building 0/1 entries 108/133 dependencies 7/63 modules - [webpack.Progress] 23% building 0/1 entries 366/476 dependencies 34/136 modules - [webpack.Progress] 33% building 0/1 entries 1500/1599 dependencies 192/441 modules - [webpack.Progress] 43% building 0/1 entries 2400/2470 dependencies 451/745 modules - [webpack.Progress] 65% building 1/1 entries 3966/3966 dependencies 1359/1359 modules + [webpack.Progress] 15% building import loader ./node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js + [webpack.Progress] 15% building 0/1 entries 11/104 dependencies 4/11 modules + [webpack.Progress] 15% building import loader ./node_modules/unplugin/dist/webpack/loaders/load.js + [webpack.Progress] 15% building 0/1 entries 117/141 dependencies 7/68 modules + [webpack.Progress] 23% building 0/1 entries 439/461 dependencies 38/160 modules + [webpack.Progress] 33% building 0/1 entries 1659/1763 dependencies 200/466 modules + [webpack.Progress] 35% building 0/1 entries 3386/3400 dependencies 517/1134 modules + [webpack.Progress] 65% building 1/1 entries 6248/6248 dependencies 2363/2363 modules [webpack.Progress] 65% building [webpack.Progress] 69% building finish [webpack.Progress] 69% building finish @@ -217,123 +217,133 @@ WARN No story files found for the specified pattern: src/**/*.stories.mdx [webpack.Progress] 92% sealing asset processing TerserPlugin [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.c13bd8f3.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.c13bd8f3.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.71e8f87f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.71e8f87f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Breadcrumbs-Breadcrumbs-stories.69b04a99.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Breadcrumbs-Breadcrumbs-stories.69b04a99.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Button-Button-stories.1d37a023.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Button-Button-stories.1d37a023.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Checkbox-Checkbox-stories.8c59f23f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Checkbox-Checkbox-stories.8c59f23f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Collection-Collection-stories.41864d62.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Collection-Collection-stories.41864d62.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Columns-Columns-stories.af3548e3.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Columns-Columns-stories.af3548e3.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Comment-Comment-stories.f2ea7abb.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Comment-Comment-stories.f2ea7abb.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ControlGroup-ControlGroup-stories.0bf92d6f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ControlGroup-ControlGroup-stories.0bf92d6f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Drawer-Drawer-stories.b085aa6d.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Drawer-Drawer-stories.b085aa6d.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-Dropdown-stories.973e0b36.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-Dropdown-stories.973e0b36.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-DropdownTests-stories.b76339a7.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-DropdownTests-stories.b76339a7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.1c03a0de.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.1c03a0de.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.7f04a818.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin runtime~main.7f04a818.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Breadcrumbs-Breadcrumbs-stories.723fc5fb.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Breadcrumbs-Breadcrumbs-stories.723fc5fb.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Button-Button-stories.0b29af76.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Button-Button-stories.0b29af76.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Checkbox-Checkbox-stories.c92005a2.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Checkbox-Checkbox-stories.c92005a2.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Collection-Collection-stories.fef609c6.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Collection-Collection-stories.fef609c6.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Columns-Columns-stories.72fc12eb.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Columns-Columns-stories.72fc12eb.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Comment-Comment-stories.25b3c321.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Comment-Comment-stories.25b3c321.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ControlGroup-ControlGroup-stories.560e2ac2.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ControlGroup-ControlGroup-stories.560e2ac2.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-DatePicker-DatePicker-stories.a8db517a.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-DatePicker-DatePicker-stories.a8db517a.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Drawer-Drawer-stories.ee2eadb2.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Drawer-Drawer-stories.ee2eadb2.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-Dropdown-stories.8bfaf2a1.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-Dropdown-stories.8bfaf2a1.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-DropdownTests-stories.495433ce.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Dropdown-DropdownTests-stories.495433ce.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ExportModal-ExportModal-stories.487c3ac2.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-ExportModal-ExportModal-stories.487c3ac2.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Header-Header-stories.3acdad49.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Header-Header-stories.3acdad49.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Icon-Icon-stories.b3adccf0.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Icon-Icon-stories.b3adccf0.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Input-Input-stories.48df977f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Input-Input-stories.48df977f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-KeyValueTable-KeyValueTable-stories.15d78d35.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-KeyValueTable-KeyValueTable-stories.15d78d35.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Menu-Menu-stories.ef3dce98.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Menu-Menu-stories.ef3dce98.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Header-Header-stories.60ca26b8.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Header-Header-stories.60ca26b8.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Icon-Icon-stories.e24397c7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Icon-Icon-stories.e24397c7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Input-Input-stories.532d3987.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Input-Input-stories.532d3987.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-KeyValueTable-KeyValueTable-stories.6627f99b.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-KeyValueTable-KeyValueTable-stories.6627f99b.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Label-Label-stories.4d3342c3.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Label-Label-stories.4d3342c3.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Menu-Menu-stories.f490abe5.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Menu-Menu-stories.f490abe5.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Message-Message-stories.c44d8a38.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Message-Message-stories.c44d8a38.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Manager-stories.e7d4f205.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Manager-stories.e7d4f205.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Modal-stories.e43e44b7.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Modal-stories.e43e44b7.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-MultiSelect-MultiSelect-stories.a0d7a766.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-MultiSelect-MultiSelect-stories.a0d7a766.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Navbar-Navbar-stories.3e55721a.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Navbar-Navbar-stories.3e55721a.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Interactive-stories.871b50b2.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Interactive-stories.871b50b2.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notification-stories.271be36f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notification-stories.271be36f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notifications-stories.5f27a573.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notifications-stories.5f27a573.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paging-Paging-stories.6e5eba0e.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paging-Paging-stories.6e5eba0e.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Panel-Panel-stories.cec0f63f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Panel-Panel-stories.cec0f63f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paragraph-Paragraph-stories.8c2f0b87.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paragraph-Paragraph-stories.8c2f0b87.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Popover-Popover-stories.3335ee16.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Popover-Popover-stories.3335ee16.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RadioGroup-RadioGroup-stories.1d6e5029.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RadioGroup-RadioGroup-stories.1d6e5029.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spacer-Spacer-stories.2e05ee8a.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spacer-Spacer-stories.2e05ee8a.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spinner-Spinner-stories.b9297c31.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spinner-Spinner-stories.b9297c31.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Table-Table-stories.6b06afee.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Table-Table-stories.6b06afee.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tabs-Tabs-stories.ccdec8e2.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tabs-Tabs-stories.ccdec8e2.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-Tag-stories.2d5b6bdf.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-Tag-stories.2d5b6bdf.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-TagGroup-stories.a9b2df76.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-TagGroup-stories.a9b2df76.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextArea-stories.a3875852.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextArea-stories.a3875852.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextAreaTests-stories.bb3fa4c9.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextAreaTests-stories.bb3fa4c9.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tree-Tree-stories.a3b38238.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tree-Tree-stories.a3b38238.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.2fe781ea.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.2fe781ea.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1341.fd1d6f09.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1341.fd1d6f09.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1729.2beb76f5.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1729.2beb76f5.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Manager-stories.ddd3da06.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Manager-stories.ddd3da06.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Modal-stories.1eb9bf62.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Modal-Modal-stories.1eb9bf62.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-MultiSelect-MultiSelect-stories.027eacd3.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-MultiSelect-MultiSelect-stories.027eacd3.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Navbar-Navbar-stories.ddd18118.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Navbar-Navbar-stories.ddd18118.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Interactive-stories.716901b3.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Interactive-stories.716901b3.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notification-stories.04d6e6fb.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notification-stories.04d6e6fb.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notifications-stories.5ed1536d.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Notifications-Notifications-stories.5ed1536d.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paging-Paging-stories.fa1eefb4.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paging-Paging-stories.fa1eefb4.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Panel-Panel-stories.5d893625.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Panel-Panel-stories.5d893625.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paragraph-Paragraph-stories.3818c802.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Paragraph-Paragraph-stories.3818c802.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Popover-Popover-stories.c62ad0f6.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Popover-Popover-stories.c62ad0f6.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RadioGroup-RadioGroup-stories.ece272d0.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RadioGroup-RadioGroup-stories.ece272d0.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RichTextEditor-RichTextEditor-stories.8660a266.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-RichTextEditor-RichTextEditor-stories.8660a266.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Slider-Slider-stories.d0334524.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Slider-Slider-stories.d0334524.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spacer-Spacer-stories.c1d522c1.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spacer-Spacer-stories.c1d522c1.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Span-Span-stories.4b1cb6b7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Span-Span-stories.4b1cb6b7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spinner-Spinner-stories.68bf4cbf.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Spinner-Spinner-stories.68bf4cbf.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Table-Table-stories.3619125f.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Table-Table-stories.3619125f.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tabs-Tabs-stories.60c972f7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tabs-Tabs-stories.60c972f7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-Tag-stories.375829cc.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-Tag-stories.375829cc.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-TagGroup-stories.640458f7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tag-TagGroup-stories.640458f7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextArea-stories.2dfe1985.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextArea-stories.2dfe1985.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextAreaTests-stories.16119182.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-TextArea-TextAreaTests-stories.16119182.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tree-Tree-stories.d67f1d43.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin stories-Tree-Tree-stories.d67f1d43.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.4f1fa152.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.4f1fa152.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1341.c9a5c93e.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1341.c9a5c93e.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1729.f30e0be8.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1729.f30e0be8.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9296.a87479fe.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9296.a87479fe.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3426.4422feb5.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3426.4422feb5.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1984.cdb2c552.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 1984.cdb2c552.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.cb49c6b9.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.cb49c6b9.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.31f0dc02.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.31f0dc02.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 2085.64fa8ab3.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 2085.64fa8ab3.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 7596.b7ce699c.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 7596.b7ce699c.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 6389.b593cfc9.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 6389.b593cfc9.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 4921.29e29c79.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 4921.29e29c79.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9042.45792bef.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9042.45792bef.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9367.dafe7cb0.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9367.dafe7cb0.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 4921.fdabe078.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 4921.fdabe078.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3441.ec88a4d3.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3441.ec88a4d3.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3566.e0a2c01a.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3566.e0a2c01a.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.c13bd8f3.iframe.bundle.js attach SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.c13bd8f3.iframe.bundle.js attached SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.2fe781ea.iframe.bundle.js attach SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.2fe781ea.iframe.bundle.js attached SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.1c03a0de.iframe.bundle.js attach SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin main.1c03a0de.iframe.bundle.js attached SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.4f1fa152.iframe.bundle.js attach SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 269.4f1fa152.iframe.bundle.js attached SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3426.4422feb5.iframe.bundle.js attach SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 3426.4422feb5.iframe.bundle.js attached SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.cb49c6b9.iframe.bundle.js attach SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.cb49c6b9.iframe.bundle.js attached SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 6389.b593cfc9.iframe.bundle.js attach SourceMap - [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 6389.b593cfc9.iframe.bundle.js attached SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.31f0dc02.iframe.bundle.js attach SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 8517.31f0dc02.iframe.bundle.js attached SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9367.dafe7cb0.iframe.bundle.js attach SourceMap + [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin 9367.dafe7cb0.iframe.bundle.js attached SourceMap [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin [webpack.Progress] 92% sealing asset processing SourceMapDevToolPlugin resolve sources @@ -344,46 +354,50 @@ WARN No story files found for the specified pattern: src/**/*.stories.mdx [webpack.Progress] 92% sealing asset processing HtmlWebpackPlugin [webpack.Progress] 92% sealing asset processing RealContentHashPlugin [webpack.Progress] 92% sealing asset processing RealContentHashPlugin - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.42a8c4a6.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.42a8c4a6.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Breadcrumbs-Breadcrumbs-stories.3133af7e.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Breadcrumbs-Breadcrumbs-stories.3133af7e.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Button-Button-stories.95f507ac.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Button-Button-stories.95f507ac.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Checkbox-Checkbox-stories.7e2a96dd.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Checkbox-Checkbox-stories.7e2a96dd.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Collection-Collection-stories.f67213f5.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Collection-Collection-stories.f67213f5.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.672a7561.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin runtime~main.672a7561.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Breadcrumbs-Breadcrumbs-stories.e572d5df.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Breadcrumbs-Breadcrumbs-stories.e572d5df.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Button-Button-stories.7be80ac0.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Button-Button-stories.7be80ac0.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Checkbox-Checkbox-stories.41a2dbbd.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Checkbox-Checkbox-stories.41a2dbbd.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Collection-Collection-stories.b472d3f7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Collection-Collection-stories.b472d3f7.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Columns-Columns-stories.e7b00ea1.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Columns-Columns-stories.e7b00ea1.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Comment-Comment-stories.ed19f325.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Comment-Comment-stories.ed19f325.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-ControlGroup-ControlGroup-stories.bc166fd0.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-ControlGroup-ControlGroup-stories.bc166fd0.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-DatePicker-DatePicker-stories.3a65cb7a.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-DatePicker-DatePicker-stories.3a65cb7a.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Drawer-Drawer-stories.074fe4c4.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Drawer-Drawer-stories.074fe4c4.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-Dropdown-stories.df27140f.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-Dropdown-stories.df27140f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-DropdownTests-stories.7a4f0f48.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-DropdownTests-stories.7a4f0f48.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-Dropdown-stories.7c7fef78.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-Dropdown-stories.7c7fef78.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-DropdownTests-stories.fa8e3561.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Dropdown-DropdownTests-stories.fa8e3561.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-ExportModal-ExportModal-stories.f33bd88d.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-ExportModal-ExportModal-stories.f33bd88d.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Header-Header-stories.66ee741b.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Header-Header-stories.66ee741b.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Icon-Icon-stories.615cf746.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Icon-Icon-stories.615cf746.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Input-Input-stories.c562bc7e.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Input-Input-stories.c562bc7e.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-KeyValueTable-KeyValueTable-stories.8c0b6de1.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-KeyValueTable-KeyValueTable-stories.8c0b6de1.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Menu-Menu-stories.e0083af9.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Menu-Menu-stories.e0083af9.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Input-Input-stories.b0589e8c.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Input-Input-stories.b0589e8c.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-KeyValueTable-KeyValueTable-stories.5fedceb3.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-KeyValueTable-KeyValueTable-stories.5fedceb3.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Label-Label-stories.9f5320c4.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Label-Label-stories.9f5320c4.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Menu-Menu-stories.9b47f9a4.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Menu-Menu-stories.9b47f9a4.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Message-Message-stories.d8242497.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Message-Message-stories.d8242497.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Manager-stories.4d059ddf.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Manager-stories.4d059ddf.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Modal-stories.bd1d3882.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Modal-stories.bd1d3882.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Modal-stories.766ca7fa.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Modal-Modal-stories.766ca7fa.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-MultiSelect-MultiSelect-stories.9fb30dbf.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-MultiSelect-MultiSelect-stories.9fb30dbf.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Navbar-Navbar-stories.1f7a7a60.iframe.bundle.js generate SourceMap @@ -396,44 +410,50 @@ WARN No story files found for the specified pattern: src/**/*.stories.mdx [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Notifications-Notifications-stories.a844efb6.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paging-Paging-stories.8b0bdfc1.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paging-Paging-stories.8b0bdfc1.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Panel-Panel-stories.d05e2f8c.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Panel-Panel-stories.d05e2f8c.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paragraph-Paragraph-stories.32634495.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paragraph-Paragraph-stories.32634495.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Popover-Popover-stories.85fb8729.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Popover-Popover-stories.85fb8729.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RadioGroup-RadioGroup-stories.af991541.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RadioGroup-RadioGroup-stories.af991541.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Panel-Panel-stories.5691a4ba.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Panel-Panel-stories.5691a4ba.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paragraph-Paragraph-stories.c422da24.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Paragraph-Paragraph-stories.c422da24.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Popover-Popover-stories.29d68dd8.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Popover-Popover-stories.29d68dd8.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RadioGroup-RadioGroup-stories.8cd13747.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RadioGroup-RadioGroup-stories.8cd13747.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RichTextEditor-RichTextEditor-stories.9d2ea7b7.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-RichTextEditor-RichTextEditor-stories.9d2ea7b7.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Slider-Slider-stories.5788e010.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Slider-Slider-stories.5788e010.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Spacer-Spacer-stories.32bfdcdb.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Spacer-Spacer-stories.32bfdcdb.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Span-Span-stories.2dd3b303.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Span-Span-stories.2dd3b303.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Spinner-Spinner-stories.1292cb93.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Spinner-Spinner-stories.1292cb93.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Table-Table-stories.ad6954a6.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Table-Table-stories.ad6954a6.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tabs-Tabs-stories.9f6cdfb5.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tabs-Tabs-stories.9f6cdfb5.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-Tag-stories.e84f7d88.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-Tag-stories.e84f7d88.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Table-Table-stories.eed86826.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Table-Table-stories.eed86826.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tabs-Tabs-stories.f0fa716b.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tabs-Tabs-stories.f0fa716b.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-Tag-stories.44d315e9.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-Tag-stories.44d315e9.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-TagGroup-stories.071dcd77.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tag-TagGroup-stories.071dcd77.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextArea-stories.b70c9eee.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextArea-stories.b70c9eee.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextArea-stories.b9272a30.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextArea-stories.b9272a30.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextAreaTests-stories.cef25d67.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-TextArea-TextAreaTests-stories.cef25d67.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tree-Tree-stories.5a0f200a.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tree-Tree-stories.5a0f200a.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tree-Tree-stories.2f30f15b.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin stories-Tree-Tree-stories.2f30f15b.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1341.7c881a3f.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1341.7c881a3f.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1729.be9f4101.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1729.be9f4101.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1729.66dd28e5.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1729.66dd28e5.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 9296.6f3932a4.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 9296.6f3932a4.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1984.69cc42a0.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 1984.69cc42a0.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 2085.3be7dc88.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 2085.3be7dc88.iframe.bundle.js generated SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 7596.1dddc107.iframe.bundle.js generate SourceMap - [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 7596.1dddc107.iframe.bundle.js generated SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 9042.7f6f1d7b.iframe.bundle.js generate SourceMap + [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 9042.7f6f1d7b.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 4921.a9d5db35.iframe.bundle.js generate SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 4921.a9d5db35.iframe.bundle.js generated SourceMap [webpack.Progress] 92% sealing asset processing RealContentHashPlugin 3441.ca25fc7c.iframe.bundle.js generate SourceMap @@ -465,27 +485,31 @@ WARN No story files found for the specified pattern: src/**/*.stories.mdx [webpack.Progress] 99% cache begin idle [webpack.Progress] 100% +WARN export 'IReqoreHeadingProps' (reexported as 'IReqoreHeadingProps') was not found in './components/Header' (possible exports: ReqoreH1, ReqoreH2, ReqoreH3, ReqoreH4, ReqoreH5, ReqoreH6, ReqoreHeading, StyledHeader) +WARN export 'IReqoreParagraphProps' (reexported as 'IReqoreParagraphProps') was not found in './components/Paragraph' (possible exports: ReqoreP, StyledParagraph) +WARN export 'IReqoreRichTextEditorProps' (reexported as 'IReqoreRichTextEditorProps') was not found in './components/RichTextEditor' (possible exports: DefaultElement, ReqoreRichTextEditor, TemplateElement, withTemplates) +WARN export 'IReqoreSpanProps' (reexported as 'IReqoreSpanProps') was not found in './components/Span' (possible exports: ReqoreSpan, StyledSpan) WARN DefinePlugin WARN Conflicting values for 'process.env.NODE_ENV' WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). WARN This can impact web performance. WARN Assets: -WARN 7596.1dddc107.iframe.bundle.js (550 KiB) -WARN main.f1e2f0fc.iframe.bundle.js (334 KiB) +WARN 9042.7f6f1d7b.iframe.bundle.js (422 KiB) +WARN main.c33dda03.iframe.bundle.js (389 KiB) WARN 269.888a11b6.iframe.bundle.js (707 KiB) WARN 3426.d81c726b.iframe.bundle.js (583 KiB) -WARN 8517.e59c6460.iframe.bundle.js (433 KiB) -WARN 6389.46ff218f.iframe.bundle.js (3.2 MiB) +WARN 8517.5d6e3a57.iframe.bundle.js (427 KiB) +WARN 9367.6f366eae.iframe.bundle.js (3.82 MiB) WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. WARN Entrypoints: -WARN main (3.53 MiB) -WARN runtime~main.42a8c4a6.iframe.bundle.js -WARN 6389.46ff218f.iframe.bundle.js -WARN main.f1e2f0fc.iframe.bundle.js +WARN main (4.21 MiB) +WARN runtime~main.672a7561.iframe.bundle.js +WARN 9367.6f366eae.iframe.bundle.js +WARN main.c33dda03.iframe.bundle.js WARN [webpack.Progress] 99% cache shutdown [webpack.Progress] 99% cache shutdown [webpack.Progress] 100% -info => Preview built (12 s) -info => Output directory: /var/folders/xj/ffsl9ps93hl3d6bm37h33dkw0000gn/T/chromatic--25447-gHq5Y6OwJnXk +info => Preview built (8.75 s) +info => Output directory: /var/folders/zn/ywmy5phd05z9zw9wyv6f5vw80000gn/T/chromatic--63232-Sn220SKC2fCS diff --git a/package.json b/package.json index 3a5e31df..1954f170 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@qoretechnologies/reqore", - "version": "0.48.22", + "version": "0.48.23", "description": "ReQore is a highly theme-able and modular UI library for React", "main": "dist/index.js", "types": "dist/index.d.ts", diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index e27b2bda..7ee18bf9 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -357,10 +357,11 @@ export interface IReqoreButtonBadgeProps extends IWithReqoreSize { wrapGroup?: boolean; compact?: boolean; active?: boolean; + margin?: 'left' | 'none'; } export const ButtonBadge = memo( - ({ wrapGroup, compact, active, ...props }: IReqoreButtonBadgeProps) => { + ({ wrapGroup, compact, active, margin = 'left', ...props }: IReqoreButtonBadgeProps) => { const renderTag = useCallback( ({ size, color, theme, content, key }: IReqoreButtonBadgeProps & { key: number }) => ( - + {margin === 'left' && ( + + )} {size(leftBadges) ? ( {leftBadges.map((badge, index) => diff --git a/src/components/Icon/index.tsx b/src/components/Icon/index.tsx index 3ec96de7..b697077d 100644 --- a/src/components/Icon/index.tsx +++ b/src/components/Icon/index.tsx @@ -24,7 +24,10 @@ export interface IReqoreIconProps wrapperSize?: TSizes | string; wrapperElement?: any; iconProps?: IconBaseProps; + margin?: 'right' | 'left' | 'both'; + marginSize?: TSizes | string | number; + image?: string; rounded?: boolean; rotation?: number; @@ -55,18 +58,22 @@ export const StyledIconWrapper = styled(StyledEffect)<{ margin: 'right' | 'left' rotate: ${({ rotation }) => (rotation ? `${rotation}deg` : undefined)}; cursor: ${({ interactive }) => (interactive ? 'pointer' : undefined)}; - ${({ margin, size, compact }) => + ${({ margin, marginSize, size, compact }) => margin && css` margin-left: ${margin === 'left' || margin === 'both' - ? isStringSize(size) + ? marginSize + ? `${marginSize}px` + : isStringSize(size) ? `${PADDING_FROM_SIZE[size] / (compact ? 2 : 1)}px` : compact ? '3px' : '6px' : undefined}; margin-right: ${margin === 'right' || margin === 'both' - ? isStringSize(size) + ? marginSize + ? `${marginSize}px` + : isStringSize(size) ? `${PADDING_FROM_SIZE[size] / (compact ? 2 : 1)}px` : compact ? '3px' @@ -95,7 +102,10 @@ const ReqoreIcon = memo( wrapperElement, className, color, + margin, + marginSize, + style = {}, iconProps, intent, @@ -118,6 +128,9 @@ const ReqoreIcon = memo( ? ICON_FROM_SIZE[wrapperSize] : wrapperSize : finalSize; + const finalMarginSize: number = isStringSize(marginSize) + ? PADDING_FROM_SIZE[marginSize] + : marginSize; useTooltip(iconRef, tooltip); @@ -129,6 +142,7 @@ const ReqoreIcon = memo( ref={targetRef} size={size} margin={margin} + marginSize={finalMarginSize} className={`${className || ''} reqore-icon`} style={{ width: finalWrapperSize, height: finalWrapperSize, ...style }} > @@ -145,6 +159,7 @@ const ReqoreIcon = memo( ref={targetRef} size={size} margin={margin} + marginSize={finalMarginSize} className={`${className || ''} reqore-icon`} style={{ width: finalWrapperSize, height: finalWrapperSize, ...style }} /> @@ -161,6 +176,7 @@ const ReqoreIcon = memo( }} margin={margin} size={size} + marginSize={finalMarginSize} style={{ width: finalWrapperSize, height: finalWrapperSize, ...style }} className={`${className || ''} reqore-icon`} > diff --git a/src/components/Panel/index.tsx b/src/components/Panel/index.tsx index adff38fd..1afd93da 100644 --- a/src/components/Panel/index.tsx +++ b/src/components/Panel/index.tsx @@ -10,13 +10,14 @@ import { GAP_FROM_SIZE, HEADER_SIZE_TO_NUMBER, ICON_FROM_HEADER_SIZE, + NUMBER_TO_SIZE, PADDING_FROM_SIZE, RADIUS_FROM_SIZE, SIZE_TO_PX, TEXT_FROM_SIZE, TSizes, } from '../../constants/sizes'; -import { IReqoreTheme } from '../../constants/theme'; +import { IReqoreTheme, TReqoreIntent } from '../../constants/theme'; import { changeDarkness, changeLightness, @@ -47,6 +48,7 @@ import ReqoreDropdown from '../Dropdown'; import { IReqoreDropdownItem } from '../Dropdown/list'; import { IReqoreEffect, StyledEffect, TReqoreEffectColor } from '../Effect'; import ReqoreIcon, { IReqoreIconProps, StyledIconWrapper } from '../Icon'; +import { ReqoreSpan } from '../Span'; import { LabelEditor } from './LabelEditor'; import { ReqorePanelNonResponsiveActions } from './NonResponsiveActions'; @@ -86,10 +88,13 @@ export interface IReqorePanelProps React.HTMLAttributes { as?: any; children?: any; + icon?: IReqoreIconName; iconProps?: IReqoreIconProps; label?: string | ReactElement; badge?: TReqoreBadge | TReqoreBadge[]; + description?: string; + collapsible?: boolean; isCollapsed?: boolean; collapseButtonProps?: IReqoreButtonProps; @@ -121,6 +126,8 @@ export interface IReqorePanelProps contentSize?: TSizes; contentEffect?: IReqoreEffect; headerEffect?: IReqoreEffect; + descriptionEffect?: IReqoreEffect; + descriptionIntent?: TReqoreIntent; transparent?: boolean; iconColor?: TReqoreEffectColor; responsiveActions?: boolean; @@ -164,6 +171,19 @@ export const StyledPanelTitleHeaderContent = styled.div` }}px; `; +export const StyledPanelTitleHeaderLabelAndDescription = styled.div` + display: flex; + flex-flow: column; + gap: 3px; + min-width: 0; + flex: 1 auto; +`; + +export const StyledPanelTitleHeaderLabelAndBadge = styled.div` + display: inline-flex; + max-width: 100%; +`; + export type TPanelStyle = React.FC< Omit & ResizableProps & { @@ -347,6 +367,7 @@ export const ReqorePanel = forwardRef( { children, label, + description, collapseButtonProps = {}, collapsible, onClose, @@ -367,6 +388,8 @@ export const ReqorePanel = forwardRef( contentStyle, contentEffect, headerEffect = {}, + descriptionEffect = {}, + descriptionIntent, headerSize, contentSize, minimal, @@ -764,30 +787,44 @@ export const ReqorePanel = forwardRef( } /> ) : null} - {typeof label === 'string' ? ( - - ) : ( - label - )} + + + {typeof label === 'string' ? ( + + ) : ( + label + )} + {badge || badge === 0 ? ( + + ) : null} + + {description && ( + + {description} + + )} + ) : null} - {badge || badge === 0 ? ( - - ) : null} Sides +
+ Huge + + Margins +
+
+ Tiny + + Margins +
); diff --git a/src/stories/Panel/Panel.stories.tsx b/src/stories/Panel/Panel.stories.tsx index 646949cf..c0382d26 100644 --- a/src/stories/Panel/Panel.stories.tsx +++ b/src/stories/Panel/Panel.stories.tsx @@ -761,3 +761,26 @@ export const Loading: Story = { loading: true, }, }; + +export const WithDescription: Story = { + render: Template, + + args: { + description: 'This is a description', + }, +}; + +export const WithLongDescription: Story = { + render: Template, + + args: { + minimal: true, + descriptionIntent: 'info', + descriptionEffect: { + uppercase: true, + textSize: 'small', + }, + description: + 'This is a very long description that should be wrapped and not overflow, but it should be long enough to test the wrapping', + }, +};