diff --git a/packages/html/ds/src/button/button-schema.ts b/packages/html/ds/src/button/button-schema.ts index c4c487109..c1cc39991 100644 --- a/packages/html/ds/src/button/button-schema.ts +++ b/packages/html/ds/src/button/button-schema.ts @@ -45,11 +45,6 @@ export const buttonSchema = zod.object({ disabled: zod .boolean({ description: 'Specify if the button should be disabled' }) .optional(), - className: zod - .string({ - description: 'Add additional classes', - }) - .optional(), }); export type ButtonProps = zod.infer; diff --git a/packages/html/ds/src/button/button.html b/packages/html/ds/src/button/button.html index fe1f02e34..091181f8a 100644 --- a/packages/html/ds/src/button/button.html +++ b/packages/html/ds/src/button/button.html @@ -1,6 +1,5 @@ {% from 'button/helpers.html' import getVariantAppearanceClass, getSizeClass, isButtonDisabled %} {% from 'icon/icon.html' import govieIcon %} -{% from 'helpers/helpers.html' import addClasses %} {% macro govieButton(props) %} {% set appearance = props.appearance or 'default' %} @@ -12,7 +11,7 @@ data-element="button-container" data-module="gieds-button" data-testid="govieButton-{{ appearance }}-{{ variant }}-{{ size }}-{{ isDisabled }}" - class="gi-btn {{ getVariantAppearanceClass(props.disabled, props.variant, props.appearance) | trim }} {{ getSizeClass(props.size) | trim }} {{ isButtonDisabled(props.disabled, props.variant, props.appearance) | trim }} {{ addClasses(props.className) | trim }}" + class="gi-btn {{ getVariantAppearanceClass(props.disabled, props.variant, props.appearance) | trim }} {{ getSizeClass(props.size) | trim }} {{ isButtonDisabled(props.disabled, props.variant, props.appearance) | trim }}" > {{ props.content | safe | trim }} diff --git a/packages/html/ds/src/button/button.stories.ts b/packages/html/ds/src/button/button.stories.ts index a464a230e..9f87dee30 100644 --- a/packages/html/ds/src/button/button.stories.ts +++ b/packages/html/ds/src/button/button.stories.ts @@ -51,12 +51,6 @@ export const Default: Story = { description: 'Specify if the button is disabled', type: 'boolean', }, - className: { - control: 'text', - description: - 'Specify additional classes ( this can be useful when an icon button needs to be rendered )', - type: 'string', - }, }, args: { content: 'Button', @@ -76,13 +70,6 @@ export const WithIconRight: Story = { }, }; -export const WithoutLabel: Story = { - args: { - content: `thumb_up`, - className: '!gi-p-3', - }, -}; - export const Disabled: Story = { args: { disabled: true, diff --git a/packages/react/ds/src/button/button.stories.tsx b/packages/react/ds/src/button/button.stories.tsx index 1d4c148af..e0fb3e706 100644 --- a/packages/react/ds/src/button/button.stories.tsx +++ b/packages/react/ds/src/button/button.stories.tsx @@ -51,11 +51,6 @@ export const Default: Story = { type: { name: 'string' }, description: 'The sizes of the button', }, - label: { - control: 'text', - type: { name: 'string' }, - description: 'Label of the Button', - }, disabled: { control: 'boolean', description: 'Specify if the button is disabled', @@ -90,17 +85,6 @@ export const WithIconRight: Story = { }, }; -export const WithoutLabel: Story = { - args: { - className: '!gi-p-3', - children: ( - - - - ), - }, -}; - export const Disabled: Story = { args: { children: 'Button', diff --git a/packages/react/ds/src/button/button.tsx b/packages/react/ds/src/button/button.tsx index f83319f3e..8fb77cf30 100644 --- a/packages/react/ds/src/button/button.tsx +++ b/packages/react/ds/src/button/button.tsx @@ -11,11 +11,10 @@ export const Button = ({ size, disabled, children, - className, }: ButtonProps) => { return ( diff --git a/packages/react/ds/src/button/types.ts b/packages/react/ds/src/button/types.ts index 47f6ec705..ec41ce1e3 100644 --- a/packages/react/ds/src/button/types.ts +++ b/packages/react/ds/src/button/types.ts @@ -23,5 +23,4 @@ export type ButtonProps = { size?: ButtonSize; label?: string; disabled?: boolean; - className?: string; };