fix(doc): rename demo custom classes

ovh · Jul 29, 2024 · 7ac8d53 · 7ac8d53
1 parent 1cd1fbf
commit 7ac8d53
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/packages/storybook/stories/components/button/button.stories.ts b/packages/storybook/stories/components/button/button.stories.ts
@@ -15,15 +15,15 @@ export default meta;
 
 export const Demo: StoryObj = {
   render: (arg) => html`
-<ods-button class="my-button"
+<ods-button class="my-button-demo"
             color="${arg.color}"
             icon="${arg.icon}"
             label="${arg.label}"
             size="${arg.size}"
             variant="${arg.variant}">
 </ods-button>
 <style>
-  .my-button::part(button) {
+  .my-button-demo::part(button) {
     ${arg.customCss}
   }
 </style>

diff --git a/packages/storybook/stories/components/skeleton/skeleton.stories.ts b/packages/storybook/stories/components/skeleton/skeleton.stories.ts
@@ -14,10 +14,10 @@ export default meta;
 
 export const Demo: StoryObj = {
   render: (arg) => html`
-<ods-skeleton class="my-skeleton">
+<ods-skeleton class="my-skeleton-demo">
 </ods-skeleton>
 <style>
-  .my-skeleton::part(skeleton) {
+  .my-skeleton-demo::part(skeleton) {
     ${arg.customCss}
   }
 </style>

diff --git a/packages/storybook/stories/components/spinner/spinner.stories.ts b/packages/storybook/stories/components/spinner/spinner.stories.ts
@@ -15,12 +15,12 @@ export default meta;
 
 export const Demo: StoryObj = {
   render: (arg) => html`
-<ods-spinner class="my-spinner"
+<ods-spinner class="my-spinner-demo"
              color="${arg.color}"
              size="${arg.size}">
 </ods-spinner>
 <style>
-  .my-spinner::part(spinner) {
+  .my-spinner-demo::part(spinner) {
     ${arg.customCss}
   }
 </style>

diff --git a/packages/storybook/stories/components/text/text.stories.ts b/packages/storybook/stories/components/text/text.stories.ts
@@ -16,11 +16,12 @@ export default meta;
 
 export const Demo: StoryObj = {
   render: (arg) => html`
-<ods-text class="my-text" preset="${arg.preset}">
+<ods-text class="my-text-demo"
+          preset="${arg.preset}">
   ${unsafeHTML(arg.content)}
 </ods-text>
 <style>
-  .my-text::part(text) {
+  .my-text-demo::part(text) {
     ${arg.customCss}
   }
 </style>