gov-layout 1.2.15 → 1.2.18
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/README.md +27 -2
- package/dist/index.d.mts +20 -2
- package/dist/index.d.ts +20 -2
- package/dist/index.js +82 -33
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +82 -34
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -694,7 +694,7 @@ function SidebarUserProfile({
|
|
|
694
694
|
onClick: onProfile,
|
|
695
695
|
title: "\u0E42\u0E1B\u0E23\u0E44\u0E1F\u0E25\u0E4C\u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19",
|
|
696
696
|
onMouseEnter: (e) => {
|
|
697
|
-
e.currentTarget.style.backgroundColor = isDark ? "#334155" : "var(--color-alias-color-brand-surface, #
|
|
697
|
+
e.currentTarget.style.backgroundColor = isDark ? "#334155" : "var(--color-alias-color-brand-surface, #faf9e5)";
|
|
698
698
|
},
|
|
699
699
|
onMouseLeave: (e) => {
|
|
700
700
|
e.currentTarget.style.backgroundColor = "transparent";
|
|
@@ -834,7 +834,7 @@ function SidebarUserProfile({
|
|
|
834
834
|
onClick: onProfile,
|
|
835
835
|
title: "\u0E42\u0E1B\u0E23\u0E44\u0E1F\u0E25\u0E4C\u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19",
|
|
836
836
|
onMouseEnter: (e) => {
|
|
837
|
-
e.currentTarget.style.backgroundColor = isDark ? "#334155" : "var(--color-alias-color-brand-surface, #
|
|
837
|
+
e.currentTarget.style.backgroundColor = isDark ? "#334155" : "var(--color-alias-color-brand-surface, #faf9e5)";
|
|
838
838
|
},
|
|
839
839
|
onMouseLeave: (e) => {
|
|
840
840
|
e.currentTarget.style.backgroundColor = "transparent";
|
|
@@ -1122,6 +1122,7 @@ function UserHeader({
|
|
|
1122
1122
|
notificationBell,
|
|
1123
1123
|
onMarkAllRead,
|
|
1124
1124
|
onViewAll,
|
|
1125
|
+
onNotificationClick,
|
|
1125
1126
|
onProfile,
|
|
1126
1127
|
className
|
|
1127
1128
|
}) {
|
|
@@ -1145,7 +1146,7 @@ function UserHeader({
|
|
|
1145
1146
|
{
|
|
1146
1147
|
className,
|
|
1147
1148
|
style: {
|
|
1148
|
-
background: "#
|
|
1149
|
+
background: "#3AAE7D",
|
|
1149
1150
|
boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
|
|
1150
1151
|
position: "sticky",
|
|
1151
1152
|
top: 0,
|
|
@@ -1218,30 +1219,44 @@ function UserHeader({
|
|
|
1218
1219
|
)
|
|
1219
1220
|
}
|
|
1220
1221
|
),
|
|
1221
|
-
/* @__PURE__ */
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1222
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
1223
|
+
/* @__PURE__ */ jsxs(
|
|
1224
|
+
"p",
|
|
1225
|
+
{
|
|
1226
|
+
style: {
|
|
1227
|
+
fontSize: "15px",
|
|
1228
|
+
fontWeight: 600,
|
|
1229
|
+
color: "#ffffff",
|
|
1230
|
+
margin: 0
|
|
1231
|
+
},
|
|
1232
|
+
children: [
|
|
1233
|
+
"\u0E2A\u0E27\u0E31\u0E2A\u0E14\u0E35,",
|
|
1234
|
+
" ",
|
|
1235
|
+
/* @__PURE__ */ jsx(
|
|
1236
|
+
"span",
|
|
1237
|
+
{
|
|
1238
|
+
style: {
|
|
1239
|
+
color: "#ffffff"
|
|
1240
|
+
},
|
|
1241
|
+
children: displayName
|
|
1242
|
+
}
|
|
1243
|
+
)
|
|
1244
|
+
]
|
|
1245
|
+
}
|
|
1246
|
+
),
|
|
1247
|
+
user?.subtitle && /* @__PURE__ */ jsx(
|
|
1248
|
+
"p",
|
|
1249
|
+
{
|
|
1250
|
+
style: {
|
|
1251
|
+
fontSize: "12px",
|
|
1252
|
+
color: "rgba(255,255,255,0.75)",
|
|
1253
|
+
margin: "2px 0 0",
|
|
1254
|
+
fontWeight: 400
|
|
1255
|
+
},
|
|
1256
|
+
children: user.subtitle
|
|
1257
|
+
}
|
|
1258
|
+
)
|
|
1259
|
+
] })
|
|
1245
1260
|
]
|
|
1246
1261
|
}
|
|
1247
1262
|
),
|
|
@@ -1359,6 +1374,7 @@ function UserHeader({
|
|
|
1359
1374
|
) : notifications.map((item) => /* @__PURE__ */ jsxs(
|
|
1360
1375
|
"div",
|
|
1361
1376
|
{
|
|
1377
|
+
onClick: () => onNotificationClick?.(item),
|
|
1362
1378
|
style: {
|
|
1363
1379
|
padding: "12px 16px",
|
|
1364
1380
|
borderBottom: "1px solid #f9fafb",
|
|
@@ -1605,7 +1621,7 @@ function UserSidebar({
|
|
|
1605
1621
|
{
|
|
1606
1622
|
style: {
|
|
1607
1623
|
padding: "20px",
|
|
1608
|
-
borderBottom: `1px solid ${isDark ? "#374151" : "var(--color-border-colors-neutral, #
|
|
1624
|
+
borderBottom: `1px solid ${isDark ? "#374151" : "var(--color-border-colors-neutral, #c8cedd)"}`
|
|
1609
1625
|
},
|
|
1610
1626
|
children: /* @__PURE__ */ jsxs(
|
|
1611
1627
|
"div",
|
|
@@ -1670,7 +1686,7 @@ function UserSidebar({
|
|
|
1670
1686
|
{
|
|
1671
1687
|
style: {
|
|
1672
1688
|
fontSize: "13px",
|
|
1673
|
-
color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #
|
|
1689
|
+
color: isDark ? "#e2e8f0" : "var(--color-alias-text-colors-tertiary, #475272)",
|
|
1674
1690
|
margin: "2px 0 0",
|
|
1675
1691
|
display: "flex",
|
|
1676
1692
|
alignItems: "center",
|
|
@@ -1718,7 +1734,7 @@ function UserSidebar({
|
|
|
1718
1734
|
{
|
|
1719
1735
|
style: {
|
|
1720
1736
|
padding: "20px",
|
|
1721
|
-
borderTop: `1px solid ${isDark ? "#374151" : "var(--color-border-colors-neutral, #
|
|
1737
|
+
borderTop: `1px solid ${isDark ? "#374151" : "var(--color-border-colors-neutral, #c8cedd)"}`
|
|
1722
1738
|
},
|
|
1723
1739
|
children: /* @__PURE__ */ jsxs(
|
|
1724
1740
|
"button",
|
|
@@ -1739,7 +1755,7 @@ function UserSidebar({
|
|
|
1739
1755
|
borderRadius: "8px",
|
|
1740
1756
|
border: "none",
|
|
1741
1757
|
background: "transparent",
|
|
1742
|
-
color: "var(--color-alias-semantic-critical, #
|
|
1758
|
+
color: "var(--color-alias-semantic-critical, #f21515)",
|
|
1743
1759
|
cursor: "pointer",
|
|
1744
1760
|
transition: "background-color 0.15s ease",
|
|
1745
1761
|
fontSize: "15px",
|
|
@@ -1758,6 +1774,38 @@ function UserSidebar({
|
|
|
1758
1774
|
)
|
|
1759
1775
|
] });
|
|
1760
1776
|
}
|
|
1777
|
+
function BottomBar({
|
|
1778
|
+
children,
|
|
1779
|
+
sidebarWidth = "280px",
|
|
1780
|
+
height = "73px",
|
|
1781
|
+
className,
|
|
1782
|
+
style
|
|
1783
|
+
}) {
|
|
1784
|
+
const isDark = useDarkMode();
|
|
1785
|
+
return /* @__PURE__ */ jsx(
|
|
1786
|
+
"div",
|
|
1787
|
+
{
|
|
1788
|
+
className,
|
|
1789
|
+
style: {
|
|
1790
|
+
position: "fixed",
|
|
1791
|
+
bottom: 0,
|
|
1792
|
+
left: sidebarWidth,
|
|
1793
|
+
right: 0,
|
|
1794
|
+
height,
|
|
1795
|
+
background: isDark ? "#111827" : "#ffffff",
|
|
1796
|
+
borderTop: `1px solid ${isDark ? "#374151" : "var(--color-border-colors-neutral, #c8cedd)"}`,
|
|
1797
|
+
display: "flex",
|
|
1798
|
+
alignItems: "center",
|
|
1799
|
+
justifyContent: "space-between",
|
|
1800
|
+
padding: "16px 24px",
|
|
1801
|
+
zIndex: 30,
|
|
1802
|
+
transition: "left 0.3s ease",
|
|
1803
|
+
...style
|
|
1804
|
+
},
|
|
1805
|
+
children
|
|
1806
|
+
}
|
|
1807
|
+
);
|
|
1808
|
+
}
|
|
1761
1809
|
var FONT_SIZE_OPTIONS = [
|
|
1762
1810
|
{ key: "xsmall", label: "\u0E40\u0E25\u0E47\u0E01\u0E21\u0E32\u0E01", scale: 0.8 },
|
|
1763
1811
|
{ key: "small", label: "\u0E40\u0E25\u0E47\u0E01", scale: 0.9 },
|
|
@@ -1965,7 +2013,7 @@ function FontSizeSettings({ onBack }) {
|
|
|
1965
2013
|
margin: "8px 16px",
|
|
1966
2014
|
padding: "16px",
|
|
1967
2015
|
borderRadius: 10,
|
|
1968
|
-
background: "var(--color-foundations-fuji-pallet-light, #
|
|
2016
|
+
background: "var(--color-foundations-fuji-pallet-light, #ebedf5)",
|
|
1969
2017
|
textAlign: "center"
|
|
1970
2018
|
}, children: [
|
|
1971
2019
|
/* @__PURE__ */ jsx("p", { style: {
|
|
@@ -2068,7 +2116,7 @@ function SettingsPanel({ className, showTheme = true }) {
|
|
|
2068
2116
|
return /* @__PURE__ */ jsxs("div", { className, children: [
|
|
2069
2117
|
/* @__PURE__ */ jsx("div", { style: {
|
|
2070
2118
|
padding: "16px",
|
|
2071
|
-
borderBottom: "1px solid var(--color-border-colors-neutral, #
|
|
2119
|
+
borderBottom: "1px solid var(--color-border-colors-neutral, #c8cedd)"
|
|
2072
2120
|
}, children: /* @__PURE__ */ jsx("h3", { style: {
|
|
2073
2121
|
fontSize: 16,
|
|
2074
2122
|
fontWeight: 700,
|
|
@@ -2168,6 +2216,6 @@ var Icons = {
|
|
|
2168
2216
|
Trash: TrashIcon
|
|
2169
2217
|
};
|
|
2170
2218
|
|
|
2171
|
-
export { AlertTriangleIcon, BarChartIcon, BellIcon, BuildingIcon, CalendarIcon, CheckCircleIcon, ClipboardIcon, DatabaseIcon, DownloadIcon, EditIcon, EyeIcon, FONT_SIZE_OPTIONS, FileTextIcon, FolderIcon, FontSizeSettings, GearIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, Icons, LogOutIcon, MailIcon, MapPinIcon, PhoneIcon, PlusCircleIcon, PrinterIcon, SearchIcon, SettingsPanel, SettingsProvider, ShieldIcon, SidebarHeader, SidebarMenu, SidebarUserProfile, StaffSidebar, StarIcon, ThemeSettings, TrashIcon, UploadIcon, UserHeader, UserIcon, UserSidebar, UsersIcon, WrenchIcon, XCircleIcon, useDarkMode, useSettings };
|
|
2219
|
+
export { AlertTriangleIcon, BarChartIcon, BellIcon, BottomBar, BuildingIcon, CalendarIcon, CheckCircleIcon, ClipboardIcon, DatabaseIcon, DownloadIcon, EditIcon, EyeIcon, FONT_SIZE_OPTIONS, FileTextIcon, FolderIcon, FontSizeSettings, GearIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, Icons, LogOutIcon, MailIcon, MapPinIcon, PhoneIcon, PlusCircleIcon, PrinterIcon, SearchIcon, SettingsPanel, SettingsProvider, ShieldIcon, SidebarHeader, SidebarMenu, SidebarUserProfile, StaffSidebar, StarIcon, ThemeSettings, TrashIcon, UploadIcon, UserHeader, UserIcon, UserSidebar, UsersIcon, WrenchIcon, XCircleIcon, useDarkMode, useSettings };
|
|
2172
2220
|
//# sourceMappingURL=index.mjs.map
|
|
2173
2221
|
//# sourceMappingURL=index.mjs.map
|