re-order storybook sidebar

Author: haschek

.storybook/preview.js

@@ -19,7 +19,14 @@ export const decorators = [
 ];
 
 export const parameters = {
-    actions: { argTypesRegex: "^on[A-Z].*" },
+    options: {
+        storySort: {
+            order: ["Configuration", "Components", "Forms", "Extensions", "CMEM", "*"],
+        },
+    },
+    actions: {
+        argTypesRegex: "^on[A-Z].*",
+    },
     controls: {
         matchers: {
             color: /(background|color)$/i,

src/configuration/stories/customproperties.stories.tsx

@@ -106,6 +106,10 @@ const CssCustomPropertiesOverview = () => {
     );
 };
 
+/**
+ * We mirror our SCSS configuration variables as CSS custom vars.
+ * This way they can be easily used for inline styles or in CSS modules without SCSS includes.
+ */
 export default {
     title: "Configuration/CSS Custom Properties",
     component: CssCustomPropertiesOverview,