hds-web 1.37.8 → 1.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.37.8",
3
+ "version": "1.38.0",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -51,7 +51,7 @@ export default function V3Header(props) {
51
51
 
52
52
  const hideLoginButton = props.hideLoginButton;
53
53
 
54
- // const isDarkMode = props?.isDarkMode;
54
+ // const isDarkMode = true;
55
55
  const isDarkMode = props?.isDarkMode;
56
56
 
57
57
  //testing
@@ -121,7 +121,11 @@ export default function V3Header(props) {
121
121
  >
122
122
  <div className="flex flex-col items-center cursor-pointer">
123
123
  <Typography
124
- className="hover:text-blue-600"
124
+ className={
125
+ isDarkMode
126
+ ? "text-neutral-0 hover:text-blue-600"
127
+ : "hover:text-blue-600"
128
+ }
125
129
  textStyle="body3c-medium"
126
130
  >
127
131
  {`${title} `}
@@ -343,11 +347,19 @@ export default function V3Header(props) {
343
347
  <div className=" h-5 cursor-pointer">
344
348
  <div
345
349
  aria-hidden="true"
346
- className={`${class1} block absolute h-[2px] w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}
350
+ className={
351
+ isDarkMode
352
+ ? `${class1} block absolute h-[2px] w-[15px] bg-neutral-0 transform transition duration-500 ease-in-out`
353
+ : `${class1} block absolute h-[2px] w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`
354
+ }
347
355
  ></div>
348
356
  <div
349
357
  aria-hidden="true"
350
- className={`${class3} block absolute h-0.5 w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`}
358
+ className={
359
+ isDarkMode
360
+ ? `${class3} block absolute h-0.5 w-[15px] bg-neutral-0 transform transition duration-500 ease-in-out`
361
+ : `${class3} block absolute h-0.5 w-[15px] bg-neutral-800 transform transition duration-500 ease-in-out`
362
+ }
351
363
  ></div>
352
364
  </div>
353
365
  </motion.div>
@@ -35,11 +35,15 @@ export default function Search(props) {
35
35
  setShowSearch((preShowSearch) => !preShowSearch);
36
36
  }}
37
37
  >
38
- <p className="-mt-1">/ </p>
38
+ <p className={props?.isDarkMode ? "-mt-1 text-neutral-0" : "-mt-1"}>
39
+ /{" "}
40
+ </p>
39
41
  <Icon
40
42
  height={"h-4 w-4 stroke-2"}
41
43
  variant={`searchsm`}
42
- strokeClass="stroke-neutral-1000"
44
+ strokeClass={
45
+ props?.isDarkMode ? "stroke-neutral-0" : "stroke-neutral-1000"
46
+ }
43
47
  />
44
48
  </div>
45
49
  </div>