@heymantle/litho 0.0.12 → 0.0.14

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 (33) hide show
  1. package/dist/cjs/components/DropZone.js +4 -0
  2. package/dist/cjs/components/Navigation.js +4 -3
  3. package/dist/cjs/components/Popover.js +33 -5
  4. package/dist/cjs/components/Select.js +4 -0
  5. package/dist/cjs/components/TabNavigation.js +65 -11
  6. package/dist/cjs/components/TextField.js +4 -2
  7. package/dist/cjs/components/ToastNotification.js +368 -0
  8. package/dist/cjs/components/ToastProvider.js +342 -0
  9. package/dist/cjs/index.js +11 -0
  10. package/dist/esm/components/DropZone.js +5 -1
  11. package/dist/esm/components/Navigation.js +4 -3
  12. package/dist/esm/components/Popover.js +33 -5
  13. package/dist/esm/components/Select.js +5 -1
  14. package/dist/esm/components/TabNavigation.js +65 -11
  15. package/dist/esm/components/TextField.js +4 -2
  16. package/dist/esm/components/ToastNotification.js +353 -0
  17. package/dist/esm/components/ToastProvider.js +336 -0
  18. package/dist/esm/index.js +2 -0
  19. package/dist/types/components/DropZone.d.ts.map +1 -1
  20. package/dist/types/components/Navigation.d.ts +1 -0
  21. package/dist/types/components/Navigation.d.ts.map +1 -1
  22. package/dist/types/components/Popover.d.ts.map +1 -1
  23. package/dist/types/components/Select.d.ts.map +1 -1
  24. package/dist/types/components/TabNavigation.d.ts.map +1 -1
  25. package/dist/types/components/TextField.d.ts +2 -0
  26. package/dist/types/components/TextField.d.ts.map +1 -1
  27. package/dist/types/components/ToastNotification.d.ts +36 -0
  28. package/dist/types/components/ToastNotification.d.ts.map +1 -0
  29. package/dist/types/components/ToastProvider.d.ts +21 -0
  30. package/dist/types/components/ToastProvider.d.ts.map +1 -0
  31. package/dist/types/index.d.ts +2 -0
  32. package/index.css +3 -0
  33. package/package.json +2 -2
package/dist/esm/index.js CHANGED
@@ -58,6 +58,8 @@ export { default as TextField } from "./components/TextField.js";
58
58
  export { default as Thumbnail } from "./components/Thumbnail.js";
59
59
  export { default as TimePicker } from "./components/TimePicker.js";
60
60
  export { default as Tip } from "./components/Tip.js";
61
+ export { default as ToastNotification } from "./components/ToastNotification.js";
62
+ export { default as ToastProvider, useToast } from "./components/ToastProvider.js";
61
63
  export { default as Tooltip } from "./components/Tooltip.js";
62
64
  export { default as TopBar } from "./components/TopBar.js";
63
65
  export { default as VerticalStack } from "./components/VerticalStack.js";
@@ -1 +1 @@
1
- {"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../components/DropZone.js"],"names":[],"mappings":";AA+CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,CAyPvB;;;;;;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":";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"}
@@ -102,4 +102,5 @@ declare function SubLink(props?: {
102
102
  keepNavigationOpen?: boolean;
103
103
  accessory?: React.ReactNode;
104
104
  }): JSX.Element;
105
+ import React from "react";
105
106
  //# sourceMappingURL=Navigation.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../components/Navigation.js"],"names":[],"mappings":";AA2BA;;;;;;;;;;;;;;;;;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,CAgGvB;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,CAkCvB"}
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"}
@@ -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,CA4WvB;;;IAgBD;;;;;;;OAOG;IAEH,yBALG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,CAYvB;;;;;;kBAtbmF,OAAO"}
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 +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,CAkLvB"}
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":";AAiHA,oFAoHC"}
1
+ {"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../components/TabNavigation.js"],"names":[],"mappings":";AAmKA,oFAqHC"}
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,mCAnDG;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;CACd,GAAU,GAAG,CAAC,OAAO,CAiYvB"}
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"}
@@ -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
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.12",
4
+ "version": "0.0.14",
5
5
  "type": "module",
6
6
  "main": "./dist/esm/index.js",
7
7
  "module": "./dist/esm/index.js",
@@ -92,4 +92,4 @@
92
92
  "zx": "^8.7.1"
93
93
  },
94
94
  "license": "MIT"
95
- }
95
+ }