iguazio.dashboard-react-controls 3.2.7 → 3.2.8

package/dist/components/FormToggle/FormToggle.d.ts

@@ -1,16 +1,22 @@
 export default FormToggle;
-declare function FormToggle({ density, label, name, onChange, ...inputProps }: {
+declare function FormToggle({ className, density, label, labelTip, name, readOnly, onChange, ...inputProps }: {
     [x: string]: any;
+    className?: string;
     density?: string;
     label?: string;
+    labelTip?: string;
     name: any;
+    readOnly?: boolean;
     onChange?: () => void;
 }): JSX.Element;
 declare namespace FormToggle {
     namespace propTypes {
+        export let className: any;
         export { DENSITY as density };
         export let label: any;
+        export let labelTip: any;
         export let name: any;
+        export let readOnly: any;
         export let onChange: any;
     }
 }

package/dist/components/FormToggle/FormToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AAyBA;;;;;;gBAiCC;;;;;;;;;wBArCuB,gBAAgB"}
+{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AA0BA;;;;;;;;;gBAmDC;;;;;;;;;;;;wBAvDuB,gBAAgB"}

package/dist/components/FormToggle/FormToggle.mjs

@@ -1,48 +1,72 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import "react";
-import g from "classnames";
-import o from "prop-types";
-import { Field as p } from "react-final-form";
-import { DENSITY as c } from "../../types.mjs";
+import _ from "classnames";
+import r from "prop-types";
+import { Field as h } from "react-final-form";
+import N from "../Tip/Tip.mjs";
+import { DENSITY as x } from "../../types.mjs";
 /* empty css                 */
-const n = ({ density: l = "", label: t = "", name: e, onChange: i = () => {
-}, ...s }) => {
-  const f = g(
+const b = ({
+  className: a = "",
+  density: m = "",
+  label: t = "",
+  labelTip: o = "",
+  name: e,
+  readOnly: c = !1,
+  onChange: s = () => {
+  },
+  ...d
+}) => {
+  const p = _(
+    "test",
+    "form-field-toggle",
     "form-field__wrapper",
-    l && `form-field__wrapper-${l}`
+    m && `form-field__wrapper-${m}`,
+    (t || o) && "form-field-toggle_has-label",
+    a
   );
-  return /* @__PURE__ */ r(p, { name: e, value: s.value, type: "checkbox", children: ({ input: a }) => /* @__PURE__ */ d(
-    "label",
+  return /* @__PURE__ */ l(h, { name: e, value: d.value, type: "checkbox", children: ({ input: i }) => /* @__PURE__ */ f(
+    "div",
     {
-      className: "form-field-toggle",
+      className: p,
       "data-testid": e ? `${e}-form-field-toggle` : "form-field-toggle",
       children: [
-        t && /* @__PURE__ */ r("div", { className: "form-field__label", children: t }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            "data-testid": e ? `${e}-form-toggle` : "form-toggle",
-            id: e,
-            ...a,
-            ...s,
-            onChange: (m) => {
-              i && i(m), a.onChange(m);
-            },
-            type: "checkbox"
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: f, children: /* @__PURE__ */ r("span", { className: "form-field-toggle__switch" }) })
+        (t || o) && /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__label", children: [
+          t,
+          o && /* @__PURE__ */ l(N, { text: o })
+        ] }),
+        /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__toggle-wrapper", children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": e ? `${e}-form-toggle` : "form-toggle",
+              id: e,
+              ...i,
+              ...d,
+              value: String(i.checked),
+              disabled: c,
+              onChange: (g) => {
+                s == null || s(g), i.onChange(g);
+              }
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "form-field-toggle__switch" })
+        ] })
       ]
     }
   ) });
 };
-n.propTypes = {
-  density: c,
-  label: o.string,
-  name: o.string.isRequired,
-  onChange: o.func
+b.propTypes = {
+  className: r.string,
+  density: x,
+  label: r.string,
+  labelTip: r.string,
+  name: r.string.isRequired,
+  readOnly: r.bool,
+  onChange: r.func
 };
 export {
-  n as default
+  b as default
 };
 //# sourceMappingURL=FormToggle.mjs.map

package/dist/components/FormToggle/FormToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({ density = '', label = '', name, onChange = () => {}, ...inputProps }) => {\n  const toggleWrapperClassNames = classnames(\n    'form-field__wrapper',\n    density && `form-field__wrapper-${density}`\n  )\n\n  return (\n    <Field name={name} value={inputProps.value} type=\"checkbox\">\n      {({ input }) => {\n        return (\n          <label\n            className=\"form-field-toggle\"\n            data-testid={name ? `${name}-form-field-toggle` : 'form-field-toggle'}\n          >\n            {label && <div className=\"form-field__label\">{label}</div>}\n            <input\n              data-testid={name ? `${name}-form-toggle` : 'form-toggle'}\n              id={name}\n              {...{ ...input, ...inputProps }}\n              onChange={event => {\n                onChange && onChange(event)\n                input.onChange(event)\n              }}\n              type=\"checkbox\"\n            />\n            <div className={toggleWrapperClassNames}>\n              <span className=\"form-field-toggle__switch\" />\n            </div>\n          </label>\n        )\n      }}\n    </Field>\n  )\n}\n\nFormToggle.propTypes = {\n  density: DENSITY,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func\n}\n\nexport default FormToggle\n"],"names":["FormToggle","density","label","name","onChange","inputProps","toggleWrapperClassNames","classnames","jsx","Field","input","jsxs","event","DENSITY","PropTypes"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CAAC,EAAE,SAAAC,IAAU,IAAI,OAAAC,IAAQ,IAAI,MAAAC,GAAM,UAAAC,IAAW,MAAM;AAAC,GAAG,GAAGC,QAAiB;AAC7F,QAAMC,IAA0BC;AAAA,IAC9B;AAAA,IACAN,KAAW,uBAAuBA,CAAO;AAAA,EAAA;AAG3C,SACE,gBAAAO,EAACC,GAAA,EAAM,MAAAN,GAAY,OAAOE,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAK,EAAA,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaR,IAAO,GAAGA,CAAI,uBAAuB;AAAA,MAEjD,UAAA;AAAA,QAAAD,KAAS,gBAAAM,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAN,GAAM;AAAA,QACpD,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAaL,IAAO,GAAGA,CAAI,iBAAiB;AAAA,YAC5C,IAAIA;AAAA,YACE,GAAGO;AAAA,YAAO,GAAGL;AAAA,YACnB,UAAU,CAAAO,MAAS;AACjB,cAAAR,KAAYA,EAASQ,CAAK,GAC1BF,EAAM,SAASE,CAAK;AAAA,YACtB;AAAA,YACA,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAJ,EAAC,SAAI,WAAWF,GACd,4BAAC,QAAA,EAAK,WAAU,6BAA4B,EAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;AAEAN,EAAW,YAAY;AAAA,EACrB,SAASa;AAAA,EACT,OAAOC,EAAU;AAAA,EACjB,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AACtB;"}
+{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport Tip from '../Tip/Tip'\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({\n  className = '',\n  density = '',\n  label = '',\n  labelTip = '',\n  name,\n  readOnly = false,\n  onChange = () => {},\n  ...inputProps\n}) => {\n  const formFieldClassNames = classnames(\n    'test',\n    'form-field-toggle',\n    'form-field__wrapper',\n    density && `form-field__wrapper-${density}`,\n    (label || labelTip) && 'form-field-toggle_has-label',\n    className\n  )\n\n  return (\n    <Field name={name} value={inputProps.value} type=\"checkbox\">\n      {({ input }) => (\n        <div\n          className={formFieldClassNames}\n          data-testid={name ? `${name}-form-field-toggle` : 'form-field-toggle'}\n        >\n          {(label || labelTip) && (\n            <label htmlFor={name} className=\"form-field-toggle__label\">\n              {label}\n              {labelTip && <Tip text={labelTip} />}\n            </label>\n          )}\n          <label htmlFor={name} className=\"form-field-toggle__toggle-wrapper\">\n            <input\n              type=\"checkbox\"\n              data-testid={name ? `${name}-form-toggle` : 'form-toggle'}\n              id={name}\n              {...{ ...input, ...inputProps }}\n              value={String(input.checked)}\n              disabled={readOnly}\n              onChange={event => {\n                onChange?.(event)\n                input.onChange(event)\n              }}\n            />\n            <span className=\"form-field-toggle__switch\" />\n          </label>\n        </div>\n      )}\n    </Field>\n  )\n}\n\nFormToggle.propTypes = {\n  className: PropTypes.string,\n  density: DENSITY,\n  label: PropTypes.string,\n  labelTip: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  readOnly: PropTypes.bool,\n  onChange: PropTypes.func\n}\n\nexport default FormToggle\n"],"names":["FormToggle","className","density","label","labelTip","name","readOnly","onChange","inputProps","formFieldClassNames","classnames","jsx","Field","input","jsxs","Tip","event","PropTypes","DENSITY"],"mappings":";;;;;;;;AA0BA,MAAMA,IAAa,CAAC;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW,MAAM;AAAA,EAAC;AAAA,EAClB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACAR,KAAW,uBAAuBA,CAAO;AAAA,KACxCC,KAASC,MAAa;AAAA,IACvBH;AAAA,EAAA;AAGF,SACE,gBAAAU,EAACC,GAAA,EAAM,MAAAP,GAAY,OAAOG,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAK,EAAA,MACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,eAAaJ,IAAO,GAAGA,CAAI,uBAAuB;AAAA,MAEhD,UAAA;AAAA,SAAAF,KAASC,MACT,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,4BAC7B,UAAA;AAAA,UAAAF;AAAA,UACAC,KAAY,gBAAAO,EAACI,GAAA,EAAI,MAAMX,EAAA,CAAU;AAAA,QAAA,GACpC;AAAA,QAEF,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,qCAC9B,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAaN,IAAO,GAAGA,CAAI,iBAAiB;AAAA,cAC5C,IAAIA;AAAA,cACE,GAAGQ;AAAA,cAAO,GAAGL;AAAA,cACnB,OAAO,OAAOK,EAAM,OAAO;AAAA,cAC3B,UAAUP;AAAA,cACV,UAAU,CAAAU,MAAS;AACjB,gBAAAT,KAAA,QAAAA,EAAWS,IACXH,EAAM,SAASG,CAAK;AAAA,cACtB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAL,EAAC,QAAA,EAAK,WAAU,4BAAA,CAA4B;AAAA,QAAA,EAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAX,EAAW,YAAY;AAAA,EACrB,WAAWiB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,OAAOD,EAAU;AAAA,EACjB,UAAUA,EAAU;AAAA,EACpB,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AACtB;"}

package/dist/components/TableCell/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAkCA;;;;;;;;;;;gBA6HC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAmCA;;;;;;;;;;;gBAiIC"}

package/dist/components/TableCell/TableCell.mjs

@@ -1,99 +1,100 @@
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { cloneElement as T } from "react";
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { cloneElement as C } from "react";
 import t from "prop-types";
 import c from "classnames";
-import i from "../Tooltip/Tooltip.mjs";
+import p from "../Tooltip/Tooltip.mjs";
 import j from "../ReadOnlyChips/ReadOnlyChips.mjs";
 import I from "../../elements/TableLinkCell/TableLinkCell.mjs";
-import O from "../../elements/TableTypeCell/TableTypeCell.mjs";
-import p from "../TooltipTemplate/TextTooltipTemplate.mjs";
-import { getChipOptions as A } from "../../utils/chips.util.mjs";
-import { truncateUid as L } from "../../utils/string.util.mjs";
-import _ from "../../images/arrow.svg.mjs";
-const g = ({
+import O from "../../elements/TableTagStatusCell/TableTagStatusCell.mjs";
+import g from "../../elements/TableTypeCell/TableTypeCell.mjs";
+import d from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import { getChipOptions as w } from "../../utils/chips.util.mjs";
+import { truncateUid as A } from "../../utils/string.util.mjs";
+import L from "../../images/arrow.svg.mjs";
+const S = ({
   cellData: e,
-  className: m = "",
+  className: n = "",
   firstCell: h = !1,
   item: r,
-  link: l = "",
-  onClick: d = null,
+  link: u = "",
+  onClick: o = null,
   selectItem: y = () => {
   },
   selectedItem: b = {},
-  showExpandButton: a = !1,
-  toggleRow: u = null
+  showExpandButton: f = !1,
+  toggleRow: l = null
 }) => {
-  const { value: N, label: f, className: v } = r.state ?? {}, o = c(
+  const { value: v, label: a, className: N } = r.state ?? {}, i = c(
     "table-body__cell",
     e.className,
-    m,
+    n,
     e.bodyCellClassName,
-    d && "link"
+    o && "link"
   );
-  return e.template ? T(e.template, {
-    className: m
-  }) : l && e.type !== "hidden" ? /* @__PURE__ */ s(
+  return e.template ? C(e.template, {
+    className: n
+  }) : u && e.type !== "hidden" ? /* @__PURE__ */ s(
     I,
     {
-      className: m,
+      className: n,
       cellData: e,
       item: r,
-      link: l,
+      link: u,
       selectItem: y,
       selectedItem: b,
-      showExpandButton: a,
-      toggleRow: u
+      showExpandButton: f,
+      toggleRow: l
     }
-  ) : h && !l ? /* @__PURE__ */ C(
+  ) : h && !u ? /* @__PURE__ */ x(
     "td",
     {
-      onClick: () => e.value && d && d(e.value),
-      className: o,
+      onClick: () => e.value && o && o(e.value),
+      className: i,
       children: [
         /* @__PURE__ */ s("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ s(
-          i,
+          p,
           {
-            template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
+            template: /* @__PURE__ */ s(d, { text: e.tooltip || e.value || "" }),
             children: e.value
           }
         ) }),
-        r.state && N && f && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: f }), children: /* @__PURE__ */ s("i", { className: v }) }),
-        !r.state && r.status && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: r.status }), children: /* @__PURE__ */ s("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
-        a && /* @__PURE__ */ s(_, { onClick: (n) => u && u(n, r), className: "expand-arrow" })
+        r.state && v && a && /* @__PURE__ */ s(p, { className: "status", template: /* @__PURE__ */ s(d, { text: a }), children: /* @__PURE__ */ s("i", { className: N }) }),
+        !r.state && r.status && /* @__PURE__ */ s(p, { className: "status", template: /* @__PURE__ */ s(d, { text: r.status }), children: /* @__PURE__ */ s("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
+        f && /* @__PURE__ */ s(L, { onClick: (m) => l && l(m, r), className: "expand-arrow" })
       ]
     }
-  ) : e.type === "type" ? /* @__PURE__ */ s(O, { className: m, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value.map((n, x) => /* @__PURE__ */ s(
-    i,
+  ) : e.type === "type" ? /* @__PURE__ */ s(g, { className: n, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: e.value.map((m, T) => /* @__PURE__ */ s(
+    p,
     {
-      template: /* @__PURE__ */ s(p, { text: n.tooltip }),
-      children: n.icon
+      template: /* @__PURE__ */ s(d, { text: m.tooltip }),
+      children: m.icon
     },
-    n.tooltip + x
-  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(
+    m.tooltip + T
+  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: /* @__PURE__ */ s(
     j,
     {
-      chipOptions: A(e.type),
+      chipOptions: w(e.type),
       labels: e.value,
       shortChips: !0
     }
-  ) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(i, { template: /* @__PURE__ */ s(p, { text: e.value }), children: /* @__PURE__ */ s("span", { children: L(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value }) : /* @__PURE__ */ s(
+  ) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: /* @__PURE__ */ s(p, { template: /* @__PURE__ */ s(d, { text: e.value }), children: /* @__PURE__ */ s("span", { children: A(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: e.value }) : e.showStatus && e.showTag ? /* @__PURE__ */ s(O, { className: n, cellData: e, item: r, onClick: o }) : /* @__PURE__ */ s(
     "td",
     {
       "data-testid": e == null ? void 0 : e.headerId,
-      className: o,
-      onClick: () => e.value && d && d(e.value),
+      className: i,
+      onClick: () => e.value && o && o(e.value),
       children: /* @__PURE__ */ s(
-        i,
+        p,
         {
           className: "text_small",
-          template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
+          template: /* @__PURE__ */ s(d, { text: e.tooltip || e.value || "" }),
           children: e.value
         }
       )
     }
   );
 };
-g.propTypes = {
+S.propTypes = {
   cellData: t.object.isRequired,
   className: t.string,
   firstCell: t.bool,
@@ -106,6 +107,6 @@ g.propTypes = {
   toggleRow: t.func
 };
 export {
-  g as default
+  S as default
 };
 //# sourceMappingURL=TableCell.mjs.map

package/dist/components/TableCell/TableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ReadOnlyChips\n          chipOptions={getChipOptions(cellData.type)}\n          labels={cellData.value}\n          shortChips\n        />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","PropTypes"],"mappings":"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"}
+{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTagStatusCell from '../../elements/TableTagStatusCell/TableTagStatusCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ReadOnlyChips\n          chipOptions={getChipOptions(cellData.type)}\n          labels={cellData.value}\n          shortChips\n        />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else if (cellData.showStatus && cellData.showTag) {\n    return (\n      <TableTagStatusCell className={className} cellData={cellData} item={item} onClick={onClick} />\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","TableTagStatusCell","PropTypes"],"mappings":"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"}

package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts

@@ -0,0 +1,16 @@
+export default TableTagStatusCell;
+declare function TableTagStatusCell({ cellData, className, item, onClick }: {
+    cellData?: {};
+    className?: string;
+    item: any;
+    onClick?: any;
+}): JSX.Element;
+declare namespace TableTagStatusCell {
+    namespace propTypes {
+        let cellData: any;
+        let className: any;
+        let item: any;
+        let onClick: any;
+    }
+}
+//# sourceMappingURL=TableTagStatusCell.d.ts.map

package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTagStatusCell.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.jsx"],"names":[],"mappings":";AA4BA;;;;;gBAuCC"}

package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs

@@ -0,0 +1,49 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import l from "prop-types";
+import i from "classnames";
+import r from "../../components/Tooltip/Tooltip.mjs";
+import o from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+/* empty css                         */
+const N = ({ cellData: e = {}, className: m = "", item: a, onClick: t = null }) => {
+  const d = i(
+    "table-body__cell",
+    "tag-status-cell",
+    e.className,
+    m,
+    e.bodyCellClassName,
+    t && "link"
+  ), { value: n, label: p, className: u } = (a == null ? void 0 : a.state) ?? {};
+  return /* @__PURE__ */ s(
+    "td",
+    {
+      "data-testid": (e == null ? void 0 : e.headerId) ?? "table-tag-status-cell",
+      className: d,
+      onClick: () => e.value && (t == null ? void 0 : t(e.value)),
+      children: /* @__PURE__ */ c("div", { className: "cell-wrapper", children: [
+        /* @__PURE__ */ c("div", { className: "cell-content", children: [
+          /* @__PURE__ */ s(
+            r,
+            {
+              className: "cell-name",
+              template: /* @__PURE__ */ s(o, { text: e.tooltip || e.value || "" }),
+              children: e.value
+            }
+          ),
+          n && p && /* @__PURE__ */ s(r, { className: "cell-status", template: /* @__PURE__ */ s(o, { text: p }), children: /* @__PURE__ */ s("i", { className: u }) })
+        ] }),
+        (a == null ? void 0 : a.tag) && /* @__PURE__ */ s(r, { className: "cell-tag", template: /* @__PURE__ */ s(o, { text: a.tag }), children: /* @__PURE__ */ s("span", { className: "cell-subtext", children: a.tag }) })
+      ] })
+    }
+  );
+};
+N.propTypes = {
+  cellData: l.object.isRequired,
+  className: l.string,
+  item: l.oneOfType([l.object, l.bool]).isRequired,
+  onClick: l.func
+};
+export {
+  N as default
+};
+//# sourceMappingURL=TableTagStatusCell.mjs.map

package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTagStatusCell.mjs","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport './tableTagStatusCell.scss'\n\nconst TableTagStatusCell = ({ cellData = {}, className = '', item, onClick = null }) => {\n  const tableCellClassNames = classnames(\n    'table-body__cell',\n    'tag-status-cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item?.state ?? {}\n\n  return (\n    <td\n      data-testid={cellData?.headerId ?? 'table-tag-status-cell'}\n      className={tableCellClassNames}\n      onClick={() => cellData.value && onClick?.(cellData.value)}\n    >\n      <div className=\"cell-wrapper\">\n        <div className=\"cell-content\">\n          <Tooltip\n            className=\"cell-name\"\n            template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n          >\n            {cellData.value}\n          </Tooltip>\n          {stateValue && stateLabel && (\n            <Tooltip className=\"cell-status\" template={<TextTooltipTemplate text={stateLabel} />}>\n              <i className={stateClassName} />\n            </Tooltip>\n          )}\n        </div>\n        {item?.tag && (\n          <Tooltip className=\"cell-tag\" template={<TextTooltipTemplate text={item.tag} />}>\n            <span className=\"cell-subtext\">{item.tag}</span>\n          </Tooltip>\n        )}\n      </div>\n    </td>\n  )\n}\n\nTableTagStatusCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).isRequired,\n  onClick: PropTypes.func\n}\n\nexport default TableTagStatusCell\n"],"names":["TableTagStatusCell","cellData","className","item","onClick","tableCellClassNames","classnames","stateValue","stateLabel","stateClassName","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;AA4BA,MAAMA,IAAqB,CAAC,EAAE,UAAAC,IAAW,IAAI,WAAAC,IAAY,IAAI,MAAAC,GAAM,SAAAC,IAAU,WAAW;AACtF,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAL,EAAS;AAAA,IACTC;AAAA,IACAD,EAAS;AAAA,IACTG,KAAW;AAAA,EAAA,GAEP,EAAE,OAAOG,GAAY,OAAOC,GAAY,WAAWC,EAAA,KAAmBN,KAAA,gBAAAA,EAAM,UAAS,CAAA;AAE3F,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAAaT,KAAA,gBAAAA,EAAU,aAAY;AAAA,MACnC,WAAWI;AAAA,MACX,SAAS,MAAMJ,EAAS,UAASG,KAAA,gBAAAA,EAAUH,EAAS;AAAA,MAEpD,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,4BAAWC,GAAA,EAAoB,MAAMZ,EAAS,WAAWA,EAAS,SAAS,IAAI;AAAA,cAE9E,UAAAA,EAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAEXM,KAAcC,KACb,gBAAAE,EAACE,GAAA,EAAQ,WAAU,eAAc,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAML,GAAY,GAChF,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAWD,GAAgB,EAAA,CAChC;AAAA,QAAA,GAEJ;AAAA,SACCN,KAAA,gBAAAA,EAAM,QACL,gBAAAO,EAACE,KAAQ,WAAU,YAAW,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAMV,EAAK,IAAA,CAAK,GAC3E,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAP,EAAK,KAAI,EAAA,CAC3C;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAH,EAAmB,YAAY;AAAA,EAC7B,UAAUc,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AAAA,EACrB,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,IAAI,CAAC,EAAE;AAAA,EAC9D,SAASA,EAAU;AACrB;"}

package/dist/elements/index.d.ts

@@ -5,7 +5,8 @@ import OptionsMenu from './OptionsMenu/OptionsMenu';
 import SelectOption from './SelectOption/SelectOption';
 import TableHead from './TableHead/TableHead';
 import TableLinkCell from './TableLinkCell/TableLinkCell';
+import TableTagStatusCell from './TableTagStatusCell/TableTagStatusCell';
 import TableTypeCell from './TableTypeCell/TableTypeCell';
 import ValidationTemplate from './ValidationTemplate/ValidationTemplate';
-export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTypeCell, ValidationTemplate };
+export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTagStatusCell, TableTypeCell, ValidationTemplate };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;0BAC/B,+BAA+B;+BAC1B,yCAAyC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;+BAC1B,yCAAyC;0BAC9C,+BAA+B;+BAC1B,yCAAyC"}

package/dist/elements/index.mjs

@@ -1,21 +1,23 @@
-import { default as o } from "./ActionsMenuItem/ActionsMenuItem.mjs";
-import { default as r } from "./FormActionButton/FormActionButton.mjs";
+import { default as a } from "./ActionsMenuItem/ActionsMenuItem.mjs";
+import { default as l } from "./FormActionButton/FormActionButton.mjs";
 import { default as f } from "./FormRowActions/FormRowActions.mjs";
 import { default as p } from "./OptionsMenu/OptionsMenu.mjs";
 import { default as u } from "./SelectOption/SelectOption.mjs";
 import { default as n } from "./TableHead/TableHead.mjs";
 import { default as i } from "./TableLinkCell/TableLinkCell.mjs";
-import { default as c } from "./TableTypeCell/TableTypeCell.mjs";
-import { default as A } from "./ValidationTemplate/ValidationTemplate.mjs";
+import { default as b } from "./TableTagStatusCell/TableTagStatusCell.mjs";
+import { default as A } from "./TableTypeCell/TableTypeCell.mjs";
+import { default as F } from "./ValidationTemplate/ValidationTemplate.mjs";
 export {
-  o as ActionsMenuItem,
-  r as FormActionButton,
+  a as ActionsMenuItem,
+  l as FormActionButton,
   f as FormRowActions,
   p as OptionsMenu,
   u as SelectOption,
   n as TableHead,
   i as TableLinkCell,
-  c as TableTypeCell,
-  A as ValidationTemplate
+  b as TableTagStatusCell,
+  A as TableTypeCell,
+  F as ValidationTemplate
 };
 //# sourceMappingURL=index.mjs.map

package/dist/elements/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/hooks/useDetailsHeader.hook.mjs

@@ -18,7 +18,7 @@ import te from "../images/ml-enlarge.svg.mjs";
 import oe from "../images/history.svg.mjs";
 import ne from "../images/ml-minimize.svg.mjs";
 import re from "../images/refresh.svg.mjs";
-const B = ({
+const S = ({
   actionButton: t = null,
   actionsMenu: c,
   applyChanges: d,
@@ -31,20 +31,20 @@ const B = ({
   handleCancelClick: u,
   handleRefresh: h = null,
   headerRef: T,
-  isDetailsPopUp: a = !1,
+  isDetailsPopUp: l = !1,
   isDetailsScreen: w,
   location: p,
   navigate: f,
   pageData: g,
-  params: l,
+  params: a,
   renderCustomElements: b = null,
   renderStatus: _ = null,
   renderTitle: q,
   selectedItem: k,
   showAllVersions: N = null,
-  tab: S = "",
+  tab: V = "",
   viewMode: A = "",
-  withActionMenu: V = !0,
+  withActionMenu: B = !0,
   withToggleViewBtn: I = !1
 }) => /* @__PURE__ */ r("div", { className: "item-header", ref: T, children: [
   /* @__PURE__ */ r("div", { className: "item-header__data", children: [
@@ -53,7 +53,7 @@ const B = ({
   ] }),
   /* @__PURE__ */ i("div", { className: "item-header__custom-elements", children: b && b() }),
   /* @__PURE__ */ r("div", { className: "item-header__buttons", children: [
-    o.changes.counter > 0 && !a && /* @__PURE__ */ r(M, { children: [
+    o.changes.counter > 0 && !l && /* @__PURE__ */ r(M, { children: [
       /* @__PURE__ */ i(
         j,
         {
@@ -116,9 +116,9 @@ const B = ({
         children: /* @__PURE__ */ i(re, {})
       }
     ),
-    V && /* @__PURE__ */ i(W, { dataItem: k, menu: c, time: 500 }),
+    B && /* @__PURE__ */ i(W, { dataItem: k, menu: c, time: 500 }),
     /* @__PURE__ */ r("div", { className: "item-header__navigation-buttons", children: [
-      I && !a && /* @__PURE__ */ r(M, { children: [
+      I && !l && /* @__PURE__ */ r(M, { children: [
         A !== y && /* @__PURE__ */ i(
           s,
           {
@@ -146,7 +146,7 @@ const B = ({
           }
         )
       ] }),
-      !g.details.hideBackBtn && (a ? /* @__PURE__ */ i(
+      !g.details.hideCloseBtn && (l ? /* @__PURE__ */ i(
         "div",
         {
           className: "details-close-btn",
@@ -159,7 +159,7 @@ const B = ({
         {
           className: "details-close-btn",
           "data-testid": "details-close-btn",
-          to: m ? m(k.name) : C(l, g.page, S),
+          to: m ? m(k.name) : C(a, g.page, V),
           onClick: u,
           children: /* @__PURE__ */ i(s, { tooltipText: "Close", id: "details-close", children: /* @__PURE__ */ i($, {}) })
         }
@@ -167,7 +167,7 @@ const B = ({
     ] })
   ] })
 ] });
-B.propTypes = {
+S.propTypes = {
   actionButton: Q,
   actionsMenu: K.isRequired,
   applyChanges: e.func.isRequired,
@@ -197,24 +197,24 @@ B.propTypes = {
   withToggleViewBtn: e.bool
 };
 const Ne = ({ handleCancel: t, handleShowWarning: c, isDetailsPopUp: d, pageData: R }) => {
-  const n = O((l) => l.commonDetailsStore), o = F(), m = D(), C = U(), v = ee(window.location.search), { actionButton: u, withToggleViewBtn: h, showAllVersions: T } = R.details, a = H(), w = z(), p = async (l, b) => {
+  const n = O((a) => a.commonDetailsStore), o = F(), m = D(), C = U(), v = ee(window.location.search), { actionButton: u, withToggleViewBtn: h, showAllVersions: T } = R.details, l = H(), w = z(), p = async (a, b) => {
     await ie(
       n.changes,
       o
-    ) && b(l);
+    ) && b(a);
   }, f = x(() => {
     n.changes.counter > 0 ? c(!0) : t && t();
   }, [n.changes.counter, t, c]), g = x(() => {
     t && (n.changes.counter === 0 || d) && t();
   }, [n.changes.counter, t, d]);
   return {
-    DetailsHeaderContainer: B,
+    DetailsHeaderContainer: S,
     actionButton: u,
     commonDetailsStore: n,
     handleActionClick: p,
     handleBackClick: f,
     handleCancelClick: g,
-    headerRef: a,
+    headerRef: l,
     location: w,
     navigate: C,
     params: m,

package/dist/hooks/useDetailsHeader.hook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDetailsHeader.hook.mjs","sources":["../../src/lib/hooks/useDetailsHeader.hook.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n\nimport React, { useCallback, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Link, useLocation, useNavigate, useParams } from 'react-router-dom'\n\nimport ActionsMenu from '../components/ActionsMenu/ActionsMenu'\nimport Button from '../components/Button/Button'\nimport LoadButton from '../components/LoadButton/LoadButton'\nimport RoundedIcon from '../components/RoundedIcon/RoundedIcon'\nimport TextTooltipTemplate from '../components/TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../components/Tooltip/Tooltip'\n\nimport { ACTION_BUTTON, ACTIONS_MENU } from '../types'\nimport { TERTIARY_BUTTON, VIEW_SEARCH_PARAMETER, FULL_VIEW_MODE } from '../constants'\nimport { getFilteredSearchParams } from '../utils/filter.util'\nimport { getViewMode, performDetailsActionHelper } from '../utils/common.util'\n\nimport Close from '../images/close.svg?react'\nimport EnlargeIcon from '../images/ml-enlarge.svg?react'\nimport HistoryIcon from '../images/history.svg?react'\nimport MinimizeIcon from '../images/ml-minimize.svg?react'\nimport Refresh from '../images/refresh.svg?react'\n\nconst DetailsHeaderContainer = ({\n  actionButton = null,\n  actionsMenu,\n  applyChanges,\n  applyChangesRef,\n  cancelChanges,\n  commonDetailsStore,\n  getCloseDetailsLink = null,\n  getDefaultCloseDetailsLink,\n  handleActionClick,\n  handleCancelClick,\n  handleRefresh = null,\n  headerRef,\n  isDetailsPopUp = false,\n  isDetailsScreen,\n  location,\n  navigate,\n  pageData,\n  params,\n  renderCustomElements = null,\n  renderStatus = null,\n  renderTitle,\n  selectedItem,\n  showAllVersions = null,\n  tab = '',\n  viewMode = '',\n  withActionMenu = true,\n  withToggleViewBtn = false\n}) => {\n  return (\n    <div className=\"item-header\" ref={headerRef}>\n      <div className=\"item-header__data\">\n        <h3 className=\"item-header__title\">{renderTitle && renderTitle()}</h3>\n        <div className=\"item-header__status\">{renderStatus && renderStatus()}</div>\n      </div>\n      <div className=\"item-header__custom-elements\">\n        {renderCustomElements && renderCustomElements()}\n      </div>\n      <div className=\"item-header__buttons\">\n        {commonDetailsStore.changes.counter > 0 && !isDetailsPopUp && (\n          <>\n            <Button\n              variant={TERTIARY_BUTTON}\n              label=\"Cancel\"\n              onClick={cancelChanges}\n              disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n            />\n            <Tooltip\n              template={\n                <TextTooltipTemplate\n                  text={`${commonDetailsStore.changes.counter} ${\n                    commonDetailsStore.changes.counter === 1 ? 'change pending' : 'changes pending'\n                  }`}\n                />\n              }\n            >\n              <LoadButton\n                ref={applyChangesRef}\n                variant=\"primary\"\n                label=\"Apply Changes\"\n                className=\"btn_apply-changes\"\n                onClick={applyChanges}\n                disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n              />\n            </Tooltip>\n          </>\n        )}\n        {actionButton && !actionButton.hidden && (\n          <Button\n            disabled={actionButton.disabled}\n            label={actionButton.label}\n            onClick={event => {\n              handleActionClick(event, actionButton.onClick)\n            }}\n            tooltip={actionButton.tooltip}\n            variant={actionButton.variant}\n          />\n        )}\n        {showAllVersions && (\n          <RoundedIcon\n            id=\"showAllVersions\"\n            onClick={() => showAllVersions()}\n            tooltipText=\"Show all versions\"\n          >\n            <HistoryIcon />\n          </RoundedIcon>\n        )}\n        {isDetailsScreen && handleRefresh && (\n          <RoundedIcon\n            id=\"refresh\"\n            onClick={() => handleRefresh(selectedItem)}\n            tooltipText=\"Refresh\"\n          >\n            <Refresh />\n          </RoundedIcon>\n        )}\n        {withActionMenu && <ActionsMenu dataItem={selectedItem} menu={actionsMenu} time={500} />}\n        <div className=\"item-header__navigation-buttons\">\n          {withToggleViewBtn && !isDetailsPopUp && (\n            <>\n              {viewMode !== FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${window.location.search}${window.location.search ? '&' : '?'}${VIEW_SEARCH_PARAMETER}=full`\n                    )\n                  }}\n                  id=\"full-view\"\n                  tooltipText=\"Full view\"\n                >\n                  <EnlargeIcon />\n                </RoundedIcon>\n              )}\n              {viewMode === FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${getFilteredSearchParams(window.location.search, [VIEW_SEARCH_PARAMETER])}`\n                    )\n                  }}\n                  id=\"table-view\"\n                  tooltipText=\"Table view\"\n                >\n                  <MinimizeIcon />\n                </RoundedIcon>\n              )}\n            </>\n          )}\n          {!pageData.details.hideBackBtn &&\n            (isDetailsPopUp ? (\n              <div\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </div>\n            ) : (\n              <Link\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                to={\n                  getCloseDetailsLink\n                    ? getCloseDetailsLink(selectedItem.name)\n                    : getDefaultCloseDetailsLink(params, pageData.page, tab)\n                }\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nDetailsHeaderContainer.propTypes = {\n  actionButton: ACTION_BUTTON,\n  actionsMenu: ACTIONS_MENU.isRequired,\n  applyChanges: PropTypes.func.isRequired,\n  applyChangesRef: PropTypes.object.isRequired,\n  cancelChanges: PropTypes.func.isRequired,\n  commonDetailsStore: PropTypes.object.isRequired,\n  getCloseDetailsLink: PropTypes.func,\n  getDefaultCloseDetailsLink: PropTypes.func.isRequired,\n  handleActionClick: PropTypes.func.isRequired,\n  handleCancelClick: PropTypes.func.isRequired,\n  handleRefresh: PropTypes.func,\n  headerRef: PropTypes.object.isRequired,\n  isDetailsPopUp: PropTypes.bool,\n  isDetailsScreen: PropTypes.bool.isRequired,\n  location: PropTypes.object.isRequired,\n  navigate: PropTypes.func.isRequired,\n  pageData: PropTypes.object.isRequired,\n  params: PropTypes.object.isRequired,\n  renderCustomElements: PropTypes.func,\n  renderStatus: PropTypes.func,\n  renderTitle: PropTypes.func.isRequired,\n  selectedItem: PropTypes.object.isRequired,\n  showAllVersions: PropTypes.func,\n  tab: PropTypes.string,\n  viewMode: PropTypes.string,\n  withActionMenu: PropTypes.bool,\n  withToggleViewBtn: PropTypes.bool\n}\n\nexport const useDetailsHeader = ({ handleCancel, handleShowWarning, isDetailsPopUp, pageData }) => {\n  const commonDetailsStore = useSelector(store => store.commonDetailsStore)\n  const dispatch = useDispatch()\n  const params = useParams()\n  const navigate = useNavigate()\n  const viewMode = getViewMode(window.location.search)\n  const { actionButton, withToggleViewBtn, showAllVersions } = pageData.details\n  const headerRef = useRef()\n  const location = useLocation()\n\n  const handleActionClick = async (event, handler) => {\n    const actionCanBePerformed = await performDetailsActionHelper(\n      commonDetailsStore.changes,\n      dispatch\n    )\n\n    if (actionCanBePerformed) {\n      handler(event)\n    }\n  }\n\n  const handleBackClick = useCallback(() => {\n    if (commonDetailsStore.changes.counter > 0) {\n      handleShowWarning(true)\n    } else if (handleCancel) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, handleShowWarning])\n\n  const handleCancelClick = useCallback(() => {\n    if (handleCancel && (commonDetailsStore.changes.counter === 0 || isDetailsPopUp)) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, isDetailsPopUp])\n\n  return {\n    DetailsHeaderContainer,\n    actionButton,\n    commonDetailsStore,\n    handleActionClick,\n    handleBackClick,\n    handleCancelClick,\n    headerRef,\n    location,\n    navigate,\n    params,\n    showAllVersions,\n    viewMode,\n    withToggleViewBtn\n  }\n}\n"],"names":["DetailsHeaderContainer","actionButton","actionsMenu","applyChanges","applyChangesRef","cancelChanges","commonDetailsStore","getCloseDetailsLink","getDefaultCloseDetailsLink","handleActionClick","handleCancelClick","handleRefresh","headerRef","isDetailsPopUp","isDetailsScreen","location","navigate","pageData","params","renderCustomElements","renderStatus","renderTitle","selectedItem","showAllVersions","tab","viewMode","withActionMenu","withToggleViewBtn","jsxs","jsx","Fragment","Button","TERTIARY_BUTTON","Tooltip","TextTooltipTemplate","LoadButton","event","RoundedIcon","HistoryIcon","Refresh","ActionsMenu","FULL_VIEW_MODE","VIEW_SEARCH_PARAMETER","EnlargeIcon","getFilteredSearchParams","MinimizeIcon","Close","Link","ACTION_BUTTON","ACTIONS_MENU","PropTypes","useDetailsHeader","handleCancel","handleShowWarning","useSelector","store","dispatch","useDispatch","useParams","useNavigate","getViewMode","useRef","useLocation","handler","performDetailsActionHelper","handleBackClick","useCallback"],"mappings":"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"}
+{"version":3,"file":"useDetailsHeader.hook.mjs","sources":["../../src/lib/hooks/useDetailsHeader.hook.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n\nimport React, { useCallback, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { Link, useLocation, useNavigate, useParams } from 'react-router-dom'\n\nimport ActionsMenu from '../components/ActionsMenu/ActionsMenu'\nimport Button from '../components/Button/Button'\nimport LoadButton from '../components/LoadButton/LoadButton'\nimport RoundedIcon from '../components/RoundedIcon/RoundedIcon'\nimport TextTooltipTemplate from '../components/TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../components/Tooltip/Tooltip'\n\nimport { ACTION_BUTTON, ACTIONS_MENU } from '../types'\nimport { TERTIARY_BUTTON, VIEW_SEARCH_PARAMETER, FULL_VIEW_MODE } from '../constants'\nimport { getFilteredSearchParams } from '../utils/filter.util'\nimport { getViewMode, performDetailsActionHelper } from '../utils/common.util'\n\nimport Close from '../images/close.svg?react'\nimport EnlargeIcon from '../images/ml-enlarge.svg?react'\nimport HistoryIcon from '../images/history.svg?react'\nimport MinimizeIcon from '../images/ml-minimize.svg?react'\nimport Refresh from '../images/refresh.svg?react'\n\nconst DetailsHeaderContainer = ({\n  actionButton = null,\n  actionsMenu,\n  applyChanges,\n  applyChangesRef,\n  cancelChanges,\n  commonDetailsStore,\n  getCloseDetailsLink = null,\n  getDefaultCloseDetailsLink,\n  handleActionClick,\n  handleCancelClick,\n  handleRefresh = null,\n  headerRef,\n  isDetailsPopUp = false,\n  isDetailsScreen,\n  location,\n  navigate,\n  pageData,\n  params,\n  renderCustomElements = null,\n  renderStatus = null,\n  renderTitle,\n  selectedItem,\n  showAllVersions = null,\n  tab = '',\n  viewMode = '',\n  withActionMenu = true,\n  withToggleViewBtn = false\n}) => {\n  return (\n    <div className=\"item-header\" ref={headerRef}>\n      <div className=\"item-header__data\">\n        <h3 className=\"item-header__title\">{renderTitle && renderTitle()}</h3>\n        <div className=\"item-header__status\">{renderStatus && renderStatus()}</div>\n      </div>\n      <div className=\"item-header__custom-elements\">\n        {renderCustomElements && renderCustomElements()}\n      </div>\n      <div className=\"item-header__buttons\">\n        {commonDetailsStore.changes.counter > 0 && !isDetailsPopUp && (\n          <>\n            <Button\n              variant={TERTIARY_BUTTON}\n              label=\"Cancel\"\n              onClick={cancelChanges}\n              disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n            />\n            <Tooltip\n              template={\n                <TextTooltipTemplate\n                  text={`${commonDetailsStore.changes.counter} ${\n                    commonDetailsStore.changes.counter === 1 ? 'change pending' : 'changes pending'\n                  }`}\n                />\n              }\n            >\n              <LoadButton\n                ref={applyChangesRef}\n                variant=\"primary\"\n                label=\"Apply Changes\"\n                className=\"btn_apply-changes\"\n                onClick={applyChanges}\n                disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n              />\n            </Tooltip>\n          </>\n        )}\n        {actionButton && !actionButton.hidden && (\n          <Button\n            disabled={actionButton.disabled}\n            label={actionButton.label}\n            onClick={event => {\n              handleActionClick(event, actionButton.onClick)\n            }}\n            tooltip={actionButton.tooltip}\n            variant={actionButton.variant}\n          />\n        )}\n        {showAllVersions && (\n          <RoundedIcon\n            id=\"showAllVersions\"\n            onClick={() => showAllVersions()}\n            tooltipText=\"Show all versions\"\n          >\n            <HistoryIcon />\n          </RoundedIcon>\n        )}\n        {isDetailsScreen && handleRefresh && (\n          <RoundedIcon\n            id=\"refresh\"\n            onClick={() => handleRefresh(selectedItem)}\n            tooltipText=\"Refresh\"\n          >\n            <Refresh />\n          </RoundedIcon>\n        )}\n        {withActionMenu && <ActionsMenu dataItem={selectedItem} menu={actionsMenu} time={500} />}\n        <div className=\"item-header__navigation-buttons\">\n          {withToggleViewBtn && !isDetailsPopUp && (\n            <>\n              {viewMode !== FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${window.location.search}${window.location.search ? '&' : '?'}${VIEW_SEARCH_PARAMETER}=full`\n                    )\n                  }}\n                  id=\"full-view\"\n                  tooltipText=\"Full view\"\n                >\n                  <EnlargeIcon />\n                </RoundedIcon>\n              )}\n              {viewMode === FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${getFilteredSearchParams(window.location.search, [VIEW_SEARCH_PARAMETER])}`\n                    )\n                  }}\n                  id=\"table-view\"\n                  tooltipText=\"Table view\"\n                >\n                  <MinimizeIcon />\n                </RoundedIcon>\n              )}\n            </>\n          )}\n          {!pageData.details.hideCloseBtn &&\n            (isDetailsPopUp ? (\n              <div\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </div>\n            ) : (\n              <Link\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                to={\n                  getCloseDetailsLink\n                    ? getCloseDetailsLink(selectedItem.name)\n                    : getDefaultCloseDetailsLink(params, pageData.page, tab)\n                }\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nDetailsHeaderContainer.propTypes = {\n  actionButton: ACTION_BUTTON,\n  actionsMenu: ACTIONS_MENU.isRequired,\n  applyChanges: PropTypes.func.isRequired,\n  applyChangesRef: PropTypes.object.isRequired,\n  cancelChanges: PropTypes.func.isRequired,\n  commonDetailsStore: PropTypes.object.isRequired,\n  getCloseDetailsLink: PropTypes.func,\n  getDefaultCloseDetailsLink: PropTypes.func.isRequired,\n  handleActionClick: PropTypes.func.isRequired,\n  handleCancelClick: PropTypes.func.isRequired,\n  handleRefresh: PropTypes.func,\n  headerRef: PropTypes.object.isRequired,\n  isDetailsPopUp: PropTypes.bool,\n  isDetailsScreen: PropTypes.bool.isRequired,\n  location: PropTypes.object.isRequired,\n  navigate: PropTypes.func.isRequired,\n  pageData: PropTypes.object.isRequired,\n  params: PropTypes.object.isRequired,\n  renderCustomElements: PropTypes.func,\n  renderStatus: PropTypes.func,\n  renderTitle: PropTypes.func.isRequired,\n  selectedItem: PropTypes.object.isRequired,\n  showAllVersions: PropTypes.func,\n  tab: PropTypes.string,\n  viewMode: PropTypes.string,\n  withActionMenu: PropTypes.bool,\n  withToggleViewBtn: PropTypes.bool\n}\n\nexport const useDetailsHeader = ({ handleCancel, handleShowWarning, isDetailsPopUp, pageData }) => {\n  const commonDetailsStore = useSelector(store => store.commonDetailsStore)\n  const dispatch = useDispatch()\n  const params = useParams()\n  const navigate = useNavigate()\n  const viewMode = getViewMode(window.location.search)\n  const { actionButton, withToggleViewBtn, showAllVersions } = pageData.details\n  const headerRef = useRef()\n  const location = useLocation()\n\n  const handleActionClick = async (event, handler) => {\n    const actionCanBePerformed = await performDetailsActionHelper(\n      commonDetailsStore.changes,\n      dispatch\n    )\n\n    if (actionCanBePerformed) {\n      handler(event)\n    }\n  }\n\n  const handleBackClick = useCallback(() => {\n    if (commonDetailsStore.changes.counter > 0) {\n      handleShowWarning(true)\n    } else if (handleCancel) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, handleShowWarning])\n\n  const handleCancelClick = useCallback(() => {\n    if (handleCancel && (commonDetailsStore.changes.counter === 0 || isDetailsPopUp)) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, isDetailsPopUp])\n\n  return {\n    DetailsHeaderContainer,\n    actionButton,\n    commonDetailsStore,\n    handleActionClick,\n    handleBackClick,\n    handleCancelClick,\n    headerRef,\n    location,\n    navigate,\n    params,\n    showAllVersions,\n    viewMode,\n    withToggleViewBtn\n  }\n}\n"],"names":["DetailsHeaderContainer","actionButton","actionsMenu","applyChanges","applyChangesRef","cancelChanges","commonDetailsStore","getCloseDetailsLink","getDefaultCloseDetailsLink","handleActionClick","handleCancelClick","handleRefresh","headerRef","isDetailsPopUp","isDetailsScreen","location","navigate","pageData","params","renderCustomElements","renderStatus","renderTitle","selectedItem","showAllVersions","tab","viewMode","withActionMenu","withToggleViewBtn","jsxs","jsx","Fragment","Button","TERTIARY_BUTTON","Tooltip","TextTooltipTemplate","LoadButton","event","RoundedIcon","HistoryIcon","Refresh","ActionsMenu","FULL_VIEW_MODE","VIEW_SEARCH_PARAMETER","EnlargeIcon","getFilteredSearchParams","MinimizeIcon","Close","Link","ACTION_BUTTON","ACTIONS_MENU","PropTypes","useDetailsHeader","handleCancel","handleShowWarning","useSelector","store","dispatch","useDispatch","useParams","useNavigate","getViewMode","useRef","useLocation","handler","performDetailsActionHelper","handleBackClick","useCallback"],"mappings":"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"}

package/dist/images/batch-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#869CFF"/>
+<path d="M13.5 21.833V20.1663H23.5V21.833H13.5ZM13.5 16.833V15.1663H23.5V16.833H13.5ZM13.5 11.833V10.1663H23.5V11.833H13.5ZM10.1667 22.6663C9.70833 22.6663 9.31597 22.5031 8.98958 22.1768C8.66319 21.8504 8.5 21.458 8.5 20.9997C8.5 20.5413 8.66319 20.149 8.98958 19.8226C9.31597 19.4962 9.70833 19.333 10.1667 19.333C10.625 19.333 11.0174 19.4962 11.3438 19.8226C11.6701 20.149 11.8333 20.5413 11.8333 20.9997C11.8333 21.458 11.6701 21.8504 11.3438 22.1768C11.0174 22.5031 10.625 22.6663 10.1667 22.6663ZM10.1667 17.6663C9.70833 17.6663 9.31597 17.5031 8.98958 17.1768C8.66319 16.8504 8.5 16.458 8.5 15.9997C8.5 15.5413 8.66319 15.149 8.98958 14.8226C9.31597 14.4962 9.70833 14.333 10.1667 14.333C10.625 14.333 11.0174 14.4962 11.3438 14.8226C11.6701 15.149 11.8333 15.5413 11.8333 15.9997C11.8333 16.458 11.6701 16.8504 11.3438 17.1768C11.0174 17.5031 10.625 17.6663 10.1667 17.6663ZM10.1667 12.6663C9.70833 12.6663 9.31597 12.5031 8.98958 12.1768C8.66319 11.8504 8.5 11.458 8.5 10.9997C8.5 10.5413 8.66319 10.149 8.98958 9.82259C9.31597 9.4962 9.70833 9.33301 10.1667 9.33301C10.625 9.33301 11.0174 9.4962 11.3438 9.82259C11.6701 10.149 11.8333 10.5413 11.8333 10.9997C11.8333 11.458 11.6701 11.8504 11.3438 12.1768C11.0174 12.5031 10.625 12.6663 10.1667 12.6663Z" fill="white"/>
+</svg>

package/dist/images/choice-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#5468C7"/>
+<path d="M11.0002 12.1668V13.5002C11.0002 13.7363 10.9203 13.9342 10.7606 14.0939C10.6009 14.2536 10.4029 14.3335 10.1668 14.3335C9.93072 14.3335 9.7328 14.2536 9.57308 14.0939C9.41336 13.9342 9.3335 13.7363 9.3335 13.5002V10.1668C9.3335 9.93072 9.41336 9.7328 9.57308 9.57308C9.7328 9.41336 9.93072 9.3335 10.1668 9.3335H13.5002C13.7363 9.3335 13.9342 9.41336 14.0939 9.57308C14.2536 9.7328 14.3335 9.93072 14.3335 10.1668C14.3335 10.4029 14.2536 10.6009 14.0939 10.7606C13.9342 10.9203 13.7363 11.0002 13.5002 11.0002H12.1668L16.3543 15.1877C16.5071 15.3404 16.6252 15.5175 16.7085 15.7189C16.7918 15.9203 16.8335 16.1321 16.8335 16.3543V21.8335C16.8335 22.0696 16.7536 22.2675 16.5939 22.4272C16.4342 22.587 16.2363 22.6668 16.0002 22.6668C15.7641 22.6668 15.5661 22.587 15.4064 22.4272C15.2467 22.2675 15.1668 22.0696 15.1668 21.8335V16.3335L11.0002 12.1668ZM21.0002 12.1668L18.9585 14.2293C18.7918 14.396 18.5939 14.4793 18.3647 14.4793C18.1356 14.4793 17.9377 14.396 17.771 14.2293C17.6043 14.0627 17.521 13.8613 17.521 13.6252C17.521 13.3891 17.6043 13.1877 17.771 13.021L19.8335 11.0002H18.5002C18.2641 11.0002 18.0661 10.9203 17.9064 10.7606C17.7467 10.6009 17.6668 10.4029 17.6668 10.1668C17.6668 9.93072 17.7467 9.7328 17.9064 9.57308C18.0661 9.41336 18.2641 9.3335 18.5002 9.3335H21.8335C22.0696 9.3335 22.2675 9.41336 22.4272 9.57308C22.587 9.7328 22.6668 9.93072 22.6668 10.1668V13.5002C22.6668 13.7363 22.587 13.9342 22.4272 14.0939C22.2675 14.2536 22.0696 14.3335 21.8335 14.3335C21.5974 14.3335 21.3995 14.2536 21.2397 14.0939C21.08 13.9342 21.0002 13.7363 21.0002 13.5002V12.1668Z" fill="white"/>
+</svg>

package/dist/images/custom-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#A98982"/>
+<path d="M13.4998 7.6665V11.7582H11.8332V7.6665C9.4665 8.0665 7.6665 10.1165 7.6665 12.5915C7.6665 14.4415 8.67484 16.0498 10.1665 16.9165V24.2582C10.1665 24.7165 10.5415 25.0915 10.9998 25.0915H14.3332C14.7915 25.0915 15.1665 24.7165 15.1665 24.2582V16.9165C16.6582 16.0498 17.6665 14.4415 17.6665 12.5915C17.6665 10.1165 15.8665 8.0665 13.4998 7.6665ZM14.3332 15.4748L13.4998 15.9582V23.4248H11.8332V15.9582L10.9998 15.4748C9.97484 14.8748 9.33317 13.7748 9.33317 12.5915C9.33317 11.7582 9.6415 10.9748 10.1665 10.3832V13.4248H15.1665V10.3832C15.6915 10.9748 15.9998 11.7582 15.9998 12.5915C15.9998 13.7748 15.3582 14.8748 14.3332 15.4748ZM23.4498 21.7082C23.4665 21.5832 23.4748 21.4665 23.4748 21.3415C23.4748 21.2165 23.4665 21.0915 23.4498 20.9665L24.2582 20.3582C24.3332 20.2998 24.3582 20.1998 24.3082 20.1165L23.5415 18.8165C23.4998 18.7332 23.3915 18.6998 23.2998 18.7332L22.3415 19.1082C22.1415 18.9665 21.9332 18.8415 21.6915 18.7415L21.5498 17.7498C21.5332 17.6582 21.4498 17.5915 21.3582 17.5915H19.8165C19.7165 17.5915 19.6332 17.6582 19.6165 17.7498L19.4748 18.7415C19.2332 18.8415 19.0248 18.9665 18.8248 19.1082L17.8665 18.7332C17.7832 18.6998 17.6665 18.7332 17.6332 18.8165L16.8582 20.1165C16.8082 20.1998 16.8332 20.2998 16.9082 20.3582L17.7165 20.9665C17.7082 21.0915 17.6915 21.2165 17.6915 21.3415C17.6915 21.4665 17.7082 21.5832 17.7165 21.7082L16.9082 22.3248C16.8332 22.3832 16.8082 22.4832 16.8582 22.5665L17.6332 23.8665C17.6665 23.9498 17.7832 23.9748 17.8665 23.9498L18.8248 23.5665C19.0248 23.7165 19.2332 23.8415 19.4748 23.9415L19.6165 24.9332C19.6332 25.0248 19.7165 25.0915 19.8165 25.0915H21.3582C21.4498 25.0915 21.5332 25.0248 21.5498 24.9332L21.6915 23.9415C21.9332 23.8415 22.1415 23.7165 22.3415 23.5665L23.2998 23.9498C23.3915 23.9748 23.4998 23.9498 23.5415 23.8665L24.3082 22.5665C24.3582 22.4832 24.3332 22.3832 24.2582 22.3248L23.4498 21.7082ZM20.5832 22.5915C19.8915 22.5915 19.3332 22.0332 19.3332 21.3415C19.3332 20.6498 19.8915 20.0915 20.5832 20.0915C21.2748 20.0915 21.8332 20.6498 21.8332 21.3415C21.8332 22.0332 21.2748 22.5915 20.5832 22.5915Z" fill="white"/>
+</svg>

package/dist/images/error-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#E54158"/>
+<path d="M16 7.66699C11.3917 7.66699 7.66667 11.392 7.66667 16.0003C7.66667 20.6087 11.3917 24.3337 16 24.3337C20.6083 24.3337 24.3333 20.6087 24.3333 16.0003C24.3333 11.392 20.6083 7.66699 16 7.66699ZM20.1667 18.992L18.9917 20.167L16 17.1753L13.0083 20.167L11.8333 18.992L14.825 16.0003L11.8333 13.0087L13.0083 11.8337L16 14.8253L18.9917 11.8337L20.1667 13.0087L17.175 16.0003L20.1667 18.992Z" fill="white"/>
+</svg>

package/dist/images/events-step-badge.svg

@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id=".step-badge">
+<rect width="32" height="32" rx="6" fill="#869CFF"/>
+<g id="step">
+<path id="ic" d="M21.8332 18.5C21.1248 18.5 20.5311 18.2604 20.0519 17.7812C19.5728 17.3021 19.3332 16.7083 19.3332 16C19.3332 15.2917 19.5728 14.6979 20.0519 14.2188C20.5311 13.7396 21.1248 13.5 21.8332 13.5C22.5415 13.5 23.1353 13.7396 23.6144 14.2188C24.0936 14.6979 24.3332 15.2917 24.3332 16C24.3332 16.7083 24.0936 17.3021 23.6144 17.7812C23.1353 18.2604 22.5415 18.5 21.8332 18.5ZM14.479 16.8333H8.49984C8.26373 16.8333 8.06581 16.7535 7.90609 16.5938C7.74637 16.434 7.6665 16.2361 7.6665 16C7.6665 15.7639 7.74637 15.566 7.90609 15.4062C8.06581 15.2465 8.26373 15.1667 8.49984 15.1667H14.479L12.9165 13.5833C12.7637 13.4306 12.6839 13.2396 12.6769 13.0104C12.67 12.7812 12.7498 12.5833 12.9165 12.4167C13.0693 12.2639 13.2637 12.1875 13.4998 12.1875C13.7359 12.1875 13.9304 12.2639 14.0832 12.4167L17.0832 15.4167C17.2498 15.5833 17.3332 15.7778 17.3332 16C17.3332 16.2222 17.2498 16.4167 17.0832 16.5833L14.0832 19.5833C13.9165 19.75 13.7221 19.8299 13.4998 19.8229C13.2776 19.816 13.0832 19.7292 12.9165 19.5625C12.7637 19.3958 12.6839 19.2014 12.6769 18.9792C12.67 18.7569 12.7498 18.5625 12.9165 18.3958L14.479 16.8333Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/images/filter-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#869CFF"/>
+<path d="M10.0832 23.0837L8.9165 21.917L11.4998 19.3337H9.33317V17.667H14.3332V22.667H12.6665V20.5003L10.0832 23.0837ZM21.9165 23.0837L19.3332 20.5003V22.667H17.6665V17.667H22.6665V19.3337H20.4998L23.0832 21.917L21.9165 23.0837ZM9.33317 14.3337V12.667H11.4998L8.9165 10.0837L10.0832 8.91699L12.6665 11.5003V9.33366H14.3332V14.3337H9.33317ZM17.6665 14.3337V9.33366H19.3332V11.5003L21.9165 8.91699L23.0832 10.0837L20.4998 12.667H22.6665V14.3337H17.6665Z" fill="white"/>
+</svg>

package/dist/images/genai-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#F98B0A"/>
+<path d="M8.5 23.1074V9.60737C8.5 9.19487 8.64687 8.84175 8.94062 8.548C9.23437 8.25425 9.5875 8.10737 10 8.10737H22C22.4125 8.10737 22.7656 8.25425 23.0594 8.548C23.3531 8.84175 23.5 9.19487 23.5 9.60737V18.6074C23.5 19.0199 23.3531 19.373 23.0594 19.6667C22.7656 19.9605 22.4125 20.1074 22 20.1074H11.5L8.5 23.1074ZM10.8625 18.6074H22V9.60737H10V19.4511L10.8625 18.6074Z" fill="white"/>
+</svg>

package/dist/images/kafka-icon.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.20638 1.30505C3.03996 1.1422 2.80908 1.04187 2.55169 1.04187C2.29496 1.04187 2.06585 1.1422 1.90153 1.30505H1.89733C1.7314 1.46681 1.62848 1.69251 1.62848 1.94183C1.62848 2.19257 1.7314 2.41686 1.89733 2.57703L1.90153 2.58144C2.06585 2.74288 2.29496 2.84179 2.55169 2.84179C2.80908 2.84179 3.03996 2.74288 3.20638 2.58144L3.20832 2.57703C3.3749 2.41686 3.47653 2.19257 3.47653 1.94183C3.47653 1.69251 3.3749 1.46681 3.20832 1.30505H3.20638ZM2.55169 13.6248C2.80908 13.6248 3.03996 13.5226 3.20638 13.3627L3.20832 13.358C3.3749 13.1984 3.47653 12.9727 3.47653 12.7247C3.47653 12.4739 3.3749 12.2493 3.20832 12.0868H3.20638C3.03996 11.9224 2.80908 11.823 2.55169 11.823C2.29496 11.823 2.06585 11.9224 1.90153 12.0868H1.89733C1.7314 12.2493 1.62848 12.4739 1.62848 12.7247C1.62848 12.9727 1.7314 13.1984 1.89733 13.358L1.90153 13.3627C2.06585 13.5226 2.29496 13.6248 2.55169 13.6248ZM7.58189 10.898C7.81051 10.8394 8.01748 10.6964 8.14399 10.48L8.16096 10.4483C8.27341 10.2434 8.29393 10.0065 8.23383 9.79626C8.17324 9.57182 8.02491 9.37274 7.8034 9.24878L7.79031 9.24028C7.57445 9.12467 7.32887 9.09947 7.10299 9.15948C6.8734 9.21539 6.66707 9.36439 6.54137 9.57891C6.41405 9.79216 6.38755 10.0372 6.44846 10.2628C6.51132 10.4847 6.65851 10.6852 6.87873 10.8106H6.88002C7.10073 10.9342 7.35019 10.9564 7.58189 10.898ZM3.49866 6.41108C3.2563 6.17546 2.92185 6.02773 2.55169 6.02773C2.18202 6.02773 1.84854 6.17546 1.60666 6.41108C1.3656 6.64639 1.21695 6.971 1.21695 7.33184C1.21695 7.69267 1.3656 8.0187 1.60666 8.25668C1.84854 8.49089 2.18202 8.63721 2.55169 8.63721C2.92185 8.63721 3.2563 8.49089 3.49866 8.25668C3.74037 8.0187 3.88902 7.69267 3.88902 7.33184C3.88902 6.971 3.74037 6.64639 3.49866 6.41108ZM2.96612 4.87718C3.50351 4.96349 3.98596 5.21439 4.35483 5.57649H4.35757C4.41622 5.6335 4.47326 5.69634 4.52641 5.75903L5.44818 5.23928C5.32425 4.87419 5.31844 4.49256 5.41813 4.13456C5.54948 3.65529 5.86826 3.22625 6.34619 2.9574L6.3617 2.94779C6.83446 2.68713 7.37168 2.63279 7.85656 2.76084C8.34773 2.8892 8.79076 3.20137 9.06656 3.66647V3.66789C9.34107 4.13047 9.39665 4.66125 9.26578 5.13911C9.13507 5.61822 8.81516 6.05025 8.33772 6.31753L8.21185 6.38998H8.19909C7.75751 6.59489 7.27199 6.62702 6.82606 6.51252C6.45994 6.41801 6.12419 6.21862 5.86115 5.9359L4.94068 6.45424C5.04651 6.72703 5.105 7.02109 5.105 7.33184C5.105 7.64101 5.04651 7.93932 4.94068 8.21353L5.86115 8.73045C6.12419 8.44332 6.45994 8.24849 6.82606 8.15368C7.31739 8.02279 7.86189 8.07839 8.33772 8.34882L8.36825 8.36268V8.3641C8.82792 8.63579 9.13652 9.05506 9.26578 9.52866C9.39665 10.0037 9.34107 10.5348 9.06656 10.9983L9.04992 11.0306L9.04798 11.0279C8.77234 11.4747 8.33772 11.7775 7.85801 11.9055C7.36603 12.032 6.82137 11.978 6.34619 11.7115V11.7078C5.86826 11.4385 5.54948 11.0085 5.41813 10.5302C5.31844 10.1738 5.32425 9.79216 5.44818 9.42723L4.52641 8.90874C4.47326 8.97142 4.41622 9.03143 4.35757 9.08845L4.35483 9.09128C3.98596 9.45212 3.50351 9.70286 2.96612 9.78633V10.8246C3.34905 10.9025 3.6919 11.0892 3.96043 11.3511L3.96189 11.3538C4.32187 11.7031 4.54483 12.1898 4.54483 12.7247C4.54483 13.258 4.32187 13.7418 3.96189 14.0929L3.96043 14.0984C3.59787 14.4493 3.10055 14.6667 2.55169 14.6667C2.00574 14.6667 1.50714 14.4493 1.14538 14.0984H1.14392V14.0929C0.78362 13.7418 0.560167 13.258 0.560167 12.7247C0.560167 12.1898 0.78362 11.7031 1.14392 11.3538V11.3511H1.14538C1.41375 11.0892 1.75725 10.9025 2.13872 10.8246V9.78633C1.60149 9.70286 1.11985 9.45212 0.751629 9.09128L0.747751 9.08845C0.28792 8.63862 0 8.0187 0 7.33184C0 6.64639 0.28792 6.02647 0.747751 5.57649H0.751629C1.11985 5.21439 1.60149 4.96349 2.13872 4.87718V3.84334C1.75725 3.7627 1.41375 3.57606 1.14538 3.31556H1.14392V3.31272C0.78362 2.96023 0.560167 2.47686 0.560167 1.94183C0.560167 1.40964 0.78362 0.922012 1.14392 0.570942L1.14538 0.569524C1.50714 0.217194 2.00574 0 2.55169 0C3.10055 0 3.59787 0.217194 3.96043 0.569524V0.570942H3.96189C4.32187 0.922012 4.54483 1.40964 4.54483 1.94183C4.54483 2.47686 4.32187 2.96023 3.96189 3.31272L3.96043 3.31556C3.6919 3.57606 3.34905 3.7627 2.96612 3.84334V4.87718ZM8.14399 4.18764L8.13608 4.1763C8.00908 3.96745 7.80615 3.82822 7.58189 3.76822C7.35019 3.70821 7.10073 3.73341 6.87873 3.85752H6.88002C6.65851 3.98005 6.51035 4.1804 6.44846 4.40499C6.38755 4.62786 6.41405 4.87419 6.54137 5.08886L6.54573 5.09438C6.67321 5.30621 6.87631 5.44828 7.10299 5.50545C7.3308 5.5683 7.58463 5.54168 7.8034 5.41757L7.81519 5.41205C8.03057 5.28668 8.17404 5.08886 8.23383 4.87151C8.2949 4.64723 8.2705 4.40216 8.14399 4.18764Z" fill="#4B4760"/>
+</svg>

package/dist/images/legend-queue-icon.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="10" viewBox="0 0 20 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3333 10C20.1619 9.48018 20.4167 0.416667 18.3333 0H1.4051C-0.636913 0.842015 -0.249346 9.27183 1.26671 10H18.3333Z" fill="#F3F5F9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.9072 0C1.88884 0 1.8718 0.0053364 1.85701 0.0141502C1.53005 -0.0434601 1.23835 0.165102 1.0371 0.413544C0.0833629 1.59092 0 3.52495 0 5.00199C2.42411e-06 5.6494 0.0427124 6.29087 0.125975 6.88995C0.209213 7.48884 0.331496 8.03508 0.486518 8.49709C0.641199 8.95808 0.82724 9.33138 1.0371 9.59044C1.24655 9.84898 1.48571 9.99997 1.74275 10C1.78487 10 1.82644 9.99556 1.86756 9.98764C10.0908 10 9.57756 9.99621 18.241 9.99621C18.9397 9.99562 19.3284 8.99892 19.4972 8.4957C19.6522 8.03369 19.7745 7.48744 19.8577 6.88855C20.1013 5.13581 20.0633 3.19274 19.4972 1.5055C19.3125 0.955049 18.9364 0.000572227 18.241 0H1.9072ZM1.74275 0.207868C1.91714 0.207868 2.10535 0.309983 2.2945 0.543487C2.48328 0.776522 2.65951 1.12458 2.80993 1.57286C3.36757 3.23479 3.40249 5.12862 3.16168 6.86125C3.0798 7.45038 2.96 7.98365 2.80993 8.43092C2.65952 8.87919 2.48327 9.22726 2.2945 9.4603C2.10535 9.6938 1.91714 9.79592 1.74275 9.79592C1.56839 9.79589 1.38032 9.69377 1.1912 9.4603C1.00243 9.22726 0.826186 8.8792 0.675773 8.43092C0.309764 7.34009 0.200002 6.15013 0.199998 5.00199C0.199998 3.85379 0.309737 2.66375 0.675773 1.57286C0.826191 1.12459 1.00243 0.77652 1.1912 0.543487C1.38032 0.31003 1.56839 0.207901 1.74275 0.207868ZM18.241 0.206473C18.4153 0.206506 18.6034 0.308652 18.7925 0.542092C18.9813 0.775119 19.1575 1.12321 19.3079 1.57147C19.458 2.01875 19.5778 2.55219 19.6597 3.14134C19.8302 4.36825 19.8302 5.63295 19.6597 6.85985C19.5778 7.44897 19.458 7.98226 19.3079 8.42953C19.1578 8.87688 18.982 9.22447 18.7937 9.45751C18.6697 9.59165 18.6083 9.64767 18.5416 9.68491C18.4732 9.72304 18.3957 9.74403 18.2277 9.79213H2.2531C2.32069 9.73524 2.38602 9.6677 2.4486 9.59044C2.65846 9.33138 2.8445 8.95808 2.99918 8.49709C3.15421 8.03508 3.27649 7.48884 3.35973 6.88995C3.60333 5.1372 3.56529 3.19414 2.99918 1.5069C2.79631 0.902275 2.54226 0.450132 2.24411 0.204082C13.2483 0.204082 7.23707 0.206474 18.241 0.206473Z" fill="#768CBC"/>
+<path d="M1.9072 0C1.88884 0 1.8718 0.0053364 1.85701 0.0141502C1.53005 -0.0434601 1.23835 0.165102 1.0371 0.413544C0.0833629 1.59092 0 3.52495 0 5.00199C2.36327e-06 5.63315 0.0391048 6.26491 0.125975 6.88995C0.201596 7.43403 0.311884 7.97663 0.486518 8.49709C0.615261 8.88078 0.781788 9.27527 1.0371 9.59044C1.21334 9.80799 1.45554 9.99996 1.74275 10C1.78487 10 1.82644 9.99556 1.86756 9.98764C10.0908 10 9.57756 9.99621 18.241 9.99621C18.9397 9.99562 19.3284 8.99892 19.4972 8.4957C19.6718 7.97524 19.7821 7.43264 19.8577 6.88855C20.1013 5.13581 20.0633 3.19274 19.4972 1.5055C19.3125 0.955049 18.9364 0.000572227 18.241 0H1.9072ZM1.74275 0.207868C1.91714 0.207868 2.10535 0.309983 2.2945 0.543487C2.53605 0.841669 2.68819 1.21009 2.80993 1.57286C3.36757 3.23479 3.40249 5.12862 3.16168 6.86125C3.0878 7.39282 2.98053 7.92246 2.80993 8.43092C2.68841 8.79307 2.53548 9.16278 2.2945 9.4603C2.10535 9.6938 1.91714 9.79592 1.74275 9.79592C1.51656 9.79588 1.3267 9.62757 1.1912 9.4603C0.950547 9.16321 0.797223 8.79288 0.675773 8.43092C0.309764 7.34009 0.200002 6.15013 0.199998 5.00199C0.199998 3.85379 0.309737 2.66375 0.675773 1.57286C0.797507 1.21009 0.949651 0.841669 1.1912 0.543487C1.32799 0.374623 1.51629 0.207911 1.74275 0.207868ZM18.241 0.206473C18.4153 0.206506 18.6034 0.308652 18.7925 0.542092C19.0341 0.840273 19.1862 1.2087 19.3079 1.57147C19.4785 2.07989 19.5858 2.60988 19.6597 3.14134C19.8302 4.36825 19.8302 5.63295 19.6597 6.85985C19.5858 7.39142 19.4786 7.92106 19.3079 8.42953C19.1578 8.87688 18.982 9.22447 18.7937 9.45751C18.6697 9.59165 18.6083 9.64767 18.5416 9.68491C18.4732 9.72304 18.3957 9.74403 18.2277 9.79213H2.2531C2.32069 9.73524 2.38602 9.6677 2.4486 9.59044C2.70391 9.27527 2.87044 8.88078 2.99918 8.49709C3.17382 7.97663 3.28411 7.43403 3.35973 6.88995C3.60333 5.1372 3.56529 3.19414 2.99918 1.5069C2.79631 0.902275 2.54226 0.450132 2.24411 0.204082C13.2483 0.204082 7.23707 0.206474 18.241 0.206473Z" fill="#768CBC"/>
+</svg>

package/dist/images/legend.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="legend">
+<g id="ic">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.29297 16.5C6.48686 16.5 6.65939 16.5688 6.7959 16.707C6.93226 16.8452 6.99995 17.0196 7 17.2158V20.2842C6.99995 20.4804 6.93226 20.6548 6.7959 20.793C6.65939 20.9312 6.48685 21 6.29297 21H3.2627C3.06877 21 2.8963 20.9312 2.75977 20.793C2.62336 20.6548 2.55572 20.4804 2.55566 20.2842V17.2158C2.55572 17.0196 2.62336 16.8452 2.75977 16.707C2.89629 16.5688 3.06876 16.5 3.2627 16.5H6.29297ZM3.96973 19.5684H5.58594V17.9316H3.96973V19.5684Z" fill="#7F7989"/>
+<path d="M20.8887 17.625C21.2035 17.625 21.4677 17.7326 21.6807 17.9482C21.8936 18.1639 22 18.4312 22 18.75C22 19.0688 21.8936 19.3361 21.6807 19.5518C21.4677 19.7674 21.2035 19.875 20.8887 19.875H9.77734C9.46282 19.8749 9.19916 19.7671 8.98633 19.5518C8.77337 19.3361 8.66699 19.0688 8.66699 18.75C8.66699 18.4312 8.77337 18.1639 8.98633 17.9482C9.19916 17.7329 9.46282 17.6251 9.77734 17.625H20.8887Z" fill="#7F7989"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.71191 9.52637C4.82045 9.52646 4.92405 9.55045 5.02148 9.59961C5.12536 9.6522 5.2094 9.73616 5.27344 9.84375L7.32422 13.2295C7.38893 13.3387 7.42285 13.4573 7.42285 13.5811C7.42279 13.7007 7.39632 13.8128 7.34082 13.9141C7.28541 14.015 7.20686 14.0973 7.1084 14.1582C7.0063 14.2213 6.88903 14.2499 6.76172 14.25H2.66113C2.53384 14.25 2.41655 14.2212 2.31445 14.1582C2.21594 14.0972 2.13745 14.0151 2.08203 13.9141C2.02644 13.8127 2.00006 13.7008 2 13.5811C2 13.4574 2.03303 13.3396 2.09766 13.2305L2.09863 13.2295L4.14844 9.84375C4.2125 9.73605 4.29644 9.65223 4.40039 9.59961C4.49818 9.55017 4.60295 9.52637 4.71191 9.52637ZM3.83789 12.9111H5.58496L4.71191 11.4814L3.83789 12.9111Z" fill="#7F7989"/>
+<path d="M20.8887 10.875C21.2035 10.875 21.4677 10.9826 21.6807 11.1982C21.8936 11.4139 22 11.6812 22 12C22 12.3187 21.8936 12.5861 21.6807 12.8018C21.4677 13.0174 21.2035 13.125 20.8887 13.125H9.77734C9.46282 13.1249 9.19916 13.0171 8.98633 12.8018C8.77337 12.5861 8.66699 12.3187 8.66699 12C8.66699 11.6812 8.77337 11.4139 8.98633 11.1982C9.19916 10.9829 9.46282 10.8751 9.77734 10.875H20.8887Z" fill="#7F7989"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.55566 3C5.23104 3.00008 5.81197 3.24261 6.28613 3.72266C6.76038 4.20283 7 4.79159 7 5.47559C6.99991 6.1594 6.76026 6.74746 6.28613 7.22754C5.81196 7.70764 5.23107 7.95012 4.55566 7.9502C3.88012 7.9502 3.29847 7.70771 2.82422 7.22754C2.3502 6.74749 2.11044 6.15932 2.11035 5.47559C2.11035 4.79164 2.35003 4.20281 2.82422 3.72266C3.29847 3.24248 3.88012 3 4.55566 3ZM6.12988 7.06934C6.02647 7.17404 5.91675 7.26508 5.80273 7.34473C5.85703 7.3068 5.91101 7.26724 5.96289 7.22363L6.12988 7.06934ZM4.27734 6.69531C4.3659 6.71433 4.45869 6.72559 4.55566 6.72559L4.42871 6.71973C4.37694 6.71503 4.32651 6.70591 4.27734 6.69531ZM5.20703 6.54297C5.21884 6.53551 5.23156 6.52941 5.24316 6.52148L5.25488 6.5127C5.23936 6.52358 5.22293 6.53292 5.20703 6.54297ZM4.55566 4.4502C4.26733 4.4502 4.03184 4.54872 3.83594 4.74707C3.64012 4.94539 3.54297 5.18371 3.54297 5.47559C3.54305 5.76735 3.64012 6.00584 3.83594 6.2041C4.03179 6.40228 4.26745 6.5 4.55566 6.5C4.84365 6.49993 5.07867 6.4021 5.27441 6.2041C5.47023 6.00584 5.5673 5.76735 5.56738 5.47559C5.56738 5.18365 5.47031 4.94542 5.27441 4.74707C5.0786 4.54882 4.84383 4.45027 4.55566 4.4502ZM2.36816 5.89844C2.36953 5.90631 2.3716 5.91404 2.37305 5.92188C2.35995 5.85099 2.34939 5.77878 2.34277 5.70508L2.36816 5.89844Z" fill="#7F7989"/>
+<path d="M20.8887 4.125C21.2035 4.125 21.4677 4.23265 21.6807 4.44824C21.8936 4.66387 22 4.93125 22 5.25C22 5.56875 21.8936 5.83613 21.6807 6.05176C21.4677 6.26735 21.2035 6.375 20.8887 6.375H9.77734C9.46282 6.3749 9.19916 6.26715 8.98633 6.05176C8.77337 5.83613 8.66699 5.56875 8.66699 5.25C8.66699 4.93125 8.77337 4.66387 8.98633 4.44824C9.19916 4.23285 9.46282 4.1251 9.77734 4.125H20.8887Z" fill="#7F7989"/>
+</g>
+</g>
+</svg>

package/dist/images/mlrun-hub-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#50B1E7"/>
+<path d="M16.0002 24.75C15.3057 24.75 14.7154 24.5069 14.2293 24.0208C13.7432 23.5347 13.5002 22.9444 13.5002 22.25C13.5002 21.5556 13.7432 20.9653 14.2293 20.4792C14.7154 19.9931 15.3057 19.75 16.0002 19.75C16.6946 19.75 17.2849 19.9931 17.771 20.4792C18.2571 20.9653 18.5002 21.5556 18.5002 22.25C18.5002 22.9444 18.2571 23.5347 17.771 24.0208C17.2849 24.5069 16.6946 24.75 16.0002 24.75ZM16.0002 23.0833C16.2363 23.0833 16.4342 23.0035 16.5939 22.8437C16.7536 22.684 16.8335 22.4861 16.8335 22.25C16.8335 22.0139 16.7536 21.816 16.5939 21.6562C16.4342 21.4965 16.2363 21.4167 16.0002 21.4167C15.7641 21.4167 15.5661 21.4965 15.4064 21.6562C15.2467 21.816 15.1668 22.0139 15.1668 22.25C15.1668 22.4861 15.2467 22.684 15.4064 22.8437C15.5661 23.0035 15.7641 23.0833 16.0002 23.0833ZM10.5835 21.625C9.88905 21.625 9.29877 21.3819 8.81266 20.8958C8.32655 20.4097 8.0835 19.8194 8.0835 19.125C8.0835 18.4306 8.32655 17.8403 8.81266 17.3542C9.29877 16.8681 9.88905 16.625 10.5835 16.625C11.2779 16.625 11.8682 16.8681 12.3543 17.3542C12.8404 17.8403 13.0835 18.4306 13.0835 19.125C13.0835 19.8194 12.8404 20.4097 12.3543 20.8958C11.8682 21.3819 11.2779 21.625 10.5835 21.625ZM21.4168 21.625C20.7224 21.625 20.1321 21.3819 19.646 20.8958C19.1599 20.4097 18.9168 19.8194 18.9168 19.125C18.9168 18.4306 19.1599 17.8403 19.646 17.3542C20.1321 16.8681 20.7224 16.625 21.4168 16.625C22.1113 16.625 22.7016 16.8681 23.1877 17.3542C23.6738 17.8403 23.9168 18.4306 23.9168 19.125C23.9168 19.8194 23.6738 20.4097 23.1877 20.8958C22.7016 21.3819 22.1113 21.625 21.4168 21.625ZM10.5835 19.9583C10.8196 19.9583 11.0175 19.8785 11.1772 19.7188C11.337 19.559 11.4168 19.3611 11.4168 19.125C11.4168 18.8889 11.337 18.691 11.1772 18.5312C11.0175 18.3715 10.8196 18.2917 10.5835 18.2917C10.3474 18.2917 10.1495 18.3715 9.98975 18.5312C9.83002 18.691 9.75016 18.8889 9.75016 19.125C9.75016 19.3611 9.83002 19.559 9.98975 19.7188C10.1495 19.8785 10.3474 19.9583 10.5835 19.9583ZM21.4168 19.9583C21.6529 19.9583 21.8509 19.8785 22.0106 19.7188C22.1703 19.559 22.2502 19.3611 22.2502 19.125C22.2502 18.8889 22.1703 18.691 22.0106 18.5312C21.8509 18.3715 21.6529 18.2917 21.4168 18.2917C21.1807 18.2917 20.9828 18.3715 20.8231 18.5312C20.6634 18.691 20.5835 18.8889 20.5835 19.125C20.5835 19.3611 20.6634 19.559 20.8231 19.7188C20.9828 19.8785 21.1807 19.9583 21.4168 19.9583ZM10.5835 15.375C9.88905 15.375 9.29877 15.1319 8.81266 14.6458C8.32655 14.1597 8.0835 13.5694 8.0835 12.875C8.0835 12.1806 8.32655 11.5903 8.81266 11.1042C9.29877 10.6181 9.88905 10.375 10.5835 10.375C11.2779 10.375 11.8682 10.6181 12.3543 11.1042C12.8404 11.5903 13.0835 12.1806 13.0835 12.875C13.0835 13.5694 12.8404 14.1597 12.3543 14.6458C11.8682 15.1319 11.2779 15.375 10.5835 15.375ZM21.4168 15.375C20.7224 15.375 20.1321 15.1319 19.646 14.6458C19.1599 14.1597 18.9168 13.5694 18.9168 12.875C18.9168 12.1806 19.1599 11.5903 19.646 11.1042C20.1321 10.6181 20.7224 10.375 21.4168 10.375C22.1113 10.375 22.7016 10.6181 23.1877 11.1042C23.6738 11.5903 23.9168 12.1806 23.9168 12.875C23.9168 13.5694 23.6738 14.1597 23.1877 14.6458C22.7016 15.1319 22.1113 15.375 21.4168 15.375ZM10.5835 13.7083C10.8196 13.7083 11.0175 13.6285 11.1772 13.4688C11.337 13.309 11.4168 13.1111 11.4168 12.875C11.4168 12.6389 11.337 12.441 11.1772 12.2812C11.0175 12.1215 10.8196 12.0417 10.5835 12.0417C10.3474 12.0417 10.1495 12.1215 9.98975 12.2812C9.83002 12.441 9.75016 12.6389 9.75016 12.875C9.75016 13.1111 9.83002 13.309 9.98975 13.4688C10.1495 13.6285 10.3474 13.7083 10.5835 13.7083ZM21.4168 13.7083C21.6529 13.7083 21.8509 13.6285 22.0106 13.4688C22.1703 13.309 22.2502 13.1111 22.2502 12.875C22.2502 12.6389 22.1703 12.441 22.0106 12.2812C21.8509 12.1215 21.6529 12.0417 21.4168 12.0417C21.1807 12.0417 20.9828 12.1215 20.8231 12.2812C20.6634 12.441 20.5835 12.6389 20.5835 12.875C20.5835 13.1111 20.6634 13.309 20.8231 13.4688C20.9828 13.6285 21.1807 13.7083 21.4168 13.7083ZM16.0002 12.25C15.3057 12.25 14.7154 12.0069 14.2293 11.5208C13.7432 11.0347 13.5002 10.4444 13.5002 9.75C13.5002 9.05556 13.7432 8.46528 14.2293 7.97917C14.7154 7.49306 15.3057 7.25 16.0002 7.25C16.6946 7.25 17.2849 7.49306 17.771 7.97917C18.2571 8.46528 18.5002 9.05556 18.5002 9.75C18.5002 10.4444 18.2571 11.0347 17.771 11.5208C17.2849 12.0069 16.6946 12.25 16.0002 12.25ZM16.0002 10.5833C16.2363 10.5833 16.4342 10.5035 16.5939 10.3438C16.7536 10.184 16.8335 9.98611 16.8335 9.75C16.8335 9.51389 16.7536 9.31597 16.5939 9.15625C16.4342 8.99653 16.2363 8.91667 16.0002 8.91667C15.7641 8.91667 15.5661 8.99653 15.4064 9.15625C15.2467 9.31597 15.1668 9.51389 15.1668 9.75C15.1668 9.98611 15.2467 10.184 15.4064 10.3438C15.5661 10.5035 15.7641 10.5833 16.0002 10.5833Z" fill="white"/>
+</svg>

package/dist/images/remote-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#A44CC5"/>
+<path d="M16 23.5C14.9625 23.5 13.9875 23.3031 13.075 22.9094C12.1625 22.5156 11.3687 21.9813 10.6937 21.3063C10.0187 20.6313 9.48437 19.8375 9.09062 18.925C8.69687 18.0125 8.5 17.0375 8.5 16C8.5 14.9625 8.69687 13.9875 9.09062 13.075C9.48437 12.1625 10.0187 11.3688 10.6937 10.6938C11.3687 10.0188 12.1625 9.48438 13.075 9.09063C13.9875 8.69688 14.9625 8.5 16 8.5C17.0375 8.5 18.0125 8.69688 18.925 9.09063C19.8375 9.48438 20.6312 10.0188 21.3062 10.6938C21.9812 11.3688 22.5156 12.1625 22.9094 13.075C23.3031 13.9875 23.5 14.9625 23.5 16C23.5 17.0375 23.3031 18.0125 22.9094 18.925C22.5156 19.8375 21.9812 20.6313 21.3062 21.3063C20.6312 21.9813 19.8375 22.5156 18.925 22.9094C18.0125 23.3031 17.0375 23.5 16 23.5ZM15.25 21.9625V20.5C14.8375 20.5 14.4844 20.3531 14.1906 20.0594C13.8969 19.7656 13.75 19.4125 13.75 19V18.25L10.15 14.65C10.1125 14.875 10.0781 15.1 10.0469 15.325C10.0156 15.55 10 15.775 10 16C10 17.5125 10.4969 18.8375 11.4906 19.975C12.4844 21.1125 13.7375 21.775 15.25 21.9625ZM20.425 20.05C20.9375 19.4875 21.3281 18.8594 21.5969 18.1656C21.8656 17.4719 22 16.75 22 16C22 14.775 21.6594 13.6562 20.9781 12.6438C20.2969 11.6313 19.3875 10.9 18.25 10.45V10.75C18.25 11.1625 18.1031 11.5156 17.8094 11.8094C17.5156 12.1031 17.1625 12.25 16.75 12.25H15.25V13.75C15.25 13.9625 15.1781 14.1406 15.0344 14.2844C14.8906 14.4281 14.7125 14.5 14.5 14.5H13V16H17.5C17.7125 16 17.8906 16.0719 18.0344 16.2156C18.1781 16.3594 18.25 16.5375 18.25 16.75V19H19C19.325 19 19.6187 19.0969 19.8812 19.2906C20.1437 19.4844 20.325 19.7375 20.425 20.05Z" fill="white"/>
+</svg>

package/dist/images/response-indicator.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="20" height="20" rx="10" fill="#5871F4" fill-opacity="0.1"/>
+<path d="M8.2 9.55C8.3275 9.55 8.43438 9.50688 8.52062 9.42063C8.60687 9.33438 8.65 9.2275 8.65 9.1C8.65 8.9725 8.60687 8.86562 8.52062 8.77937C8.43438 8.69312 8.3275 8.65 8.2 8.65C8.0725 8.65 7.96562 8.69312 7.87937 8.77937C7.79312 8.86562 7.75 8.9725 7.75 9.1C7.75 9.2275 7.79312 9.33438 7.87937 9.42063C7.96562 9.50688 8.0725 9.55 8.2 9.55ZM10 9.55C10.1275 9.55 10.2344 9.50688 10.3206 9.42063C10.4069 9.33438 10.45 9.2275 10.45 9.1C10.45 8.9725 10.4069 8.86562 10.3206 8.77937C10.2344 8.69312 10.1275 8.65 10 8.65C9.8725 8.65 9.76562 8.69312 9.67938 8.77937C9.59312 8.86562 9.55 8.9725 9.55 9.1C9.55 9.2275 9.59312 9.33438 9.67938 9.42063C9.76562 9.50688 9.8725 9.55 10 9.55ZM11.8 9.55C11.9275 9.55 12.0344 9.50688 12.1206 9.42063C12.2069 9.33438 12.25 9.2275 12.25 9.1C12.25 8.9725 12.2069 8.86562 12.1206 8.77937C12.0344 8.69312 11.9275 8.65 11.8 8.65C11.6725 8.65 11.5656 8.69312 11.4794 8.77937C11.3931 8.86562 11.35 8.9725 11.35 9.1C11.35 9.2275 11.3931 9.33438 11.4794 9.42063C11.5656 9.50688 11.6725 9.55 11.8 9.55ZM5.5 14.5V6.4C5.5 6.1525 5.58813 5.94063 5.76438 5.76438C5.94063 5.58813 6.1525 5.5 6.4 5.5H13.6C13.8475 5.5 14.0594 5.58813 14.2356 5.76438C14.4119 5.94063 14.5 6.1525 14.5 6.4V11.8C14.5 12.0475 14.4119 12.2594 14.2356 12.4356C14.0594 12.6119 13.8475 12.7 13.6 12.7H7.3L5.5 14.5ZM6.9175 11.8H13.6V6.4H6.4V12.3062L6.9175 11.8Z" fill="#5871F4"/>
+</svg>

package/dist/images/router-step-badge.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="6" fill="#047880"/>
+<path d="M10.1667 23.4998C9.70833 23.4998 9.31597 23.3366 8.98958 23.0103C8.66319 22.6839 8.5 22.2915 8.5 21.8332V18.4998C8.5 18.0415 8.66319 17.6491 8.98958 17.3228C9.31597 16.9964 9.70833 16.8332 10.1667 16.8332H18.5V13.4998H20.1667V16.8332H21.8333C22.2917 16.8332 22.684 16.9964 23.0104 17.3228C23.3368 17.6491 23.5 18.0415 23.5 18.4998V21.8332C23.5 22.2915 23.3368 22.6839 23.0104 23.0103C22.684 23.3366 22.2917 23.4998 21.8333 23.4998H10.1667ZM10.1667 21.8332H21.8333V18.4998H10.1667V21.8332ZM11.8333 20.9998C12.0694 20.9998 12.2674 20.92 12.4271 20.7603C12.5868 20.6005 12.6667 20.4026 12.6667 20.1665C12.6667 19.9304 12.5868 19.7325 12.4271 19.5728C12.2674 19.413 12.0694 19.3332 11.8333 19.3332C11.5972 19.3332 11.3993 19.413 11.2396 19.5728C11.0799 19.7325 11 19.9304 11 20.1665C11 20.4026 11.0799 20.6005 11.2396 20.7603C11.3993 20.92 11.5972 20.9998 11.8333 20.9998ZM14.75 20.9998C14.9861 20.9998 15.184 20.92 15.3438 20.7603C15.5035 20.6005 15.5833 20.4026 15.5833 20.1665C15.5833 19.9304 15.5035 19.7325 15.3438 19.5728C15.184 19.413 14.9861 19.3332 14.75 19.3332C14.5139 19.3332 14.316 19.413 14.1562 19.5728C13.9965 19.7325 13.9167 19.9304 13.9167 20.1665C13.9167 20.4026 13.9965 20.6005 14.1562 20.7603C14.316 20.92 14.5139 20.9998 14.75 20.9998ZM17.6667 20.9998C17.9028 20.9998 18.1007 20.92 18.2604 20.7603C18.4201 20.6005 18.5 20.4026 18.5 20.1665C18.5 19.9304 18.4201 19.7325 18.2604 19.5728C18.1007 19.413 17.9028 19.3332 17.6667 19.3332C17.4306 19.3332 17.2326 19.413 17.0729 19.5728C16.9132 19.7325 16.8333 19.9304 16.8333 20.1665C16.8333 20.4026 16.9132 20.6005 17.0729 20.7603C17.2326 20.92 17.4306 20.9998 17.6667 20.9998ZM17.875 12.8748L16.6667 11.6665C17.0278 11.3332 17.4306 11.0693 17.875 10.8748C18.3194 10.6804 18.8056 10.5832 19.3333 10.5832C19.8611 10.5832 20.3472 10.6804 20.7917 10.8748C21.2361 11.0693 21.6389 11.3332 22 11.6665L20.7917 12.8748C20.5972 12.6804 20.3785 12.5276 20.1354 12.4165C19.8924 12.3054 19.625 12.2498 19.3333 12.2498C19.0417 12.2498 18.7743 12.3054 18.5312 12.4165C18.2882 12.5276 18.0694 12.6804 17.875 12.8748ZM15.7917 10.7915L14.625 9.62484C15.2361 9.01373 15.9444 8.53456 16.75 8.18734C17.5556 7.84012 18.4167 7.6665 19.3333 7.6665C20.25 7.6665 21.1111 7.84012 21.9167 8.18734C22.7222 8.53456 23.4306 9.01373 24.0417 9.62484L22.875 10.7915C22.4167 10.3332 21.8854 9.97553 21.2812 9.71859C20.6771 9.46164 20.0278 9.33317 19.3333 9.33317C18.6389 9.33317 17.9896 9.46164 17.3854 9.71859C16.7812 9.97553 16.25 10.3332 15.7917 10.7915Z" fill="white"/>
+</svg>

package/dist/images/v3io-icon.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.32727 6.98182V12.8L6.98182 4.65455H4.65455L6.98182 0H0V6.98182H2.32727Z" fill="#4B4760"/>
+</svg>

package/dist/index.css

@@ -1 +1 @@
-.tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container button.item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container button.item-icon-close.hidden{display:none}.edit-chip-container button.item-icon-close.invisible{visibility:hidden}.edit-chip-container button.item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px;width:max-content}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto;min-width:0}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row;align-items:center;overflow:hidden}.chips-wrapper.chips-wrapper_all-visible{flex-wrap:wrap}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{position:relative}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease}.form-field-toggle .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-toggle .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-toggle .form-field__label:first-letter{text-transform:uppercase}.form-field-toggle .form-field__label-mandatory{color:#ea336a}.form-field-toggle .form-field__label-disabled,.form-field-toggle .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-toggle .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-toggle .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-toggle .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-toggle .form-field__wrapper.without-border{border-color:transparent}.form-field-toggle .form-field__wrapper-dense{height:36px}.form-field-toggle .form-field__wrapper-normal{height:40px}.form-field-toggle .form-field__wrapper-medium{height:44px}.form-field-toggle .form-field__wrapper-chunky{height:48px}.form-field-toggle .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-toggle .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-toggle .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-toggle .form-field__icons>*:last-child{margin-right:4px}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+* .form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch:before{transform:translate(26px)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width:1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width:1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width:1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width:1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}
+.tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container button.item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container button.item-icon-close.hidden{display:none}.edit-chip-container button.item-icon-close.invisible{visibility:hidden}.edit-chip-container button.item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px;width:max-content}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto;min-width:0}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row;align-items:center;overflow:hidden}.chips-wrapper.chips-wrapper_all-visible{flex-wrap:wrap}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{display:inline-flex;align-items:center;justify-content:flex-start}.form-field-toggle_has-label{gap:10px}.form-field-toggle__label{display:flex;align-items:center}.form-field-toggle__toggle-wrapper{position:relative;display:inline-flex;cursor:pointer}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease;box-shadow:0 1px 3px #0003}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease;box-shadow:0 1px 2px #0003}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+.form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+.form-field-toggle__switch:before{transform:translate(26px)}.form-field-toggle .form-field-toggle__toggle-wrapper:not(:has(input:disabled)):hover .form-field-toggle__switch{opacity:.9}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width:1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.table .table-body__cell.link-blue .name-wrapper .link .item-name{color:#6279e7;font-weight:400}.table .table-body__cell.tag-status-cell{line-height:20px;text-decoration:none}.table .table-body__cell.tag-status-cell .cell-wrapper{display:flex;flex:1;flex-direction:column;align-items:flex-start}.table .table-body__cell.tag-status-cell .cell-wrapper .cell-content{display:flex;width:100%;align-items:center;gap:6px}.table .table-body__cell.tag-status-cell.link .cell-wrapper .cell-name{color:#6279e7;text-decoration:underline;cursor:pointer}.table .table-body__cell.tag-status-cell .cell-tag{max-width:150px;margin-top:5px}.table .table-body__cell.tag-status-cell .cell-tag span{display:inline}.table .table-body__cell.tag-status-cell .cell-tag .cell-subtext{color:#7f7989}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width:1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width:1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width:1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width:1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}

package/dist/scss/colors.scss

@@ -69,3 +69,7 @@ $white: #fff;
 $wildSand: #f5f5f5;
 $zircon: #fafbff;
 $frenchLilac: #f0e2f6;
+$autumnMalt: #483f561f;
+$whiteSolid: #f3f5f9;
+$channelFog: #cbd3e4;
+$lightBlack: #0003;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "3.2.7",
+    "version": "3.2.8",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "module": "./dist/index.mjs",
     "main": "./dist/index.mjs",