sag_components 2.0.0-beta119 → 2.0.0-beta120

package/dist/index.esm.js

@@ -41411,7 +41411,6 @@ const Card = styled.div`
 const TitleContainer = styled.div`
   display: flex;
   flex-direction: column;
-  margin-top: 50px;
   align-items: flex-start;
 `;
 const SectionTitle$1 = styled.div`
@@ -41433,8 +41432,6 @@ const Subtitle$1 = styled.span`
 const AddButtonContainer$1 = styled.div`
   display: flex;
   align-items: flex-start;
-  margin-top: 24px;
-  margin-left: 16px;
 `;
 
 // Vendor selection screen styles
@@ -41445,11 +41442,8 @@ styled(Card)`
   padding: 0;
   overflow: hidden;
 `;
-styled.div`
-  display: flex;
-  align-items: center;
-  padding: 18px 16px 0 8px;
-  background: #faf9fb;
+const VendorHeader$2 = styled.div`
+  padding: 16px 24px;
 `;
 styled.button`
   border: none;
@@ -41525,7 +41519,6 @@ const LineContainer = styled.div`
   width: 100%;
 `;
 const ButtonContainer$1 = styled.div`
-  margin-top: 16px;
   .ButtonContainer {
     label {
       white-space: nowrap;
@@ -41546,7 +41539,7 @@ const Container$1 = styled.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.div`
@@ -51012,6 +51005,8 @@ const ItemManagerPanel = _ref => {
       width: width,
       height: height,
       backgroundColor: backgroundColor
+    }, /*#__PURE__*/React$1.createElement(VendorHeader$2, {
+      ref: headerRef
     }, /*#__PURE__*/React$1.createElement(Container$1, null, /*#__PURE__*/React$1.createElement(TitleContainer, null, /*#__PURE__*/React$1.createElement(SectionTitle$1, null, "Vendors"), /*#__PURE__*/React$1.createElement(SubtitleContainer, null, /*#__PURE__*/React$1.createElement(Subtitle$1, null, itemAndPackage.filter(item => item.packages !== null).length.toString(), " ", "Vendors", " "), /*#__PURE__*/React$1.createElement("span", null, "\xB7"), /*#__PURE__*/React$1.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$1.createElement(ButtonContainer$1, null, /*#__PURE__*/React$1.createElement(CustomTooltip, {
       hideTooltip: !disabledSendForms,
       content: buttonTooltipText,
@@ -51038,7 +51033,7 @@ const ItemManagerPanel = _ref => {
       text: "First Vendor",
       type: "primary",
       textColor: linkColor
-    })), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {
+    }))), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {
       headerHeight: headerHeight
     }, /*#__PURE__*/React$1.createElement(VendorList$2, null, itemAndPackage.filter(item => item.packages !== null).map((item, idx) => /*#__PURE__*/React$1.createElement(VendorItem$1, {
       key: idx