@heymantle/litho 0.0.14 → 0.0.15

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 (37) hide show
  1. package/README.md +52 -0
  2. package/dist/cjs/components/Card.js +1 -1
  3. package/dist/cjs/components/Disclosure.js +46 -15
  4. package/dist/cjs/components/DropZone.js +89 -37
  5. package/dist/cjs/components/Layout.js +4 -2
  6. package/dist/cjs/components/Modal.js +14 -3
  7. package/dist/cjs/components/Popover.js +26 -9
  8. package/dist/cjs/components/Table.js +27 -11
  9. package/dist/cjs/components/Tabs.js +33 -2
  10. package/dist/cjs/playwright.config.js +114 -0
  11. package/dist/cjs/styles/Table.js +2 -7
  12. package/dist/cjs/tests/visual/stories.spec.js +637 -0
  13. package/dist/cjs/utilities/dates.js +7 -7
  14. package/dist/esm/components/Card.js +1 -1
  15. package/dist/esm/components/Disclosure.js +36 -5
  16. package/dist/esm/components/DropZone.js +89 -37
  17. package/dist/esm/components/Layout.js +4 -2
  18. package/dist/esm/components/Modal.js +14 -3
  19. package/dist/esm/components/Popover.js +26 -9
  20. package/dist/esm/components/Table.js +27 -11
  21. package/dist/esm/components/Tabs.js +33 -2
  22. package/dist/esm/playwright.config.js +104 -0
  23. package/dist/esm/styles/Table.js +2 -7
  24. package/dist/esm/tests/visual/stories.spec.js +633 -0
  25. package/dist/esm/utilities/dates.js +7 -7
  26. package/dist/types/components/Disclosure.d.ts.map +1 -1
  27. package/dist/types/components/DropZone.d.ts +2 -0
  28. package/dist/types/components/DropZone.d.ts.map +1 -1
  29. package/dist/types/components/Layout.d.ts.map +1 -1
  30. package/dist/types/components/Modal.d.ts.map +1 -1
  31. package/dist/types/components/Popover.d.ts +2 -0
  32. package/dist/types/components/Popover.d.ts.map +1 -1
  33. package/dist/types/components/Table.d.ts.map +1 -1
  34. package/dist/types/components/Tabs.d.ts +45 -1
  35. package/dist/types/components/Tabs.d.ts.map +1 -1
  36. package/dist/types/styles/Table.d.ts.map +1 -1
  37. package/package.json +12 -3
@@ -1 +1 @@
1
- {"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../components/Disclosure.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,oCAhBG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAyBvB"}
1
+ {"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../components/Disclosure.js"],"names":[],"mappings":";AA4BA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,oCAhBG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAiCvB"}
@@ -62,10 +62,12 @@ declare function DropZone(props?: {
62
62
  filename?: string;
63
63
  }): JSX.Element;
64
64
  declare namespace DropZone {
65
+ export { DropTarget };
65
66
  export { FilePreview };
66
67
  export { FileThumbnail };
67
68
  export { formatFileSize };
68
69
  }
70
+ declare function DropTarget(props?: {}): import("react/jsx-runtime").JSX.Element;
69
71
  /**
70
72
  * FilePreview component for displaying file preview thumbnails.
71
73
  *
@@ -1 +1 @@
1
- {"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../components/DropZone.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,kCA7BG;IAAuB,EAAE,GAAjB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,WAAW;IACX,OAAO,GAAtB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,IAAI,GAAnB,MAAM;IACkB,MAAM,GAA9B,MAAM,GAAC,MAAM,EAAE;IACC,aAAa,GAA7B,OAAO;IACS,wBAAwB,GAAxC,OAAO;IACS,QAAQ,GAAxB,OAAO;IACU,MAAM;IACN,cAAc;IACd,cAAc;IAChB,QAAQ,GAAvB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,SAAS,GAAzB,OAAO;IACO,aAAa;IACZ,WAAW,GAA1B,MAAM;IACS,cAAc,GAA7B,MAAM;IACS,SAAS,GAAxB,MAAM;IACU,eAAe,GAA/B,OAAO;IACS,cAAc,GAA9B,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,QAAQ;IACR,kBAAkB;IACpB,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAgQvB;;;;;;AAyBD;;;;;;;;;;;GAWG;AACH,qCARG;IAAsB,KAAK;IACH,OAAO,GAAvB,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,QAAQ;IACR,OAAO;IACT,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAsEvB;AAOD;;;;;;;GAOG;AACH,uCAJG;IAAuB,IAAI;IACH,OAAO,GAAvB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA6BvB;AAGD;;;;;GAKG;AACH,0CAHW,MAAM,GACJ,MAAM,CAgBlB"}
1
+ {"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../components/DropZone.js"],"names":[],"mappings":";AAqFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,kCA7BG;IAAuB,EAAE,GAAjB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,WAAW;IACX,OAAO,GAAtB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,IAAI,GAAnB,MAAM;IACkB,MAAM,GAA9B,MAAM,GAAC,MAAM,EAAE;IACC,aAAa,GAA7B,OAAO;IACS,wBAAwB,GAAxC,OAAO;IACS,QAAQ,GAAxB,OAAO;IACU,MAAM;IACN,cAAc;IACd,cAAc;IAChB,QAAQ,GAAvB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,SAAS,GAAzB,OAAO;IACO,aAAa;IACZ,WAAW,GAA1B,MAAM;IACS,cAAc,GAA7B,MAAM;IACS,SAAS,GAAxB,MAAM;IACU,eAAe,GAA/B,OAAO;IACS,cAAc,GAA9B,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,QAAQ;IACR,kBAAkB;IACpB,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAkOvB;;;;;;;AAED,iFAqEC;AA0BD;;;;;;;;;;;GAWG;AACH,qCARG;IAAsB,KAAK;IACH,OAAO,GAAvB,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,QAAQ;IACR,OAAO;IACT,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAsEvB;AAOD;;;;;;;GAOG;AACH,uCAJG;IAAuB,IAAI;IACH,OAAO,GAAvB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA6BvB;AAGD;;;;;GAKG;AACH,0CAHW,MAAM,GACJ,MAAM,CAgBlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout.js"],"names":[],"mappings":"AAQA,+CAA6C;;kBANC,OAAO;AA2CrD;;;;;;;;;;;GAWG;AACH,gCAJG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAoDvB;;;;;AAeD;;;;;;;;;;;;GAYG;AACH,0CALG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACgB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACS,WAAW,GAA1C,MAAM,GAAC,KAAK,CAAC,SAAS;CAC9B,GAAU,GAAG,CAAC,OAAO,CAevB;;;;oBAhJmB,iBAAiB"}
1
+ {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout.js"],"names":[],"mappings":"AAQA,+CAA6C;;kBANC,OAAO;AA2CrD;;;;;;;;;;;GAWG;AACH,gCAJG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAoDvB;;;;;AAeD;;;;;;;;;;;;GAYG;AACH,0CALG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACgB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACS,WAAW,GAA1C,MAAM,GAAC,KAAK,CAAC,SAAS;CAC9B,GAAU,GAAG,CAAC,OAAO,CAmBvB;;;;oBApJmB,iBAAiB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAcA,kDAAiD;;kBAXkC,OAAO;AAiE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,+BA7BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACU,UAAU;IACZ,cAAc,GAA7B,MAAM;IACU,mBAAmB,GAAnC,OAAO;IACQ,aAAa,GAA5B,MAAM;CACd,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CA0MlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAcA,kDAAiD;;kBAXkC,OAAO;AA0E1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,+BA7BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACU,UAAU;IACZ,cAAc,GAA7B,MAAM;IACU,mBAAmB,GAAnC,OAAO;IACQ,aAAa,GAA5B,MAAM;CACd,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CA2MlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}
@@ -14,6 +14,7 @@ export default Popover;
14
14
  * @param {boolean} [props.sectioned=false] - Whether the popover content is sectioned with padding.
15
15
  * @param {string} [props.preferredAlignment="center"] - Preferred alignment for the popover (left, center, right).
16
16
  * @param {string} [props.preferredPosition="below"] - Preferred position for the popover (above, below, cover, left, right).
17
+ * @param {number} [props.horizontalOffset] - Custom horizontal offset in pixels to adjust the popover position.
17
18
  * @param {string} [props.className] - Additional class name for the popover.
18
19
  * @param {string} [props.containerClassName] - Additional class name for the popover container.
19
20
  * @returns {JSX.Element} The rendered popover component.
@@ -30,6 +31,7 @@ declare function Popover(props?: {
30
31
  sectioned?: boolean;
31
32
  preferredAlignment?: string;
32
33
  preferredPosition?: string;
34
+ horizontalOffset?: number;
33
35
  className?: string;
34
36
  containerClassName?: string;
35
37
  }): JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../components/Popover.js"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,iCAhBG;IAA2C,gBAAgB,GAAnD,MAAM,GAAC,KAAK,CAAC,aAAa;IACH,SAAS,EAAhC,KAAK,CAAC,SAAS;IACA,oBAAoB,GAAnC,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACE,OAAO;IACR,MAAM,GAAtB,OAAO;IACS,KAAK,GAArB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,SAAS,GAAzB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,kBAAkB,GAAjC,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA2YvB;;;IAgBD;;;;;;;OAOG;IAEH,yBALG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,CAYvB;;;;;;kBArdmF,OAAO"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../components/Popover.js"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAjBG;IAA2C,gBAAgB,GAAnD,MAAM,GAAC,KAAK,CAAC,aAAa;IACH,SAAS,EAAhC,KAAK,CAAC,SAAS;IACA,oBAAoB,GAAnC,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACE,OAAO;IACR,MAAM,GAAtB,OAAO;IACS,KAAK,GAArB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,SAAS,GAAzB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,kBAAkB,GAAjC,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAoavB;;;IAgBD;;;;;;;OAOG;IAEH,yBALG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,CAYvB;;;;;;kBA/emF,OAAO"}
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../components/Table.js"],"names":[],"mappings":";;;;;WAyCc,MAAM,GAAC,KAAK,CAAC,SAAS;;;;eACtB,OAAO;;;;gBACP,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;;;aAC7C,OAAO;;;;cACP,MAAM,GAAC,KAAK,CAAC,SAAS;;;;qBACtB,MAAM,GAAC,KAAK,CAAC,SAAS;;;;;;AAPpC;;;;;;;;;GASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,+BAzBG;IAA2D,QAAQ,GAA3D,KAAK,CAAC,YAAY,GAAC,MAAM,GAAC,KAAK,CAAC,SAAS,CAAC;IACZ,YAAY,GAA1C,SAAS,GAAG,SAAS;IAC0B,IAAI,GAAnD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvB,aAAa,GAA5B,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACS,sBAAsB,GAArC,MAAM;IAC6B,oBAAoB,GAAvD,WAAW,GAAG,YAAY;IACT,MAAM;IACP,qBAAqB,GAArC,OAAO;IACiC,OAAO,GAA/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChB,mBAAmB,GAAlC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACQ,YAAY,GAA3B,MAAM;IACS,4BAA4B,GAA3C,MAAM;IACS,YAAY,GACnC;QAAoC,QAAQ,GAApC,MAAM;QACsB,MAAM,GAAlC,MAAM;KACd;IAAuB,SAAS,GAAxB,MAAM;IACU,UAAU,GAA1B,OAAO;IACU,iBAAiB;IAClB,OAAO,GAAvB,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CA8vB9B;;;IAGD;;;;;;;;;OASG;IACH,qEAPG;QAAsB,EAAE,EAAhB,MAAM;QACS,QAAQ,EAAvB,OAAO;QACS,OAAO;QACT,QAAQ,EAAtB,MAAM;QACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CA8F9B;;;;;IAID;;;;;;;OAOG;IACH,mEALG;QAAuB,SAAS,GAAxB,MAAM;QACU,aAAa,GAA7B,OAAO;QACgB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CAmD9B;;;;;IAID;;;;;;;;;;;;;OAaG;IACH,gHATG;QAAuB,WAAW,EAA1B,OAAO;QACQ,eAAe,EAA9B,OAAO;QACS,MAAM;QACN,UAAU;QACV,oBAAoB,GAApC,OAAO;QACQ,KAAK,GAApB,MAAM;QACU,UAAU,GAA1B,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA6B5B;;;;;IAID;;;;;;;;OAQG;IACH,2DAJG;QAAsB,WAAW;QACX,mBAAmB;KACzC,GAAU,GAAG,CAAC,OAAO,CA4DvB;;;;;IAID;;;;;;OAMG;IACH,kCAHG;QAAuB,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAoBvB;;;;;;kBAjnCM,OAAO"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../components/Table.js"],"names":[],"mappings":";;;;;WA0Cc,MAAM,GAAC,KAAK,CAAC,SAAS;;;;eACtB,OAAO;;;;gBACP,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;;;aAC7C,OAAO;;;;cACP,MAAM,GAAC,KAAK,CAAC,SAAS;;;;qBACtB,MAAM,GAAC,KAAK,CAAC,SAAS;;;;;;AAPpC;;;;;;;;;GASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,+BAzBG;IAA2D,QAAQ,GAA3D,KAAK,CAAC,YAAY,GAAC,MAAM,GAAC,KAAK,CAAC,SAAS,CAAC;IACZ,YAAY,GAA1C,SAAS,GAAG,SAAS;IAC0B,IAAI,GAAnD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvB,aAAa,GAA5B,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACS,sBAAsB,GAArC,MAAM;IAC6B,oBAAoB,GAAvD,WAAW,GAAG,YAAY;IACT,MAAM;IACP,qBAAqB,GAArC,OAAO;IACiC,OAAO,GAA/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChB,mBAAmB,GAAlC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACQ,YAAY,GAA3B,MAAM;IACS,4BAA4B,GAA3C,MAAM;IACS,YAAY,GACnC;QAAoC,QAAQ,GAApC,MAAM;QACsB,MAAM,GAAlC,MAAM;KACd;IAAuB,SAAS,GAAxB,MAAM;IACU,UAAU,GAA1B,OAAO;IACU,iBAAiB;IAClB,OAAO,GAAvB,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CA4wB9B;;;IAGD;;;;;;;;;OASG;IACH,qEAPG;QAAsB,EAAE,EAAhB,MAAM;QACS,QAAQ,EAAvB,OAAO;QACS,OAAO;QACT,QAAQ,EAAtB,MAAM;QACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CA8F9B;;;;;IAID;;;;;;;OAOG;IACH,mEALG;QAAuB,SAAS,GAAxB,MAAM;QACU,aAAa,GAA7B,OAAO;QACgB,QAAQ,EAA/B,KAAK,CAAC,SAAS;KACvB,GAAU,KAAK,CAAC,YAAY,CA6E9B;;;;;IAID;;;;;;;;;;;;;OAaG;IACH,gHATG;QAAuB,WAAW,EAA1B,OAAO;QACQ,eAAe,EAA9B,OAAO;QACS,MAAM;QACN,UAAU;QACV,oBAAoB,GAApC,OAAO;QACQ,KAAK,GAApB,MAAM;QACU,UAAU,GAA1B,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA6B5B;;;;;IAID;;;;;;;;OAQG;IACH,2DAJG;QAAsB,WAAW;QACX,mBAAmB;KACzC,GAAU,GAAG,CAAC,OAAO,CA4DvB;;;;;IAID;;;;;;OAMG;IACH,kCAHG;QAAuB,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAoBvB;;;;;;kBA1pCM,OAAO"}
@@ -17,6 +17,8 @@ export default Tabs;
17
17
  * @param {boolean} [props.padded=true] - If true, applies padding to the Tabs container.
18
18
  * @param {boolean} [props.borderBottom=true] - If true, applies a bottom border to the Tabs container.
19
19
  * @param {boolean} [props.simpleTabs=false] - If true, simplifies the styling for the selected tab.
20
+ * @param {number} [props.badgeCount] - The number of badges to display for the tab.
21
+ * @param {string} [props.badgeStatus="default"] - The status of the badge.
20
22
  * @returns {JSX.Element} The Tabs component.
21
23
  */
22
24
  declare function Tabs(props?: {
@@ -35,9 +37,51 @@ declare function Tabs(props?: {
35
37
  padded?: boolean;
36
38
  borderBottom?: boolean;
37
39
  simpleTabs?: boolean;
40
+ badgeCount?: number;
41
+ badgeStatus?: string;
38
42
  }): JSX.Element;
39
43
  declare namespace Tabs {
40
44
  export { Tab };
41
45
  }
42
- declare function Tab(props?: {}): import("react/jsx-runtime").JSX.Element;
46
+ /**
47
+ * Individual tab item component used within the Tabs component.
48
+ *
49
+ * @param {Object} props - Component props.
50
+ * @param {string} [props.id] - Unique identifier for the tab, used to generate the DOM element ID.
51
+ * @param {boolean} [props.active] - Whether the tab's disclosure popover is currently active/open.
52
+ * @param {boolean} [props.selected] - Whether this tab is currently selected.
53
+ * @param {number} [props.index] - The index position of this tab in the tabs array.
54
+ * @param {string|React.ReactNode} [props.icon] - Icon to display. Can be a Polaris icon name string or a custom React node.
55
+ * @param {Function} [props.onSelect] - Callback fired when the tab is selected, receives the tab's index.
56
+ * @param {Function} [props.onClick] - Custom click handler that overrides the default onSelect behavior.
57
+ * @param {React.ReactNode} [props.children] - The content/label to display inside the tab.
58
+ * @param {boolean} [props.fullWidth] - Whether the tab should expand to fill available space.
59
+ * @param {boolean} [props.hidden] - Whether the tab should be visually hidden (used for overflow handling).
60
+ * @param {boolean} [props.simple] - Whether to use simplified styling (no background, column layout).
61
+ * @param {boolean} [props.disclosure=false] - Whether to show a disclosure caret icon when selected.
62
+ * @param {boolean} [props.alwaysShowDisclosureIcon=false] - Whether to always show the disclosure icon regardless of selection state.
63
+ * @param {boolean} [props.disabled=false] - Whether the tab is disabled.
64
+ * @param {string} [props.badgeStatus="default"] - The status variant of the badge (e.g., "default", "success", "warning").
65
+ * @param {number} [props.badgeCount] - If provided (>= 0), displays a badge with this count.
66
+ * @returns {JSX.Element} The Tab component.
67
+ */
68
+ declare function Tab(props?: {
69
+ id?: string;
70
+ active?: boolean;
71
+ selected?: boolean;
72
+ index?: number;
73
+ icon?: string | React.ReactNode;
74
+ onSelect?: Function;
75
+ onClick?: Function;
76
+ children?: React.ReactNode;
77
+ fullWidth?: boolean;
78
+ hidden?: boolean;
79
+ simple?: boolean;
80
+ disclosure?: boolean;
81
+ alwaysShowDisclosureIcon?: boolean;
82
+ disabled?: boolean;
83
+ badgeStatus?: string;
84
+ badgeCount?: number;
85
+ }): JSX.Element;
86
+ import React from "react";
43
87
  //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/Tabs.js"],"names":[],"mappings":";AAmCA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,8BAjBG;IAAwB,IAAI,EAC5B;QAA6B,EAAE,EAAvB,MAAM;QACe,OAAO,EAA5B,MAAM;QACgB,IAAI,GAA1B,MAAM;QACiB,UAAU,GAAjC,OAAO;KACf;IAAsB,QAAQ,EAAtB,MAAM;IACU,QAAQ;IACR,SAAS,GAAzB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,YAAY,GAA5B,OAAO;IACS,UAAU,GAA1B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAwLvB;;;;AAoDD,0EA6DC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/Tabs.js"],"names":[],"mappings":";AAoCA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,8BAnBG;IAAwB,IAAI,EAC5B;QAA6B,EAAE,EAAvB,MAAM;QACe,OAAO,EAA5B,MAAM;QACgB,IAAI,GAA1B,MAAM;QACiB,UAAU,GAAjC,OAAO;KACf;IAAsB,QAAQ,EAAtB,MAAM;IACU,QAAQ;IACR,SAAS,GAAzB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,YAAY,GAA5B,OAAO;IACS,UAAU,GAA1B,OAAO;IACQ,UAAU,GAAzB,MAAM;IACS,WAAW,GAA1B,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA0LvB;;;;AAsDD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,6BAlBG;IAAuB,EAAE,GAAjB,MAAM;IACU,MAAM,GAAtB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,KAAK,GAApB,MAAM;IACyB,IAAI,GAAnC,MAAM,GAAC,KAAK,CAAC,SAAS;IACL,QAAQ;IACR,OAAO;IACA,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,wBAAwB,GAAxC,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,WAAW,GAA1B,MAAM;IACS,UAAU,GAAzB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAgFvB;kBApYM,OAAO"}
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../styles/Table.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsCG;AAoBH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgCG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA8CG;AAjGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAmFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAmBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAQG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuCG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;6jBAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2BG"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../styles/Table.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAUG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCASG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAsCG;AAoBH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgCG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA8CG;AAjGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAmFH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAmBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAQG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuCG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAWG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAgBG;AAEH;;;;;;6jBAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA0CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2BG"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@heymantle/litho",
3
3
  "description": "Litho is a library of components for building Mantle extensions",
4
- "version": "0.0.14",
4
+ "version": "0.0.15",
5
5
  "type": "module",
6
6
  "main": "./dist/esm/index.js",
7
7
  "module": "./dist/esm/index.js",
@@ -47,7 +47,12 @@
47
47
  "build-and-publish": "./dev/verify-publish.mjs && npm publish",
48
48
  "verify-publish": "./dev/verify-publish.mjs",
49
49
  "storybook": "storybook dev -p 6006",
50
- "build-storybook": "storybook build"
50
+ "build-storybook": "storybook build",
51
+ "test:visual": "npx playwright test",
52
+ "test:visual:update": "npx playwright test --update-snapshots",
53
+ "test:visual:docker": "docker compose -f docker-compose.playwright.yml run --rm playwright sh -c 'npm ci && npx playwright test'",
54
+ "test:visual:docker:update": "docker compose -f docker-compose.playwright.yml run --rm playwright sh -c 'npm ci && npx playwright test --update-snapshots'",
55
+ "test:visual:docker:update-missing": "docker compose -f docker-compose.playwright.yml run --rm -e UPDATE_MISSING_ONLY=true playwright sh -c 'npm ci && npx playwright test --update-snapshots'"
51
56
  },
52
57
  "peerDependencies": {
53
58
  "react": ">=18",
@@ -66,6 +71,7 @@
66
71
  "devDependencies": {
67
72
  "@babel/core": "^7.28.0",
68
73
  "@babel/preset-react": "^7.27.1",
74
+ "@playwright/test": "^1.57.0",
69
75
  "@storybook/addon-docs": "^9.1.13",
70
76
  "@storybook/addon-onboarding": "^9.1.13",
71
77
  "@storybook/react-vite": "^9.1.13",
@@ -76,7 +82,9 @@
76
82
  "@types/react-dom": "^19.1.9",
77
83
  "@vitejs/plugin-react": "^4.7.0",
78
84
  "babel-loader": "^10.0.0",
85
+ "concurrently": "^9.2.1",
79
86
  "css-loader": "^7.1.2",
87
+ "http-server": "^14.1.1",
80
88
  "postcss": "^8.5.6",
81
89
  "postcss-loader": "^8.1.1",
82
90
  "prop-types": "^15.8.1",
@@ -89,7 +97,8 @@
89
97
  "typescript": "^5.9.2",
90
98
  "use-immer": "^0.11.0",
91
99
  "vite": "^7.0.6",
100
+ "wait-on": "^9.0.3",
92
101
  "zx": "^8.7.1"
93
102
  },
94
103
  "license": "MIT"
95
- }
104
+ }