sag_components 2.0.0-beta119 → 2.0.0-beta120

package/dist/index.js

@@ -41421,7 +41421,6 @@ const Card = styled__default["default"].div`
 const TitleContainer = styled__default["default"].div`
   display: flex;
   flex-direction: column;
-  margin-top: 50px;
   align-items: flex-start;
 `;
 const SectionTitle$1 = styled__default["default"].div`
@@ -41443,8 +41442,6 @@ const Subtitle$1 = styled__default["default"].span`
 const AddButtonContainer$1 = styled__default["default"].div`
   display: flex;
   align-items: flex-start;
-  margin-top: 24px;
-  margin-left: 16px;
 `;
 
 // Vendor selection screen styles
@@ -41455,11 +41452,8 @@ styled__default["default"](Card)`
   padding: 0;
   overflow: hidden;
 `;
-styled__default["default"].div`
-  display: flex;
-  align-items: center;
-  padding: 18px 16px 0 8px;
-  background: #faf9fb;
+const VendorHeader$2 = styled__default["default"].div`
+  padding: 16px 24px;
 `;
 styled__default["default"].button`
   border: none;
@@ -41535,7 +41529,6 @@ const LineContainer = styled__default["default"].div`
   width: 100%;
 `;
 const ButtonContainer$1 = styled__default["default"].div`
-  margin-top: 16px;
   .ButtonContainer {
     label {
       white-space: nowrap;
@@ -41556,7 +41549,7 @@ const Container$1 = styled__default["default"].div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 16px;
+  padding: 38px 0 20px;
   box-sizing: border-box;
 `;
 const Trash$1 = styled__default["default"].div`
@@ -51022,6 +51015,8 @@ const ItemManagerPanel = _ref => {
       width: width,
       height: height,
       backgroundColor: backgroundColor
+    }, /*#__PURE__*/React__default["default"].createElement(VendorHeader$2, {
+      ref: headerRef
     }, /*#__PURE__*/React__default["default"].createElement(Container$1, null, /*#__PURE__*/React__default["default"].createElement(TitleContainer, null, /*#__PURE__*/React__default["default"].createElement(SectionTitle$1, null, "Vendors"), /*#__PURE__*/React__default["default"].createElement(SubtitleContainer, null, /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, itemAndPackage.filter(item => item.packages !== null).length.toString(), " ", "Vendors", " "), /*#__PURE__*/React__default["default"].createElement("span", null, "\xB7"), /*#__PURE__*/React__default["default"].createElement(Subtitle$1, null, itemAndPackage.filter(item => item.packages !== null).reduce((acc, item) => acc + (item.packages ? item.packages.length : 0), 0), " ", "Packages"))), editMode && /*#__PURE__*/React__default["default"].createElement(ButtonContainer$1, null, /*#__PURE__*/React__default["default"].createElement(CustomTooltip, {
       hideTooltip: !disabledSendForms,
       content: buttonTooltipText,
@@ -51048,7 +51043,7 @@ const ItemManagerPanel = _ref => {
       text: "First Vendor",
       type: "primary",
       textColor: linkColor
-    })), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
+    }))), /*#__PURE__*/React__default["default"].createElement(VendorListWrapper$2, {
       headerHeight: headerHeight
     }, /*#__PURE__*/React__default["default"].createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React__default["default"].createElement(VendorItem$1, {
       key: idx