sag_components 2.0.0-beta174 → 2.0.0-beta175

package/dist/index.js

@@ -459,6 +459,25 @@ const Calendar = () => /*#__PURE__*/React__default["default"].createElement("svg
   fill: "#568202"
 }));
 
+// eslint-disable-next-line react/prop-types
+const ErrorIcon = _ref => {
+  let {
+    color = '#FF3949',
+    width = '18',
+    height = '18'
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 14 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M7 1.625C5.24219 1.625 3.64844 2.5625 2.75781 4.0625C1.89062 5.58594 1.89062 7.4375 2.75781 8.9375C3.64844 10.4609 5.24219 11.375 7 11.375C8.73438 11.375 10.3281 10.4609 11.2188 8.9375C12.0859 7.4375 12.0859 5.58594 11.2188 4.0625C10.3281 2.5625 8.73438 1.625 7 1.625ZM7 12.5C4.84375 12.5 2.875 11.375 1.79688 9.5C0.71875 7.64844 0.71875 5.375 1.79688 3.5C2.875 1.64844 4.84375 0.5 7 0.5C9.13281 0.5 11.1016 1.64844 12.1797 3.5C13.2578 5.375 13.2578 7.64844 12.1797 9.5C11.1016 11.375 9.13281 12.5 7 12.5ZM7 3.5C7.30469 3.5 7.5625 3.75781 7.5625 4.0625V6.6875C7.5625 7.01562 7.30469 7.25 7 7.25C6.67188 7.25 6.4375 7.01562 6.4375 6.6875V4.0625C6.4375 3.75781 6.67188 3.5 7 3.5ZM7.75 8.75C7.75 9.17188 7.39844 9.5 7 9.5C6.57812 9.5 6.25 9.17188 6.25 8.75C6.25 8.35156 6.57812 8 7 8C7.39844 8 7.75 8.35156 7.75 8.75Z",
+    fill: color
+  }));
+};
+
 const ChervronRightIcon = _ref => {
   let {
     width = "8",
@@ -34211,25 +34230,6 @@ const InsightsCarousel = _ref => {
   })))));
 };
 
-// eslint-disable-next-line react/prop-types
-const ErrorIcon = _ref => {
-  let {
-    color = '#FF3949',
-    width = '18',
-    height = '18'
-  } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 14 13",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M7 1.625C5.24219 1.625 3.64844 2.5625 2.75781 4.0625C1.89062 5.58594 1.89062 7.4375 2.75781 8.9375C3.64844 10.4609 5.24219 11.375 7 11.375C8.73438 11.375 10.3281 10.4609 11.2188 8.9375C12.0859 7.4375 12.0859 5.58594 11.2188 4.0625C10.3281 2.5625 8.73438 1.625 7 1.625ZM7 12.5C4.84375 12.5 2.875 11.375 1.79688 9.5C0.71875 7.64844 0.71875 5.375 1.79688 3.5C2.875 1.64844 4.84375 0.5 7 0.5C9.13281 0.5 11.1016 1.64844 12.1797 3.5C13.2578 5.375 13.2578 7.64844 12.1797 9.5C11.1016 11.375 9.13281 12.5 7 12.5ZM7 3.5C7.30469 3.5 7.5625 3.75781 7.5625 4.0625V6.6875C7.5625 7.01562 7.30469 7.25 7 7.25C6.67188 7.25 6.4375 7.01562 6.4375 6.6875V4.0625C6.4375 3.75781 6.67188 3.5 7 3.5ZM7.75 8.75C7.75 9.17188 7.39844 9.5 7 9.5C6.57812 9.5 6.25 9.17188 6.25 8.75C6.25 8.35156 6.57812 8 7 8C7.39844 8 7.75 8.35156 7.75 8.75Z",
-    fill: color
-  }));
-};
-
 // eslint-disable-next-line react/prop-types
 const SucceededIcon = _ref => {
   let {
@@ -35626,9 +35626,12 @@ const ToggleSwitchLabel = styled__default["default"].label`
   position: relative;
   cursor: pointer;
   user-select: none;
-  opacity: ${({
-  disabled
-}) => disabled ? 0.5 : 1};
+  opacity: ${_ref => {
+  let {
+    disabled
+  } = _ref;
+  return disabled ? 0.5 : 1;
+}};
 `;
 const ToggleInput = styled__default["default"].input`
   display: none;
@@ -35636,15 +35639,19 @@ const ToggleInput = styled__default["default"].input`
 const ToggleSlider = styled__default["default"].span`
   display: block;
   position: relative;
-  background: ${({
-  checked,
-  disabled
-}) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
+  background: ${_ref2 => {
+  let {
+    checked,
+    disabled
+  } = _ref2;
+  return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
+}};
   border-radius: 999px;
   transition: background 0.2s;
-  ${({
-  size
-}) => {
+  ${_ref3 => {
+  let {
+    size
+  } = _ref3;
   switch (size) {
     case "s":
       return styled.css`width: 40px; height: 20px;`;
@@ -35663,9 +35670,10 @@ const ToggleSlider = styled__default["default"].span`
     background: #fff;
     border-radius: 50%;
     transition: left 0.2s, width 0.2s, height 0.2s;
-    ${({
-  size
-}) => {
+    ${_ref4 => {
+  let {
+    size
+  } = _ref4;
   switch (size) {
     case "s":
       return styled.css`width: 14px; height: 14px;`;
@@ -35675,10 +35683,11 @@ const ToggleSlider = styled__default["default"].span`
       return styled.css`width: 20px; height: 20px;`;
   }
 }}
-    left: ${({
-  checked,
-  size
-}) => {
+    left: ${_ref5 => {
+  let {
+    checked,
+    size
+  } = _ref5;
   if (!checked) return "3px";
   switch (size) {
     case "s":
@@ -54294,7 +54303,7 @@ const tagTemplates = {
   received: {
     backgroundColor: '#B9D5D54D',
     borderColor: '#B9D5D5',
-    textColor: '#000000',
+    textColor: '#084141',
     text: 'Received'
   },
   approved: {
@@ -54303,16 +54312,16 @@ const tagTemplates = {
     textColor: '#074310',
     text: 'Approved'
   },
-  canceled: {
+  cancelled: {
     backgroundColor: '#EBA6AF4D',
     borderColor: '#EBA6AF',
     textColor: '#44070F',
-    text: 'Canceled'
+    text: 'Cancelled'
   }
 };
 const Tag = props => {
   const {
-    type = 'pending',
+    type,
     size = 'small',
     backgroundColor,
     borderColor,
@@ -54320,15 +54329,15 @@ const Tag = props => {
     borderRadius = "62px",
     text
   } = props;
-  const template = tagTemplates[type];
+  const template = type ? tagTemplates[type] : null;
   const height = size === 'small' ? '21px' : size === 'medium' ? '32px' : '35px';
   return /*#__PURE__*/React__default["default"].createElement(StatusCell, {
-    backgroundColor: backgroundColor || template.backgroundColor,
-    borderColor: borderColor || template.borderColor,
-    color: textColor || template.textColor,
+    backgroundColor: backgroundColor || template?.backgroundColor,
+    borderColor: borderColor || template?.borderColor,
+    color: textColor || template?.textColor,
     height: height,
     borderRadius: borderRadius
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, text || template.text));
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, text || template?.text));
 };
 
 exports.AdvancedThresholds = AdvancedThresholds;