build: upgrade nx and storybook

Availity · Feb 13, 2025 · f3b3e1d · f3b3e1d
1 parent 6931bc8
commit f3b3e1d
Show file tree

Hide file tree

Showing 72 changed files with 3,331 additions and 4,295 deletions.
diff --git a/.gitignore b/.gitignore
@@ -88,4 +88,6 @@ yarn-error.log
 Thumbs.db
 
 .nx/cache
-.nx/workspace-data
+.nx/workspace-data
+vite.config.*.timestamp*
+vitest.config.*.timestamp*
diff --git a/apps/element-storybook/.storybook/main.ts b/apps/element-storybook/.storybook/main.ts
@@ -48,7 +48,11 @@ const config: StorybookConfig = {
   },
 
   staticDirs: ['../../../static'],
-  features: { storyStoreV7: false, legacyMdx1: true },
+  features: {
+    storyStoreV7: false
+  },
+
+  docs: {}
 };
 
 export default config;

diff --git a/apps/element-storybook/.storybook/manager-head.html b/apps/element-storybook/.storybook/manager-head.html
@@ -1,32 +1,36 @@
 <style>
   .sidebar-container {
-    background-color: rgb(17, 49, 90);
+    background-color: rgb(17, 49, 90) !important;
   }
   #storybook-explorer-tree {
     & > div > div > .sidebar-item {
-      margin-left: 8px;
+      margin-left: 8px !important;
+      &:hover:not([data-selected="true"]) {
+        background-color: rgba(255,103,31,0.07)
+      }
     }
     .sidebar-subheading > button {
-      color: #FFE5CC;
+      color: #FFE5CC !important;
     }
     button[data-nodetype="component"], button[data-nodetype="group"] {
       svg, svg use {
-        color: #ffffff;
+        color: #ffffff !important;
       }
     }
     button[data-nodetype="group"] svg {
-      display: none;
+      display: none !important;
     }
     div, button, a {
-      color: #ffffff;
+      color: #ffffff !important;
     }
   }
   .search-field {
+    background-color: transparent !important;
     #storybook-explorer-searchfield {
-      background-color: transparent;
-      color: #ffffff;
+      background-color: transparent !important;
+      color: #ffffff !important;
       &:not(:focus, :focus-visible) {
-        border-color: #ffffff;
+        border-color: #ffffff !important;
       }
     }
     > svg, > code, &:focus-within > svg, &:focus-within > code {
@@ -35,11 +39,11 @@
     }
   }
   .search-result-item--label strong {
-    color: #ffffff;
+    color: #ffffff !important;
   }
   #storybook-explorer-menu {
     li > div, li > div *{
-      color: #ffffff;
+      color: #ffffff !important;
     }
   }
 </style>
diff --git a/apps/element-storybook/.storybook/preview.tsx b/apps/element-storybook/.storybook/preview.tsx
@@ -29,13 +29,16 @@ const preview: Preview = {
       },
     },
   },
+
   decorators: [withThemeProvider],
+
   parameters: {
     docs: {
       controls: {
         sort: 'requiredFirst',
+        disableSaveFromUI: true,
       },
-      theme: themes.light,
+      // theme: themes.light,
       source: {
         excludeDecorators: true,
         type: 'code',
@@ -82,6 +85,8 @@ const preview: Preview = {
       },
     },
   },
+
+  tags: ['autodocs', 'autodocs'],
 };
 
 // Make sure we are in the browser before starting

diff --git a/...t-storybook/src/accessibility.stories.mdx → apps/element-storybook/src/accessibility.mdx b/...t-storybook/src/accessibility.stories.mdx → apps/element-storybook/src/accessibility.mdx
diff --git a/.../bs4-migration/form-migration.stories.mdx → ...book/src/bs4-migration/form-migration.mdx b/.../bs4-migration/form-migration.stories.mdx → ...book/src/bs4-migration/form-migration.mdx
diff --git a/...k/src/bs4-migration/migration.stories.mdx → ...storybook/src/bs4-migration/migration.mdx b/...k/src/bs4-migration/migration.stories.mdx → ...storybook/src/bs4-migration/migration.mdx
diff --git a/...nt-storybook/src/contributing.stories.mdx → apps/element-storybook/src/contributing.mdx b/...nt-storybook/src/contributing.stories.mdx → apps/element-storybook/src/contributing.mdx
diff --git a/apps/element-storybook/src/styles/global.css b/apps/element-storybook/src/styles/global.css
@@ -0,0 +1,63 @@
+.sidebar-container {
+  background-color: rgb(17, 49, 90) !important;
+}
+
+#storybook-explorer-tree {
+  &>div>div>.sidebar-item {
+    margin-left: 8px!important;
+  }
+
+  .sidebar-subheading>button {
+    color: #FFE5CC!important;
+  }
+
+  button[data-nodetype="component"],
+  button[data-nodetype="group"] {
+
+    svg,
+    svg use {
+      color: #ffffff!important;
+    }
+  }
+
+  button[data-nodetype="group"] svg {
+    display: none!important;
+  }
+
+  div,
+  button,
+  a {
+    color: #ffffff!important;
+  }
+}
+
+.search-field {
+  #storybook-explorer-searchfield {
+    background-color: transparent!important;
+    color: #ffffff!important;
+
+    &:not(:focus, :focus-visible) {
+      border-color: #ffffff!important;
+    }
+  }
+
+  >svg,
+  >code,
+  &:focus-within>svg,
+  &:focus-within>code {
+    color: #ffffff !important;
+    fill: #ffffff !important;
+  }
+}
+
+.search-result-item--label strong {
+  color: #ffffff!important;
+}
+
+#storybook-explorer-menu {
+
+  li>div,
+  li>div * {
+    color: #ffffff!important;
+  }
+}
diff --git a/apps/element-storybook/tsconfig.storybook.json b/apps/element-storybook/tsconfig.storybook.json
@@ -21,13 +21,13 @@
     "src/*.stories.js",
     "src/*.stories.jsx",
     "src/**/*.stories.tsx",
-    "src/*.stories.mdx",
+    "src/*.mdx",
     "../../packages/*/src/*.ts",
-    "../../packages/*.stories.mdx",
+    "../../packages/*.mdx",
     "../../packages/*/src/lib/*.stories.js",
     "../../packages/*/src/lib/*.stories.jsx",
     "../../packages/*/src/lib/*.stories.ts",
     "../../packages/*/src/lib/*.stories.tsx",
-    "../../packages/*/src/lib/*.stories.mdx"
+    "../../packages/*/src/lib/*.mdx"
   ]
 }