@explorer-1/vue 1.1.9 → 1.1.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @explorer-1/vue
 
+## 1.1.10
+
+### Patch Changes
+
+- eceeea8: Changing color of nav heading to grayscale
+
 ## 1.1.9
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/BaseButton/BaseButton.stories.ts

@@ -44,6 +44,11 @@ export const DarkButton = {
   args: {
     ...BaseButtonData,
     variant: 'dark'
-  }
+  },
+  decorators: [
+    () => ({
+      template: `<div id="storyRoot" class="p-8 bg-gray-dark edu:bg-primary-dark"><story/></div>`
+    })
+  ]
   // globals: { themeVariant: 'ThemeVariantDark' }
 }

package/src/components/NavDesktop/NavDesktop.stories.js

@@ -194,7 +194,7 @@ export const NavInverted = {
       return { args }
     },
     template: `<div class="absolute inset-0">
-  <div style="height:2500px" class="nav-offset bg-jpl-blue-darker">
+  <div style="height:2500px" class="nav-offset bg-gray-dark">
     <NavDesktop v-bind="args" />
     <div v-if="invertOverride" class="-nav-offset max-w-screen-3xl mx-auto">
       <img class="w-full h-auto block" src="https://picsum.photos/1600/900" alt="Example Hero" />

package/src/components/NavHeading/NavHeading.stories.js

@@ -7,7 +7,7 @@ export default {
   tags: ['navigation'],
   decorators: [
     () => ({
-      template: `<div id="storyRoot" class="p-8 bg-jpl-blue-darker edu:bg-primary-dark"><story/></div>`
+      template: `<div id="storyRoot" class="p-8 bg-gray-dark edu:bg-primary-dark"><story/></div>`
     })
   ],
   parameters: {

package/src/components/NavHeading/NavHeading.vue

@@ -6,7 +6,7 @@
     <template v-if="data.headingPage && data.heading">
       <BaseLink
         variant="none"
-        class="text-subtitle text-jpl-blue-lighter edu:text-purple-300 inline-block mb-4"
+        class="text-subtitle text-gray-400 edu:text-purple-300 inline-block mb-4"
         link-class="px-2 block"
         :to="data.headingPage.url"
       >
@@ -14,7 +14,7 @@
       </BaseLink>
     </template>
     <template v-else-if="data.heading">
-      <div class="text-subtitle text-jpl-blue-lighter edu:text-purple-300 inline-block mb-4">
+      <div class="text-subtitle text-gray-400 edu:text-purple-300 inline-block mb-4">
         <span class="px-2 block">{{ data.heading }}</span>
       </div>
     </template>

package/src/components/NavLinkList/NavLinkList.stories.js

@@ -6,7 +6,7 @@ export default {
   tags: ['navigation'],
   decorators: [
     () => ({
-      template: `<div id="storyRoot" class="bg-jpl-blue-darker p-8"><story/></div>`
+      template: `<div id="storyRoot" class="bg-gray-dark p-8"><story/></div>`
     })
   ],
   parameters: {

package/src/components/NavSocial/NavSocial.stories.js

@@ -16,6 +16,6 @@ export const Dark = {
     setup() {
       return { args }
     },
-    template: `<div class="bg-jpl-blue-darker p-8"><NavSocial v-bind="args" /></div>`
+    template: `<div class="bg-gray-dark p-8"><NavSocial v-bind="args" /></div>`
   })
 }