diff --git a/packages/ui-library/src/components/text-button/index.stories.ts b/packages/ui-library/src/components/text-button/index.stories.ts index 27174fe08..c72c65377 100644 --- a/packages/ui-library/src/components/text-button/index.stories.ts +++ b/packages/ui-library/src/components/text-button/index.stories.ts @@ -43,7 +43,6 @@ export default { argTypes: { //Appearance variant: { - name: 'variant', description: 'Select variant of the component.', options: ActionVariants, control: { type: 'select' }, @@ -76,7 +75,6 @@ export default { }, //Content / Settings label: { - name: 'label', description: 'Enter string used as label text.', control: { type: 'text', @@ -86,7 +84,6 @@ export default { }, }, hasIcon: { - name: 'hasIcon', description: 'Choose if component has an icon.', defaultValue: true, control: { @@ -97,7 +94,6 @@ export default { }, }, icon: { - name: 'icon', description: 'Select an icon which is displayed next to the label.', options: [undefined, ...PureIconKeys], control: { type: 'select' }, @@ -107,7 +103,6 @@ export default { }, }, iconPosition: { - name: 'iconPosition', description: 'Choose the position of the icon next to the label.', options: IconPositionVariant, control: { type: 'select' }, @@ -118,7 +113,6 @@ export default { }, //States disabled: { - name: 'disabled', description: 'Choose if component is disabled. Prevents the user to select or change the value of this component.', defaultValue: false, @@ -141,36 +135,27 @@ export default { category: 'Technical Attributes', }, }, - //Accessibility - arialabel: { - name: 'ariaLabel', - description: - 'Provides additional information about the elements purpose and functionality to assistive technologies, such as screen readers.', - table: { - disable: true, - }, - }, // Events - onClick: { - name: 'onClick', + blrClick: { + name: 'blrClick', description: 'Fires when the component is clicked.', - action: 'onClick', + action: 'blrClick', table: { category: 'Events', }, }, - onFocus: { - name: 'onFocus', + blrFocus: { + name: 'blrFocus', description: 'Fires when the component is focused.', - action: 'onFocus', + action: 'blrFocus', table: { - disable: 'true', + category: 'Events', }, }, - onBlur: { - name: 'onBlur', + blrBlur: { + name: 'blrBlur', description: 'Fires when the component lost focus.', - action: 'onBlur', + action: 'blrBlur', table: { category: 'Events', }, @@ -213,7 +198,6 @@ BlrTextButton.args = defaultParams; //disabledArgTypesTable to deactivate the controls-Panel for a story in storybook const argTypesToDisable = [ 'theme', - 'arialabel', 'variant', 'sizeVariant', 'label', @@ -224,9 +208,9 @@ const argTypesToDisable = [ 'disabled', 'textButtonId', 'buttonDisplay', - 'onClick', - 'onBlur', - 'onFocus', + 'blrClick', + 'blrBlur', + 'blrFocus', ]; const generateDisabledArgTypes = (argTypes: string[]) => { const disabledArgTypes = {};