@heymantle/litho 0.0.13 → 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.
- package/README.md +52 -0
- package/dist/cjs/components/Card.js +1 -1
- package/dist/cjs/components/Disclosure.js +46 -15
- package/dist/cjs/components/DropZone.js +93 -37
- package/dist/cjs/components/Layout.js +4 -2
- package/dist/cjs/components/Modal.js +14 -3
- package/dist/cjs/components/Navigation.js +4 -3
- package/dist/cjs/components/Popover.js +58 -13
- package/dist/cjs/components/Select.js +4 -0
- package/dist/cjs/components/TabNavigation.js +65 -11
- package/dist/cjs/components/Table.js +27 -11
- package/dist/cjs/components/Tabs.js +33 -2
- package/dist/cjs/components/TextField.js +4 -2
- package/dist/cjs/components/ToastNotification.js +368 -0
- package/dist/cjs/components/ToastProvider.js +342 -0
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/playwright.config.js +114 -0
- package/dist/cjs/styles/Table.js +2 -7
- package/dist/cjs/tests/visual/stories.spec.js +637 -0
- package/dist/cjs/utilities/dates.js +7 -7
- package/dist/esm/components/Card.js +1 -1
- package/dist/esm/components/Disclosure.js +36 -5
- package/dist/esm/components/DropZone.js +94 -38
- package/dist/esm/components/Layout.js +4 -2
- package/dist/esm/components/Modal.js +14 -3
- package/dist/esm/components/Navigation.js +4 -3
- package/dist/esm/components/Popover.js +58 -13
- package/dist/esm/components/Select.js +5 -1
- package/dist/esm/components/TabNavigation.js +65 -11
- package/dist/esm/components/Table.js +27 -11
- package/dist/esm/components/Tabs.js +33 -2
- package/dist/esm/components/TextField.js +4 -2
- package/dist/esm/components/ToastNotification.js +353 -0
- package/dist/esm/components/ToastProvider.js +336 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/playwright.config.js +104 -0
- package/dist/esm/styles/Table.js +2 -7
- package/dist/esm/tests/visual/stories.spec.js +633 -0
- package/dist/esm/utilities/dates.js +7 -7
- package/dist/types/components/Disclosure.d.ts.map +1 -1
- package/dist/types/components/DropZone.d.ts +2 -0
- package/dist/types/components/DropZone.d.ts.map +1 -1
- package/dist/types/components/Layout.d.ts.map +1 -1
- package/dist/types/components/Modal.d.ts.map +1 -1
- package/dist/types/components/Navigation.d.ts +1 -0
- package/dist/types/components/Navigation.d.ts.map +1 -1
- package/dist/types/components/Popover.d.ts +2 -0
- package/dist/types/components/Popover.d.ts.map +1 -1
- package/dist/types/components/Select.d.ts.map +1 -1
- package/dist/types/components/TabNavigation.d.ts.map +1 -1
- package/dist/types/components/Table.d.ts.map +1 -1
- package/dist/types/components/Tabs.d.ts +45 -1
- package/dist/types/components/Tabs.d.ts.map +1 -1
- package/dist/types/components/TextField.d.ts +2 -0
- package/dist/types/components/TextField.d.ts.map +1 -1
- package/dist/types/components/ToastNotification.d.ts +36 -0
- package/dist/types/components/ToastNotification.d.ts.map +1 -0
- package/dist/types/components/ToastProvider.d.ts +21 -0
- package/dist/types/components/ToastProvider.d.ts.map +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/styles/Table.d.ts.map +1 -1
- package/index.css +3 -0
- package/package.json +12 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../components/Disclosure.js"],"names":[],"mappings":";
|
|
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":";
|
|
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,
|
|
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;
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../components/Navigation.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../components/Navigation.js"],"names":[],"mappings":";AA4BA;;;;;;;;;;;;;;;;;GAiBG;AAEH,oCAbG;IAAuB,UAAU,GACjC;QAAkC,OAAO,GAAjC,MAAM;QACsB,QAAQ;KAC5C;IAA8B,QAAQ,GAA9B,KAAK,KAAQ;CACrB,GAMU,GAAG,CAAC,OAAO,CAmEvB;;;;;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,8BApBG;IAAwB,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACe,QAAQ,GAA9B,KAAK,KAAQ;IACG,0BAA0B,GAA1C,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACU,QAAQ;IACD,MAAM,GAA9B,KAAK,CAAC,SAAS;IACS,IAAI,GAA5B,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,KAAK,GAC5B;QAA6B,MAAM,GAA3B,MAAM;QACe,KAAK,GAA1B,MAAM;KACd;IAAwB,QAAQ,GAAxB,OAAO;IACS,UAAU,GAA1B,OAAO;IACQ,WAAW,GAA1B,MAAM;IACU,kBAAkB,GAAlC,OAAO;IACiB,SAAS,GAAjC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAoGvB;AAgBD;;;;;;;;;;;;;;;GAeG;AACH,iCAVG;IAAwB,QAAQ,GAAxB,OAAO;IACU,QAAQ;IACV,KAAK,GAApB,MAAM;IACS,KAAK,GAC5B;QAA6B,MAAM,GAA3B,MAAM;QACe,KAAK,GAA1B,MAAM;KACd;IAAwB,kBAAkB,GAAlC,OAAO;IACiB,SAAS,GAAjC,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAuCvB;kBApUiB,OAAO"}
|
|
@@ -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
|
|
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":"Select.d.ts","sourceRoot":"","sources":["../../../components/Select.js"],"names":[],"mappings":";AA8DA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,gCArBG;IAAqB,OAAO;IACL,KAAK,GAApB,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,WAAW,GAA1B,MAAM;IACQ,EAAE,EAAhB,MAAM;IACQ,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAC0D,OAAO,EAAvE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACjC,KAAK,GAA5B,MAAM,GAAC,OAAO;IACE,QAAQ;IACR,OAAO;IACP,MAAM;IACN,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../components/Select.js"],"names":[],"mappings":";AA8DA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,gCArBG;IAAqB,OAAO;IACL,KAAK,GAApB,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,WAAW,GAA1B,MAAM;IACQ,EAAE,EAAhB,MAAM;IACQ,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAC0D,OAAO,EAAvE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACjC,KAAK,GAA5B,MAAM,GAAC,OAAO;IACE,QAAQ;IACR,OAAO;IACP,MAAM;IACN,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAyLvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../components/TabNavigation.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../components/TabNavigation.js"],"names":[],"mappings":";AAmKA,oFAqHC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../components/Table.js"],"names":[],"mappings":";;;;;
|
|
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
|
-
|
|
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":";
|
|
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"}
|
|
@@ -53,6 +53,7 @@ export default TextField;
|
|
|
53
53
|
* @param {Function} [props.onKeyDown] - Handler for key down.
|
|
54
54
|
* @param {ReactNode} [props.tooltip] - Tooltip content for the label.
|
|
55
55
|
* @param {string} [props.className] - Additional CSS classes.
|
|
56
|
+
* @param {boolean} [props.disableFocusStyles=false] - Whether to disable focused styles when the input is focused.
|
|
56
57
|
* @returns {JSX.Element} The rendered TextField component.
|
|
57
58
|
*/
|
|
58
59
|
declare function TextField(props?: {
|
|
@@ -105,5 +106,6 @@ declare function TextField(props?: {
|
|
|
105
106
|
onKeyDown?: Function;
|
|
106
107
|
tooltip?: ReactNode;
|
|
107
108
|
className?: string;
|
|
109
|
+
disableFocusStyles?: boolean;
|
|
108
110
|
}): JSX.Element;
|
|
109
111
|
//# sourceMappingURL=TextField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../components/TextField.js"],"names":[],"mappings":";AA4IA
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../components/TextField.js"],"names":[],"mappings":";AA4IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,mCApDG;IAAuB,MAAM,GAArB,MAAM;IACS,MAAM,GAArB,MAAM;IACS,WAAW,GAA1B,MAAM;IACS,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,KAAK,GAApB,MAAM;IACY,cAAc,GAAhC,SAAS;IACS,aAAa,GAA/B,SAAS;IACM,IAAI,GAAnB,MAAM;IACU,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,OAAO,GAAtB,MAAM;IACU,UAAU,GAA1B,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,oBAAoB,GAAnC,MAAM;IACS,gBAAgB,GAA/B,MAAM;IAC4B,KAAK,GAAvC,CAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,CAAC;IACT,iBAAiB,GAAjC,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACU,kBAAkB;IAClB,QAAQ;IACR,OAAO;IACP,MAAM;IACN,SAAS;IACR,OAAO,GAAzB,SAAS;IACM,SAAS,GAAxB,MAAM;IACU,kBAAkB,GAAlC,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAmYvB"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export default ToastNotification;
|
|
2
|
+
/**
|
|
3
|
+
* ToastNotification component for displaying temporary notifications to users.
|
|
4
|
+
* Automatically dismisses after the specified duration.
|
|
5
|
+
*
|
|
6
|
+
* @component
|
|
7
|
+
* @param {Object} props - The component props.
|
|
8
|
+
* @param {React.ReactNode} [props.prefix] - Optional prefix content (image, icon, or component) to display before the title.
|
|
9
|
+
* @param {Object|Function} [props.icon] - Optional icon source (from @shopify/polaris-icons) to display as prefix. Used as fallback if prefix is not provided.
|
|
10
|
+
* @param {string} props.title - The main title text of the toast.
|
|
11
|
+
* @param {string} [props.subtitle] - Optional subtitle text displayed below the title.
|
|
12
|
+
* @param {number} [props.duration=3000] - Duration in milliseconds before the toast auto-dismisses. Defaults to 2000ms (2 seconds).
|
|
13
|
+
* @param {'topRight' | 'topLeft' | 'topCenter' | 'bottomRight' | 'bottomLeft' | 'bottomCenter'} [props.position='topRight'] - Position of the toast on the screen.
|
|
14
|
+
* @param {Function} [props.onDismiss] - Callback function called when the toast is dismissed (either automatically or manually).
|
|
15
|
+
* @param {Function} [props.onClick] - Callback function called when the toast is clicked. Makes the entire toast clickable with cursor-pointer.
|
|
16
|
+
* @param {boolean} [props.dismissible=true] - Whether the toast can be manually dismissed via the close button.
|
|
17
|
+
* @param {boolean} [props.fixed=true] - Whether to use fixed positioning. Set to false when used within ToastProvider.
|
|
18
|
+
* @param {boolean} [props.isDismissing=false] - Whether the toast is in a dismissing state. Starts the exit animation immediately.
|
|
19
|
+
* @param {string} [props.className] - Additional CSS classes to apply to the toast container.
|
|
20
|
+
* @returns {JSX.Element|null} The rendered toast notification or null if dismissed.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* <ToastNotification
|
|
24
|
+
* prefix={<Icon source={TickMinor} color="success" />}
|
|
25
|
+
* title="Support ticket updated"
|
|
26
|
+
* subtitle="Your ticket has been resolved"
|
|
27
|
+
* duration={3000}
|
|
28
|
+
* position="topRight"
|
|
29
|
+
* onDismiss={() => console.log('Toast dismissed')}
|
|
30
|
+
* />
|
|
31
|
+
*/
|
|
32
|
+
declare function ToastNotification(props?: {
|
|
33
|
+
prefix?: React.ReactNode;
|
|
34
|
+
icon?: any | Function;
|
|
35
|
+
}): JSX.Element | null;
|
|
36
|
+
//# sourceMappingURL=ToastNotification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastNotification.d.ts","sourceRoot":"","sources":["../../../components/ToastNotification.js"],"names":[],"mappings":";AA0GA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,2CAxBG;IAAgC,MAAM,GAA9B,KAAK,CAAC,SAAS;IACS,IAAI,GAA5B,cAAe;CAA4C,GAWzD,GAAG,CAAC,OAAO,GAAC,IAAI,CAyL5B"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function useToast(): any;
|
|
2
|
+
export default ToastProvider;
|
|
3
|
+
/**
|
|
4
|
+
* ToastProvider component that manages multiple toast notifications.
|
|
5
|
+
* Handles stacking and positioning of multiple toasts.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @param {Object} props - The component props.
|
|
9
|
+
* @param {React.ReactNode} props.children - Child components that can use the toast system.
|
|
10
|
+
* @param {'topRight' | 'topLeft' | 'topCenter' | 'bottomRight' | 'bottomLeft' | 'bottomCenter'} [props.defaultPosition='topRight'] - Default position for toasts.
|
|
11
|
+
* @param {number} [props.maxToasts=5] - Maximum number of toasts to display at once.
|
|
12
|
+
* @param {number} [props.stackGap=2] - Gap in pixels between stacked toasts.
|
|
13
|
+
* @returns {JSX.Element} The provider component.
|
|
14
|
+
*/
|
|
15
|
+
declare function ToastProvider({ children, defaultPosition, maxToasts, stackGap, }: {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
defaultPosition?: "topRight" | "topLeft" | "topCenter" | "bottomRight" | "bottomLeft" | "bottomCenter";
|
|
18
|
+
maxToasts?: number;
|
|
19
|
+
stackGap?: number;
|
|
20
|
+
}): JSX.Element;
|
|
21
|
+
//# sourceMappingURL=ToastProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../components/ToastProvider.js"],"names":[],"mappings":"AA4BO,gCAaN;;AAED;;;;;;;;;;;GAWG;AACH,oFANG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IAC8E,eAAe,GAA5G,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,cAAc;IACrE,SAAS,GAAxB,MAAM;IACS,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA6OvB"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -57,9 +57,11 @@ export { default as TextField } from "./components/TextField";
|
|
|
57
57
|
export { default as Thumbnail } from "./components/Thumbnail";
|
|
58
58
|
export { default as TimePicker } from "./components/TimePicker";
|
|
59
59
|
export { default as Tip } from "./components/Tip";
|
|
60
|
+
export { default as ToastNotification } from "./components/ToastNotification";
|
|
60
61
|
export { default as Tooltip } from "./components/Tooltip";
|
|
61
62
|
export { default as TopBar } from "./components/TopBar";
|
|
62
63
|
export { default as VerticalStack } from "./components/VerticalStack";
|
|
63
64
|
export { default as AppProvider, useDarkMode } from "./components/AppProvider";
|
|
65
|
+
export { default as ToastProvider, useToast } from "./components/ToastProvider";
|
|
64
66
|
export { SelectionType, useIndexResourceState } from "./utilities/useIndexResourceState";
|
|
65
67
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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/index.css
CHANGED
|
@@ -383,6 +383,8 @@
|
|
|
383
383
|
--color-brand-stripe: #6772e5;
|
|
384
384
|
--color-brand-shopify: #96bf48;
|
|
385
385
|
|
|
386
|
+
--color-widget-blue: #074FE0;
|
|
387
|
+
|
|
386
388
|
--shadow-none: 0 0 0 0 transparent;
|
|
387
389
|
--shadow-frame-header: 0px 1px 2px 1px rgba(2, 2, 3, 0.06);
|
|
388
390
|
--shadow-card: 0px 1px 1px 0px rgba(2, 2, 3, 0.12);
|
|
@@ -397,6 +399,7 @@
|
|
|
397
399
|
--shadow-table-header: 0px 1px 1px 0px rgba(2, 2, 3, 0.25);
|
|
398
400
|
--shadow-inset: inset 0 0 0 1px rgba(2, 2, 3, 0.1);
|
|
399
401
|
--shadow-pane-inner: inset 0 0 10px 0px rgba(2, 2, 3, 0.06);
|
|
402
|
+
--shadow-widget-input: 0 -1px 5px 0 rgba(0, 0, 0, 0.20);
|
|
400
403
|
|
|
401
404
|
--shadow-popover-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.3);
|
|
402
405
|
--shadow-card-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.15);
|
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.
|
|
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
|
+
}
|