diff --git a/packages/nimble-components/src/anchor/tests/anchor-matrix.stories.ts b/packages/nimble-components/src/anchor/tests/anchor-matrix.stories.ts index 1ad5c3aecf..f03b8508e1 100644 --- a/packages/nimble-components/src/anchor/tests/anchor-matrix.stories.ts +++ b/packages/nimble-components/src/anchor/tests/anchor-matrix.stories.ts @@ -14,7 +14,7 @@ import { anchorTag } from '..'; export const appearanceStates = [ ['Default', AnchorAppearance.default], - ['prominent', AnchorAppearance.prominent] + ['Prominent', AnchorAppearance.prominent] ] as const; type AppearanceState = (typeof appearanceStates)[number]; diff --git a/packages/nimble-components/src/tabs/tests/tabs-matrix.stories.ts b/packages/nimble-components/src/tabs/tests/tabs-matrix.stories.ts index c67498dea0..4c1e89efb5 100644 --- a/packages/nimble-components/src/tabs/tests/tabs-matrix.stories.ts +++ b/packages/nimble-components/src/tabs/tests/tabs-matrix.stories.ts @@ -16,8 +16,8 @@ import { tabsToolbarTag } from '../../tabs-toolbar'; import { tabsTag } from '..'; import { loremIpsum } from '../../utilities/tests/lorem-ipsum'; -const tabsToolbarState = [false, true] as const; -type TabsToolbarState = (typeof tabsToolbarState)[number]; +const tabsToolbarStates = [false, true] as const; +type TabsToolbarState = (typeof tabsToolbarStates)[number]; const metadata: Meta = { title: 'Tests/Tabs', @@ -52,7 +52,7 @@ const component = ( `; export const tabsThemeMatrix: StoryFn = createMatrixThemeStory( - createMatrix(component, [tabsToolbarState, disabledStates]) + createMatrix(component, [tabsToolbarStates, disabledStates]) ); export const hiddenTabs: StoryFn = createStory( diff --git a/packages/nimble-components/src/text-area/tests/text-area-matrix.stories.ts b/packages/nimble-components/src/text-area/tests/text-area-matrix.stories.ts index f03178924c..1262e55dc1 100644 --- a/packages/nimble-components/src/text-area/tests/text-area-matrix.stories.ts +++ b/packages/nimble-components/src/text-area/tests/text-area-matrix.stories.ts @@ -20,6 +20,12 @@ import { textCustomizationWrapper } from '../../utilities/tests/text-customizati import { loremIpsum } from '../../utilities/tests/lorem-ipsum'; import { textAreaTag } from '..'; +const appearanceStates = [ + ['Outline', TextAreaAppearance.outline], + ['Block', TextAreaAppearance.block] +] as const; +type AppearanceState = (typeof appearanceStates)[number]; + const valueStates = [ ['Placeholder', null, 'placeholder'], ['Value', 'Hello', null], @@ -27,12 +33,6 @@ const valueStates = [ ] as const; type ValueState = (typeof valueStates)[number]; -const appearanceStates = [ - ['Outline', TextAreaAppearance.outline], - ['Block', TextAreaAppearance.block] -] as const; -type AppearanceState = (typeof appearanceStates)[number]; - const metadata: Meta = { title: 'Tests/Text Area', parameters: {