@the-portland-company/shell 0.13.0 → 0.14.0

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.cjs CHANGED
@@ -1682,7 +1682,7 @@ function NavItem({
1682
1682
  mr: "4",
1683
1683
  fontSize: "16",
1684
1684
  _groupHover: {
1685
- color: isDisabled ? disabledRowTextColor : activeForHover ? "white" : "gray.900"
1685
+ color: isDisabled ? disabledRowTextColor : activeForHover ? "white" : "var(--sidebar-hover-text, #FFFFFF)"
1686
1686
  },
1687
1687
  as: icon
1688
1688
  }
@@ -1711,7 +1711,7 @@ function NavItem({
1711
1711
  color: isDisabled ? disabledRowTextColor : expandedRowTextColor,
1712
1712
  _hover: {
1713
1713
  bg: isDisabled ? disabledRowBg : isParentActive ? modeConfig?.accentColor || "brand.600" : "var(--sidebar-hover-bg, #E2E8F0)",
1714
- color: isDisabled ? disabledRowTextColor : isParentActive ? "white" : "var(--sidebar-text, #1A202C)"
1714
+ color: isDisabled ? disabledRowTextColor : isParentActive ? "white" : "var(--sidebar-hover-text, #FFFFFF)"
1715
1715
  },
1716
1716
  "aria-disabled": isDisabled ? "true" : "false",
1717
1717
  onClick: (e) => {
@@ -1753,7 +1753,7 @@ function NavItem({
1753
1753
  color: isDisabled ? disabledRowTextColor : expandedRowTextColor,
1754
1754
  _hover: {
1755
1755
  bg: isDisabled ? disabledRowBg : hasActiveChild ? modeConfig?.accentColor || "brand.600" : "var(--sidebar-hover-bg, #E2E8F0)",
1756
- color: isDisabled ? disabledRowTextColor : hasActiveChild ? "white" : "var(--sidebar-text, #1A202C)"
1756
+ color: isDisabled ? disabledRowTextColor : hasActiveChild ? "white" : "var(--sidebar-hover-text, #FFFFFF)"
1757
1757
  },
1758
1758
  "aria-disabled": isDisabled ? "true" : "false",
1759
1759
  onClick: (e) => {
@@ -1845,7 +1845,7 @@ function NavItem({
1845
1845
  color: isDisabled ? disabledRowTextColor : rowActive ? isSubItem ? modeConfig?.primaryColor || "brand.500" : "white" : "gray.600",
1846
1846
  _hover: {
1847
1847
  bg: isDisabled ? disabledRowBg : rowActive ? isSubItem ? "var(--sidebar-hover-bg, #E2E8F0)" : modeConfig?.accentColor || "brand.600" : "var(--sidebar-hover-bg, #EDF2F7)",
1848
- color: isDisabled ? disabledRowTextColor : rowActive ? isSubItem ? modeConfig?.primaryColor || "brand.500" : "white" : "gray.900"
1848
+ color: isDisabled ? disabledRowTextColor : rowActive ? isSubItem ? modeConfig?.primaryColor || "brand.500" : "white" : "var(--sidebar-hover-text, #FFFFFF)"
1849
1849
  },
1850
1850
  "aria-disabled": isDisabled ? "true" : "false",
1851
1851
  onClick: handleClick,
@@ -1866,7 +1866,7 @@ function NavItem({
1866
1866
  mr: "4",
1867
1867
  fontSize: "16",
1868
1868
  _groupHover: {
1869
- color: isDisabled ? disabledRowTextColor : rowActive ? isSubItem ? modeConfig?.primaryColor || "brand.500" : "white" : "gray.900"
1869
+ color: isDisabled ? disabledRowTextColor : rowActive ? isSubItem ? modeConfig?.primaryColor || "brand.500" : "white" : "var(--sidebar-hover-text, #FFFFFF)"
1870
1870
  },
1871
1871
  as: icon
1872
1872
  }
@@ -2565,8 +2565,8 @@ function Sidebar({ onClose, id }) {
2565
2565
  flexShrink: 0,
2566
2566
  bg: sidebarBg,
2567
2567
  zIndex: 1,
2568
- children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { align: "stretch", spacing: 2, px: "3", py: "2", children: [
2569
- /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { spacing: 1, fontSize: "xs", color: "gray.600", wrap: "wrap", children: footer.links.map((l, idx) => /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { display: "inline-flex", alignItems: "center", children: [
2568
+ children: /* @__PURE__ */ jsxRuntime.jsxs(react.VStack, { align: "center", spacing: 2, px: "3", py: "2", children: [
2569
+ /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { spacing: 1, fontSize: "xs", color: "gray.600", wrap: "wrap", justify: "center", children: footer.links.map((l, idx) => /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { display: "inline-flex", alignItems: "center", children: [
2570
2570
  idx > 0 ? /* @__PURE__ */ jsxRuntime.jsx(react.Text, { color: "gray.400", mx: 1, children: "|" }) : null,
2571
2571
  l.external ? /* @__PURE__ */ jsxRuntime.jsx(
2572
2572
  react.Link,