From a647f18f3e06f615d949a9faf55e274db60a955d Mon Sep 17 00:00:00 2001 From: Barkley Date: Fri, 12 Jan 2024 12:34:04 +0100 Subject: [PATCH] fix(storybook): tag name all files --- .../components/actions/buttons/icon-button/index.stories.ts | 4 ++-- .../components/actions/buttons/text-button/index.stories.ts | 4 ++-- .../src/components/feedback/loader/index.stories.ts | 4 ++-- .../src/components/forms/checkbox/index.stories.ts | 6 +++--- .../src/components/forms/number-input/index.stories.ts | 4 ++-- .../src/components/forms/radio/radio-input/index.stories.ts | 4 ++-- .../ui-library/src/components/forms/select/index.stories.ts | 4 ++-- .../src/components/forms/text-input/index.stories.ts | 4 ++-- .../src/components/forms/textarea/index.stories.ts | 4 ++-- 9 files changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts b/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts index bbdcc4218..304a0a6b4 100644 --- a/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts +++ b/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts @@ -171,7 +171,7 @@ export default { viewMode: 'docs', docs: { description: { - component: ` + component: ` An icon component typically displays a small, visually recognizable graphic or symbol that represents a particular function, object, or concept. **NOTE**
@@ -184,7 +184,7 @@ The Icon Button component can not be used as a link out of the box and we genera - [**Dependencies**](#dependencies) - [**Icon**](#icon) - [**Loader**](#loader) - `, + `, }, }, }, diff --git a/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts b/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts index f301f9d50..84cc7df9f 100644 --- a/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts +++ b/packages/ui-library/src/components/actions/buttons/text-button/index.stories.ts @@ -193,7 +193,7 @@ export default { viewMode: 'docs', docs: { description: { - component: ` + component: ` Text Button represents a clickable button that typically displays text rather than icons or symbols. The main feature of a Text Button is the text label, which communicates the button's action or function to the user. **NOTE**
@@ -207,7 +207,7 @@ Text Button represents a clickable button that typically displays text rather th - [**Dependencies**](#dependencies) - [**Icon**](#icon) - [**Loader**](#loader) -`, +`, }, }, }, diff --git a/packages/ui-library/src/components/feedback/loader/index.stories.ts b/packages/ui-library/src/components/feedback/loader/index.stories.ts index 1fc5970bd..e6436a0c5 100644 --- a/packages/ui-library/src/components/feedback/loader/index.stories.ts +++ b/packages/ui-library/src/components/feedback/loader/index.stories.ts @@ -69,12 +69,12 @@ export default { layout: 'centered', docs: { description: { - component: ` + component: ` Loader’s primary purpose is to provide feedback to the user that the application has not frozen or become unresponsive but is actively processing data or performing an action. - [**Appearance**](#appearance) - [**Variant**](#variant) - [**Size Variant**](#size-variant) -`, +`, }, }, }, diff --git a/packages/ui-library/src/components/forms/checkbox/index.stories.ts b/packages/ui-library/src/components/forms/checkbox/index.stories.ts index 477826b2a..feec1c449 100644 --- a/packages/ui-library/src/components/forms/checkbox/index.stories.ts +++ b/packages/ui-library/src/components/forms/checkbox/index.stories.ts @@ -220,8 +220,8 @@ export default { //Second Example // source: { code: '',}, description: { - component: ` -Checkbox represents two states: checked (selected) or unchecked (deselected), it is usually accompanied by text labels that describe the option or action associated with the Checkbox. + component: ` +Checkbox represents two states: checked (selected) or unchecked (deselected), it is usually accompanied by text labels thatdescribe the option or action associated with the Checkbox. - [**Appearance**](#appearance) - [**Size Variant**](#size-variant) - [**Content / Settings**](#content--settings) @@ -235,7 +235,7 @@ Checkbox represents two states: checked (selected) or unchecked (deselected), it - [**Dependencies**](#dependencies) - [**Form-Label**](#form-label) - [**Form Caption Group**](#form-caption-group) - + `, }, }, diff --git a/packages/ui-library/src/components/forms/number-input/index.stories.ts b/packages/ui-library/src/components/forms/number-input/index.stories.ts index 38624448a..a642c0cc2 100644 --- a/packages/ui-library/src/components/forms/number-input/index.stories.ts +++ b/packages/ui-library/src/components/forms/number-input/index.stories.ts @@ -362,7 +362,7 @@ export default { layout: 'centered', docs: { description: { - component: ` + component: ` Number Input allows users to enter enter numbers into a designated area. Users can interact with the Number Input component by clicking or tapping on it, which activates it for text entry. It often displays a blinking cursor to indicate the current number insertion point. - [**Appearance**](#appearance) - [**Size Variant**](#size-variant) @@ -380,7 +380,7 @@ export default { - [**Icon Button**](#icon-button) - [**Form Label**](#form-label) - [**Form Caption Group**](#form-caption-group) - `, + `, }, }, }, diff --git a/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts b/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts index fd7740558..20ce7d072 100644 --- a/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts +++ b/packages/ui-library/src/components/forms/radio/radio-input/index.stories.ts @@ -197,7 +197,7 @@ export default { layout: 'centered', docs: { description: { - component: ` + component: ` A radio component allows users to select a single option from a list of mutually exclusive choices. - [**Appearance**](#appearance) @@ -212,7 +212,7 @@ export default { - [**Has Error**](#has-error) - [**Dependencies**](#dependencies) - [**Form Caption Group**](#form-caption-group) - + `, }, }, diff --git a/packages/ui-library/src/components/forms/select/index.stories.ts b/packages/ui-library/src/components/forms/select/index.stories.ts index b46e3aaf3..c9ee7c9c4 100644 --- a/packages/ui-library/src/components/forms/select/index.stories.ts +++ b/packages/ui-library/src/components/forms/select/index.stories.ts @@ -235,7 +235,7 @@ export default { viewMode: 'docs', docs: { description: { - component: ` + component: ` Select presents users with a list of options from which they can make a single selection. It contains a list of selectable options. These options can be text-based, such as names, items, or categories.
- [**Appearance**](#appearance) @@ -249,7 +249,7 @@ Select presents users with a list of options from which they can make a single s - [**Form Label**](#form-label) - [**Icon**](#icon) - [**Form Caption Group**](#form-caption-group) -`, +`, }, }, }, diff --git a/packages/ui-library/src/components/forms/text-input/index.stories.ts b/packages/ui-library/src/components/forms/text-input/index.stories.ts index 2617e38d9..9045cf85e 100644 --- a/packages/ui-library/src/components/forms/text-input/index.stories.ts +++ b/packages/ui-library/src/components/forms/text-input/index.stories.ts @@ -296,7 +296,7 @@ export default { }, docs: { description: { - component: ` + component: ` Text Input allows users to enter textual information or data into a designated area. Users can interact with the Text Input component by clicking or tapping on it, which activates it for text entry. It often displays a blinking cursor to indicate the current text insertion point. - [**Appearance**](#appearance) - [**Size Variant**](#size-variant) @@ -313,7 +313,7 @@ Text Input allows users to enter textual information or data into a designated a - [**Form Label**](#form-label) - [**Icon**](#icon) - [**Form Caption Group**](#form-caption-group) - + `, }, }, diff --git a/packages/ui-library/src/components/forms/textarea/index.stories.ts b/packages/ui-library/src/components/forms/textarea/index.stories.ts index bd6466c79..4cbae0eeb 100644 --- a/packages/ui-library/src/components/forms/textarea/index.stories.ts +++ b/packages/ui-library/src/components/forms/textarea/index.stories.ts @@ -386,7 +386,7 @@ export default { //Second Example // source: { code: '',}, description: { - component: ` + component: ` Text Area allows users to input and edit multiline text. Unlike a simple Text Input component that is typically used for single-line text, a Text Area provides a larger space for users to enter and manipulate multiple lines of text. Text Area components are used in various contexts where users need to input or edit longer pieces of text, such as comment boxes, message composition in messaging apps, notes, and description fields in forms. - [**Appearance**](#appearance) @@ -404,7 +404,7 @@ Text Area allows users to input and edit multiline text. Unlike a simple Text In - [**Form Label**](#form-label) - [**Form Caption Group**](#form-caption-group) - [**Counter**](#counter) - + `, }, },