@invoicebox/ui 0.1.0-alpha.86 → 0.1.0-alpha.87

package/dist/components/common/Toast/index.d.ts

@@ -1,3 +1,6 @@
 import { FC } from 'react';
-export { toast } from 'react-toastify';
+export declare const toast: {
+    error: (message: string) => void;
+    success: (message: string) => void;
+};
 export declare const ToastContainer: FC;

package/dist/components/common/Toast/index.js

@@ -4,18 +4,25 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToastContainer = void 0;
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function get() {
-    return _reactToastify.toast;
-  }
-});
+exports.toast = exports.ToastContainer = void 0;
 var S = _interopRequireWildcard(require("./styles"));
 var _palette = require("../../../palette");
 var _reactToastify = require("react-toastify");
+var _Typography = require("../Typography");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var toast = exports.toast = {
+  error: function error(message) {
+    _reactToastify.toast.error( /*#__PURE__*/React.createElement(_Typography.Typography, {
+      variant: "bodyMRegular"
+    }, message));
+  },
+  success: function success(message) {
+    _reactToastify.toast.success( /*#__PURE__*/React.createElement(_Typography.Typography, {
+      variant: "bodyMRegular"
+    }, message));
+  }
+};
 var ToastContainer = exports.ToastContainer = function ToastContainer() {
   var palette = (0, _palette.useComponentPalette)('toast');
   return /*#__PURE__*/React.createElement(S.Container, {

package/dist/components/common/Toast/styles.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.Container = void 0;
 var _reactToastify = require("react-toastify");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Typography = require("../Typography");
 var _breakpoints = require("../../../breakpoints");
 var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Container = exports.Container = (0, _styledComponents["default"])(_reactToastify.ToastContainer).withConfig({
   displayName: "styles__Container",
   componentId: "sc-dzgrj6-0"
-})(["width:auto;max-width:407px;z-index:999999999;.Toastify__toast{padding:0;border-radius:10px;background-color:", ";box-shadow:0px 10px 30px ", ";color:", ";", ";min-height:54px;@media ", "{", ";min-height:38px;}}.Toastify__toast-body{padding:17px 30px;@media ", "{padding:10px;}}"], function (_ref) {
+})(["width:auto;max-width:407px;z-index:999999999;.Toastify__toast{padding:0;border-radius:10px;background-color:", ";box-shadow:0px 10px 30px ", ";color:", ";min-height:54px;@media ", "{min-height:38px;}}.Toastify__toast-body{padding:17px 30px;@media ", "{padding:10px;}}"], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.bg;
 }, function (_ref2) {
@@ -22,4 +21,4 @@ var Container = exports.Container = (0, _styledComponents["default"])(_reactToas
 }, function (_ref3) {
   var $palette = _ref3.$palette;
   return $palette.text;
-}, _Typography.typography.bodyMRegular, _breakpoints.breakpoints.sm, _Typography.typography.captionRegular, _breakpoints.breakpoints.sm);
+}, _breakpoints.breakpoints.sm, _breakpoints.breakpoints.sm);

package/dist/components/common/Typography/index.d.ts

@@ -22,4 +22,4 @@ export type TProps = {
     variant: keyof typeof typography;
 } & (TDivProps | TParagraphProps | TSpanProps | THeadingProps | TButtonProps | TInputProps);
 export declare const Typography: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLInputElement>>;
-export { typography } from './typography';
+export {};

package/dist/components/common/Typography/index.js

@@ -5,16 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Typography = void 0;
-Object.defineProperty(exports, "typography", {
-  enumerable: true,
-  get: function get() {
-    return _typography.typography;
-  }
-});
 var _react = _interopRequireWildcard(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
 var _useCss = require("../../../hooks/useCss");
-var _typography = require("./typography");
 var _excluded = ["variant", "element"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Skeleton } from './components/common/Skeleton';
 export { InvoiceboxLoader } from './components/common/InvoiceboxLoader';
-export { Typography, typography } from './components/common/Typography';
+export { Typography } from './components/common/Typography';
 export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
 export { SecondaryButton } from './components/common/SecondaryButton';
 export { Arrow } from './components/common/Arrow';

package/dist/index.js

@@ -165,12 +165,6 @@ Object.defineProperty(exports, "toast", {
     return _Toast.toast;
   }
 });
-Object.defineProperty(exports, "typography", {
-  enumerable: true,
-  get: function get() {
-    return _Typography.typography;
-  }
-});
 Object.defineProperty(exports, "useInputFocus", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.86",
+    "version": "0.1.0-alpha.87",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {