npm - @activecollab/components - Versions diffs - 2.0.387 → 2.0.389 - Mend

@activecollab/components 2.0.387 → 2.0.389

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 (28) hide show

package/dist/cjs/components/StepSequence/SpineStep.js ADDED Viewed

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPINE_STEP = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** The fifteen states a source-code spine node can be in */
+/* Glyph colours: light on a filled step, the step's own tone on an outlined
+   one — the component paints rings and lines, the caller paints glyphs. */
+var ON_SOLID = "var(--only-white)";
+var AMBER = "var(--color-orange)";
+/* Glyphs render at an even 12px: a 13px glyph in the 22px solid circle (or
+   the 18px content box of an outlined one) leaves half-pixel margins, so the
+   browser snaps it visibly off-centre — 12px keeps every margin a whole pixel
+   and renders the 2-unit strokes of the 24-grid icons at exactly 1px. */
+var GLYPH = 12;
+/**
+ * The fifteen spine states as generic `StepSequence` steps — the single
+ * source both the Spine State Explorer story and the app's source-code
+ * spine render from.
+ *
+ * A connector takes the tone of the step it points into, so `connectorTone`
+ * is only spelled out for a stage that has not been reached yet (queued /
+ * manual / locked) — there the line stays the faint neutral grey.
+ */
+var SPINE_STEP = exports.SPINE_STEP = {
+  done: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  merged: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.GitMergeIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  committed: {
+    tone: "success",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.GitCommitIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  progress: {
+    tone: "info",
+    fill: "solid",
+    pulse: true
+  },
+  review: {
+    tone: "info",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.EyeIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  active: {
+    tone: "info",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.GitBranchIcon, {
+      stroke: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  queued: {
+    tone: "info",
+    fill: "outline",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.ClockIcon, {
+      fill: "var(--color-progress-blue)",
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  failed: {
+    tone: "danger",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  warning: {
+    tone: "warning",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.WarningIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  conflict: {
+    tone: "danger",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.WarningTriangleIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  skipped: {
+    tone: "neutral",
+    fill: "solid",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.CircleSlashIcon, {
+      fill: ON_SOLID,
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  manual: {
+    tone: "warning",
+    fill: "outline",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.ClockIcon, {
+      fill: AMBER,
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  locked: {
+    tone: "warning",
+    fill: "outline",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.LockIcon, {
+      fill: AMBER,
+      width: GLYPH,
+      height: GLYPH
+    }),
+    connectorTone: "neutral"
+  },
+  draft: {
+    tone: "neutral",
+    fill: "dashed",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.GitPullRequestIcon, {
+      stroke: "var(--color-theme-600)",
+      width: GLYPH,
+      height: GLYPH
+    })
+  },
+  todo: {
+    tone: "neutral",
+    fill: "outline"
+  }
+};
+//# sourceMappingURL=SpineStep.js.map

package/dist/cjs/components/StepSequence/SpineStep.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SpineStep.js","names":["_react","_interopRequireDefault","require","_Icons","e","__esModule","default","ON_SOLID","AMBER","GLYPH","SPINE_STEP","exports","done","tone","fill","icon","createElement","CheckIcon","width","height","merged","GitMergeIcon","stroke","committed","GitCommitIcon","progress","pulse","review","EyeIcon","active","GitBranchIcon","queued","ClockIcon","connectorTone","failed","CloseIcon","warning","WarningIcon","conflict","WarningTriangleIcon","skipped","CircleSlashIcon","manual","locked","LockIcon","draft","GitPullRequestIcon","todo"],"sources":["../../../../src/components/StepSequence/SpineStep.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { IStepSequenceStep } from \"./StepSequence\";\nimport {\n CheckIcon,\n CircleSlashIcon,\n ClockIcon,\n CloseIcon,\n EyeIcon,\n GitBranchIcon,\n GitCommitIcon,\n GitMergeIcon,\n GitPullRequestIcon,\n LockIcon,\n WarningIcon,\n WarningTriangleIcon,\n} from \"../Icons\";\n\n/** The fifteen states a source-code spine node can be in */\nexport type SpineState =\n | \"done\"\n | \"merged\"\n | \"committed\"\n | \"progress\"\n | \"review\"\n | \"active\"\n | \"queued\"\n | \"failed\"\n | \"warning\"\n | \"conflict\"\n | \"skipped\"\n | \"manual\"\n | \"locked\"\n | \"draft\"\n | \"todo\";\n\n/* Glyph colours: light on a filled step, the step's own tone on an outlined\n one — the component paints rings and lines, the caller paints glyphs. */\nconst ON_SOLID = \"var(--only-white)\";\nconst AMBER = \"var(--color-orange)\";\n\n/* Glyphs render at an even 12px: a 13px glyph in the 22px solid circle (or\n the 18px content box of an outlined one) leaves half-pixel margins, so the\n browser snaps it visibly off-centre — 12px keeps every margin a whole pixel\n and renders the 2-unit strokes of the 24-grid icons at exactly 1px. */\nconst GLYPH = 12;\n\n/**\n * The fifteen spine states as generic `StepSequence` steps — the single\n * source both the Spine State Explorer story and the app's source-code\n * spine render from.\n *\n * A connector takes the tone of the step it points into, so `connectorTone`\n * is only spelled out for a stage that has not been reached yet (queued /\n * manual / locked) — there the line stays the faint neutral grey.\n */\nexport const SPINE_STEP: Record<SpineState, IStepSequenceStep> = {\n done: {\n tone: \"success\",\n fill: \"solid\",\n icon: <CheckIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n merged: {\n tone: \"success\",\n fill: \"solid\",\n icon: <GitMergeIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n committed: {\n tone: \"success\",\n fill: \"solid\",\n icon: <GitCommitIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n progress: { tone: \"info\", fill: \"solid\", pulse: true },\n review: {\n tone: \"info\",\n fill: \"solid\",\n icon: <EyeIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n active: {\n tone: \"info\",\n fill: \"solid\",\n icon: <GitBranchIcon stroke={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n queued: {\n tone: \"info\",\n fill: \"outline\",\n icon: (\n <ClockIcon\n fill=\"var(--color-progress-blue)\"\n width={GLYPH}\n height={GLYPH}\n />\n ),\n connectorTone: \"neutral\",\n },\n failed: {\n tone: \"danger\",\n fill: \"solid\",\n icon: <CloseIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n warning: {\n tone: \"warning\",\n fill: \"solid\",\n icon: <WarningIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n conflict: {\n tone: \"danger\",\n fill: \"solid\",\n icon: <WarningTriangleIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n skipped: {\n tone: \"neutral\",\n fill: \"solid\",\n icon: <CircleSlashIcon fill={ON_SOLID} width={GLYPH} height={GLYPH} />,\n },\n manual: {\n tone: \"warning\",\n fill: \"outline\",\n icon: <ClockIcon fill={AMBER} width={GLYPH} height={GLYPH} />,\n connectorTone: \"neutral\",\n },\n locked: {\n tone: \"warning\",\n fill: \"outline\",\n icon: <LockIcon fill={AMBER} width={GLYPH} height={GLYPH} />,\n connectorTone: \"neutral\",\n },\n draft: {\n tone: \"neutral\",\n fill: \"dashed\",\n icon: (\n <GitPullRequestIcon\n stroke=\"var(--color-theme-600)\"\n width={GLYPH}\n height={GLYPH}\n />\n ),\n },\n todo: { tone: \"neutral\", fill: \"outline\" },\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/StepSequence/Styles.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
 var _Trigger = require("../Trigger");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var StepPulse = (0, _styledComponents.keyframes)(["0%,100%{opacity:1;}50%{opacity:0.35;}"]);
-var StepSequenceStyle = (0, _styledComponents.css)(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step--success,.c-step-sequence__connector--success{--step-sequence-surface:var(--color-sucess-green);--step-sequence-ring:var(--color-sucess-green);--step-sequence-line:var(--color-sucess-green);}.c-step-sequence__step--info,.c-step-sequence__connector--info{--step-sequence-surface:var(--color-progress-blue);--step-sequence-ring:var(--color-progress-blue);--step-sequence-line:var(--color-progress-blue);}.c-step-sequence__step--warning,.c-step-sequence__connector--warning{--step-sequence-surface:var(--color-orange);--step-sequence-ring:var(--color-orange);--step-sequence-line:var(--color-orange);}.c-step-sequence__step--danger,.c-step-sequence__connector--danger{--step-sequence-surface:var(--red-alert);--step-sequence-ring:var(--red-alert);--step-sequence-line:var(--red-alert);}.c-step-sequence__step--neutral,.c-step-sequence__connector--neutral{--step-sequence-surface:var(--color-theme-500);--step-sequence-ring:var(--color-theme-400);--step-sequence-line:var(--color-theme-400);}.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;svg{display:block;}}.c-step-sequence__step--solid{background:var(--step-sequence-surface);}.c-step-sequence__step--outline{background:transparent;border:2px solid var(--step-sequence-ring);}.c-step-sequence__step--dashed{background:transparent;border:2px dashed var(--step-sequence-ring);}.c-step-sequence__step--pulse > *{animation:", " 1.4s ease-in-out infinite;}.c-step-sequence__dot{width:6px;height:6px;border-radius:50%;background:var(--step-sequence-surface);}.c-step-sequence__step--solid .c-step-sequence__dot{width:7px;height:7px;background:var(--only-white);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--step-sequence-line);}"], _BoxSizingStyle.BoxSizingStyle, StepPulse);
+var StepSequenceStyle = (0, _styledComponents.css)(["", " display:inline-flex;align-items:center;padding:6px 8px;.c-step-sequence__step--success,.c-step-sequence__connector--success{--step-sequence-surface:var(--color-sucess-green);--step-sequence-ring:var(--color-sucess-green);--step-sequence-line:var(--color-sucess-green);}.c-step-sequence__step--info,.c-step-sequence__connector--info{--step-sequence-surface:var(--color-progress-blue);--step-sequence-ring:var(--color-progress-blue);--step-sequence-line:var(--color-progress-blue);}.c-step-sequence__step--warning,.c-step-sequence__connector--warning{--step-sequence-surface:var(--color-orange);--step-sequence-ring:var(--color-orange);--step-sequence-line:var(--color-orange);}.c-step-sequence__step--danger,.c-step-sequence__connector--danger{--step-sequence-surface:var(--red-alert);--step-sequence-ring:var(--red-alert);--step-sequence-line:var(--red-alert);}.c-step-sequence__step--neutral,.c-step-sequence__connector--neutral{--step-sequence-surface:var(--color-theme-500);--step-sequence-ring:var(--color-theme-400);--step-sequence-line:var(--color-theme-400);}.c-step-sequence__step{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;svg{display:block;}}.c-step-sequence__step--solid{background:var(--step-sequence-surface);}.c-step-sequence__step--outline{background:transparent;border:2px solid var(--step-sequence-ring);}.c-step-sequence__step--dashed{background:transparent;border:2px dashed var(--step-sequence-ring);}.c-step-sequence__step--pulse > *{animation:", " 1.4s ease-in-out infinite;}.c-step-sequence__dot{width:6px;height:6px;border-radius:50%;background:var(--step-sequence-surface);}.c-step-sequence__step--solid .c-step-sequence__dot{width:8px;height:8px;background:var(--only-white);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--step-sequence-line);}"], _BoxSizingStyle.BoxSizingStyle, StepPulse);
 var StyledStepSequenceTrigger = exports.StyledStepSequenceTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
   displayName: "Styles__StyledStepSequenceTrigger",
   componentId: "sc-hp7ywn-0"

package/dist/cjs/components/StepSequence/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Trigger","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StepPulse","keyframes","StepSequenceStyle","css","BoxSizingStyle","StyledStepSequenceTrigger","exports","styled","Trigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepPulse = keyframes`\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.35;\n }\n`;\n\nconst StepSequenceStyle = css`\n ${BoxSizingStyle}\n\n display: inline-flex;\n align-items: center;\n padding: 6px 8px;\n\n /* A tone resolves to three roles: the surface a solid step is filled with,\n the ring an outlined step is drawn with and the connector line. Only\n neutral needs them to differ — its line stays the faint, unreached grey. /\n .c-step-sequence__step--success,\n .c-step-sequence__connector--success {\n --step-sequence-surface: var(--color-sucess-green);\n --step-sequence-ring: var(--color-sucess-green);\n --step-sequence-line: var(--color-sucess-green);\n }\n .c-step-sequence__step--info,\n .c-step-sequence__connector--info {\n --step-sequence-surface: var(--color-progress-blue);\n --step-sequence-ring: var(--color-progress-blue);\n --step-sequence-line: var(--color-progress-blue);\n }\n .c-step-sequence__step--warning,\n .c-step-sequence__connector--warning {\n --step-sequence-surface: var(--color-orange);\n --step-sequence-ring: var(--color-orange);\n --step-sequence-line: var(--color-orange);\n }\n .c-step-sequence__step--danger,\n .c-step-sequence__connector--danger {\n --step-sequence-surface: var(--red-alert);\n --step-sequence-ring: var(--red-alert);\n --step-sequence-line: var(--red-alert);\n }\n .c-step-sequence__step--neutral,\n .c-step-sequence__connector--neutral {\n --step-sequence-surface: var(--color-theme-500);\n --step-sequence-ring: var(--color-theme-400);\n --step-sequence-line: var(--color-theme-400);\n }\n\n .c-step-sequence__step {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n display: block;\n }\n }\n\n .c-step-sequence__step--solid {\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--outline {\n background: transparent;\n border: 2px solid var(--step-sequence-ring);\n }\n .c-step-sequence__step--dashed {\n background: transparent;\n border: 2px dashed var(--step-sequence-ring);\n }\n\n .c-step-sequence__step--pulse > {\n animation: ${StepPulse} 1.4s ease-in-out infinite;\n }\n\n .c-step-sequence__dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--solid .c-step-sequence__dot {\n width: ~~7px~~;\n height: ~~7px~~;\n background: var(--only-white);\n }\n\n .c-step-sequence__connector {\n width: 13px;\n height: 2px;\n flex-shrink: 0;\n background: var(--step-sequence-line);\n }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n ${StepSequenceStyle}\n\n border-radius: 8px;\n transition: background-color 200ms ease;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n &:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 1px;\n }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErC,IAAMmB,SAAS,OAAGC,2BAAS,4CAQ1B;AAED,IAAMC,iBAAiB,OAAGC,qBAAG,k3DACzBC,8BAAc,EAoEDJ,SAAS,~~CAqBzB~~;AAEM,IAAMK,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDT,iBAAiB,CAYpB;AACDG,yBAAyB,CAACK,WAAW,GAAG,2BAA2B;AAE5D,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCT,iBAAiB,CACpB;AACDU,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Trigger","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StepPulse","keyframes","StepSequenceStyle","css","BoxSizingStyle","StyledStepSequenceTrigger","exports","styled","Trigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepPulse = keyframes`\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.35;\n }\n`;\n\nconst StepSequenceStyle = css`\n ${BoxSizingStyle}\n\n display: inline-flex;\n align-items: center;\n padding: 6px 8px;\n\n /* A tone resolves to three roles: the surface a solid step is filled with,\n the ring an outlined step is drawn with and the connector line. Only\n neutral needs them to differ — its line stays the faint, unreached grey. /\n .c-step-sequence__step--success,\n .c-step-sequence__connector--success {\n --step-sequence-surface: var(--color-sucess-green);\n --step-sequence-ring: var(--color-sucess-green);\n --step-sequence-line: var(--color-sucess-green);\n }\n .c-step-sequence__step--info,\n .c-step-sequence__connector--info {\n --step-sequence-surface: var(--color-progress-blue);\n --step-sequence-ring: var(--color-progress-blue);\n --step-sequence-line: var(--color-progress-blue);\n }\n .c-step-sequence__step--warning,\n .c-step-sequence__connector--warning {\n --step-sequence-surface: var(--color-orange);\n --step-sequence-ring: var(--color-orange);\n --step-sequence-line: var(--color-orange);\n }\n .c-step-sequence__step--danger,\n .c-step-sequence__connector--danger {\n --step-sequence-surface: var(--red-alert);\n --step-sequence-ring: var(--red-alert);\n --step-sequence-line: var(--red-alert);\n }\n .c-step-sequence__step--neutral,\n .c-step-sequence__connector--neutral {\n --step-sequence-surface: var(--color-theme-500);\n --step-sequence-ring: var(--color-theme-400);\n --step-sequence-line: var(--color-theme-400);\n }\n\n .c-step-sequence__step {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n svg {\n display: block;\n }\n }\n\n .c-step-sequence__step--solid {\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--outline {\n background: transparent;\n border: 2px solid var(--step-sequence-ring);\n }\n .c-step-sequence__step--dashed {\n background: transparent;\n border: 2px dashed var(--step-sequence-ring);\n }\n\n .c-step-sequence__step--pulse > {\n animation: ${StepPulse} 1.4s ease-in-out infinite;\n }\n\n /* Dot sizes stay even: the free space around an odd-sized dot (7px in the\n 22px solid circle) is a half-pixel per side, which browsers snap visibly\n off-centre. */\n .c-step-sequence__dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--step-sequence-surface);\n }\n .c-step-sequence__step--solid .c-step-sequence__dot {\n width: 8px;\n height: 8px;\n background: var(--only-white);\n }\n\n .c-step-sequence__connector {\n width: 13px;\n height: 2px;\n flex-shrink: 0;\n background: var(--step-sequence-line);\n }\n`;\n\nexport const StyledStepSequenceTrigger = styled(Trigger)`\n ${StepSequenceStyle}\n\n border-radius: 8px;\n transition: background-color 200ms ease;\n\n &:hover {\n background-color: var(--color-theme-200);\n }\n &:focus-visible {\n outline: 2px solid var(--color-primary);\n outline-offset: 1px;\n }\n`;\nStyledStepSequenceTrigger.displayName = \"StyledStepSequenceTrigger\";\n\nexport const StyledStepSequence = styled.div`\n ${StepSequenceStyle}\n`;\nStyledStepSequence.displayName = \"StyledStepSequence\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErC,IAAMmB,SAAS,OAAGC,2BAAS,4CAQ1B;AAED,IAAMC,iBAAiB,OAAGC,qBAAG,k3DACzBC,8BAAc,EAoEDJ,SAAS,CAwBzB;AAEM,IAAMK,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDT,iBAAiB,CAYpB;AACDG,yBAAyB,CAACK,WAAW,GAAG,2BAA2B;AAE5D,IAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCT,iBAAiB,CACpB;AACDU,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/components/StepSequence/index.js CHANGED Viewed

@@ -14,4 +14,15 @@ Object.keys(_StepSequence).forEach(function (key) {
     }
   });
 });
+var _SpineStep = require("./SpineStep");
+Object.keys(_SpineStep).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SpineStep[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SpineStep[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/StepSequence/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_StepSequence","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/StepSequence/index.ts"],"sourcesContent":["export * from \"./StepSequence\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_StepSequence","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SpineStep"],"sources":["../../../../src/components/StepSequence/index.ts"],"sourcesContent":["export * from \"./StepSequence\";\nexport * from \"./SpineStep\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/presentation/shared/SourceCodeSection.js CHANGED Viewed

@@ -20,6 +20,7 @@ var _Icons = require("../../components/Icons");
 var _StepSequence = require("../../components/StepSequence");
 var _Tooltip = require("../../components/Tooltip");
 var _Typography = require("../../components/Typography");
+var _utils = require("../../utils");
 var _excluded = ["size", "bg", "initials", "alt"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -203,6 +204,7 @@ var CODE_ENTRIES = [{
   status: "open",
   sourceBranch: "fix/rank-archive-482",
   targetBranch: "main",
+  closing: true,
   contributors: [{
     initials: "DA",
     bg: _tokens.AVATAR_COLORS.green
@@ -375,6 +377,7 @@ var CODE_ENTRIES = [{
   status: "merged",
   sourceBranch: "feature/contracts-ui-34",
   targetBranch: "main",
+  closing: true,
   contributors: [{
     initials: "MK",
     bg: _tokens.AVATAR_COLORS.blue
@@ -978,7 +981,7 @@ var HistoryDialog = exports.HistoryDialog = function HistoryDialog(_ref4) {
 var StyledSourceCode = _styledComponents.default.div.withConfig({
   displayName: "SourceCodeSection__StyledSourceCode",
   componentId: "sc-rvqbh5-2"
-})(["font-family:", ";margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);.sc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}.sc-completed-row{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);}.sc-add{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-primary);}.sc-add .c--add-to-list-btn svg{box-sizing:content-box;}.sc-item{padding:12px 0;}.sc-item + .sc-item{border-top:1px solid var(--border-primary);}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.sc-main{flex:1 1 0%;min-width:0;}.sc-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}.sc-lead{flex-shrink:0;display:inline-flex;color:var(--color-theme-600);}.sc-title{flex:0 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-title.strike{text-decoration:line-through;}.sc-title.strike-link{text-decoration:line-through;}.sc-title.strike-link:hover{text-decoration:none;}.sc-sigs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}.sc-muted{color:var(--color-theme-600);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
+})(["font-family:", ";margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--border-primary);.sc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;}.sc-completed-row{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);}.sc-add{margin-top:8px;padding-top:12px;border-top:1px solid var(--border-primary);}.sc-add .c--add-to-list-btn svg{box-sizing:content-box;}.sc-item{padding:12px 0;}.sc-item + .sc-item{border-top:1px solid var(--border-primary);}.sc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.sc-main{flex:1 1 0%;min-width:0;}.sc-name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;}.sc-lead{flex-shrink:0;display:inline-flex;color:var(--color-theme-600);}.sc-title{flex:0 1 auto;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-title.strike{text-decoration:line-through;}.sc-title.strike-link{text-decoration:line-through;}.sc-title.strike-link:hover{text-decoration:none;}.sc-sigs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-closing{display:inline-flex;align-items:center;flex-shrink:0;cursor:default;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}.sc-muted{color:var(--color-theme-600);}.sc-refs{display:inline-flex;align-items:center;gap:6px;}.sc-refs .ref-link{color:var(--color-primary);font-weight:500;}"], SANS);
 /* Element name — a link that opens the object in a new tab. Keeps the row's
    typography (inherits color + weight), turns primary on hover, link cursor. */
@@ -1005,6 +1008,12 @@ var CHIP_GONE_STYLE = _objectSpread(_objectSpread({}, CHIP_BASE_STYLE), {}, {
   backgroundColor: "var(--color-theme-200)",
   border: "1px solid var(--border-primary)"
 });
+/* Info tone — the default (blue) InfoBox recipe: blueSky tint + solid border. */
+var CHIP_INFO_STYLE = _objectSpread(_objectSpread({}, CHIP_BASE_STYLE), {}, {
+  backgroundColor: "".concat(_utils.colors.blueSky.color, "1A"),
+  border: "1px solid ".concat(_utils.colors.blueSky.color)
+});
 var StatusChip = function StatusChip(_ref5) {
   var label = _ref5.label,
     tone = _ref5.tone,
@@ -1012,8 +1021,8 @@ var StatusChip = function StatusChip(_ref5) {
   return /*#__PURE__*/_react.default.createElement(_Chip.Chip, {
     label: label,
     startAdornment: glyph,
-    color: tone === "done" ? "var(--color-primary)" : undefined,
-    style: tone === "done" ? CHIP_DONE_STYLE : CHIP_GONE_STYLE,
+    color: tone === "done" ? "var(--color-primary)" : tone === "info" ? _utils.colors.blueSky.lighter : undefined,
+    style: tone === "done" ? CHIP_DONE_STYLE : tone === "info" ? CHIP_INFO_STYLE : CHIP_GONE_STYLE,
     typographyProps: {
       variant: "Caption 1",
       weight: "bold",
@@ -1187,7 +1196,19 @@ var CodeRow = exports.CodeRow = function CodeRow(_ref0) {
     rel: "noopener noreferrer"
   }, entry.title)), /*#__PURE__*/_react.default.createElement(CodeStatusChip, {
     entry: entry
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }), entry.kind === "pr" && entry.status === "open" && entry.closing && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Marks the task as completed when this pull request is merged."
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sc-closing"
+  }, /*#__PURE__*/_react.default.createElement(StatusChip, {
+    label: "Closing",
+    tone: "info",
+    glyph: /*#__PURE__*/_react.default.createElement(_Icons.CheckIcon, {
+      width: 12,
+      height: 12,
+      fill: _utils.colors.blueSky.lighter
+    })
+  })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sc-sigs"
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Repository: ".concat(entry.repoFull)