gov-layout 1.2.11 → 1.2.13

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/dist/index.mjs CHANGED
@@ -1142,12 +1142,12 @@ function UserHeader({
1142
1142
  {
1143
1143
  className,
1144
1144
  style: {
1145
- background: isDark ? "#1e293b" : "#fff",
1146
- boxShadow: isDark ? "0 1px 3px rgba(0,0,0,0.3)" : "0 1px 3px rgba(0,0,0,0.08)",
1145
+ background: "#346D55",
1146
+ boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
1147
1147
  position: "sticky",
1148
1148
  top: 0,
1149
1149
  zIndex: 10,
1150
- color: isDark ? "#ffffff" : void 0
1150
+ color: "#ffffff"
1151
1151
  },
1152
1152
  children: /* @__PURE__ */ jsxs(
1153
1153
  "div",
@@ -1164,7 +1164,7 @@ function UserHeader({
1164
1164
  {
1165
1165
  onClick: onProfile,
1166
1166
  onMouseEnter: (e) => {
1167
- if (onProfile) e.currentTarget.style.backgroundColor = isDark ? "#334155" : "var(--color-alias-color-brand-surface, #f0fdf4)";
1167
+ if (onProfile) e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.12)";
1168
1168
  },
1169
1169
  onMouseLeave: (e) => {
1170
1170
  if (onProfile) e.currentTarget.style.backgroundColor = "transparent";
@@ -1189,7 +1189,7 @@ function UserHeader({
1189
1189
  height: "44px",
1190
1190
  borderRadius: "50%",
1191
1191
  objectFit: "cover",
1192
- border: "2px solid var(--color-alias-color-brand-surface, #faf9e5)"
1192
+ border: "2px solid rgba(255,255,255,0.7)"
1193
1193
  }
1194
1194
  }
1195
1195
  ) : /* @__PURE__ */ jsx(
@@ -1199,7 +1199,8 @@ function UserHeader({
1199
1199
  width: "44px",
1200
1200
  height: "44px",
1201
1201
  borderRadius: "50%",
1202
- background: "linear-gradient(135deg, var(--color-alias-color-brand-secondary, #80d897), var(--color-alias-color-brand-primary, #1e7d55))",
1202
+ background: "rgba(255,255,255,0.2)",
1203
+ border: "2px solid rgba(255,255,255,0.7)",
1203
1204
  display: "flex",
1204
1205
  alignItems: "center",
1205
1206
  justifyContent: "center",
@@ -1218,9 +1219,9 @@ function UserHeader({
1218
1219
  "p",
1219
1220
  {
1220
1221
  style: {
1221
- fontSize: "14px",
1222
+ fontSize: "15px",
1222
1223
  fontWeight: 600,
1223
- color: isDark ? "#ffffff" : "var(--color-alias-color-brand-text-dark, #05010e)",
1224
+ color: "#ffffff",
1224
1225
  margin: 0
1225
1226
  },
1226
1227
  children: [
@@ -1230,7 +1231,7 @@ function UserHeader({
1230
1231
  "span",
1231
1232
  {
1232
1233
  style: {
1233
- color: isDark ? "#8be9a0" : "var(--color-alias-color-brand-primary, #1e7d55)"
1234
+ color: "#ffffff"
1234
1235
  },
1235
1236
  children: displayName
1236
1237
  }
@@ -1247,6 +1248,12 @@ function UserHeader({
1247
1248
  "button",
1248
1249
  {
1249
1250
  onClick: () => setIsNotifOpen(!isNotifOpen),
1251
+ onMouseEnter: (e) => {
1252
+ e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.15)";
1253
+ },
1254
+ onMouseLeave: (e) => {
1255
+ e.currentTarget.style.backgroundColor = "transparent";
1256
+ },
1250
1257
  style: {
1251
1258
  padding: "10px",
1252
1259
  borderRadius: "8px",
@@ -1256,7 +1263,9 @@ function UserHeader({
1256
1263
  position: "relative",
1257
1264
  display: "flex",
1258
1265
  alignItems: "center",
1259
- justifyContent: "center"
1266
+ justifyContent: "center",
1267
+ color: "#ffffff",
1268
+ transition: "background-color 0.15s ease"
1260
1269
  },
1261
1270
  children: [
1262
1271
  /* @__PURE__ */ jsx(BellIcon2, {}),
@@ -1482,10 +1491,12 @@ function UserHeader({
1482
1491
  cursor: "pointer",
1483
1492
  display: "flex",
1484
1493
  alignItems: "center",
1485
- justifyContent: "center"
1494
+ justifyContent: "center",
1495
+ color: "#ffffff",
1496
+ transition: "background-color 0.15s ease"
1486
1497
  },
1487
1498
  onMouseEnter: (e) => {
1488
- e.currentTarget.style.backgroundColor = isDark ? "#374151" : "#f3f4f6";
1499
+ e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.15)";
1489
1500
  },
1490
1501
  onMouseLeave: (e) => {
1491
1502
  e.currentTarget.style.backgroundColor = "transparent";