sort story args alphabetically

basher · Jan 27, 2025 · f1c7cdb · f1c7cdb
1 parent e380f22
commit f1c7cdb
Showing 20 changed files with 60 additions and 60 deletions.
diff --git a/ui/src/css/components/button-group.css b/ui/src/css/components/button-group.css
@@ -3,8 +3,8 @@
     display: flex;
     flex-wrap: wrap;
     gap: var(--gutter-s);
+}
 
-    &--centered {
-        justify-content: center;
-    }
+.button-group--centered {
+    justify-content: center;
 }
diff --git a/ui/stories/2. Design System/Icons/Icons.stories.js b/ui/stories/2. Design System/Icons/Icons.stories.js
@@ -3,9 +3,9 @@ import { IconsHtml } from './Icons';
 export default {
     title: 'Design System/Icons',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         iconSize: {

diff --git a/ui/stories/3. Layout/Flex/Flex.stories.js b/ui/stories/3. Layout/Flex/Flex.stories.js
@@ -3,9 +3,9 @@ import { FlexHtml } from './Flex';
 export default {
     title: 'Layout/Flex',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         direction: {

diff --git a/ui/stories/3. Layout/Grid/Grid.stories.js b/ui/stories/3. Layout/Grid/Grid.stories.js
@@ -9,9 +9,9 @@ import {
 export default {
     title: 'Layout/Grid',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         gap: {

diff --git a/ui/stories/3. Layout/Stack/Stack.stories.js b/ui/stories/3. Layout/Stack/Stack.stories.js
@@ -3,9 +3,9 @@ import { StackHtml } from './Stack';
 export default {
     title: 'Layout/Stack',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         stackGutter: {

diff --git a/ui/stories/3. Layout/Wrapper/Wrapper.stories.js b/ui/stories/3. Layout/Wrapper/Wrapper.stories.js
@@ -3,9 +3,9 @@ import { WrapperHtml } from './Wrapper';
 export default {
     title: 'Layout/Wrapper',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         turnParentIntoStack: {

diff --git a/ui/stories/4. Forms/Form/Form.stories.js b/ui/stories/4. Forms/Form/Form.stories.js
@@ -3,9 +3,9 @@ import { FormHtml } from './Form';
 export default {
     title: 'Forms/Form',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         makeFieldsRequired: {

diff --git a/ui/stories/5. Components/Buttons & Links/Button Group/ButtonGroup.stories.js b/ui/stories/5. Components/Buttons & Links/Button Group/ButtonGroup.stories.js
@@ -3,9 +3,9 @@ import { ButtonsHtml, LinksHtml } from './ButtonGroup';
 export default {
     title: 'Components/Buttons & Links/Button Group',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         centered: {

diff --git a/ui/stories/5. Components/Buttons & Links/Buttons/Button.stories.js b/ui/stories/5. Components/Buttons & Links/Buttons/Button.stories.js
@@ -3,9 +3,9 @@ import { ButtonHtml } from './Button';
 export default {
     title: 'Components/Buttons & Links/Buttons',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         label: {

diff --git a/ui/stories/5. Components/Buttons & Links/Buttons/IconButton.stories.js b/ui/stories/5. Components/Buttons & Links/Buttons/IconButton.stories.js
@@ -3,9 +3,9 @@ import { IconButtonHtml } from './Button';
 export default {
     title: 'Components/Buttons & Links/Buttons',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         iconRef: {

diff --git a/ui/stories/5. Components/Buttons & Links/Buttons/TextIconButton.stories.js b/ui/stories/5. Components/Buttons & Links/Buttons/TextIconButton.stories.js
@@ -3,9 +3,9 @@ import { TextIconButtonHtml } from './Button';
 export default {
     title: 'Components/Buttons & Links/Buttons',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         label: {

diff --git a/ui/stories/5. Components/Buttons & Links/Links/IconLink.stories.js b/ui/stories/5. Components/Buttons & Links/Links/IconLink.stories.js
@@ -3,9 +3,9 @@ import { IconLinkHtml } from './Link';
 export default {
     title: 'Components/Buttons & Links/Links',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         iconRef: {

diff --git a/ui/stories/5. Components/Buttons & Links/Links/Link.stories.js b/ui/stories/5. Components/Buttons & Links/Links/Link.stories.js
@@ -3,9 +3,9 @@ import { LinkHtml } from './Link';
 export default {
     title: 'Components/Buttons & Links/Links',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         label: {

diff --git a/ui/stories/5. Components/Buttons & Links/Links/TextIconLink.stories.js b/ui/stories/5. Components/Buttons & Links/Links/TextIconLink.stories.js
@@ -3,9 +3,9 @@ import { TextIconLinkHtml } from './Link';
 export default {
     title: 'Components/Buttons & Links/Links',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         label: {

diff --git a/ui/stories/5. Components/Cards/Cards.stories.js b/ui/stories/5. Components/Cards/Cards.stories.js
@@ -7,9 +7,9 @@ import {
 export default {
     title: 'Components/Cards',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         cardOrientation: {

diff --git a/ui/stories/5. Components/Skin/Skin.stories.js b/ui/stories/5. Components/Skin/Skin.stories.js
@@ -3,9 +3,9 @@ import { SkinHtml, SkinWrapperHtml } from './Skin';
 export default {
     title: 'Components/Skin',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         skin: {

diff --git a/ui/stories/6. Web Components Or Custom Elements/WebUI Carousel/WebUICarousel.stories.js b/ui/stories/6. Web Components Or Custom Elements/WebUI Carousel/WebUICarousel.stories.js
@@ -3,9 +3,9 @@ import { WebUICarouselHtml } from './WebUICarousel';
 export default {
     title: 'Web Components Or Custom Elements/<webui-carousel>',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         makeSlidesFullwidth: {

diff --git a/ui/stories/6. Web Components Or Custom Elements/WebUI Disclosure/WebUIDisclosure.stories.js b/ui/stories/6. Web Components Or Custom Elements/WebUI Disclosure/WebUIDisclosure.stories.js
@@ -3,9 +3,9 @@ import { WebUIDisclosureHtml } from './WebUIDisclosure';
 export default {
     title: 'Web Components Or Custom Elements/<webui-disclosure>',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         bindEscapeKey: {

diff --git a/ui/stories/6. Web Components Or Custom Elements/WebUI Notify/WebUINotify.stories.js b/ui/stories/6. Web Components Or Custom Elements/WebUI Notify/WebUINotify.stories.js
@@ -3,9 +3,9 @@ import { WebUINotifyHtml } from './WebUINotify';
 export default {
     title: 'Web Components Or Custom Elements/<webui-notify>',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         notificationType: {

diff --git a/ui/stories/7. Utilities/Utilities.stories.js b/ui/stories/7. Utilities/Utilities.stories.js
@@ -3,9 +3,9 @@ import { MarginPaddingHtml } from './Utilities';
 export default {
     title: 'Utilities/Helpers and Utilities',
     parameters: {
-        status: {
-            type: 'stable',
-        },
+        status: { type: 'stable' },
+        controls: { sort: 'alpha' },
+        docs: { controls: { sort: 'alpha' } }
     },
     argTypes: {
         marginBlock: {