From 30b8212ae8eebe9be051d7d6b3963f726ccd2a76 Mon Sep 17 00:00:00 2001 From: Afsal K Date: Thu, 9 Jan 2025 11:18:43 +0530 Subject: [PATCH] refactor(icons): move componets/icon to elements/icons --- .../src/components/{icon => icons}/docs/overview.mdx | 8 ++++---- .../src/components/{icon/icon.mdx => icons/icons.mdx} | 8 ++++---- .../{icon/icon.stories.ts => icons/icons.stories.ts} | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) rename packages/web-components/src/components/{icon => icons}/docs/overview.mdx (60%) rename packages/web-components/src/components/{icon/icon.mdx => icons/icons.mdx} (83%) rename packages/web-components/src/components/{icon/icon.stories.ts => icons/icons.stories.ts} (98%) diff --git a/packages/web-components/src/components/icon/docs/overview.mdx b/packages/web-components/src/components/icons/docs/overview.mdx similarity index 60% rename from packages/web-components/src/components/icon/docs/overview.mdx rename to packages/web-components/src/components/icons/docs/overview.mdx index 0872f025245b..d2841d0205da 100644 --- a/packages/web-components/src/components/icon/docs/overview.mdx +++ b/packages/web-components/src/components/icons/docs/overview.mdx @@ -6,19 +6,19 @@ variants={[ { label: 'Default', - variant: 'components-icon--default' + variant: 'elements-icons--default' }, { label: 'With Custom Class', - variant: 'components-icon--with-custom-class' + variant: 'elements-icons--with-custom-class' }, { label: 'With aria-label', - variant: 'components-icon--with-aria-label' + variant: 'elements-icons--with-aria-label' }, { label: 'With Title', - variant: 'components-icon--with-title' + variant: 'elements-icons--with-title' } ]} /> diff --git a/packages/web-components/src/components/icon/icon.mdx b/packages/web-components/src/components/icons/icons.mdx similarity index 83% rename from packages/web-components/src/components/icon/icon.mdx rename to packages/web-components/src/components/icons/icons.mdx index 712d97091dd6..8a2c6e8f7780 100644 --- a/packages/web-components/src/components/icon/icon.mdx +++ b/packages/web-components/src/components/icons/icons.mdx @@ -1,9 +1,9 @@ import { ArgTypes, Meta } from '@storybook/blocks'; -import * as IconStories from './icon.stories'; +import * as IconsStories from './icons.stories'; - + -# Icon +# Icons Icons can be utilized by specifying the icon name and size in the import. @@ -27,5 +27,5 @@ function App() { ); ``` -Icon library can be found +Icons library can be found [here](https://www.carbondesignsystem.com/guidelines/icons/library). diff --git a/packages/web-components/src/components/icon/icon.stories.ts b/packages/web-components/src/components/icons/icons.stories.ts similarity index 98% rename from packages/web-components/src/components/icon/icon.stories.ts rename to packages/web-components/src/components/icons/icons.stories.ts index f52edcf31b2c..6d78a636446b 100644 --- a/packages/web-components/src/components/icon/icon.stories.ts +++ b/packages/web-components/src/components/icons/icons.stories.ts @@ -72,7 +72,7 @@ export const withTitle = { }; const meta = { - title: 'Components/Icon', + title: 'Elements/Icons', }; export default meta;