add readme

umbraco · Sep 6, 2024 · 4407bc4 · 4407bc4
1 parent ed8df3a
commit 4407bc4
Show file tree

Hide file tree

Showing 78 changed files with 78 additions and 0 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -19,6 +19,7 @@ const config: StorybookConfig = {
     getAbsolutePath('@storybook/addon-links'),
     getAbsolutePath('@storybook/addon-essentials'),
     getAbsolutePath('@chromatic-com/storybook'),
+    '../storyhelpers/storybook-readme',
   ],
   framework: {
     name: getAbsolutePath('@storybook/web-components-vite'),

diff --git a/packages/uui-action-bar/lib/uui-action-bar.stories.ts b/packages/uui-action-bar/lib/uui-action-bar.stories.ts
@@ -1,5 +1,6 @@
 import { html } from 'lit';
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-action-bar/lib';
 import '@umbraco-ui/uui-button/lib';
 import '@umbraco-ui/uui-icon/lib';

diff --git a/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts b/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-avatar/lib/uui-avatar.stories.ts b/packages/uui-avatar/lib/uui-avatar.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-badge/lib/uui-badge.stories.ts b/packages/uui-badge/lib/uui-badge.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-box/lib/uui-box.stories.ts b/packages/uui-box/lib/uui-box.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html, nothing } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts b/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-button-group/lib/uui-button-group.stories.ts b/packages/uui-button-group/lib/uui-button-group.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts b/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html, TemplateResult } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { GetRandomUmbracoWord } from '../../../storyhelpers/UmbracoWordGenerator';

diff --git a/packages/uui-button/lib/uui-button.stories.ts b/packages/uui-button/lib/uui-button.stories.ts
@@ -1,5 +1,6 @@
 import { html } from 'lit';
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-badge/lib';
 import '@umbraco-ui/uui-icon/lib';
 import '@umbraco-ui/uui-loader-circle/lib';

diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts b/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-tag/lib/index';
 import '@umbraco-ui/uui-button/lib/index';
 import { html } from 'lit';

diff --git a/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts b/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-tag/lib/index';
 import '@umbraco-ui/uui-button/lib/index';
 import { html, nothing, TemplateResult } from 'lit';

diff --git a/packages/uui-card-media/lib/uui-card-media.stories.ts b/packages/uui-card-media/lib/uui-card-media.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-tag/lib/index';
 import '@umbraco-ui/uui-button/lib/index';
 import '@umbraco-ui/uui-symbol-file/lib/index';

diff --git a/packages/uui-card-user/lib/uui-card-user.stories.ts b/packages/uui-card-user/lib/uui-card-user.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import '@umbraco-ui/uui-tag/lib/index';
 import '@umbraco-ui/uui-button/lib/index';
 import '@umbraco-ui/uui-avatar/lib/index';

diff --git a/packages/uui-card/lib/uui-card.stories.ts b/packages/uui-card/lib/uui-card.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-caret/lib/uui-caret.stories.ts b/packages/uui-caret/lib/uui-caret.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-checkbox/lib/uui-checkbox.stories.ts b/packages/uui-checkbox/lib/uui-checkbox.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-color-area/lib/uui-color-area.stories.ts b/packages/uui-color-area/lib/uui-color-area.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-color-picker/lib/uui-color-picker.stories.ts b/packages/uui-color-picker/lib/uui-color-picker.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-color-slider/lib/uui-color-slider.stories.ts b/packages/uui-color-slider/lib/uui-color-slider.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts b/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts b/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts b/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-combobox/lib/uui-combobox.stories.ts b/packages/uui-combobox/lib/uui-combobox.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts b/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-dialog/lib/uui-dialog.stories.ts b/packages/uui-dialog/lib/uui-dialog.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts b/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-file-preview/lib/uui-file-preview.stories.ts b/packages/uui-file-preview/lib/uui-file-preview.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html, nothing } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts b/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts b/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-form/lib/uui-form.stories.ts b/packages/uui-form/lib/uui-form.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-icon/lib/uui-icon.stories.ts b/packages/uui-icon/lib/uui-icon.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-input-file/lib/uui-input-file.stories.ts b/packages/uui-input-file/lib/uui-input-file.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import { action } from '@storybook/addon-actions';
 import type { Meta, StoryObj } from '@storybook/web-components';

diff --git a/packages/uui-input-lock/lib/uui-input-lock.stories.ts b/packages/uui-input-lock/lib/uui-input-lock.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-input-password/lib/uui-input-password.stories.ts b/packages/uui-input-password/lib/uui-input-password.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-input/lib/uui-input.stories.ts b/packages/uui-input/lib/uui-input.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts b/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-label/lib/uui-label.stories.ts b/packages/uui-label/lib/uui-label.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts b/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts b/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-loader/lib/uui-loader.stories.ts b/packages/uui-loader/lib/uui-loader.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-menu-item/lib/uui-menu-item.stories.ts b/packages/uui-menu-item/lib/uui-menu-item.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html, nothing } from 'lit';
 import type { Meta, StoryFn, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-modal/lib/uui-modal.stories.ts b/packages/uui-modal/lib/uui-modal.stories.ts
@@ -1,5 +1,6 @@
 import '@umbraco-ui/uui-dialog-layout/lib';
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import './modal-example.element';

diff --git a/packages/uui-pagination/lib/uui-pagination.stories.ts b/packages/uui-pagination/lib/uui-pagination.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Args, Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-popover-container/lib/uui-popover-container.stories.ts b/packages/uui-popover-container/lib/uui-popover-container.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts b/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-radio/lib/uui-radio.stories.ts b/packages/uui-radio/lib/uui-radio.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-range-slider/lib/uui-range-slider.stories.ts b/packages/uui-range-slider/lib/uui-range-slider.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-list/lib/uui-ref-list.stories.ts b/packages/uui-ref-list/lib/uui-ref-list.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts b/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts b/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts b/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts b/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts b/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts b/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-ref-node/lib/uui-ref-node.stories.ts b/packages/uui-ref-node/lib/uui-ref-node.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { renderSlots, spread } from '../../../storyhelpers';

diff --git a/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts b/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-select/lib/uui-select.stories.ts b/packages/uui-select/lib/uui-select.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-slider/lib/uui-slider.stories.ts b/packages/uui-slider/lib/uui-slider.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts b/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts b/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts b/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts b/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';

diff --git a/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts b/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 

diff --git a/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts b/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts
@@ -1,4 +1,5 @@
 import '.';
+import readme from '../README.md?raw';
 import { html } from 'lit';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { spread } from '../../../storyhelpers';