reduce chromatic churn

ni · Dec 12, 2024 · 8bb205d · 8bb205d
1 parent 5e6bf30
commit 8bb205d
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 16 deletions.
diff --git a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
@@ -46,11 +46,11 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
-    [valueName, value, placeholder]: ValueState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [valueName, value, placeholder]: ValueState
 ): ViewTemplate => html`
     <${comboboxTag} 
         ?disabled="${() => disabled}"
@@ -76,11 +76,11 @@ const component = (
 
 export const comboboxThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
-        valueStates,
-        requiredVisibleStates
+        valueStates
     ])
 );
 

diff --git a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
@@ -37,10 +37,10 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [orientationName, orientation]: OrientationState,
-    [errorName, errorVisible, errorText]: ErrorState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [errorName, errorVisible, errorText]: ErrorState
 ): ViewTemplate => html`<${radioGroupTag}
     orientation="${() => orientation}"
     ?disabled="${() => disabled}"
@@ -57,10 +57,10 @@ const component = (
 
 export const radioGroupThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         orientationStates,
-        errorStates,
-        requiredVisibleStates
+        errorStates
     ])
 );
 

diff --git a/packages/storybook/src/nimble/select/select-matrix.stories.ts b/packages/storybook/src/nimble/select/select-matrix.stories.ts
@@ -55,12 +55,12 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
     [valueName, valueValue]: ValueState,
-    [clearableName, clearable]: ClearableState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [clearableName, clearable]: ClearableState
 ): ViewTemplate => html`
     <${selectTag}
         ?error-visible="${() => errorVisible}"
@@ -81,12 +81,12 @@ const component = (
 
 export const selectThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
         valueStates,
-        clearableStates,
-        requiredVisibleStates
+        clearableStates
     ])
 );
 

diff --git a/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts b/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
@@ -45,12 +45,12 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [readOnlyName, readonly]: ReadOnlyState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [valueName, valueValue, placeholderValue]: ValueState,
-    [errorStateName, isError, errorText]: ErrorState,
-    [requiredVisibleName, requiredVisible]: RequiredVisibleState
+    [errorStateName, isError, errorText]: ErrorState
 ): ViewTemplate => html`
     <${textAreaTag}
         style="width: 250px; margin: 15px;"
@@ -70,12 +70,12 @@ const component = (
 
 export const textAreaThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         readOnlyStates,
         disabledStates,
         appearanceStates,
         valueStates,
-        errorStates,
-        requiredVisibleStates
+        errorStates
     ])
 );