@banyan_cloud/roots 1.0.18 → 1.0.19

package/dist/cjs/index.js

@@ -35635,9 +35635,14 @@ var css_248z$i = ".Stepper-module_root__cvNJm {\n  display: flex;\n  flex-direct
 var styles$h = {"root":"Stepper-module_root__cvNJm","step":"Stepper-module_step__M5Y-s","title":"Stepper-module_title__V9fw3","left":"Stepper-module_left__BSaSz","icon":"Stepper-module_icon__HwVpw","error-icon":"Stepper-module_error-icon__TnLh-","completion-icon":"Stepper-module_completion-icon__Ahge-","progress":"Stepper-module_progress__hBk0m","right":"Stepper-module_right__eFhp-","description":"Stepper-module_description__DOJeD","active":"Stepper-module_active__38cZS","completed":"Stepper-module_completed__2KWB-","error":"Stepper-module_error__-Ti-0"};
 styleInject(css_248z$i);
 
-var css_248z$h = "";
+var css_248z$h = ":root {\n  --white: #ffffff;\n  --black: #000000;\n  --dark-grey: #333333;\n  --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n  --grey: #737373;\n  --grey1: #888888;\n  --grey2: #a6a6a6;\n  --grey3: #bbbbbb;\n  --grey4: #c4c4c4;\n  --grey5: #dddddd;\n  --grey6: #e8e8e8;\n  --grey7: #eeeeee;\n  --grey8: #f2f2f2;\n  --grey9: #eff0f0;\n  --grey10: #f7f7f7;\n  --highlight: #0f62fe;\n  --dark-blue: #001833;\n  --background: #d0e2ff;\n  --banyan-blue: #00037c;\n  --banyan-orange: #ff892a;\n  --banyan-pink: #ff1597;\n  --banyan-gradient: linear-gradient(\n  \t84.71deg,\n  \tvar(--banyan-pink) 0.48%,\n  \tvar(--banyan-orange) 99.57%\n  );\n  --error: #da1e28;\n  --error-bg: #fff1f1;\n  --error-outline: rgba(218, 30, 40, 0.08);\n  --success: #24a148;\n  --success-bg: #defbe6;\n  --success-outline: rgba(36, 161, 72, 0.08);\n  --warning: #f1c21b;\n  --warning-bg: #fff8e1;\n  --warning-outline: rgba(203, 160, 6, 0.08);\n  --info: #0043ce;\n  --info-bg: #edf5ff;\n  --info-outline: #2864db98;\n}\n:export {\n  white: --white;\n  black: --black;\n  dark-grey: --dark-grey;\n  dark-grey-o-85: --dark-grey-o-85;\n  grey: --grey;\n  grey1: --grey1;\n  grey2: --grey2;\n  grey3: --grey3;\n  grey4: --grey4;\n  grey5: --grey5;\n  grey6: --grey6;\n  grey7: --grey7;\n  grey8: --grey8;\n  grey9: --grey9;\n  grey10: --grey10;\n  highlight: --highlight;\n  dark-blue: --dark-blue;\n  background: --background;\n  banyan-blue: --banyan-blue;\n  banyan-orange: --banyan-orange;\n  banyan-pink: --banyan-pink;\n  banyan-gradient: --banyan-gradient;\n  error: --error;\n  error-bg: --error-bg;\n  error-outline: --error-outline;\n  success: --success;\n  success-bg: --success-bg;\n  success-outline: --success-outline;\n  warning: --warning;\n  warning-bg: --warning-bg;\n  warning-outline: --warning-outline;\n  info: --info;\n  info-bg: --info-bg;\n  info-outline: --info-outline;\n}";
 styleInject(css_248z$h);
 
+var COLORS = Object.keys(css_248z$h).reduce(function (acc, curr) {
+  acc[curr] = getCSSVariableValue(css_248z$h[curr]);
+  return acc;
+}, {});
+
 var Step = function Step(props) {
   var title = props.title,
     description = props.description,
@@ -35665,7 +35670,7 @@ var Step = function Step(props) {
       children: [display, active === true && completion > 0 && completion < 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: styles$h.progress,
         style: {
-          backgroundImage: "conic-gradient(".concat(css_248z$h.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
+          backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
         }
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -36066,49 +36071,56 @@ var styles$b = {"root":"TableChips-module_root__bKfBs","back":"TableChips-module
 styleInject(css_248z$b);
 
 var TableChips = function TableChips(props) {
+  var _chips$filter;
   var showBack = props.showBack,
     onBack = props.onBack,
     chips = props.chips,
     className = props.className,
     style = props.style;
-  return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
-    flexible: true,
-    className: classes(className, styles$b.root),
-    attrs: {
-      style: style
-    },
-    component1: showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
-      size: "auto",
-      radius: "round",
-      className: styles$b.back,
-      leftComponent: function leftComponent() {
-        return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
-          className: styles$b.icon,
-          position: "left"
-        });
+  var chipsDOM = chips === null || chips === void 0 ? void 0 : (_chips$filter = chips.filter(function (chip) {
+    return (chip === null || chip === void 0 ? void 0 : chip.value) != null;
+  })) === null || _chips$filter === void 0 ? void 0 : _chips$filter.map(function (chip) {
+    return /*#__PURE__*/jsxRuntime.jsx(Chip, {
+      variant: "input",
+      color: "default",
+      disabled: chip.disabled,
+      className: styles$b.chip,
+      title: "".concat(chip.label, " : ").concat(chip.value),
+      leftComponent: function leftComponent(iconProps) {
+        var Icon = chip.icon;
+        if ( /*#__PURE__*/React.isValidElement( /*#__PURE__*/jsxRuntime.jsx(Icon, {}))) {
+          return /*#__PURE__*/jsxRuntime.jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
+            className: styles$b['chip-icon']
+          }));
+        }
+        return null;
       },
-      onClick: onBack
-    }),
-    component2: chips.map(function (chip) {
-      return /*#__PURE__*/jsxRuntime.jsx(Chip, {
-        variant: "input",
-        color: "default",
-        disabled: chip.disabled,
-        className: styles$b.chip,
-        title: "".concat(chip.label, " : ").concat(chip.value),
-        leftComponent: function leftComponent(iconProps) {
-          var Icon = chip.icon;
-          if ( /*#__PURE__*/React.isValidElement( /*#__PURE__*/jsxRuntime.jsx(Icon, {}))) {
-            return /*#__PURE__*/jsxRuntime.jsx(Icon, _objectSpread2(_objectSpread2({}, iconProps), {}, {
-              className: styles$b['chip-icon']
-            }));
-          }
-          return null;
-        },
-        rightComponent: chip.rightComponent
-      }, chip.key);
-    })
+      rightComponent: chip.rightComponent
+    }, chip.key);
   });
+  if ((chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 || showBack) {
+    return /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
+      flexible: true,
+      className: classes(className, styles$b.root),
+      attrs: {
+        style: style
+      },
+      component1: showBack && /*#__PURE__*/jsxRuntime.jsx(Button, {
+        size: "auto",
+        radius: "round",
+        className: styles$b.back,
+        leftComponent: function leftComponent() {
+          return /*#__PURE__*/jsxRuntime.jsx(Arrow$1, {
+            className: styles$b.icon,
+            position: "left"
+          });
+        },
+        onClick: onBack
+      }),
+      component2: (chipsDOM === null || chipsDOM === void 0 ? void 0 : chipsDOM.length) > 0 ? chipsDOM : null
+    });
+  }
+  return null;
 };
 TableChips.propTypes = {
   className: propTypes$1.exports.string,
@@ -84338,6 +84350,7 @@ exports.BaseWidget = BaseWidget;
 exports.BreadCrumbs = BreadCrumbs;
 exports.BreadcrumbSeperatorIcon = BreadcrumbSeperator;
 exports.Button = Button;
+exports.COLORS = COLORS;
 exports.CalenderIcon = Calender$1;
 exports.CaretIcon = Caret;
 exports.Checkbox = Checkbox;