@invoicebox/ui 0.1.0-alpha.178 → 0.1.0-alpha.179

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

@@ -7,6 +7,7 @@ type TDialogCommonProps = {
     isOpen: boolean;
     isPadding?: boolean;
     overflow?: string;
+    borderColor?: string;
 };
 export type TProps = TDialogCommonProps & {
     initialFocusRef?: React.RefObject<HTMLElement> | false;

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

@@ -21,7 +21,8 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
     _ref$isPadding = _ref.isPadding,
     isPadding = _ref$isPadding === void 0 ? true : _ref$isPadding,
     initialFocusRef = _ref.initialFocusRef,
-    overflow = _ref.overflow;
+    overflow = _ref.overflow,
+    borderColor = _ref.borderColor;
   var palette = (0, _palette.useComponentPalette)('drawer');
   return /*#__PURE__*/_react["default"].createElement(S.BottomSheet, {
     open: isOpen,
@@ -41,6 +42,7 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
     $overflow: overflow,
     $isPadding: isPadding,
     $isErrorBorder: isErrorBorder,
-    $errorColor: palette.error
+    $errorColor: palette.error,
+    $borderColor: borderColor
   }, children));
 };

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

@@ -49,7 +49,8 @@ var commonArgs = {
   children: 'Children',
   isErrorBorder: false,
   onClose: (0, _addonActions.action)('close'),
-  isPadding: false
+  isPadding: false,
+  borderColor: undefined
 };
 var Default = exports.Default = {
   args: commonArgs,

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

@@ -56,4 +56,5 @@ export declare const Body: import("styled-components/dist/types").IStyledCompone
     $isPadding: boolean;
     $errorColor: string;
     $overflow?: string | undefined;
+    $borderColor?: string | undefined;
 }>> & string;

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

@@ -44,8 +44,9 @@ var Body = exports.Body = _styledComponents["default"].div.withConfig({
   return $overflow || 'auto';
 }, function (_ref8) {
   var $isErrorBorder = _ref8.$isErrorBorder,
-    $errorColor = _ref8.$errorColor;
-  return $isErrorBorder && "border-top: 2px solid ".concat($errorColor, ";");
+    $errorColor = _ref8.$errorColor,
+    $borderColor = _ref8.$borderColor;
+  return ($isErrorBorder || $borderColor) && (0, _styledComponents.css)(["border-top:2px solid ", ";"], $borderColor || $errorColor);
 }, function (_ref9) {
   var $isPadding = _ref9.$isPadding;
   return $isPadding && 'padding: 32px 16px 36px';

package/package.json

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