@kud/gh-ink 0.44.0 → 0.44.2

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 (2) hide show
  1. package/dist/index.js +18 -6
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -1501,10 +1501,21 @@ var COLS = (process.stdout.columns ?? 120) - FRAME_CHROME_COLS;
1501
1501
  var MODAL_CHROME_COLS = 2 + 1 * 2;
1502
1502
  var OVERLAY_BG = "#22222e";
1503
1503
  var DimContext = createContext(false);
1504
+ var BACKDROP_FG = "#5a5a68";
1505
+ var BACKDROP_FG_RECESSED = "#3a3a46";
1506
+ var backdropStyle = (props) => ({
1507
+ color: props.dimColor ? BACKDROP_FG_RECESSED : BACKDROP_FG,
1508
+ dimColor: false,
1509
+ bold: false,
1510
+ italic: false,
1511
+ inverse: false,
1512
+ backgroundColor: void 0
1513
+ });
1504
1514
  var Text3 = ({ children, ...props }) => {
1505
1515
  const dimmed = useContext(DimContext);
1506
- return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, bold: false, dimColor: true, children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
1516
+ return dimmed ? /* @__PURE__ */ jsx(Text, { ...props, ...backdropStyle(props), children }) : /* @__PURE__ */ jsx(Text, { ...props, children });
1507
1517
  };
1518
+ var useBackdropped = () => useContext(DimContext);
1508
1519
  var Backdrop = ({
1509
1520
  dimmed,
1510
1521
  absolute,
@@ -1995,6 +2006,7 @@ var ItemRow = ({
1995
2006
  sparkFrame = 0,
1996
2007
  cols = COLS
1997
2008
  }) => {
2009
+ const backdropped = useBackdropped();
1998
2010
  const transient = leaving ? "out" : refreshMark;
1999
2011
  const transitFrame = Math.floor(sparkFrame / TRANSIT_FRAME_TICKS);
2000
2012
  const farewellLabel = leaving ? TRANSIT_LABEL.out : "";
@@ -2041,12 +2053,12 @@ var ItemRow = ({
2041
2053
  children: truncate2(item.summary, titleMax2)
2042
2054
  }
2043
2055
  ),
2044
- item.pill ? /* @__PURE__ */ jsxs(Fragment, { children: [
2056
+ item.pill && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
2045
2057
  /* @__PURE__ */ jsx(Text3, { children: " " }),
2046
2058
  /* @__PURE__ */ jsx(Pill, { variant: item.pillVariant ?? "muted", children: item.pill })
2047
2059
  ] }) : null,
2048
2060
  note ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: ` ${note}` }) : null,
2049
- farewellLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
2061
+ farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
2050
2062
  /* @__PURE__ */ jsx(Text3, { children: " " }),
2051
2063
  /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
2052
2064
  ] }) : null
@@ -2133,11 +2145,11 @@ var ItemRow = ({
2133
2145
  unresolvedLabel && !givingUp.threads ? /* @__PURE__ */ jsx(Text3, { bold: !spokeLast, color: spokeLast ? "#888888" : "#FF8700", children: " " + unresolvedLabel }) : null,
2134
2146
  showAuthor && !givingUp.author ? /* @__PURE__ */ jsx(Text3, { dimColor: true, italic: true, children: " by " + item.author }) : null,
2135
2147
  ageLabel && !givingUp.age ? /* @__PURE__ */ jsx(Text3, { dimColor: true, children: " " + ageLabel }) : null,
2136
- mergedLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
2148
+ mergedLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
2137
2149
  /* @__PURE__ */ jsx(Text3, { children: " " }),
2138
2150
  /* @__PURE__ */ jsx(Pill, { color: MERGED_COLOUR, children: mergedLabel })
2139
2151
  ] }) : null,
2140
- farewellLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [
2152
+ farewellLabel && !backdropped ? /* @__PURE__ */ jsxs(Fragment, { children: [
2141
2153
  /* @__PURE__ */ jsx(Text3, { children: " " }),
2142
2154
  /* @__PURE__ */ jsx(Pill, { color: TRANSIT_COLOUR.out, children: farewellLabel })
2143
2155
  ] }) : null
@@ -3118,7 +3130,7 @@ var BrowseScreen = ({
3118
3130
  {
3119
3131
  flexDirection: "column",
3120
3132
  minHeight: listHeight,
3121
- width: showRail ? listCols : void 0,
3133
+ width: listCols,
3122
3134
  flexShrink: 0,
3123
3135
  children: [
3124
3136
  /* @__PURE__ */ jsxs(Backdrop, { dimmed: !!overlay, absolute: !!overlay, height: listHeight, children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kud/gh-ink",
3
- "version": "0.44.0",
3
+ "version": "0.44.2",
4
4
  "description": "Ink components for rendering GitHub PR review comments and health — controlled, presentation-only, built on @kud/ink-ui and fed by @kud/gh.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -49,7 +49,7 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@kud/gh": "0.9.0",
52
- "@kud/ink-ui": "0.21.0",
52
+ "@kud/ink-ui": "0.22.0",
53
53
  "zx": "8.8.5"
54
54
  },
55
55
  "devDependencies": {