gov-layout 1.2.10 → 1.2.11

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
@@ -72,7 +72,7 @@ function SidebarHeader({ orgLogo, orgName, orgSubtitle, collapsed }) {
72
72
  fontWeight: 700,
73
73
  fontSize: "16px",
74
74
  lineHeight: "22px",
75
- color: isDark ? "#f1f5f9" : "var(--color-alias-color-brand-text-dark, #05010e)",
75
+ color: isDark ? "#ffffff" : "var(--color-alias-color-brand-text-dark, #05010e)",
76
76
  margin: 0,
77
77
  overflow: "hidden",
78
78
  textOverflow: "ellipsis",
@@ -81,7 +81,7 @@ function SidebarHeader({ orgLogo, orgName, orgSubtitle, collapsed }) {
81
81
  orgSubtitle && /* @__PURE__ */ jsx("p", { style: {
82
82
  fontSize: "14px",
83
83
  lineHeight: "20px",
84
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)",
84
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)",
85
85
  margin: 0,
86
86
  overflow: "hidden",
87
87
  textOverflow: "ellipsis",
@@ -477,7 +477,7 @@ function MenuItemComponent({
477
477
  borderRadius: "8px",
478
478
  border: "none",
479
479
  background: isActive || isChildActive ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent",
480
- color: isActive || isChildActive ? activeColor : isDark ? "#f1f5f9" : "var(--color-alias-text-colors-tertiary, #475272)",
480
+ color: isActive || isChildActive ? activeColor : isDark ? "#ffffff" : "var(--color-alias-text-colors-tertiary, #475272)",
481
481
  cursor: "pointer",
482
482
  transition: "background-color 0.15s ease"
483
483
  },
@@ -517,7 +517,7 @@ function MenuItemComponent({
517
517
  borderRadius: "8px",
518
518
  border: "none",
519
519
  background: isActive ? `color-mix(in srgb, ${activeColor} 10%, transparent)` : "transparent",
520
- color: isActive ? activeColor : isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
520
+ color: isActive ? activeColor : isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
521
521
  cursor: "pointer",
522
522
  transition: "background-color 0.15s ease",
523
523
  textAlign: "left",
@@ -533,7 +533,7 @@ function MenuItemComponent({
533
533
  alignItems: "center",
534
534
  justifyContent: "center",
535
535
  flexShrink: 0,
536
- color: isActive ? activeColor : isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)"
536
+ color: isActive ? activeColor : isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)"
537
537
  }, children: resolvedIcon }),
538
538
  /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: item.title }),
539
539
  hasChildren && /* @__PURE__ */ jsx(ChevronDownIcon, { isOpen: expanded })
@@ -808,7 +808,7 @@ function SidebarUserProfile({
808
808
  fontWeight: 600,
809
809
  fontSize: "14px",
810
810
  lineHeight: "20px",
811
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
811
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
812
812
  margin: 0,
813
813
  overflow: "hidden",
814
814
  textOverflow: "ellipsis",
@@ -817,7 +817,7 @@ function SidebarUserProfile({
817
817
  /* @__PURE__ */ jsx("p", { style: {
818
818
  fontSize: "12px",
819
819
  lineHeight: "16px",
820
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #475272)",
820
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)",
821
821
  margin: 0
822
822
  }, children: roleLabel })
823
823
  ] })
@@ -985,7 +985,7 @@ function StaffSidebar({
985
985
  zIndex: 40,
986
986
  overflow: "hidden",
987
987
  transition: "width 0.3s ease",
988
- color: isDark ? "#f1f5f9" : void 0
988
+ color: isDark ? "#ffffff" : void 0
989
989
  },
990
990
  children: [
991
991
  /* @__PURE__ */ jsx(
@@ -1067,7 +1067,7 @@ function StaffSidebar({
1067
1067
  justifyContent: "center",
1068
1068
  boxShadow: isDark ? "2px 0 8px rgba(0,0,0,0.3)" : "2px 0 8px rgba(0,0,0,0.06)",
1069
1069
  transition: "left 0.3s ease",
1070
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-tertiary, #475272)"
1070
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-tertiary, #475272)"
1071
1071
  },
1072
1072
  children: /* @__PURE__ */ jsx(ToggleIcon, { isOpen: sidebarOpen })
1073
1073
  }
@@ -1147,7 +1147,7 @@ function UserHeader({
1147
1147
  position: "sticky",
1148
1148
  top: 0,
1149
1149
  zIndex: 10,
1150
- color: isDark ? "#f1f5f9" : void 0
1150
+ color: isDark ? "#ffffff" : void 0
1151
1151
  },
1152
1152
  children: /* @__PURE__ */ jsxs(
1153
1153
  "div",
@@ -1220,7 +1220,7 @@ function UserHeader({
1220
1220
  style: {
1221
1221
  fontSize: "14px",
1222
1222
  fontWeight: 600,
1223
- color: isDark ? "#f1f5f9" : "var(--color-alias-color-brand-text-dark, #05010e)",
1223
+ color: isDark ? "#ffffff" : "var(--color-alias-color-brand-text-dark, #05010e)",
1224
1224
  margin: 0
1225
1225
  },
1226
1226
  children: [
@@ -1314,7 +1314,7 @@ function UserHeader({
1314
1314
  background: isDark ? "#1f2937" : "#fafafa"
1315
1315
  },
1316
1316
  children: [
1317
- /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: isDark ? "#f1f5f9" : "#111" }, children: "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19" }),
1317
+ /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: isDark ? "#ffffff" : "#111" }, children: "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19" }),
1318
1318
  onMarkAllRead && /* @__PURE__ */ jsx(
1319
1319
  "button",
1320
1320
  {
@@ -1403,7 +1403,7 @@ function UserHeader({
1403
1403
  style: {
1404
1404
  fontSize: "13px",
1405
1405
  fontWeight: !item.isRead ? 600 : 500,
1406
- color: isDark ? "#f1f5f9" : "#111",
1406
+ color: isDark ? "#ffffff" : "#111",
1407
1407
  margin: "0 0 2px"
1408
1408
  },
1409
1409
  children: item.title
@@ -1583,7 +1583,7 @@ function UserSidebar({
1583
1583
  transition: "transform 0.3s ease",
1584
1584
  display: "flex",
1585
1585
  flexDirection: "column",
1586
- color: isDark ? "#f1f5f9" : void 0
1586
+ color: isDark ? "#ffffff" : void 0
1587
1587
  },
1588
1588
  children: [
1589
1589
  user && /* @__PURE__ */ jsx(
@@ -1642,7 +1642,7 @@ function UserSidebar({
1642
1642
  style: {
1643
1643
  fontWeight: 700,
1644
1644
  fontSize: "16px",
1645
- color: isDark ? "#f1f5f9" : "var(--color-alias-text-colors-primary, #060d26)",
1645
+ color: isDark ? "#ffffff" : "var(--color-alias-text-colors-primary, #060d26)",
1646
1646
  margin: 0,
1647
1647
  overflow: "hidden",
1648
1648
  textOverflow: "ellipsis",
@@ -1656,7 +1656,7 @@ function UserSidebar({
1656
1656
  {
1657
1657
  style: {
1658
1658
  fontSize: "13px",
1659
- color: isDark ? "#94a3b8" : "var(--color-alias-text-colors-tertiary, #6b7280)",
1659
+ color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #6b7280)",
1660
1660
  margin: "2px 0 0",
1661
1661
  display: "flex",
1662
1662
  alignItems: "center",