gov-layout 1.2.10 → 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.
Files changed (5) hide show
  1. package/dist/index.js +37 -26
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +37 -26
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -74,7 +74,7 @@ function SidebarHeader({ orgLogo, orgName, orgSubtitle, collapsed }) {
74
74
  fontWeight: 700,
75
75
  fontSize: "16px",
76
76
  lineHeight: "22px",
77
- color: isDark ? "#f1f5f9" : "var(--color-alias-color-brand-text-dark, #05010e)",
77
+ color: isDark ? "#ffffff" : "var(--color-alias-color-brand-text-dark, #05010e)",
78
78
  margin: 0,
79
79
  overflow: "hidden",
80
80
  textOverflow: "ellipsis",
@@ -83,7 +83,7 @@ function SidebarHeader({ orgLogo, orgName, orgSubtitle, collapsed }) {
83
83
  orgSubtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
84
84
  fontSize: "14px",
85
85
  lineHeight: "20px",
86
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)",
86
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)",
87
87
  margin: 0,
88
88
  overflow: "hidden",
89
89
  textOverflow: "ellipsis",
@@ -479,7 +479,7 @@ function MenuItemComponent({
479
479
  borderRadius: "8px",
480
480
  border: "none",
481
481
  background: isActive || isChildActive ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent",
482
- color: isActive || isChildActive ? activeColor : isDark ? "#f1f5f9" : "var(--color-alias-text-colors-tertiary, #475272)",
482
+ color: isActive || isChildActive ? activeColor : isDark ? "#ffffff" : "var(--color-alias-text-colors-tertiary, #475272)",
483
483
  cursor: "pointer",
484
484
  transition: "background-color 0.15s ease"
485
485
  },
@@ -519,7 +519,7 @@ function MenuItemComponent({
519
519
  borderRadius: "8px",
520
520
  border: "none",
521
521
  background: isActive ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent",
522
- color: isActive ? activeColor : isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
522
+ color: isActive ? activeColor : isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
523
523
  cursor: "pointer",
524
524
  transition: "background-color 0.15s ease",
525
525
  textAlign: "left",
@@ -535,7 +535,7 @@ function MenuItemComponent({
535
535
  alignItems: "center",
536
536
  justifyContent: "center",
537
537
  flexShrink: 0,
538
- color: isActive ? activeColor : isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)"
538
+ color: isActive ? activeColor : isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)"
539
539
  }, children: resolvedIcon }),
540
540
  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1 }, children: item.title }),
541
541
  hasChildren && /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { isOpen: expanded })
@@ -810,7 +810,7 @@ function SidebarUserProfile({
810
810
  fontWeight: 600,
811
811
  fontSize: "14px",
812
812
  lineHeight: "20px",
813
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
813
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
814
814
  margin: 0,
815
815
  overflow: "hidden",
816
816
  textOverflow: "ellipsis",
@@ -819,7 +819,7 @@ function SidebarUserProfile({
819
819
  /* @__PURE__ */ jsxRuntime.jsx("p", { style: {
820
820
  fontSize: "12px",
821
821
  lineHeight: "16px",
822
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)",
822
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)",
823
823
  margin: 0
824
824
  }, children: roleLabel })
825
825
  ] })
@@ -987,7 +987,7 @@ function StaffSidebar({
987
987
  zIndex: 40,
988
988
  overflow: "hidden",
989
989
  transition: "width 0.3s ease",
990
- color: isDark ? "#f1f5f9" : void 0
990
+ color: isDark ? "#ffffff" : void 0
991
991
  },
992
992
  children: [
993
993
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1069,7 +1069,7 @@ function StaffSidebar({
1069
1069
  justifyContent: "center",
1070
1070
  boxShadow: isDark ? "2px 0 8px rgba(0,0,0,0.3)" : "2px 0 8px rgba(0,0,0,0.06)",
1071
1071
  transition: "left 0.3s ease",
1072
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-tertiary, #475272)"
1072
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-tertiary, #475272)"
1073
1073
  },
1074
1074
  children: /* @__PURE__ */ jsxRuntime.jsx(ToggleIcon, { isOpen: sidebarOpen })
1075
1075
  }
@@ -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 ? "#f1f5f9" : 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 ? "#f1f5f9" : "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, {}),
@@ -1316,7 +1325,7 @@ function UserHeader({
1316
1325
  background: isDark ? "#1f2937" : "#fafafa"
1317
1326
  },
1318
1327
  children: [
1319
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: isDark ? "#f1f5f9" : "#111" }, children: "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19" }),
1328
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: isDark ? "#ffffff" : "#111" }, children: "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19" }),
1320
1329
  onMarkAllRead && /* @__PURE__ */ jsxRuntime.jsx(
1321
1330
  "button",
1322
1331
  {
@@ -1405,7 +1414,7 @@ function UserHeader({
1405
1414
  style: {
1406
1415
  fontSize: "13px",
1407
1416
  fontWeight: !item.isRead ? 600 : 500,
1408
- color: isDark ? "#f1f5f9" : "#111",
1417
+ color: isDark ? "#ffffff" : "#111",
1409
1418
  margin: "0 0 2px"
1410
1419
  },
1411
1420
  children: item.title
@@ -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";
@@ -1585,7 +1596,7 @@ function UserSidebar({
1585
1596
  transition: "transform 0.3s ease",
1586
1597
  display: "flex",
1587
1598
  flexDirection: "column",
1588
- color: isDark ? "#f1f5f9" : void 0
1599
+ color: isDark ? "#ffffff" : void 0
1589
1600
  },
1590
1601
  children: [
1591
1602
  user && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1644,7 +1655,7 @@ function UserSidebar({
1644
1655
  style: {
1645
1656
  fontWeight: 700,
1646
1657
  fontSize: "16px",
1647
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
1658
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
1648
1659
  margin: 0,
1649
1660
  overflow: "hidden",
1650
1661
  textOverflow: "ellipsis",
@@ -1658,7 +1669,7 @@ function UserSidebar({
1658
1669
  {
1659
1670
  style: {
1660
1671
  fontSize: "13px",
1661
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #6b7280)",
1672
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #6b7280)",
1662
1673
  margin: "2px 0 0",
1663
1674
  display: "flex",
1664
1675
  alignItems: "center",