hds-web 1.38.1 → 1.38.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.38.1",
+  "version": "1.38.3",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Footers/v3Footer.js

@@ -146,7 +146,7 @@ export default function V3Footer(props) {
                     textStyle="body3"
                     className={
                       isDarkMode
-                        ? "text-neutral-400 mt-2 tb:mt-4 hover:text-neutral-600"
+                        ? "text-neutral-400 mt-2 tb:mt-4 hover:text-neutral-0"
                         : "text-neutral-600 mt-2 tb:mt-4 hover:text-neutral-1000"
                     }
                   >
@@ -162,6 +162,7 @@ export default function V3Footer(props) {
         <div className="flex items-center justify-center pt-10 tb-m:pt-0 pb-4 tb-m:pb-0 tb-m:justify-start">
           {socialShare.map((icon, index) => (
             <a
+              key={index}
               href={icon.linkUrl}
               className={
                 "mx-2 tb-l:mx-4 first:ml-0 last:mr-0 [&>svg>path]:fill-neutral-400 [&>svg>path]:hover:fill-neutral-600 " +

package/src/HDS/components/Headers/v3Header.js

@@ -123,7 +123,7 @@ export default function V3Header(props) {
                 <Typography
                   className={
                     isDarkMode
-                      ? "text-neutral-0 hover:text-blue-600"
+                      ? "text-neutral-0 hover:text-blue-400"
                       : "hover:text-blue-600"
                   }
                   textStyle="body3c-medium"
@@ -177,7 +177,7 @@ export default function V3Header(props) {
           <Typography
             className={
               isDarkMode
-                ? "text-neutral-0 hover:text-blue-600 cursor-pointer"
+                ? "text-neutral-0 hover:text-blue-400 cursor-pointer"
                 : "hover:text-blue-600 cursor-pointer"
             }
             textStyle="body3c-medium"
@@ -193,7 +193,7 @@ export default function V3Header(props) {
           <Typography
             className={
               isDarkMode
-                ? "text-neutral-0 hover:text-blue-600 cursor-pointer"
+                ? "text-neutral-0 hover:text-blue-400 cursor-pointer"
                 : "hover:text-blue-600 cursor-pointer"
             }
             textStyle="body3c-medium"
@@ -383,7 +383,7 @@ export default function V3Header(props) {
                 textStyle="body3c-medium"
                 className={
                   isDarkMode
-                    ? "text-neutral-0 hover:text-blue-600"
+                    ? "text-neutral-0 hover:text-blue-400"
                     : "text-neutral-800 hover:text-blue-600"
                 }
               >

package/src/styles/tailwind.css

@@ -2044,6 +2044,10 @@ select{
   width: 100vw;
 }
 
+.min-w-\[103px\]{
+  min-width: 103px;
+}
+
 .min-w-\[11\.5rem\]{
   min-width: 11.5rem;
 }
@@ -2118,10 +2122,6 @@ select{
   min-width: 100%;
 }
 
-.min-w-\[103px\]{
-  min-width: 103px;
-}
-
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -10206,14 +10206,14 @@ select{
   color: rgb(0 6 21 / var(--tw-text-opacity));
 }
 
-.hover\:text-neutral-200:hover{
+.hover\:text-neutral-600:hover{
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(77 87 97 / var(--tw-text-opacity));
 }
 
-.hover\:text-neutral-600:hover{
+.hover\:text-blue-400:hover{
   --tw-text-opacity: 1;
-  color: rgb(77 87 97 / var(--tw-text-opacity));
+  color: rgb(128 163 255 / var(--tw-text-opacity));
 }
 
 .hover\:shadow:hover{