@activecollab/components 2.0.367 → 2.0.369

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 (34) hide show
  1. package/dist/cjs/components/StepSequence/StepSequence.js +64 -0
  2. package/dist/cjs/components/StepSequence/StepSequence.js.map +1 -0
  3. package/dist/cjs/components/StepSequence/Styles.js +22 -0
  4. package/dist/cjs/components/StepSequence/Styles.js.map +1 -0
  5. package/dist/cjs/components/StepSequence/index.js +17 -0
  6. package/dist/cjs/components/StepSequence/index.js.map +1 -0
  7. package/dist/cjs/components/index.js +11 -0
  8. package/dist/cjs/components/index.js.map +1 -1
  9. package/dist/cjs/presentation/shared/SourceCodeSection.js +200 -154
  10. package/dist/cjs/presentation/shared/SourceCodeSection.js.map +1 -1
  11. package/dist/esm/components/StepSequence/StepSequence.d.ts +22 -0
  12. package/dist/esm/components/StepSequence/StepSequence.d.ts.map +1 -0
  13. package/dist/esm/components/StepSequence/StepSequence.js +54 -0
  14. package/dist/esm/components/StepSequence/StepSequence.js.map +1 -0
  15. package/dist/esm/components/StepSequence/Styles.d.ts +3 -0
  16. package/dist/esm/components/StepSequence/Styles.d.ts.map +1 -0
  17. package/dist/esm/components/StepSequence/Styles.js +15 -0
  18. package/dist/esm/components/StepSequence/Styles.js.map +1 -0
  19. package/dist/esm/components/StepSequence/index.d.ts +2 -0
  20. package/dist/esm/components/StepSequence/index.d.ts.map +1 -0
  21. package/dist/esm/components/StepSequence/index.js +2 -0
  22. package/dist/esm/components/StepSequence/index.js.map +1 -0
  23. package/dist/esm/components/index.d.ts +1 -0
  24. package/dist/esm/components/index.d.ts.map +1 -1
  25. package/dist/esm/components/index.js +1 -0
  26. package/dist/esm/components/index.js.map +1 -1
  27. package/dist/esm/presentation/shared/SourceCodeSection.d.ts.map +1 -1
  28. package/dist/esm/presentation/shared/SourceCodeSection.js +198 -151
  29. package/dist/esm/presentation/shared/SourceCodeSection.js.map +1 -1
  30. package/dist/index.js +64 -0
  31. package/dist/index.js.map +1 -1
  32. package/dist/index.min.js +1 -1
  33. package/dist/index.min.js.map +1 -1
  34. package/package.json +1 -1
package/dist/esm/components/StepSequence/Styles.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const StyledStepSequenceTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
2
+ export declare const StyledStepSequence: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ //# sourceMappingURL=Styles.d.ts.map
package/dist/esm/components/StepSequence/Styles.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/Styles.ts"],"names":[],"mappings":"AA8DA,eAAO,MAAM,yBAAyB,uRAarC,CAAC;AAGF,eAAO,MAAM,kBAAkB,oEAE9B,CAAC"}
package/dist/esm/components/StepSequence/Styles.js ADDED
@@ -0,0 +1,15 @@
1
+ import styled, { css } from "styled-components";
2
+ import { BoxSizingStyle } from "../BoxSizingStyle";
3
+ import { Trigger } from "../Trigger";
4
+ const StepSequenceStyle = css(["", " display:inline-flex;align-items:center;padding:6px 8px;.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;}.c-step-sequence__step--done{background:var(--color-sucess-green);}.c-step-sequence__step--progress{background:var(--color-primary);}.c-step-sequence__step--failed{background:var(--red-alert);}.c-step-sequence__step--todo{background:transparent;border:2px solid var(--color-theme-400);}.c-step-sequence__dot{border-radius:50%;}.c-step-sequence__dot--progress{width:7px;height:7px;background:#fff;}.c-step-sequence__dot--todo{width:6px;height:6px;background:var(--color-theme-500);}.c-step-sequence__connector{width:13px;height:2px;flex-shrink:0;background:var(--color-theme-400);}.c-step-sequence__connector--on{background:var(--color-sucess-green);}"], BoxSizingStyle);
5
+ export const StyledStepSequenceTrigger = styled(Trigger).withConfig({
6
+ displayName: "Styles__StyledStepSequenceTrigger",
7
+ componentId: "sc-hp7ywn-0"
8
+ })(["", " border-radius:8px;transition:background-color 200ms ease;&:hover{background-color:var(--color-theme-200);}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;}"], StepSequenceStyle);
9
+ StyledStepSequenceTrigger.displayName = "StyledStepSequenceTrigger";
10
+ export const StyledStepSequence = styled.div.withConfig({
11
+ displayName: "Styles__StyledStepSequence",
12
+ componentId: "sc-hp7ywn-1"
13
+ })(["", ""], StepSequenceStyle);
14
+ StyledStepSequence.displayName = "StyledStepSequence";
15
+ //# sourceMappingURL=Styles.js.map
package/dist/esm/components/StepSequence/Styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","Trigger","StepSequenceStyle","StyledStepSequenceTrigger","withConfig","displayName","componentId","StyledStepSequence","div"],"sources":["../../../../src/components/StepSequence/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Trigger } from \"../Trigger\";\n\nconst StepSequenceStyle = css`\n ${BoxSizingStyle}\n\n display: inline-flex;\n align-items: center;\n padding: 6px 8px;\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\n .c-step-sequence__step--done {\n background: var(--color-sucess-green);\n }\n .c-step-sequence__step--progress {\n background: var(--color-primary);\n }\n .c-step-sequence__step--failed {\n background: var(--red-alert);\n }\n .c-step-sequence__step--todo {\n background: transparent;\n border: 2px solid var(--color-theme-400);\n }\n\n .c-step-sequence__dot {\n border-radius: 50%;\n }\n .c-step-sequence__dot--progress {\n width: 7px;\n height: 7px;\n background: #fff;\n }\n .c-step-sequence__dot--todo {\n width: 6px;\n height: 6px;\n background: var(--color-theme-500);\n }\n\n .c-step-sequence__connector {\n width: 13px;\n height: 2px;\n flex-shrink: 0;\n background: var(--color-theme-400);\n }\n .c-step-sequence__connector--on {\n background: var(--color-sucess-green);\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,QAAQ,YAAY;AAEpC,MAAMC,iBAAiB,GAAGH,GAAG,y2BACzBC,cAAc,CAsDjB;AAED,OAAO,MAAMG,yBAAyB,GAAGL,MAAM,CAACG,OAAO,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMACpDJ,iBAAiB,CAYpB;AACDC,yBAAyB,CAACE,WAAW,GAAG,2BAA2B;AAEnE,OAAO,MAAME,kBAAkB,GAAGT,MAAM,CAACU,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxCJ,iBAAiB,CACpB;AACDK,kBAAkB,CAACF,WAAW,GAAG,oBAAoB","ignoreList":[]}
package/dist/esm/components/StepSequence/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./StepSequence";
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/esm/components/StepSequence/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/StepSequence/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
package/dist/esm/components/StepSequence/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./StepSequence";
2
+ //# sourceMappingURL=index.js.map
package/dist/esm/components/StepSequence/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/StepSequence/index.ts"],"sourcesContent":["export * from \"./StepSequence\";\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}
package/dist/esm/components/index.d.ts CHANGED
@@ -82,4 +82,5 @@ export * from "./EmptySlate";
82
82
  export * from "./Toolbar";
83
83
  export * from "./InfoBox";
84
84
  export * from "./Sort";
85
+ export * from "./StepSequence";
85
86
  //# sourceMappingURL=index.d.ts.map
package/dist/esm/components/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC"}
package/dist/esm/components/index.js CHANGED
@@ -82,4 +82,5 @@ export * from "./EmptySlate";
82
82
  export * from "./Toolbar";
83
83
  export * from "./InfoBox";
84
84
  export * from "./Sort";
85
+ export * from "./StepSequence";
85
86
  //# sourceMappingURL=index.js.map
package/dist/esm/components/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\nexport * from \"./StepSequence\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,gBAAgB","ignoreList":[]}
package/dist/esm/presentation/shared/SourceCodeSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SourceCodeSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/SourceCodeSection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SourceCodeSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/SourceCodeSection.tsx"],"names":[],"mappings":"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"}
package/dist/esm/presentation/shared/SourceCodeSection.js CHANGED
@@ -1,17 +1,21 @@
1
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
1
2
  import _extends from "@babel/runtime/helpers/esm/extends";
3
+ const _excluded = ["size", "bg", "initials", "alt"];
2
4
  import React, { useState } from "react";
3
5
  import styled from "styled-components";
4
6
  import { LinkBranchOrPullRequestDialog } from "./LinkBranchOrPullRequestDialog";
5
7
  import { LinkingCommandsButton } from "./LinkingCommandsButton";
6
8
  import { RoundAvatar } from "./RoundAvatar";
7
9
  import { AVATAR_COLORS } from "./tokens";
10
+ import { AvatarGroup } from "../../components/AvatarGroup";
8
11
  import { Button } from "../../components/Button";
9
12
  import { AddToListButton } from "../../components/Button/AddToListButton";
13
+ import { Chip } from "../../components/Chip";
10
14
  import { Dialog } from "../../components/Dialog";
11
15
  import { IconButton } from "../../components/IconButton";
12
- import { ArrowRightIcon, CancelCrossIcon, CheckIcon, CloseIcon, CloudDeployFailedIcon, CloudDeployIcon, EyeIcon, GearFailedIcon, GearIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestClosedIcon, GitPullRequestDraftIcon, GitPullRequestIcon, GitRepositoryIcon, InfoSmallIcon, MessageIcon, TrashIcon } from "../../components/Icons";
16
+ import { ArrowRightIcon, CancelCrossIcon, CheckboxBlankTogglerIcon, CheckIcon, CircleDotIcon, CloseIcon, CloudDeployFailedIcon, CloudDeployIcon, EyeIcon, GearFailedIcon, GearIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestClosedIcon, GitPullRequestDraftIcon, GitPullRequestIcon, GitRepositoryIcon, InfoSmallIcon, MessageIcon, MessageSmallIcon, TrashIcon } from "../../components/Icons";
17
+ import { StepSequence } from "../../components/StepSequence";
13
18
  import { Tooltip } from "../../components/Tooltip";
14
- import { Trigger } from "../../components/Trigger";
15
19
  import { Body1, Caption1, Header3 } from "../../components/Typography";
16
20
 
17
21
  /**
@@ -39,56 +43,24 @@ const iconColorProps = icon => STROKE_ICONS.has(icon) ? {
39
43
  };
40
44
 
41
45
  /* ================================================================== */
42
- /* Issue markers (open / closed) — small inline glyphs so the */
43
- /* open-vs-closed state reads crisply; they inherit `currentColor`. */
46
+ /* Issue state glyphs (open / closed) — mirror the app's IssueStateIcon */
47
+ /* (`CircleDotIcon` when open, filled `CheckboxBlankTogglerIcon` when */
48
+ /* closed). Kept as a helper so the row lead and the status chip share */
49
+ /* the same glyph. */
44
50
  /* ================================================================== */
45
51
 
46
- const IssueOpenIcon = _ref => {
47
- let _ref$width = _ref.width,
48
- width = _ref$width === void 0 ? 16 : _ref$width,
49
- _ref$height = _ref.height,
50
- height = _ref$height === void 0 ? 16 : _ref$height;
51
- return /*#__PURE__*/React.createElement("svg", {
52
- width: width,
53
- height: height,
54
- viewBox: "0 0 16 16",
55
- fill: "none"
56
- }, /*#__PURE__*/React.createElement("circle", {
57
- cx: "8",
58
- cy: "8",
59
- r: "6.4",
60
- stroke: "currentColor",
61
- strokeWidth: "1.6"
62
- }), /*#__PURE__*/React.createElement("circle", {
63
- cx: "8",
64
- cy: "8",
65
- r: "2.2",
66
- fill: "currentColor"
67
- }));
68
- };
69
- const IssueClosedIcon = _ref2 => {
70
- let _ref2$width = _ref2.width,
71
- width = _ref2$width === void 0 ? 16 : _ref2$width,
72
- _ref2$height = _ref2.height,
73
- height = _ref2$height === void 0 ? 16 : _ref2$height;
74
- return /*#__PURE__*/React.createElement("svg", {
75
- width: width,
76
- height: height,
77
- viewBox: "0 0 16 16",
78
- fill: "none"
79
- }, /*#__PURE__*/React.createElement("circle", {
80
- cx: "8",
81
- cy: "8",
82
- r: "6.4",
83
- stroke: "currentColor",
84
- strokeWidth: "1.6"
85
- }), /*#__PURE__*/React.createElement("path", {
86
- d: "M5.2 8.1l1.9 1.9 3.7-3.9",
87
- stroke: "currentColor",
88
- strokeWidth: "1.6",
89
- strokeLinecap: "round",
90
- strokeLinejoin: "round"
91
- }));
52
+ const IssueStateIcon = _ref => {
53
+ let closed = _ref.closed,
54
+ _ref$size = _ref.size,
55
+ size = _ref$size === void 0 ? 16 : _ref$size;
56
+ return closed ? /*#__PURE__*/React.createElement(CheckboxBlankTogglerIcon, {
57
+ width: size,
58
+ height: size,
59
+ fill: "var(--color-primary)"
60
+ }) : /*#__PURE__*/React.createElement(CircleDotIcon, {
61
+ width: size,
62
+ height: size
63
+ });
92
64
  };
93
65
 
94
66
  /* ================================================================== */
@@ -786,9 +758,9 @@ const CODE_ENTRIES = [{
786
758
  /* Spine + history dialog (for branches / pull requests) */
787
759
  /* ================================================================== */
788
760
 
789
- const StageTip = _ref3 => {
790
- let name = _ref3.name,
791
- details = _ref3.details;
761
+ const StageTip = _ref2 => {
762
+ let name = _ref2.name,
763
+ details = _ref2.details;
792
764
  return /*#__PURE__*/React.createElement("span", {
793
765
  style: {
794
766
  display: "block",
@@ -807,53 +779,33 @@ const StageTip = _ref3 => {
807
779
  }
808
780
  }, d)));
809
781
  };
810
- const SpineTrigger = styled(Trigger).withConfig({
811
- displayName: "SourceCodeSection__SpineTrigger",
782
+ const StyledSpineSequence = styled(StepSequence).withConfig({
783
+ displayName: "SourceCodeSection__StyledSpineSequence",
812
784
  componentId: "sc-rvqbh5-0"
813
- })(["display:inline-flex;align-items:center;align-self:center;flex-shrink:0;padding:6px 8px;border-radius:8px;transition:background-color 200ms ease;&:hover{background-color:var(--color-theme-200);}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px;}"]);
814
- const StyledSpine = styled.div.withConfig({
815
- displayName: "SourceCodeSection__StyledSpine",
816
- componentId: "sc-rvqbh5-1"
817
- })(["display:flex;align-items:flex-start;.circle{width:22px;height:22px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}.circle.done{background:var(--color-sucess-green);}.circle.progress{background:var(--color-primary);}.circle.failed{background:var(--red-alert);}.circle.todo{background:transparent;border:2px solid var(--color-theme-400);}.dot{border-radius:50%;}.dot-progress{width:7px;height:7px;background:#fff;}.dot-todo{width:6px;height:6px;background:var(--color-theme-500);}.connector{width:13px;height:2px;margin-top:10px;background:var(--color-theme-400);}.connector.on{background:var(--color-sucess-green);}"]);
818
- const Spine = _ref4 => {
819
- let items = _ref4.items,
820
- onClick = _ref4.onClick;
821
- return /*#__PURE__*/React.createElement(SpineTrigger, {
822
- type: "button",
785
+ })(["align-self:center;flex-shrink:0;"]);
786
+ const Spine = _ref3 => {
787
+ let items = _ref3.items,
788
+ onClick = _ref3.onClick;
789
+ return /*#__PURE__*/React.createElement(StyledSpineSequence, {
790
+ ariaLabel: "Open source code history",
823
791
  onClick: onClick,
824
- "aria-label": "Open source code history"
825
- }, /*#__PURE__*/React.createElement(StyledSpine, null, items.map((s, i) => /*#__PURE__*/React.createElement(React.Fragment, {
826
- key: s.name
827
- }, /*#__PURE__*/React.createElement(Tooltip, {
828
- title: /*#__PURE__*/React.createElement(StageTip, s)
829
- }, /*#__PURE__*/React.createElement("div", {
830
- className: "circle " + s.state
831
- }, s.state === "done" && /*#__PURE__*/React.createElement(CheckIcon, {
832
- fill: "#fff",
833
- width: 14,
834
- height: 14
835
- }), s.state === "failed" && /*#__PURE__*/React.createElement(CloseIcon, {
836
- fill: "#fff",
837
- width: 12,
838
- height: 12
839
- }), s.state === "progress" && /*#__PURE__*/React.createElement("span", {
840
- className: "dot dot-progress"
841
- }), s.state === "todo" && /*#__PURE__*/React.createElement("span", {
842
- className: "dot dot-todo"
843
- }))), i < items.length - 1 && /*#__PURE__*/React.createElement("span", {
844
- className: items[i + 1].state !== "todo" ? "connector on" : "connector"
845
- })))));
792
+ steps: items.map(s => ({
793
+ key: s.name,
794
+ state: s.state,
795
+ tooltip: /*#__PURE__*/React.createElement(StageTip, s)
796
+ }))
797
+ });
846
798
  };
847
799
 
848
800
  /* The whole content scrolls together (header + stream + note) once the stream
849
801
  is long — the dialog title bar stays fixed, everything below scrolls. */
850
802
  const StyledHistory = styled.div.withConfig({
851
803
  displayName: "SourceCodeSection__StyledHistory",
852
- componentId: "sc-rvqbh5-2"
804
+ componentId: "sc-rvqbh5-1"
853
805
  })(["font-family:", ";max-height:60vh;overflow-y:auto;padding-right:4px;.hist-header{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-primary);}.hist-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.hist-branches{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--color-theme-600);}.hist-branch{display:inline-flex;align-items:center;gap:4px;}.hist-repo{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;color:var(--color-theme-600);}.sc-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.02em;flex-shrink:0;}.sc-chip.done{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);}.sc-chip.gone{color:var(--color-theme-900);background:var(--color-theme-200);border:1px solid var(--border-primary);}.sc-chip.fail{color:var(--red-alert);background:color-mix(in srgb,var(--red-alert) 15%,transparent);}.hist-event{display:flex;align-items:center;gap:12px;padding-bottom:20px;}.hist-event:last-child{padding-bottom:0;}.hist-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;}.hist-body{flex:1 1 auto;min-width:0;}.hist-title{display:flex;align-items:center;gap:6px;min-width:0;}.hist-title > *:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.hist-status{flex-shrink:0;display:inline-flex;}.hist-line{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;color:var(--color-theme-600);}.hist-meta{flex-shrink:0;align-self:flex-start;text-align:right;white-space:nowrap;}.hist-note{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--color-theme-500);}.hist-note svg{flex-shrink:0;}"], SANS);
854
- const HistoryDialog = _ref5 => {
855
- let entry = _ref5.entry,
856
- onClose = _ref5.onClose;
806
+ const HistoryDialog = _ref4 => {
807
+ let entry = _ref4.entry,
808
+ onClose = _ref4.onClose;
857
809
  return /*#__PURE__*/React.createElement(Dialog, {
858
810
  open: !!entry,
859
811
  onClose: onClose,
@@ -953,17 +905,108 @@ const HistoryDialog = _ref5 => {
953
905
 
954
906
  const StyledSourceCode = styled.div.withConfig({
955
907
  displayName: "SourceCodeSection__StyledSourceCode",
956
- componentId: "sc-rvqbh5-3"
957
- })(["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:13px;color:var(--color-theme-600);}.sc-sig{display:inline-flex;align-items:center;gap:4px;}.sc-chip{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.02em;flex-shrink:0;}.sc-chip.done{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);}.sc-chip.gone{color:var(--color-theme-900);background:var(--color-theme-200);border:1px solid var(--border-primary);}.sc-avatars{display:flex;align-items:center;}.sc-sha{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--color-theme-600);}.sc-diff .add{color:var(--color-sucess-green);}.sc-diff .del{color:var(--red-alert);}.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);
908
+ componentId: "sc-rvqbh5-2"
909
+ })(["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);
958
910
 
959
911
  /* Element name — a link that opens the object in a new tab. Keeps the row's
960
912
  typography (inherits color + weight), turns primary on hover, link cursor. */
961
913
  const TitleLink = styled.a.withConfig({
962
914
  displayName: "SourceCodeSection__TitleLink",
963
- componentId: "sc-rvqbh5-4"
915
+ componentId: "sc-rvqbh5-3"
964
916
  })(["color:inherit;text-decoration:none;cursor:pointer;transition:color 200ms ease;&:hover{color:var(--color-primary);}"]);
965
- const IssueRow = _ref6 => {
966
- let issue = _ref6.issue;
917
+
918
+ /* Status label chip — the DS `Chip` styled to match the app's
919
+ `SourceCodeStatusChip`: a "done" tone (primary text on a translucent-primary
920
+ fill) and a "gone" tone (muted text on a bordered theme-200 fill). */
921
+ const CHIP_BASE_STYLE = {
922
+ height: "1.25rem",
923
+ paddingLeft: "0.5rem",
924
+ paddingRight: "0.5rem",
925
+ borderRadius: "0.375rem",
926
+ gap: "3px",
927
+ flexShrink: 0
928
+ };
929
+ const CHIP_DONE_STYLE = _extends({}, CHIP_BASE_STYLE, {
930
+ backgroundColor: "color-mix(in srgb, var(--color-primary) 15%, transparent)"
931
+ });
932
+ const CHIP_GONE_STYLE = _extends({}, CHIP_BASE_STYLE, {
933
+ backgroundColor: "var(--color-theme-200)",
934
+ border: "1px solid var(--border-primary)"
935
+ });
936
+ const StatusChip = _ref5 => {
937
+ let label = _ref5.label,
938
+ tone = _ref5.tone,
939
+ glyph = _ref5.glyph;
940
+ return /*#__PURE__*/React.createElement(Chip, {
941
+ label: label,
942
+ startAdornment: glyph,
943
+ color: tone === "done" ? "var(--color-primary)" : undefined,
944
+ style: tone === "done" ? CHIP_DONE_STYLE : CHIP_GONE_STYLE,
945
+ typographyProps: {
946
+ variant: "Caption 1",
947
+ weight: "bold",
948
+ align: "center"
949
+ }
950
+ });
951
+ };
952
+
953
+ /* Contributor avatars — the app renders real user images through the DS
954
+ `AvatarGroup` (`ContributorAvatars.jsx`). The mock feeds that same component
955
+ initials avatars via `MockAvatar`, which honours AvatarGroup's cloneElement
956
+ contract (it injects `size`, `alt` and `style` — the overlap margin + paper
957
+ ring), so the grouping, overlap and "+N" overflow behave identically. */
958
+ const CONTRIBUTOR_NAMES = {
959
+ DA: "Dragana A.",
960
+ IS: "Ilija Studen",
961
+ MK: "Marko K."
962
+ };
963
+ const MockAvatar = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
964
+ let _ref6$size = _ref6.size,
965
+ size = _ref6$size === void 0 ? 20 : _ref6$size,
966
+ bg = _ref6.bg,
967
+ initials = _ref6.initials,
968
+ alt = _ref6.alt,
969
+ rest = _objectWithoutPropertiesLoose(_ref6, _excluded);
970
+ return (
971
+ /*#__PURE__*/
972
+ // `...rest` carries the props AvatarGroup and its Tooltip inject via
973
+ // cloneElement — `style` (overlap margin + paper ring) and the hover handlers
974
+ // (`onMouseOver` / `onMouseLeave`) — plus the forwarded `ref`, all of which
975
+ // must reach the DOM node for the tooltip to open.
976
+ React.createElement(RoundAvatar, _extends({
977
+ ref: ref,
978
+ $bg: bg,
979
+ $size: size,
980
+ $bordered: false
981
+ }, rest), initials)
982
+ );
983
+ });
984
+ MockAvatar.displayName = "MockAvatar";
985
+
986
+ /* The app removes AvatarGroup's default padding with `tw-p-0`; the mock does
987
+ the same through a styled wrapper (`tw-` classes don't run in Storybook). */
988
+ const StyledAvatarGroup = styled(AvatarGroup).withConfig({
989
+ displayName: "SourceCodeSection__StyledAvatarGroup",
990
+ componentId: "sc-rvqbh5-4"
991
+ })(["&&{padding:0;}"]);
992
+ const ContributorAvatars = _ref7 => {
993
+ let contributors = _ref7.contributors;
994
+ return /*#__PURE__*/React.createElement(StyledAvatarGroup, {
995
+ limit: 4,
996
+ size: 20,
997
+ hasTooltip: true
998
+ }, contributors.map(c => {
999
+ var _CONTRIBUTOR_NAMES$c$;
1000
+ return /*#__PURE__*/React.createElement(MockAvatar, {
1001
+ key: c.initials,
1002
+ bg: c.bg,
1003
+ initials: c.initials,
1004
+ alt: (_CONTRIBUTOR_NAMES$c$ = CONTRIBUTOR_NAMES[c.initials]) != null ? _CONTRIBUTOR_NAMES$c$ : c.initials
1005
+ });
1006
+ }));
1007
+ };
1008
+ const IssueRow = _ref8 => {
1009
+ let issue = _ref8.issue;
967
1010
  const closed = issue.state === "closed";
968
1011
  return /*#__PURE__*/React.createElement("div", {
969
1012
  className: "sc-row"
@@ -976,19 +1019,23 @@ const IssueRow = _ref6 => {
976
1019
  style: {
977
1020
  color: closed ? "var(--color-primary)" : undefined
978
1021
  }
979
- }, closed ? /*#__PURE__*/React.createElement(IssueClosedIcon, null) : /*#__PURE__*/React.createElement(IssueOpenIcon, null)), /*#__PURE__*/React.createElement(Body1, {
1022
+ }, /*#__PURE__*/React.createElement(IssueStateIcon, {
1023
+ closed: closed
1024
+ })), /*#__PURE__*/React.createElement(Body1, {
980
1025
  weight: "medium",
981
1026
  className: "sc-title"
982
1027
  }, /*#__PURE__*/React.createElement(TitleLink, {
983
1028
  href: issueUrl(issue),
984
1029
  target: "_blank",
985
1030
  rel: "noopener noreferrer"
986
- }, issue.title)), closed && /*#__PURE__*/React.createElement("span", {
987
- className: "sc-chip done"
988
- }, /*#__PURE__*/React.createElement(IssueClosedIcon, {
989
- width: 12,
990
- height: 12
991
- }), "Closed")), /*#__PURE__*/React.createElement("div", {
1031
+ }, issue.title)), closed && /*#__PURE__*/React.createElement(StatusChip, {
1032
+ label: "Closed",
1033
+ tone: "done",
1034
+ glyph: /*#__PURE__*/React.createElement(IssueStateIcon, {
1035
+ closed: true,
1036
+ size: 12
1037
+ })
1038
+ })), /*#__PURE__*/React.createElement("div", {
992
1039
  className: "sc-sigs"
993
1040
  }, /*#__PURE__*/React.createElement(Tooltip, {
994
1041
  title: "Repository: " + issue.repoFull
@@ -1001,37 +1048,42 @@ const IssueRow = _ref6 => {
1001
1048
  className: "sc-muted"
1002
1049
  }, issue.updatedLabel))));
1003
1050
  };
1004
- const CodeStatusChip = _ref7 => {
1005
- let entry = _ref7.entry;
1051
+ const CodeStatusChip = _ref9 => {
1052
+ let entry = _ref9.entry;
1006
1053
  if (entry.status === "merged") {
1007
- return /*#__PURE__*/React.createElement("span", {
1008
- className: "sc-chip done"
1009
- }, /*#__PURE__*/React.createElement(GitPullRequestIcon, {
1010
- width: 12,
1011
- height: 12,
1012
- fill: "var(--color-primary)"
1013
- }), "Merged");
1054
+ return /*#__PURE__*/React.createElement(StatusChip, {
1055
+ label: "Merged",
1056
+ tone: "done",
1057
+ glyph: /*#__PURE__*/React.createElement(GitPullRequestIcon, {
1058
+ width: 12,
1059
+ height: 12,
1060
+ fill: "var(--color-primary)"
1061
+ })
1062
+ });
1014
1063
  }
1015
1064
  if (entry.status === "deleted") {
1016
- return /*#__PURE__*/React.createElement("span", {
1017
- className: "sc-chip gone"
1018
- }, /*#__PURE__*/React.createElement(TrashIcon, {
1019
- width: 12,
1020
- height: 12,
1021
- fill: "var(--color-theme-900)"
1022
- }), "Deleted");
1065
+ return /*#__PURE__*/React.createElement(StatusChip, {
1066
+ label: "Deleted",
1067
+ tone: "gone",
1068
+ glyph: /*#__PURE__*/React.createElement(TrashIcon, {
1069
+ width: 12,
1070
+ height: 12,
1071
+ fill: "var(--color-theme-900)"
1072
+ })
1073
+ });
1023
1074
  }
1024
1075
  if (entry.status === "closed") {
1025
- return /*#__PURE__*/React.createElement("span", {
1026
- className: "sc-chip gone"
1027
- }, "Closed");
1076
+ return /*#__PURE__*/React.createElement(StatusChip, {
1077
+ label: "Closed",
1078
+ tone: "gone"
1079
+ });
1028
1080
  }
1029
1081
  // Open branches / PRs show no status label.
1030
1082
  return null;
1031
1083
  };
1032
- const CodeRow = _ref8 => {
1033
- let entry = _ref8.entry,
1034
- onOpenHistory = _ref8.onOpenHistory;
1084
+ const CodeRow = _ref0 => {
1085
+ let entry = _ref0.entry,
1086
+ onOpenHistory = _ref0.onOpenHistory;
1035
1087
  const deleted = entry.status === "deleted";
1036
1088
  // A closed-without-merge PR is still a live link, but its name is struck
1037
1089
  // through to signal the dead-end; the strike lifts on hover so it reads as a
@@ -1072,50 +1124,45 @@ const CodeRow = _ref8 => {
1072
1124
  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, {
1073
1125
  width: 14,
1074
1126
  height: 14
1075
- }), entry.repo)), /*#__PURE__*/React.createElement("span", {
1076
- className: "sc-avatars"
1077
- }, entry.contributors.map(c => /*#__PURE__*/React.createElement(RoundAvatar, {
1078
- key: c.initials,
1079
- $bg: c.bg,
1080
- $size: 20,
1081
- $overlap: true
1082
- }, c.initials))), /*#__PURE__*/React.createElement(Tooltip, {
1127
+ }), entry.repo)), /*#__PURE__*/React.createElement(ContributorAvatars, {
1128
+ contributors: entry.contributors
1129
+ }), /*#__PURE__*/React.createElement(Tooltip, {
1083
1130
  title: entry.commits.tip
1084
- }, /*#__PURE__*/React.createElement("span", {
1131
+ }, /*#__PURE__*/React.createElement(Caption1, {
1132
+ color: "tertiary",
1085
1133
  className: "sc-sig"
1086
1134
  }, /*#__PURE__*/React.createElement(GitCommitIcon, {
1087
1135
  width: 14,
1088
1136
  height: 14
1089
1137
  }), entry.commits.value)), /*#__PURE__*/React.createElement(Tooltip, {
1090
1138
  title: "Head commit: " + entry.headSha
1091
- }, /*#__PURE__*/React.createElement("span", {
1139
+ }, /*#__PURE__*/React.createElement(Caption1, {
1140
+ color: "tertiary",
1092
1141
  className: "sc-sig sc-sha"
1093
1142
  }, entry.headSha.slice(0, 8))), entry.diff && /*#__PURE__*/React.createElement(Tooltip, {
1094
1143
  title: entry.diff.tip
1095
1144
  }, /*#__PURE__*/React.createElement("span", {
1096
1145
  className: "sc-sig sc-diff"
1097
- }, /*#__PURE__*/React.createElement("span", {
1098
- className: "add"
1099
- }, "+", entry.diff.add), " ", /*#__PURE__*/React.createElement("span", {
1100
- className: "del"
1146
+ }, /*#__PURE__*/React.createElement(Caption1, {
1147
+ color: "success"
1148
+ }, "+", entry.diff.add), /*#__PURE__*/React.createElement(Caption1, {
1149
+ color: "alert"
1101
1150
  }, "\u2212", entry.diff.del))), entry.comments && /*#__PURE__*/React.createElement(Tooltip, {
1102
1151
  title: entry.comments.tip
1103
- }, /*#__PURE__*/React.createElement("span", {
1152
+ }, /*#__PURE__*/React.createElement(Caption1, {
1153
+ color: "tertiary",
1104
1154
  className: "sc-sig"
1105
- }, /*#__PURE__*/React.createElement(MessageIcon, {
1106
- width: 14,
1107
- height: 14
1108
- }), entry.comments.value)), /*#__PURE__*/React.createElement("span", {
1155
+ }, /*#__PURE__*/React.createElement(MessageSmallIcon, null), entry.comments.value)), /*#__PURE__*/React.createElement("span", {
1109
1156
  className: "sc-muted"
1110
1157
  }, entry.updatedLabel))), /*#__PURE__*/React.createElement(Spine, {
1111
1158
  items: entry.stages,
1112
1159
  onClick: onOpenHistory
1113
1160
  }));
1114
1161
  };
1115
- const CompletedHeader = _ref9 => {
1116
- let expanded = _ref9.expanded,
1117
- count = _ref9.count,
1118
- onToggle = _ref9.onToggle;
1162
+ const CompletedHeader = _ref1 => {
1163
+ let expanded = _ref1.expanded,
1164
+ count = _ref1.count,
1165
+ onToggle = _ref1.onToggle;
1119
1166
  return /*#__PURE__*/React.createElement("div", {
1120
1167
  className: "sc-completed-row"
1121
1168
  }, /*#__PURE__*/React.createElement(Button, {
@@ -1128,9 +1175,9 @@ const CompletedHeader = _ref9 => {
1128
1175
  }
1129
1176
  }, expanded ? "Hide completed elements" : "Show " + count + " more completed elements"));
1130
1177
  };
1131
- const SourceCodeSection = _ref0 => {
1132
- let _ref0$variant = _ref0.variant,
1133
- variant = _ref0$variant === void 0 ? "mix" : _ref0$variant;
1178
+ const SourceCodeSection = _ref10 => {
1179
+ let _ref10$variant = _ref10.variant,
1180
+ variant = _ref10$variant === void 0 ? "mix" : _ref10$variant;
1134
1181
  const _useState = useState(null),
1135
1182
  openEntry = _useState[0],
1136
1183
  setOpenEntry = _useState[1];