@explorer-1/vue 0.0.1 → 0.0.3

package/dist/src/utils/mixins.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbPathObject, ImageObject, RelatedLinkObject } from '../interfaces';
+import { BreadcrumbPathObject, ImageObject, RelatedLinkObject } from '@explorer-1/vue/src/interfaces';
 
 export interface SrcSetDataValue {
     url: string;

package/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@explorer-1/vue",
+  "version": "0.0.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -9,7 +10,6 @@
     "type": "git",
     "url": "https://github.com/nasa-jpl/explorer-1"
   },
-  "version": "0.0.1",
   "type": "module",
   "prettier": "@explorer-1/prettier-config",
   "dependencies": {
@@ -35,9 +35,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",
     "@explorer-1/prettier-config": "1.0.0"
@@ -49,7 +49,6 @@
     "lint:fix": "eslint ./src --fix",
     "preview": "vite preview",
     "prepare:fonts": "cp -R ./node_modules/@explorer-1/common/src/fonts/ ./src/assets/fonts/",
-    "prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1",
-    "prepare:public:edu": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/edu/explorer-1"
+    "prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1"
   }
 }

package/src/components/CalendarButton/CalendarButton.vue

@@ -16,7 +16,7 @@ import { defineComponent } from 'vue'
 import { ICalendar } from 'datebook'
 import type { CalendarOptions } from 'datebook'
 // @ts-ignore
-import dayjs from './../../utils/dayjs'
+import dayjs from 'dayjs'
 import BaseButton from './../BaseButton/BaseButton.vue'
 
 export default defineComponent({

package/src/components/SearchResultsList/SearchResultsList.vue

@@ -57,7 +57,7 @@
 import { defineComponent } from 'vue'
 import type { ElasticSearchPage } from '../../interfaces'
 // @ts-ignore
-import dayjs from './../../utils/dayjs'
+import dayjs from 'dayjs'
 import SearchResultCard from './../SearchResultCard/SearchResultCard.vue'
 import SearchResultGridItem from './../SearchResultGridItem/SearchResultGridItem.vue'
 

package/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>

package/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;

package/src/utils/mixins.ts

@@ -1,14 +1,14 @@
 // import Vue from 'vue'
 // @ts-ignore
 import dayjs from './dayjs'
-import { useHeaderStore } from './../store/header'
+import { useHeaderStore } from '@explorer-1/vue/src/store/header'
 import { useRoute } from 'vue-router'
 import type {
   BreadcrumbPathObject,
   ImageObject,
   ImageSrcObject,
   RelatedLinkObject
-} from '../interfaces'
+} from '@explorer-1/vue/src/interfaces'
 // srcSet data structure
 export interface SrcSetDataValue {
   url: string