fix: minor cleanup (#477)

* adjustments to storybook docs, filetypes, and syncing ts-related packages with www for easier debugging * bumping versions of @explorer-1/vue-storybook and @explorer-1/vue * more consistent updating of packages
nasa-jpl · Jun 28, 2024 · 77a0d0d · 77a0d0d
1 parent bdb2aba
commit 77a0d0d
Show file tree

Hide file tree

Showing 13 changed files with 353 additions and 117 deletions.
diff --git a/apps/html-storybook/package.json b/apps/html-storybook/package.json
@@ -62,8 +62,8 @@
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.11"
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1"
   },
   "overrides": {
     "react-remove-scroll": {

diff --git a/apps/vue-storybook/package.json b/apps/vue-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -63,9 +63,9 @@
     "storybook-addon-vue-slots": "^0.9.29",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.2.0",
+    "vite": "^5.3.1",
     "vue-tsc": "^2.0.6"
   }
 }
diff --git a/packages/common-storybook/package.json b/packages/common-storybook/package.json
@@ -19,6 +19,6 @@
     "rimraf": "^5.0.5",
     "storybook": "^8.1.2",
     "ts-node": "^10.9.2",
-    "typescript": "^5.2.2"
+    "typescript": "^5.4.5"
   }
 }
diff --git a/packages/html/package.json b/packages/html/package.json
@@ -39,7 +39,7 @@
     "autoprefixer": "^10.4.19",
     "lazysizes": "^5.3.0",
     "postcss-import": "^16.1.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1"
   }
 }
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
@@ -62,7 +62,7 @@
     "@types/node": "^20.12.11",
     "changelogen": "^0.5.5",
     "nuxt": "^3.11.2",
-    "typescript": "latest",
-    "vue-tsc": "^2.0.16"
+    "typescript": "^5.4.5",
+    "vue-tsc": "^2.0.6"
   }
 }
diff --git a/packages/nuxt/src/runtime/plugins/dayjs.js b/packages/nuxt/src/runtime/plugins/dayjs.js
@@ -1,2 +1,2 @@
-import dayjs from '@explorer-1/vue'
+import dayjs from '@explorer-1/vue/src/utils/dayjs'
 export default dayjs
diff --git a/packages/nuxt/src/runtime/plugins/filters.ts → packages/nuxt/src/runtime/plugins/filters.js b/packages/nuxt/src/runtime/plugins/filters.ts → packages/nuxt/src/runtime/plugins/filters.js
@@ -1,4 +1,4 @@
-import filters from '@explorer-1/vue'
+import filters from '@explorer-1/vue/src/utils/filters'
 import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((nuxtApp) => {

diff --git a/packages/nuxt/src/runtime/store/header.ts b/packages/nuxt/src/runtime/store/header.ts
@@ -1,3 +1 @@
-import useHeaderStore from '@explorer-1/vue'
-
-export default useHeaderStore
+export { useHeaderStore } from '@explorer-1/vue/src/store/header'
diff --git a/packages/nuxt/src/runtime/store/theme.ts b/packages/nuxt/src/runtime/store/theme.ts
@@ -1,3 +1 @@
-import useThemeStore from '@explorer-1/vue'
-
-export default useThemeStore
+export { useThemeStore } from '@explorer-1/vue/src/store/theme'
diff --git a/packages/vue/package.json b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -46,9 +46,9 @@
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.2.11",
+    "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "vue-tsc": "^2.0.6"
   }

diff --git a/packages/vue/src/docs/foundation/DynamicTokens.vue b/packages/vue/src/docs/foundation/DynamicTokens.vue
@@ -1,5 +1,5 @@
 <template>
-  <table class="table-autotext-sm">
+  <table class="DynamicTokensTable table-autotext-sm">
     <thead>
       <tr>
         <th class="text-left w-1/2">Color</th>
@@ -95,12 +95,14 @@
     </tbody>
   </table>
 </template>
-<style scoped>
-.ThemeVariantDark table {
-  @apply text-white;
-}
-td,
-th {
-  @apply px-2;
+<style lang="scss">
+.DynamicTokensTable {
+  .ThemeVariantDark & {
+    @apply text-white #{!important};
+  }
+  td,
+  th {
+    @apply px-2;
+  }
 }
 </style>
diff --git a/packages/vue/src/docs/foundation/themes.docs.mdx b/packages/vue/src/docs/foundation/themes.docs.mdx
@@ -30,7 +30,7 @@ Changing the Theme and Variant to see how the dynamic tokens change.
 
 For components that have light and dark themes, add theme rules to the end of your scss. The following is an example of a component whose background should be `bg-white` by default and in `ThemeVariantLight` but `bg-black` in `ThemeVariantDark`
 
-```scss
+```css
 .MyComponent {
   // set the default background color
   @apply bg-white;