diff --git a/.changeset/fluffy-candles-cheat.md b/.changeset/fluffy-candles-cheat.md
new file mode 100644
index 00000000000..f9fcd4e31d0
--- /dev/null
+++ b/.changeset/fluffy-candles-cheat.md
@@ -0,0 +1,5 @@
+---
+'@kaizen/components': patch
+---
+
+FilterBar: 'Add Filters' button label changed to 'Add filters' to follow guidelines
diff --git a/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx b/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx
index d38a5777777..65cb691f5fe 100644
--- a/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx
+++ b/packages/components/src/Filter/FilterBar/FilterBar.spec.tsx
@@ -196,7 +196,7 @@ describe('', () => {
expect(queryByText('Topping')).not.toBeInTheDocument()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const list = getByRole('list')
@@ -228,7 +228,7 @@ describe('', () => {
)
await waitForI18nContent()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const list = getByRole('list')
@@ -255,7 +255,7 @@ describe('', () => {
expect(filterButton).not.toBeInTheDocument()
})
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const list = getByRole('list')
@@ -282,7 +282,7 @@ describe('', () => {
)
await waitForI18nContent()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' })
@@ -314,7 +314,7 @@ describe('', () => {
)
await waitForI18nContent()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' })
@@ -327,7 +327,7 @@ describe('', () => {
const { getByRole } = render( filters={filtersRemovable} />)
await waitForI18nContent()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
const menuOptionOthers = getByRole('button', { name: 'Others' })
@@ -353,7 +353,7 @@ describe('', () => {
expect(filterButton).not.toBeInTheDocument()
})
- expect(getByRole('button', { name: 'Add Filters' })).toHaveFocus()
+ expect(getByRole('button', { name: 'Add filters' })).toHaveFocus()
})
})
@@ -363,7 +363,7 @@ describe('', () => {
const { queryByRole, getByRole } = render()
await waitForI18nContent()
expect(queryByRole('button', { name: 'Topping' })).not.toBeInTheDocument()
- expect(getByRole('button', { name: 'Add Filters' })).toBeDisabled()
+ expect(getByRole('button', { name: 'Add filters' })).toBeDisabled()
})
it('clears the value if the filter is not usable', async () => {
@@ -426,7 +426,7 @@ describe('', () => {
)
await waitForI18nContent()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
expect(addFiltersButton).toBeDisabled()
const flavourButton = getByRole('button', { name: 'Flavour' })
@@ -612,7 +612,7 @@ describe('', () => {
expect(queryByRole('button', { name: 'Sugar' })).not.toBeInTheDocument()
expect(queryByRole('button', { name: 'Ice' })).not.toBeInTheDocument()
- const addFiltersButton = getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = getByRole('button', { name: 'Add filters' })
expect(addFiltersButton).toBeDisabled()
await user.click(coffeeButton)
diff --git a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx
index 1cae0c1dcca..4b7c31ed256 100644
--- a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx
+++ b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx
@@ -48,9 +48,9 @@ describe('', () => {
render()
await waitFor(() => {
- expect(screen.getByRole('button', { name: 'Add Filters' })).toBeVisible()
+ expect(screen.getByRole('button', { name: 'Add filters' })).toBeVisible()
})
- const addFiltersButton = screen.getByRole('button', { name: 'Add Filters' })
+ const addFiltersButton = screen.getByRole('button', { name: 'Add filters' })
await user.click(addFiltersButton)
await waitFor(() => {
@@ -74,7 +74,7 @@ describe('', () => {
await waitFor(() => {
const addFiltersButton = screen.getByRole('button', {
- name: 'Add Filters',
+ name: 'Add filters',
})
expect(addFiltersButton).toBeDisabled()
})
diff --git a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx
index 36ca0eca566..f11f6d711ad 100644
--- a/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx
+++ b/packages/components/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx
@@ -11,7 +11,7 @@ export const AddFiltersMenu = (): JSX.Element => {
const menuButtonLabel = formatMessage({
id: 'filterBar.addFiltersMenu.buttonLabel',
- defaultMessage: 'Add Filters',
+ defaultMessage: 'Add filters',
description: 'Menu button label to show additional available filter options',
})