gov-layout 1.2.11 → 1.2.12

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