update to the new gray color (#360)

* update to latest plugin with the new gray

* use gray-800 on the main navigation

* package version & changelog

CHANGELOG.md

@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## v2.0.0-beta.6
+
+### Features
+
+Updates the Color Palette with the new Gray color.
+Updates the Main Navigation text color to gray-800.
+
 ## v2.0.0-beta.5
 
 ### Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.6",
   "engines": {
     "node": ">=14.18.2",
     "npm": ">=8.3.0"
@@ -64,7 +64,7 @@
     "sass-loader": "^10.1.1",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
-    "tailwind-plugin-lob": "^1.0.4",
+    "tailwind-plugin-lob": "^1.0.5",
     "tailwindcss": "^3.0.24",
     "typescript": "~3.9.3",
     "vite": "^3.1.4",

src/components/MainNavigation/MainNavigationChildItem.vue

@@ -1,14 +1,14 @@
 <template>
   <li
     :class="[
-      'w-full no-underline my-1 max-h-12 flex items-center font-light text-sm text-left text-gray-600 hover:text-primary-700',
+      'w-full no-underline my-1 max-h-12 flex items-center font-light text-sm text-left text-gray-800 hover:text-primary-700',
       { 'font-medium bg-white-300 rounded-l-full ring-2 ring-primary-100': active }
     ]"
     data-testid="nav-child-item"
   >
     <LobLink
       :to="to"
-      class="block w-44 rounded-l-full py-2 pl-4 !text-sm whitespace-nowrap overflow-hidden !text-gray-600 focus:outline-none focus:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100"
+      class="block w-44 rounded-l-full py-2 pl-4 !text-sm whitespace-nowrap overflow-hidden !text-gray-800 focus:outline-none focus:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100"
       :underline="false"
       @click.stop="handleNavigation"
     >

src/components/MainNavigation/MainNavigationItem.vue

@@ -3,7 +3,7 @@
     <component
       :is="tag"
       :class="[
-        'no-underline py-3 !px-6 max-h-12 flex items-center w-full font-light whitespace-nowrap !text-sm text-left !text-gray-600 relative overflow-hidden hover:text-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-100 focus:border-transparent'
+        'no-underline py-3 !px-6 max-h-12 flex items-center w-full font-light whitespace-nowrap !text-sm text-left !text-gray-800 relative overflow-hidden hover:text-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-100 focus:border-transparent'
       ]"
       :to="to"
       :underline="false"