iguazio.dashboard-react-controls 0.0.33 → 0.0.35

package/dist/components/Button/Button.js

@@ -53,19 +53,19 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var buttonClassName = (0, _classnames.default)('btn', "btn-".concat(variant), "btn-".concat(density), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-    template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
-      text: tooltip
-    }),
-    hidden: !tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, restProps), {}, {
-      className: buttonClassName,
-      ref: ref,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, restProps), {}, {
+    className: buttonClassName,
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.default, {
+      template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
+        text: tooltip
+      }),
+      hidden: !tooltip,
       children: [icon, label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: label
       })]
-    }))
-  });
+    })
+  }));
 });
 Button.defaultProps = {
   className: '',
@@ -79,7 +79,7 @@ Button.propTypes = {
   density: _propTypes.default.oneOf(['dense', 'normal', 'medium', 'chunky']),
   icon: _propTypes.default.element,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  tooltip: _propTypes.default.string,
+  tooltip: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
   variant: _types.BUTTON_VARIANTS
 };
 var _default = Button;

package/dist/components/FormCheckBox/FormCheckBox.js

@@ -17,7 +17,7 @@ require("./formCheckBox.scss");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["children", "className", "name", "label"];
+var _excluded = ["children", "className", "highlightLabel", "label", "name"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,11 +34,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var FormCheckBox = function FormCheckBox(_ref) {
   var _children = _ref.children,
       className = _ref.className,
-      name = _ref.name,
+      highlightLabel = _ref.highlightLabel,
       label = _ref.label,
+      name = _ref.name,
       inputProps = _objectWithoutProperties(_ref, _excluded);
 
   var formFieldClassNames = (0, _classnames.default)('form-field-checkbox', className);
+  var labelClassNames = (0, _classnames.default)(highlightLabel && 'highlighted');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     name: name,
     value: inputProps.value,
@@ -53,6 +55,7 @@ var FormCheckBox = function FormCheckBox(_ref) {
           id: (_inputProps$value = inputProps.value) !== null && _inputProps$value !== void 0 ? _inputProps$value : name
         })), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
           htmlFor: (_inputProps$value2 = inputProps.value) !== null && _inputProps$value2 !== void 0 ? _inputProps$value2 : name,
+          className: labelClassNames,
           children: [label ? label : '', _children]
         })]
       });
@@ -62,10 +65,12 @@ var FormCheckBox = function FormCheckBox(_ref) {
 
 FormCheckBox.defaultProps = {
   className: '',
+  highlightLabel: false,
   label: ''
 };
 FormCheckBox.propTypes = {
   className: _propTypes.default.string,
+  highlightLabel: _propTypes.default.bool,
   name: _propTypes.default.string.isRequired,
   label: _propTypes.default.string
 };

package/dist/components/FormCheckBox/formCheckBox.scss

@@ -47,5 +47,41 @@
         background: $white;
       }
     }
+
+    &:not(:disabled):checked {
+      ~ label {
+        &.highlighted {
+          color: $white;
+          background-color: $malibu;
+        }
+      }
+
+      &:hover {
+        ~ label {
+          &.highlighted {
+            background-color: $cornflowerBlue;
+          }
+        }
+      }
+    }
+
+    ~ label {
+      &.highlighted {
+        background-color: $mischka;
+        font-size: 12px;
+        font-weight: bold;
+        margin-left: 10px;
+        padding: 4px 8px;
+        border-radius: 4px;
+      }
+    }
+
+    &:not(:disabled):hover {
+      ~ label {
+        &.highlighted {
+          background-color: $iron;
+        }
+      }
+    }
   }
 }

package/dist/components/FormChipCell/FormChip/FormChip.js

@@ -51,11 +51,13 @@ var FormChip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var chipRef = _react.default.useRef();
 
   (0, _react.useEffect)(function () {
-    if (chipRef.current && setChipsSizes) {
-      setChipsSizes(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, chipIndex, chipRef.current.getBoundingClientRect().width));
-      });
-    }
+    queueMicrotask(function () {
+      if (chipRef.current && setChipsSizes) {
+        setChipsSizes(function (state) {
+          return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, chipIndex, chipRef.current.getBoundingClientRect().width));
+        });
+      }
+    });
   }, [chipIndex, setChipsSizes]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     onClick: function onClick(event) {

package/dist/components/FormChipCell/FormChipCell.js

@@ -412,7 +412,7 @@ FormChipCell.defaultProps = {
   shortChips: false,
   validationRules: {},
   validator: function validator() {},
-  visibleChipsMaxLength: 'all'
+  visibleChipsMaxLength: null
 };
 FormChipCell.propTypes = {
   chipOptions: _types.CHIP_OPTIONS,

package/dist/components/FormChipCell/FormChipCellView.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFinalFormArrays = require("react-final-form-arrays");
 
+var _lodash = require("lodash");
+
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
 
 var _FormChip = _interopRequireDefault(require("./FormChip/FormChip"));
@@ -79,7 +81,7 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
       var fields = _ref3.fields,
           meta = _ref3.meta;
 
-      if (validationRules.key.every(function (rule) {
+      if (!(0, _lodash.isEmpty)(validationRules) && validationRules.key.every(function (rule) {
         return rule.name !== _formChipCell.uniquenessError.name;
       })) {
         validationRules.key.push(_formChipCell.uniquenessError);
@@ -100,10 +102,12 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
                 template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
                   text: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
                     className: "chip__content",
-                    children: [chipData.key, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                      className: "chip__delimiter",
-                      children: chipData.delimiter ? chipData.delimiter : ':'
-                    }), chipData.value]
+                    children: [chipData.key, !chipData.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                        className: "chip__delimiter",
+                        children: chipData.delimiter ? chipData.delimiter : ':'
+                      }), chipData.value]
+                    })]
                   })
                 }),
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormChip.default, {

package/dist/components/FormChipCell/NewChipForm/NewChipForm.js

@@ -71,6 +71,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       valueName = _ref.valueName;
 
   var _useState = (0, _react.useState)({
+    isKeyOnly: chip.isKeyOnly,
     key: chip.key,
     value: chip.value,
     keyFieldWidth: 0,
@@ -108,9 +109,9 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var minWidthInput = 25;
   var minWidthValueInput = 35;
 
-  var refInputKey = _react.default.useRef();
+  var refInputKey = _react.default.useRef({});
 
-  var refInputValue = _react.default.useRef();
+  var refInputValue = _react.default.useRef({});
 
   var refInputContainer = _react.default.useRef();
 
@@ -121,22 +122,14 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     if (!chipData.keyFieldWidth && !chipData.valueFieldWidth) {
       var currentWidthKeyInput = refInputKey.current.scrollWidth + 1;
       var currentWidthValueInput = refInputValue.current.scrollWidth + 1;
-
-      if (chipData.key && chipData.value) {
-        setChipData(function (prevState) {
-          return _objectSpread(_objectSpread({}, prevState), {}, {
-            keyFieldWidth: currentWidthKeyInput >= maxWidthInput ? maxWidthInput : currentWidthKeyInput <= minWidthInput ? minWidthInput : currentWidthKeyInput,
-            valueFieldWidth: currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput <= minWidthValueInput ? minWidthValueInput : currentWidthValueInput
-          });
-        });
-      } else {
-        setChipData(function (prevState) {
-          return _objectSpread(_objectSpread({}, prevState), {}, {
-            keyFieldWidth: minWidthInput,
-            valueFieldWidth: minWidthValueInput
-          });
+      var keyFieldWidth = !chipData.key || currentWidthKeyInput <= minWidthInput ? minWidthInput : currentWidthKeyInput >= maxWidthInput ? maxWidthInput : currentWidthKeyInput;
+      var valueFieldWidth = !chipData.value || currentWidthValueInput <= minWidthValueInput ? minWidthValueInput : currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput;
+      setChipData(function (prevState) {
+        return _objectSpread(_objectSpread({}, prevState), {}, {
+          keyFieldWidth: keyFieldWidth,
+          valueFieldWidth: valueFieldWidth
         });
-      }
+      });
     }
   }, [chipData.key, chipData.value, chipData.keyFieldWidth, chipData.valueFieldWidth, maxWidthInput, refInputKey, refInputValue]);
 
@@ -241,9 +234,11 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     } else {
       var currentWidthValueInput = refInputValue.current.scrollWidth;
       setChipData(function (prevState) {
+        var _refInputValue$curren;
+
         return _objectSpread(_objectSpread({}, prevState), {}, {
           value: refInputValue.current.value,
-          valueFieldWidth: refInputValue.current.value.length <= 1 ? minWidthValueInput : currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput > minWidthValueInput ? currentWidthValueInput + 2 : minWidthValueInput
+          valueFieldWidth: ((_refInputValue$curren = refInputValue.current.value) === null || _refInputValue$curren === void 0 ? void 0 : _refInputValue$curren.length) <= 1 ? minWidthValueInput : currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput > minWidthValueInput ? currentWidthValueInput + 2 : minWidthValueInput
         });
       });
     }
@@ -261,7 +256,9 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     if (meta.error) {
       setValidationRules(function (prevState) {
-        return _objectSpread(_objectSpread({}, prevState), {}, _defineProperty({}, selectedInput, prevState[selectedInput].map(function (rule) {
+        var _prevState$selectedIn;
+
+        return _objectSpread(_objectSpread({}, prevState), {}, _defineProperty({}, selectedInput, (_prevState$selectedIn = prevState[selectedInput]) === null || _prevState$selectedIn === void 0 ? void 0 : _prevState$selectedIn.map(function (rule) {
           return _objectSpread(_objectSpread({}, rule), {}, {
             isValid: (0, _lodash.isEmpty)((0, _lodash.get)(meta, ['error', editConfig.chipIndex, selectedInput], [])) ? true : !meta.error[editConfig.chipIndex][selectedInput].some(function (err) {
               return err && err.name === rule.name;
@@ -273,7 +270,9 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }
   }, [meta, showValidationRules, selectedInput, editConfig.chipIndex]);
   var getValidationRules = (0, _react.useCallback)(function () {
-    return validationRules[selectedInput].map(function (_ref2) {
+    var _validationRules$sele;
+
+    return (_validationRules$sele = validationRules[selectedInput]) === null || _validationRules$sele === void 0 ? void 0 : _validationRules$sele.map(function (_ref2) {
       var _ref2$isValid = _ref2.isValid,
           isValid = _ref2$isValid === void 0 ? false : _ref2$isValid,
           label = _ref2.label,
@@ -301,10 +300,10 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       style: {
         width: chipData.keyFieldWidth
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), !chipData.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "edit-chip-separator",
       children: ":"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NewChipInput.default, {
+    }), !chipData.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NewChipInput.default, {
       className: labelValueClassName,
       disabled: !isEditable || editConfig.chipIndex !== chipIndex,
       name: valueName,

package/dist/components/FormChipCell/formChipCell.scss

@@ -4,6 +4,7 @@
 
 .chips {
   @include inputSelectField;
+  height: auto;
 
   &__wrapper {
     padding: 12px 16px;

package/dist/components/FormChipCell/formChipCell.util.js

@@ -4,6 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.uniquenessError = void 0;
+
+/*
+Copyright 2022 Iguazio Systems Ltd.
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
 var uniquenessError = {
   name: 'uniqueness',
   label: 'Key should be unique'

package/dist/components/Modal/Modal.scss

@@ -60,9 +60,12 @@
   &__header {
     position: relative;
     border-bottom: $primaryBorder;
-    text-align: center;
-    vertical-align: middle;
-    padding: 1.5rem 2rem;
+    height: 92px;
+    padding: 0 3rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
 
     &-title {
       color: $primary;
@@ -72,11 +75,10 @@
     }
 
     &-sub-title {
-      color: $primary;
+      color: $topaz;
       font-size: 1.5em;
-      font-weight: 400;
-      line-height: 2em;
-      margin: 0;
+      font-weight: 500;
+      margin: 10px 0 0;
     }
 
     &-button {

package/dist/components/PopUpDialog/PopUpDialog.js

@@ -68,8 +68,15 @@ var PopUpDialog = function PopUpDialog(_ref) {
           verticalPosition = _customPosition$posit2[0],
           horizontalPosition = _customPosition$posit2[1];
 
-      var topPosition = verticalPosition === 'top' ? elementRect.top - popUpRect.height - 5 : elementRect.bottom + 5;
       var leftPosition = horizontalPosition === 'left' ? elementRect.right - popUpRect.width : elementRect.left;
+      var topPosition;
+
+      if (verticalPosition === 'top') {
+        topPosition = elementRect.top > popUpRect.height ? elementRect.top - popUpRect.height - 5 : 5;
+      } else {
+        topPosition = popUpRect.height + elementRect.bottom > window.innerHeight ? window.innerHeight - popUpRect.height - 5 : elementRect.bottom + 5;
+      }
+
       popUpOverlayRef.current.style.top = "".concat(topPosition, "px");
 
       if (style.left) {

package/dist/elements/HiddenChipsBlock/HiddenChipsBlock.js

@@ -82,7 +82,7 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
   }, [hiddenRef]);
 
   var generateChipData = function generateChipData(chip) {
-    return "".concat(chip.key).concat(chip.delimiter ? chip.delimiter : ':', " ").concat(chip.value);
+    return chip.isKeyOnly ? chip.key : "".concat(chip.key).concat(chip.delimiter ? chip.delimiter : ':', " ").concat(chip.value);
   };
 
   (0, _react.useEffect)(function () {
@@ -130,10 +130,12 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
         template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
           text: element.delimiter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
             className: "chip__content",
-            children: [element.key, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "chip__delimiter",
-              children: element.delimiter
-            }), element.value]
+            children: [element.key, !element.isKeyOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "chip__delimiter",
+                children: element.delimiter
+              }), element.value]
+            })]
           }) : generateChipData(element)
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/images/ic-batch-inference.svg

@@ -0,0 +1,40 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-batch-inference">
+<g id="48x48">
+<g id="ic">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 15C9 13.8954 9.89543 13 11 13H17C18.1046 13 19 13.8954 19 15V21C19 22.1046 18.1046 23 17 23H11C9.89543 23 9 22.1046 9 21V15ZM11 14.5H17C17.2761 14.5 17.5 14.7239 17.5 15V21C17.5 21.2761 17.2761 21.5 17 21.5H11C10.7239 21.5 10.5 21.2761 10.5 21V15C10.5 14.7239 10.7239 14.5 11 14.5Z" fill="url(#paint0_linear_250_272324)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24 27C24 25.8954 24.8954 25 26 25H32C33.1046 25 34 25.8954 34 27V33C34 34.1046 33.1046 35 32 35H26C24.8954 35 24 34.1046 24 33V27ZM26 26.5H32C32.2761 26.5 32.5 26.7239 32.5 27V33C32.5 33.2761 32.2761 33.5 32 33.5H26C25.7239 33.5 25.5 33.2761 25.5 33V27C25.5 26.7239 25.7239 26.5 26 26.5Z" fill="url(#paint1_linear_250_272324)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26 13C24.8954 13 24 13.8954 24 15V21C24 22.1046 24.8954 23 26 23H32C33.1046 23 34 22.1046 34 21V15C34 13.8954 33.1046 13 32 13H26ZM32 14.5H26C25.7239 14.5 25.5 14.7239 25.5 15V21C25.5 21.2761 25.7239 21.5 26 21.5H32C32.2761 21.5 32.5 21.2761 32.5 21V15C32.5 14.7239 32.2761 14.5 32 14.5Z" fill="url(#paint2_linear_250_272324)"/>
+<path d="M20.0156 17.25V18.75H23.0156V17.25H20.0156Z" fill="url(#paint3_linear_250_272324)"/>
+<path d="M37.4995 29C37.4995 29.1381 37.3876 29.25 37.2495 29.25H35.0156V30.75H37.2495C38.216 30.75 38.9995 29.9665 38.9995 29L38.9995 19C38.9995 18.0335 38.216 17.25 37.2495 17.25L35.0156 17.25V18.75L37.2495 18.75C37.3876 18.75 37.4995 18.8619 37.4995 19L37.4995 29Z" fill="url(#paint4_linear_250_272324)"/>
+<path d="M13.6303 29.25H23L23 30.75H13.6099L16.2105 33.2201C16.5108 33.5054 16.523 33.9801 16.2377 34.2804C15.9525 34.5808 15.4778 34.593 15.1774 34.3077L11.2249 30.5535C11.0759 30.4119 10.9915 30.2153 10.9915 30.0097C10.9915 29.8041 11.0759 29.6075 11.2249 29.4659L15.1774 25.7117C15.4778 25.4264 15.9525 25.4386 16.2377 25.739C16.523 26.0393 16.5108 26.514 16.2105 26.7993L13.6303 29.25Z" fill="url(#paint5_linear_250_272324)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint3_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint4_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint5_linear_250_272324" x1="38.9995" y1="25.4751" x2="9" y2="25.4751" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/images/ic-create-featureset.svg

@@ -0,0 +1,25 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-create-featureset">
+<g id="48x48">
+<g id="ic">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0234 35.9744C22.6803 35.9744 24.0234 34.6312 24.0234 32.9744C24.0234 31.3175 22.6803 29.9744 21.0234 29.9744C19.3666 29.9744 18.0234 31.3175 18.0234 32.9744C18.0234 34.6312 19.3666 35.9744 21.0234 35.9744ZM21.0234 34.4744C21.8519 34.4744 22.5234 33.8028 22.5234 32.9744C22.5234 32.1459 21.8519 31.4744 21.0234 31.4744C20.195 31.4744 19.5234 32.1459 19.5234 32.9744C19.5234 33.8028 20.195 34.4744 21.0234 34.4744Z" fill="url(#paint0_linear_250_272258)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0234 9.97437C15.4712 9.97437 15.0234 10.4221 15.0234 10.9744V33.9744C15.0234 37.2881 17.7097 39.9744 21.0234 39.9744C24.3371 39.9744 27.0234 37.2881 27.0234 33.9744V10.9744C27.0234 10.4221 26.5757 9.97437 26.0234 9.97437H16.0234ZM16.5234 11.4744V33.9744C16.5234 36.4596 18.5382 38.4744 21.0234 38.4744C23.5087 38.4744 25.5234 36.4596 25.5234 33.9744V11.4744H16.5234Z" fill="url(#paint1_linear_250_272258)"/>
+<path d="M41.1229 26.9602L27.1258 36.4012C27.3946 35.7514 27.5483 35.0418 27.5616 34.298L39.8685 25.9969L35.4362 19.4257L27.5625 33.0632V30.0632L35.2762 16.7028L27.5625 12.2493V11.0192C27.5625 10.8482 27.5215 10.6869 27.4487 10.5444C27.5819 10.5615 27.714 10.6048 27.8376 10.6761L36.4592 15.6537C36.9375 15.9299 37.1014 16.5415 36.8252 17.0198L36.2706 17.9804L41.3917 25.5727C41.6999 26.0301 41.5797 26.6513 41.1229 26.9602Z" fill="url(#paint2_linear_250_272258)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272258" x1="41.5625" y1="26.9859" x2="15.0234" y2="26.9859" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272258" x1="41.5625" y1="26.9859" x2="15.0234" y2="26.9859" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272258" x1="41.5625" y1="26.9859" x2="15.0234" y2="26.9859" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/images/ic-create-new-function.svg

@@ -0,0 +1,35 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-create-new-function">
+<g id="48x48">
+<g id="ic">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.9694 19.7047C26.5891 19.6701 26.248 19.9478 26.2115 20.3441L26.2114 20.3455L26.0932 21.7123H27.4C27.9522 21.7123 28.4 22.16 28.4 22.7123V24.4123C28.4 24.9646 27.9522 25.4123 27.4 25.4123H25.7669L25.4723 28.8071C25.423 29.3827 25.2604 29.9436 24.994 30.4563C24.7274 30.9692 24.3622 31.4243 23.9193 31.7957C23.4764 32.167 22.9644 32.4472 22.4129 32.6201C21.8623 32.7927 21.283 32.855 20.7082 32.8035C20.0272 32.7453 19.369 32.5295 18.7858 32.173C18.2017 31.8161 17.7089 31.3281 17.3463 30.7475C17.0997 30.3527 17.1582 29.8399 17.4873 29.5107L18.7623 28.2357C19.0084 27.9896 19.3648 27.8891 19.7032 27.9705C20.0415 28.0518 20.3133 28.3032 20.4207 28.6343C20.5073 28.9014 20.7413 29.0955 21.024 29.1193L21.0305 29.1199C21.411 29.1545 21.7523 28.8765 21.7884 28.4799L22.0582 25.4123H20.6C20.0477 25.4123 19.6 24.9646 19.6 24.4123V22.7123C19.6 22.16 20.0477 21.7123 20.6 21.7123H22.3785L22.5277 20.0167C22.737 17.5983 24.8696 15.8028 27.2916 16.0211C28.7348 16.1434 29.9421 16.9496 30.6511 18.0731C30.9005 18.4683 30.843 18.9835 30.5126 19.3139L29.2376 20.5889C28.9915 20.835 28.6351 20.9354 28.2967 20.8541C27.9584 20.7728 27.6866 20.5213 27.5792 20.1903C27.4926 19.9232 27.2586 19.7291 26.9759 19.7053L26.9694 19.7047ZM27.2045 17.0173C25.3345 16.8473 23.6855 18.2328 23.524 20.1028L23.2945 22.7123H20.6V24.4123H23.15L22.7845 28.5688C22.6995 29.5123 21.875 30.2008 20.94 30.1158C20.6043 30.0875 20.3013 29.963 20.054 29.7725C19.7814 29.5626 19.5764 29.2725 19.4695 28.9428L18.1945 30.2178C18.4747 30.6666 18.8557 31.0439 19.3072 31.3198C19.7587 31.5957 20.2682 31.7626 20.7955 31.8073C21.2399 31.8474 21.6879 31.7994 22.1138 31.6659C22.5396 31.5324 22.9349 31.316 23.2769 31.0293C23.6189 30.7426 23.9008 30.3912 24.1066 29.9952C24.3124 29.5992 24.4379 29.1664 24.476 28.7218L24.85 24.4123H27.4V22.7123H25.003L25.2155 20.2558C25.3005 19.3123 26.125 18.6238 27.06 18.7088C27.3956 18.7371 27.6986 18.8616 27.9459 19.0521C28.2185 19.262 28.4235 19.5521 28.5305 19.8818L29.8055 18.6068C29.253 17.7313 28.318 17.1108 27.2045 17.0173Z" fill="url(#paint0_linear_250_272333)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.3697 13.3831C31.4122 12.788 30.2255 12.7058 29.4265 12.8287C29.0171 12.8917 28.6342 12.6108 28.5712 12.2015C28.5082 11.7921 28.7891 11.4091 29.1985 11.3461C30.2411 11.1857 31.8169 11.2734 33.1615 12.1092C34.5612 12.9791 35.5875 14.5835 35.5875 17.1874C35.5875 20.1677 35.9196 21.7513 36.5144 22.6011C37.0405 23.3526 37.881 23.6624 39.5125 23.6624C39.9267 23.6624 40.2625 23.9982 40.2625 24.4124C40.2625 24.8266 39.9267 25.1624 39.5125 25.1624C37.744 25.1624 36.247 24.8347 35.2856 23.4613C34.3929 22.186 34.0875 20.1571 34.0875 17.1874C34.0875 15.0313 33.2721 13.944 32.3697 13.3831Z" fill="url(#paint1_linear_250_272333)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.3697 35.4414C31.4122 36.0365 30.2255 36.1188 29.4265 35.9959C29.0171 35.9329 28.6342 36.2137 28.5712 36.6231C28.5082 37.0325 28.7891 37.4154 29.1985 37.4784C30.2411 37.6388 31.8169 37.5511 33.1615 36.7154C34.5612 35.8454 35.5875 34.241 35.5875 31.6371C35.5875 28.6568 35.9196 27.0732 36.5144 26.2235C37.0405 25.4719 37.881 25.1624 39.5125 25.1624C39.9267 25.1624 40.2625 24.8266 40.2625 24.4124C40.2625 23.9982 39.9267 23.6624 39.5125 23.6624C37.744 23.6624 36.247 23.9898 35.2856 25.3633C34.3929 26.6386 34.0875 28.6674 34.0875 31.6371C34.0875 33.7932 33.2721 34.8805 32.3697 35.4414Z" fill="url(#paint2_linear_250_272333)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6303 13.3832C16.5878 12.7881 17.7745 12.7059 18.5735 12.8288C18.9829 12.8918 19.3658 12.6109 19.4288 12.2015C19.4918 11.7921 19.211 11.4092 18.8016 11.3462C17.7589 11.1858 16.1831 11.2735 14.8385 12.1093C13.4388 12.9792 12.4125 14.5836 12.4125 17.1875C12.4125 20.1678 12.0804 21.7514 11.4856 22.6012C10.9596 23.3527 10.1191 23.6625 8.48755 23.6625C8.07334 23.6625 7.73755 23.9983 7.73755 24.4125C7.73755 24.8267 8.07334 25.1625 8.48755 25.1625C10.256 25.1625 11.753 24.8348 12.7145 23.4614C13.6072 22.1861 13.9125 20.1572 13.9125 17.1875C13.9125 15.0314 14.7279 13.9441 15.6303 13.3832Z" fill="url(#paint3_linear_250_272333)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6303 35.4415C16.5878 36.0366 17.7745 36.1189 18.5735 35.9959C18.9829 35.933 19.3658 36.2138 19.4288 36.6232C19.4918 37.0326 19.211 37.4155 18.8016 37.4785C17.7589 37.6389 16.1831 37.5512 14.8385 36.7155C13.4388 35.8455 12.4125 34.2411 12.4125 31.6372C12.4125 28.6569 12.0804 27.0733 11.4856 26.2236C10.9596 25.472 10.1191 25.1625 8.48755 25.1625C8.07334 25.1625 7.73755 24.8267 7.73755 24.4125C7.73755 23.9983 8.07334 23.6625 8.48755 23.6625C10.256 23.6625 11.753 23.9899 12.7145 25.3634C13.6072 26.6386 13.9125 28.6675 13.9125 31.6372C13.9125 33.7933 14.7279 34.8806 15.6303 35.4415Z" fill="url(#paint4_linear_250_272333)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272333" x1="40.2625" y1="26.1733" x2="7.73755" y2="26.1733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272333" x1="40.2625" y1="26.1733" x2="7.73755" y2="26.1733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272333" x1="40.2625" y1="26.1733" x2="7.73755" y2="26.1733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint3_linear_250_272333" x1="40.2625" y1="26.1733" x2="7.73755" y2="26.1733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint4_linear_250_272333" x1="40.2625" y1="26.1733" x2="7.73755" y2="26.1733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/images/ic-create-realtime-function.svg

@@ -0,0 +1,25 @@
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-create-realtime-function">
+<g id="48x48">
+<g id="Union">
+<path d="M20.8765 19.8356C21.3407 19.5471 21.9354 19.5013 22.3398 19.5635C22.7492 19.6265 23.1321 19.3457 23.1951 18.9363C23.2581 18.5269 22.9773 18.1439 22.5679 18.081C21.9198 17.9813 20.936 18.0326 20.0847 18.5617C19.1783 19.125 18.5467 20.1526 18.5467 21.7365C18.5467 23.4418 18.3512 24.2513 18.0751 24.6457C17.8678 24.9419 17.5282 25.1151 16.6252 25.1151C16.211 25.1151 15.8752 25.4509 15.8752 25.8651C15.8752 26.2793 16.211 26.6151 16.6252 26.6151C17.5282 26.6151 17.8678 26.7883 18.0751 27.0844C18.3512 27.4788 18.5467 28.2883 18.5467 29.9936C18.5467 31.5776 19.1783 32.6051 20.0847 33.1685C20.936 33.6976 21.9198 33.7489 22.5679 33.6492C22.9773 33.5862 23.2581 33.2033 23.1951 32.7939C23.1321 32.3845 22.7492 32.1037 22.3398 32.1666C21.9354 32.2289 21.3407 32.183 20.8765 31.8945C20.4674 31.6402 20.0467 31.1297 20.0467 29.9936C20.0467 28.299 19.8779 27.0442 19.304 26.2243C19.2096 26.0894 19.1076 25.9703 18.9989 25.8651C19.1076 25.7599 19.2096 25.6407 19.304 25.5059C19.8779 24.686 20.0467 23.4312 20.0467 21.7365C20.0467 20.6004 20.4674 20.0899 20.8765 19.8356Z" fill="url(#paint0_linear_250_272341)"/>
+<path d="M28.9153 19.8356C28.4511 19.5471 27.8564 19.5013 27.452 19.5635C27.0426 19.6265 26.6597 19.3457 26.5967 18.9363C26.5337 18.5269 26.8146 18.1439 27.224 18.081C27.872 17.9813 28.8558 18.0326 29.7071 18.5617C30.6135 19.125 31.2451 20.1526 31.2451 21.7365C31.2451 23.4418 31.4406 24.2513 31.7167 24.6457C31.924 24.9419 32.2636 25.1151 33.1666 25.1151C33.5808 25.1151 33.9166 25.4509 33.9166 25.8651C33.9166 26.2793 33.5808 26.6151 33.1666 26.6151C32.2636 26.6151 31.924 26.7883 31.7167 27.0844C31.4406 27.4788 31.2451 28.2883 31.2451 29.9936C31.2451 31.5776 30.6135 32.6051 29.7071 33.1685C28.8558 33.6976 27.872 33.7489 27.224 33.6492C26.8146 33.5862 26.5337 33.2033 26.5967 32.7939C26.6597 32.3845 27.0426 32.1037 27.452 32.1666C27.8564 32.2289 28.4511 32.183 28.9153 31.8945C29.3244 31.6402 29.7451 31.1297 29.7451 29.9936C29.7451 28.299 29.9139 27.0442 30.4879 26.2243C30.5822 26.0894 30.6843 25.9703 30.7929 25.8651C30.6843 25.7599 30.5822 25.6407 30.4879 25.5059C29.9139 24.686 29.7451 23.4312 29.7451 21.7365C29.7451 20.6004 29.3244 20.0899 28.9153 19.8356Z" fill="url(#paint1_linear_250_272341)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9072 8.42139C20.9072 8.00717 21.243 7.67139 21.6572 7.67139H28.1416C28.5558 7.67139 28.8916 8.00717 28.8916 8.42139C28.8916 8.8356 28.5558 9.17139 28.1416 9.17139H25.6415V10.9714C25.6415 11.0092 25.6387 11.0463 25.6333 11.0826C33.5767 11.4653 39.8994 18.0267 39.8994 26.0649C39.8994 34.3492 33.1837 41.0649 24.8994 41.0649C16.6151 41.0649 9.89941 34.3492 9.89941 26.0649C9.89941 18.032 16.2138 11.4739 24.1498 11.0833C24.1443 11.0468 24.1415 11.0094 24.1415 10.9714V9.17139H21.6572C21.243 9.17139 20.9072 8.8356 20.9072 8.42139ZM24.8994 39.5649C32.3553 39.5649 38.3994 33.5208 38.3994 26.0649C38.3994 18.6091 32.3553 12.5649 24.8994 12.5649C17.4436 12.5649 11.3994 18.6091 11.3994 26.0649C11.3994 33.5208 17.4436 39.5649 24.8994 39.5649Z" fill="url(#paint2_linear_250_272341)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272341" x1="39.8994" y1="26.6072" x2="9.89941" y2="26.6072" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272341" x1="39.8994" y1="26.6072" x2="9.89941" y2="26.6072" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272341" x1="39.8994" y1="26.6072" x2="9.89941" y2="26.6072" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/images/ic-create-workflow.svg

@@ -0,0 +1,30 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-create-workflow">
+<g id="48x48">
+<g id="ic">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0059 16.9683C10.0059 15.8637 10.9013 14.9683 12.0059 14.9683H18.0059C19.1104 14.9683 20.0059 15.8637 20.0059 16.9683V22.9683C20.0059 24.0728 19.1104 24.9683 18.0059 24.9683H12.0059C10.9013 24.9683 10.0059 24.0728 10.0059 22.9683V16.9683ZM12.0059 16.4683H18.0059C18.282 16.4683 18.5059 16.6921 18.5059 16.9683V22.9683C18.5059 23.2444 18.282 23.4683 18.0059 23.4683H12.0059C11.7297 23.4683 11.5059 23.2444 11.5059 22.9683V16.9683C11.5059 16.6921 11.7297 16.4683 12.0059 16.4683Z" fill="url(#paint0_linear_250_272316)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.9944 16.9683C27.9944 15.8637 28.8898 14.9683 29.9944 14.9683H35.9944C37.099 14.9683 37.9944 15.8637 37.9944 16.9683V22.9683C37.9944 24.0728 37.099 24.9683 35.9944 24.9683H29.9944C28.8898 24.9683 27.9944 24.0728 27.9944 22.9683V16.9683ZM29.9944 16.4683H35.9944C36.2705 16.4683 36.4944 16.6921 36.4944 16.9683V22.9683C36.4944 23.2444 36.2705 23.4683 35.9944 23.4683H29.9944C29.7182 23.4683 29.4944 23.2444 29.4944 22.9683V16.9683C29.4944 16.6921 29.7182 16.4683 29.9944 16.4683Z" fill="url(#paint1_linear_250_272316)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9944 26.9844C28.8898 26.9844 27.9944 27.8798 27.9944 28.9844V34.9844C27.9944 36.0889 28.8898 36.9844 29.9944 36.9844H35.9944C37.099 36.9844 37.9944 36.0889 37.9944 34.9844V28.9844C37.9944 27.8798 37.099 26.9844 35.9944 26.9844H29.9944ZM35.9944 28.4844H29.9944C29.7182 28.4844 29.4944 28.7082 29.4944 28.9844V34.9844C29.4944 35.2605 29.7182 35.4844 29.9944 35.4844H35.9944C36.2705 35.4844 36.4944 35.2605 36.4944 34.9844V28.9844C36.4944 28.7082 36.2705 28.4844 35.9944 28.4844Z" fill="url(#paint2_linear_250_272316)"/>
+<path d="M21.0002 19.2183V20.7183H23.2346V30.9849C23.2346 31.9514 24.0181 32.7349 24.9846 32.7349H26.9846V31.2349H24.9846C24.8465 31.2349 24.7346 31.1229 24.7346 30.9849V20.7183H26.969V19.2183H21.0002Z" fill="url(#paint3_linear_250_272316)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272316" x1="37.9944" y1="27.4525" x2="10.0059" y2="27.4525" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272316" x1="37.9944" y1="27.4525" x2="10.0059" y2="27.4525" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272316" x1="37.9944" y1="27.4525" x2="10.0059" y2="27.4525" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint3_linear_250_272316" x1="37.9944" y1="27.4525" x2="10.0059" y2="27.4525" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/images/ic-define-alerts.svg

@@ -0,0 +1,25 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic-define-alerts">
+<g id="48x48">
+<g id="Union">
+<path d="M23.25 20.75C23.25 20.3358 23.5858 20 24 20C24.4142 20 24.75 20.3358 24.75 20.75V27.25C24.75 27.6642 24.4142 28 24 28C23.5858 28 23.25 27.6642 23.25 27.25V20.75Z" fill="url(#paint0_linear_250_272233)"/>
+<path d="M25 30.0251C25 30.5774 24.5523 31.0251 24 31.0251C23.4477 31.0251 23 30.5774 23 30.0251C23 29.4729 23.4477 29.0251 24 29.0251C24.5523 29.0251 25 29.4729 25 30.0251Z" fill="url(#paint1_linear_250_272233)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.47577 32.1959L20.9575 12.2926C22.3096 9.95065 25.6913 9.95065 27.0434 12.2926L38.5251 32.1959C39.8756 34.5378 38.1847 37.4637 35.4837 37.4637H12.5172C9.81457 37.4637 8.1237 34.5378 9.47577 32.1959ZM12.5172 35.9637C10.9687 35.9637 10.0004 34.2873 10.7748 32.9459L22.2568 13.0421C23.0316 11.7008 24.9695 11.7013 25.7443 13.0426L37.2257 32.9452C37.9997 34.2875 37.0299 35.9637 35.4837 35.9637H12.5172Z" fill="url(#paint2_linear_250_272233)"/>
+</g>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_250_272233" x1="39" y1="25.8054" x2="9" y2="25.8054" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint1_linear_250_272233" x1="39" y1="25.8054" x2="9" y2="25.8054" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+<linearGradient id="paint2_linear_250_272233" x1="39" y1="25.8054" x2="9" y2="25.8054" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6D5E92"/>
+<stop offset="1" stop-color="#272C41"/>
+</linearGradient>
+</defs>
+</svg>