@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.
- package/dist/index.js +18 -6
- 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,
|
|
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:
|
|
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.
|
|
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.
|
|
52
|
+
"@kud/ink-ui": "0.22.0",
|
|
53
53
|
"zx": "8.8.5"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|