@invoicebox/ui 0.1.0-alpha.83 → 0.1.0-alpha.85

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 export type TProps = {
     children: ReactNode;
+    isTopLeftBorderRadius?: boolean;
 };
 export declare const BgCard: FC<TProps>;

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

@@ -12,9 +12,12 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var BgCard = exports.BgCard = function BgCard(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    _ref$isTopLeftBorderR = _ref.isTopLeftBorderRadius,
+    isTopLeftBorderRadius = _ref$isTopLeftBorderR === void 0 ? true : _ref$isTopLeftBorderR;
   var palette = (0, _palette.useComponentPalette)('bgCard');
   return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
-    $palette: palette
+    $palette: palette,
+    $isTopLeftBorderRadius: isTopLeftBorderRadius
   }, children);
 };

package/dist/components/common/BgCard/index.stories.js

@@ -15,6 +15,7 @@ var meta = {
 var _default = exports["default"] = meta;
 var Default = exports.Default = {
   args: {
-    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, "Some children"), /*#__PURE__*/_react["default"].createElement("div", null, "Some children"))
+    children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, "Some children"), /*#__PURE__*/_react["default"].createElement("div", null, "Some children")),
+    isTopLeftBorderRadius: true
   }
 };

package/dist/components/common/BgCard/styles.d.ts

@@ -2,4 +2,5 @@
 import { TBgCardPalette } from './palette';
 export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $palette: TBgCardPalette;
+    $isTopLeftBorderRadius: boolean;
 }>>;

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

@@ -1,16 +1,21 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _breakpoints = require("../../../breakpoints");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1vrvxit-0"
-})(["background-color:", ";position:relative;border-radius:20px;padding:30px;@media ", "{padding:16px;}"], function (_ref) {
+})(["background-color:", ";position:relative;border-radius:20px;padding:30px;", " @media ", "{padding:16px;}"], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.bg;
+}, function (_ref2) {
+  var $isTopLeftBorderRadius = _ref2.$isTopLeftBorderRadius;
+  return !$isTopLeftBorderRadius && (0, _styledComponents.css)(["border-top-left-radius:0px;"]);
 }, _breakpoints.breakpoints.md);

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

@@ -870,7 +870,8 @@ var InvoiceboxLoader = exports.InvoiceboxLoader = function InvoiceboxLoader(_ref
     width = _ref$width === void 0 ? '100%' : _ref$width;
   return /*#__PURE__*/_react["default"].createElement(_lottieReact["default"], {
     style: {
-      width: width
+      width: width,
+      display: 'flex'
     },
     loop: true,
     animationData: animation

package/package.json

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