ab-ui-library 1.5.5 → 1.5.7

package/components/SideSheet/SideSheet.js

@@ -18,6 +18,7 @@ import { IconDismiss } from '../SVGIcons/IconDismiss.js';
 import { Heading } from '../Heading/Heading.js';
 import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';
 import { Tab } from '../Tab/Tab.js';
+import { Divider } from '../Divider/Divider.js';
 import '../../typeof-a9012852.js';
 import 'dayjs';
 import '../../consts/index.js';
@@ -69,6 +70,8 @@ var SideSheet = function SideSheet(props) {
     closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
     checkboxInfo = props.checkboxInfo,
     headerContent = props.headerContent,
+    _props$isWithDivider = props.isWithDivider,
+    isWithDivider = _props$isWithDivider === void 0 ? false : _props$isWithDivider,
     _props$isPositioned = props.isPositioned,
     isPositioned = _props$isPositioned === void 0 ? false : _props$isPositioned,
     _props$isBodyHidden = props.isBodyHidden,
@@ -191,7 +194,9 @@ var SideSheet = function SideSheet(props) {
     size: 'small'
   }, tabItemsProps, {
     className: 'side-sheet__tabs'
-  })) : null), /*#__PURE__*/React.createElement("div", {
+  })) : null, isWithDivider && /*#__PURE__*/React.createElement(Divider, {
+    isHorizontal: true
+  })), /*#__PURE__*/React.createElement("div", {
     className: "side-sheet__content scrollbar scrollbar--vertical",
     ref: scrollbarContainerRef
   }, children), footerButtons ? /*#__PURE__*/React.createElement(Footer, {

package/components/SideSheet/index.js

@@ -44,3 +44,4 @@ import '../Tab/TabItem.js';
 import '../Badge/Badge.js';
 import '../Badge/consts.js';
 import '../Tab/consts.js';
+import '../Divider/Divider.js';

package/components/SideSheet/types.d.ts

@@ -33,5 +33,6 @@ export interface TSideSheetPropTypes {
     headerContent?: ReactNode;
     isPositioned?: boolean;
     isBodyHidden?: boolean;
+    isWithDivider?: boolean;
     withOverlay?: boolean;
 }

package/components/Tab/TabItem.js

@@ -37,7 +37,7 @@ var TabItem = function TabItem(props) {
     as: 'span',
     weight: 'semibold',
     className: 'tab__label',
-    "data-id": dataId,
+    dataId: dataId,
     lineHeight: 'xsmall',
     size: TEXT_SIZE_MAPPING[size]
   }, label), rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.5.5",
+  "version": "1.5.7",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",

package/stories/SideSheet.stories.d.ts

@@ -10,6 +10,12 @@ declare const _default: {
                 type: string;
             };
         };
+        isWithDivider: {
+            options: boolean[];
+            control: {
+                type: string;
+            };
+        };
     };
 };
 export default _default;