@emporix/process-diagram 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/plus-button/PlusButton.d.ts +1 -1
- package/dist/components/plus-button/PlusButton.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +165 -167
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/components/process-step/PlusIcon.d.ts +0 -3
- package/dist/components/process-step/PlusIcon.d.ts.map +0 -1
- package/dist/components/process-step/Step.d.ts +0 -19
- package/dist/components/process-step/Step.d.ts.map +0 -1
- package/dist/process-diagram.css +0 -1
- package/dist/types.d.ts +0 -13
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{line-height:1.5;font-weight:400;--primary-color: #3b64a0;background-color:#fafafa;--brand-navy-300: #6b90c0;--brand-navy-400: #3b64a0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Lato,sans-serif}body{margin:0;min-width:320px;min-height:100vh;font-family:Lato,sans-serif}._container_ww84z_1{display:flex;flex-direction:row;cursor:pointer}._step_ww84z_7{pointer-events:all;width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;background:#fafafa;border:1px dashed var(--brand-navy-400, #3b64a0);justify-content:space-between;align-items:start;position:relative}._step_ww84z_7._selected_ww84z_22{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._selectedInvalid_ww84z_28{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._isSet_ww84z_34{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_ww84z_7._invalid_ww84z_38{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_ww84z_44{border:1px solid #a1bddc;color:#3b64a0;background:#fafafa;display:flex;align-items:center;gap:4px;font-weight:300;font-size:14px;padding-top:4px;height:36px;border-radius:0 0 8px 8px;margin-top:-6px;cursor:pointer}._filterFlag_ww84z_44:hover{background:#f3f3f3}._filterFlag_ww84z_44>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_ww84z_44>span{flex-grow:1}._title_ww84z_70{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin-top:6px;-webkit-user-select:none;user-select:none;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}._icon_ww84z_87{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px 0 7px;border:1px solid var(--brand-navy-200, #a1bddc)}._icon_ww84z_87._invalid_ww84z_38{background:#fedddb;border:none}._icon_ww84z_87._filter_ww84z_44{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_ww84z_105{display:flex;width:100%;gap:8px}._dotsButton_ww84z_111{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_ww84z_111:hover{background:#3b64a01a}._stepLink_ww84z_127{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_ww84z_133{justify-content:center;align-items:center;display:flex;cursor:pointer}._stepLinkContainer_ww84z_133:hover>._stepLinkIcon_ww84z_139{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_ww84z_133:hover>._stepLinkLine_ww84z_143:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_ww84z_143{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_ww84z_143:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_ww84z_143:last-child:before{transform-origin:right}._stepLinkLine_ww84z_143:first-child:before{transform-origin:left}._stepLinkIcon_ww84z_139{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_ww84z_139>*{margin-left:-2px;margin-top:-2px}._panel_19663_1{position:fixed;z-index:1000;min-width:180px;padding:4px 0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 4px 12px #00000026;animation:_menuEnter_19663_1 .1s ease-out forwards}._panelExiting_19663_13{animation:_menuOut_19663_1 .1s ease-in forwards}@keyframes _menuEnter_19663_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_19663_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._menuItem_19663_37{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border:none;background:none;font-weight:700;width:100%}._menuItem_19663_37:hover{background:#3b64a01a;border-radius:4px}._menuItem_19663_37._disabled_19663_52{cursor:not-allowed;opacity:.5}._menuItemIcon_19663_57{display:flex;align-items:center;justify-content:center}._menuItemText_19663_63{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-weight:500}._overlay_19663_69{position:fixed;inset:0;z-index:999}._multipleTriggersIcon_oxhdi_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6b90c0;border-radius:50%;color:#6b90c0;font-size:18px;flex-shrink:0}._trigger_kfg1y_1{display:flex;flex-direction:column;gap:16px}._title_kfg1y_7{font-size:16px;font-weight:600;color:#333;margin:0;padding:0}._empty_kfg1y_15{padding:20px;text-align:center;color:#999}._triggerContainer_kfg1y_21{display:flex}._stepsContainer_kfg1y_25{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}._stepWrapper_kfg1y_33{position:relative}._stepIcon_kfg1y_37{flex-shrink:0;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--primary-color)}._stepItem_kfg1y_51{margin:0;display:flex;align-items:start;justify-content:start;text-align:center}._menuIcon_kfg1y_59{color:#666;cursor:pointer;flex-shrink:0;width:20px;height:20px}._menuIcon_kfg1y_59:hover{color:var(--primary-color)}._curvesSvg_kfg1y_70{position:absolute;left:0;top:0;pointer-events:none;z-index:0}._centralNode_kfg1y_78{position:absolute;left:var(--node-x, 0);top:var(--node-y, 0);width:12px;height:12px;background-color:#128afb;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all}._centralNode_kfg1y_78 svg{width:24px;height:24px}._centralNode_kfg1y_78:hover{width:24px;height:24px;background-color:transparent}._iconWrapper_kfg1y_104{margin-top:6px}@keyframes _fadeIn_kfg1y_127{0%{opacity:.2;scale:.4}to{opacity:1;scale:1.1}}@keyframes _fadeOut_kfg1y_130{0%{opacity:1;scale:1}to{opacity:0;scale:.4}}._iconWrapper_kfg1y_104._fadeIn_kfg1y_127{animation:_fadeIn_kfg1y_127 .14s ease-in}._iconWrapper_kfg1y_104._fadeOut_kfg1y_130{animation:_fadeOut_kfg1y_130 .14s ease-out}._operationContainer_kfg1y_134{position:absolute;left:var(--op-x, 0);top:var(--op-y, 0);display:flex;align-items:center;gap:8px;transform:translateY(-50%);z-index:3}._horizontalLine_kfg1y_145{width:40px;height:2px;background-color:var(--primary-color)}._operationIcon_kfg1y_151{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._addIcon_kfg1y_164{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color);font-size:24px;cursor:pointer;flex-shrink:0}._addIcon_kfg1y_164:hover{opacity:.7}.
|
|
1
|
+
:root{line-height:1.5;font-weight:400;--primary-color: #3b64a0;background-color:#fafafa;--brand-navy-300: #6b90c0;--brand-navy-400: #3b64a0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Lato,sans-serif}body{margin:0;min-width:320px;min-height:100vh;font-family:Lato,sans-serif}._container_ww84z_1{display:flex;flex-direction:row;cursor:pointer}._step_ww84z_7{pointer-events:all;width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;background:#fafafa;border:1px dashed var(--brand-navy-400, #3b64a0);justify-content:space-between;align-items:start;position:relative}._step_ww84z_7._selected_ww84z_22{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._selectedInvalid_ww84z_28{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._isSet_ww84z_34{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_ww84z_7._invalid_ww84z_38{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_ww84z_44{border:1px solid #a1bddc;color:#3b64a0;background:#fafafa;display:flex;align-items:center;gap:4px;font-weight:300;font-size:14px;padding-top:4px;height:36px;border-radius:0 0 8px 8px;margin-top:-6px;cursor:pointer}._filterFlag_ww84z_44:hover{background:#f3f3f3}._filterFlag_ww84z_44>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_ww84z_44>span{flex-grow:1}._title_ww84z_70{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin-top:6px;-webkit-user-select:none;user-select:none;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}._icon_ww84z_87{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px 0 7px;border:1px solid var(--brand-navy-200, #a1bddc)}._icon_ww84z_87._invalid_ww84z_38{background:#fedddb;border:none}._icon_ww84z_87._filter_ww84z_44{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_ww84z_105{display:flex;width:100%;gap:8px}._dotsButton_ww84z_111{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_ww84z_111:hover{background:#3b64a01a}._stepLink_ww84z_127{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_ww84z_133{justify-content:center;align-items:center;display:flex;cursor:pointer}._stepLinkContainer_ww84z_133:hover>._stepLinkIcon_ww84z_139{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_ww84z_133:hover>._stepLinkLine_ww84z_143:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_ww84z_143{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_ww84z_143:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_ww84z_143:last-child:before{transform-origin:right}._stepLinkLine_ww84z_143:first-child:before{transform-origin:left}._stepLinkIcon_ww84z_139{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_ww84z_139>*{margin-left:-2px;margin-top:-2px}._panel_19663_1{position:fixed;z-index:1000;min-width:180px;padding:4px 0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 4px 12px #00000026;animation:_menuEnter_19663_1 .1s ease-out forwards}._panelExiting_19663_13{animation:_menuOut_19663_1 .1s ease-in forwards}@keyframes _menuEnter_19663_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_19663_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._menuItem_19663_37{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border:none;background:none;font-weight:700;width:100%}._menuItem_19663_37:hover{background:#3b64a01a;border-radius:4px}._menuItem_19663_37._disabled_19663_52{cursor:not-allowed;opacity:.5}._menuItemIcon_19663_57{display:flex;align-items:center;justify-content:center}._menuItemText_19663_63{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-weight:500}._overlay_19663_69{position:fixed;inset:0;z-index:999}._multipleTriggersIcon_oxhdi_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6b90c0;border-radius:50%;color:#6b90c0;font-size:18px;flex-shrink:0}._trigger_kfg1y_1{display:flex;flex-direction:column;gap:16px}._title_kfg1y_7{font-size:16px;font-weight:600;color:#333;margin:0;padding:0}._empty_kfg1y_15{padding:20px;text-align:center;color:#999}._triggerContainer_kfg1y_21{display:flex}._stepsContainer_kfg1y_25{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}._stepWrapper_kfg1y_33{position:relative}._stepIcon_kfg1y_37{flex-shrink:0;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--primary-color)}._stepItem_kfg1y_51{margin:0;display:flex;align-items:start;justify-content:start;text-align:center}._menuIcon_kfg1y_59{color:#666;cursor:pointer;flex-shrink:0;width:20px;height:20px}._menuIcon_kfg1y_59:hover{color:var(--primary-color)}._curvesSvg_kfg1y_70{position:absolute;left:0;top:0;pointer-events:none;z-index:0}._centralNode_kfg1y_78{position:absolute;left:var(--node-x, 0);top:var(--node-y, 0);width:12px;height:12px;background-color:#128afb;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all}._centralNode_kfg1y_78 svg{width:24px;height:24px}._centralNode_kfg1y_78:hover{width:24px;height:24px;background-color:transparent}._iconWrapper_kfg1y_104{margin-top:6px}@keyframes _fadeIn_kfg1y_127{0%{opacity:.2;scale:.4}to{opacity:1;scale:1.1}}@keyframes _fadeOut_kfg1y_130{0%{opacity:1;scale:1}to{opacity:0;scale:.4}}._iconWrapper_kfg1y_104._fadeIn_kfg1y_127{animation:_fadeIn_kfg1y_127 .14s ease-in}._iconWrapper_kfg1y_104._fadeOut_kfg1y_130{animation:_fadeOut_kfg1y_130 .14s ease-out}._operationContainer_kfg1y_134{position:absolute;left:var(--op-x, 0);top:var(--op-y, 0);display:flex;align-items:center;gap:8px;transform:translateY(-50%);z-index:3}._horizontalLine_kfg1y_145{width:40px;height:2px;background-color:var(--primary-color)}._operationIcon_kfg1y_151{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._addIcon_kfg1y_164{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color);font-size:24px;cursor:pointer;flex-shrink:0}._addIcon_kfg1y_164:hover{opacity:.7}._stepLinkIcon_1enyn_1{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_1enyn_1>*{margin-top:.5px}._stepLinkLine_1enyn_17{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_1enyn_17:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_1enyn_17:last-child:before{transform-origin:right}._stepLinkLine_1enyn_17:first-child:before{transform-origin:left}._stepLinkContainer_1enyn_39{justify-content:center;align-items:center;display:flex;pointer-events:all;cursor:pointer}._stepLinkContainer_1enyn_39:hover>._stepLinkIcon_1enyn_1{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_1enyn_39:hover>._stepLinkLine_1enyn_17:before{transform:scaleX(.3);transition:transform .5s ease}._steps_1y1ls_1{display:flex;flex-direction:row;align-items:center;width:100%;pointer-events:none}._stepContainer_1y1ls_9{display:flex;flex-direction:row}._container_12c1g_1{display:flex;flex-direction:row;pointer-events:none}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PlusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/process-step/PlusIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,+CAuBb,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { PropsWithClassName } from '../../helpers/props';
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
interface Props extends PropsWithClassName {
|
|
4
|
-
idx: number;
|
|
5
|
-
isSet?: boolean;
|
|
6
|
-
isSelected?: boolean;
|
|
7
|
-
isInvalid?: boolean;
|
|
8
|
-
isFilter?: boolean;
|
|
9
|
-
title: string;
|
|
10
|
-
subtitle?: string;
|
|
11
|
-
icon: ReactNode;
|
|
12
|
-
onClick: () => unknown;
|
|
13
|
-
onAddStep: (idx: number, type: 'trigger' | 'step') => void;
|
|
14
|
-
onDeleteStep?: (idx: number) => void;
|
|
15
|
-
onUpdateFilter?: (idx: number) => void;
|
|
16
|
-
}
|
|
17
|
-
declare const Step: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export default Step;
|
|
19
|
-
//# sourceMappingURL=Step.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../src/components/process-step/Step.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAW7D,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AAElD,UAAU,KAAM,SAAQ,kBAAkB;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,KAAK,4CA+KzB,CAAA;AAED,eAAe,IAAI,CAAA"}
|
package/dist/process-diagram.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._item_bfuyf_1{width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;background:#fafafa;border:2px solid var(--primary-color)}._multipleTriggersIcon_1pni2_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._trigger_1xh69_1{display:flex;flex-direction:column;gap:16px;width:100%}._title_1xh69_8{font-size:16px;font-weight:600;color:#333;margin:0;padding:0}._empty_1xh69_16{padding:20px;text-align:center;color:#999}._triggerContainer_1xh69_22{display:flex}._stepsContainer_1xh69_26{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}._stepWrapper_1xh69_34{position:relative}._stepIcon_1xh69_38{flex-shrink:0;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--primary-color)}._stepItem_1xh69_52{margin:0;display:flex;align-items:center;justify-content:center;text-align:center}._menuIcon_1xh69_60{color:#666;cursor:pointer;flex-shrink:0;width:20px;height:20px}._menuIcon_1xh69_60:hover{color:var(--primary-color)}._curvesSvg_1xh69_71{position:absolute;left:0;top:0;pointer-events:none;z-index:0}._centralNode_1xh69_79{position:absolute;left:var(--node-x, 0);top:var(--node-y, 0);width:12px;height:12px;background-color:#128afb;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer}._centralNode_1xh69_79 svg{width:24px;height:24px}._centralNode_1xh69_79:hover{width:24px;height:24px;background-color:transparent}._iconWrapper_1xh69_104{margin-top:6px}@keyframes _fadeIn_1xh69_127{0%{opacity:.2;scale:.4}to{opacity:1;scale:1.1}}@keyframes _fadeOut_1xh69_130{0%{opacity:1;scale:1}to{opacity:0;scale:.4}}._iconWrapper_1xh69_104._fadeIn_1xh69_127{animation:_fadeIn_1xh69_127 .14s ease-in}._iconWrapper_1xh69_104._fadeOut_1xh69_130{animation:_fadeOut_1xh69_130 .14s ease-out}._operationContainer_1xh69_134{position:absolute;left:var(--op-x, 0);top:var(--op-y, 0);display:flex;align-items:center;gap:8px;transform:translateY(-50%);z-index:3}._horizontalLine_1xh69_145{width:40px;height:2px;background-color:var(--primary-color)}._operationIcon_1xh69_151{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._addIcon_1xh69_164{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color);font-size:24px;cursor:pointer;flex-shrink:0}._addIcon_1xh69_164:hover{opacity:.7}._container_1cgc6_1{display:flex;flex-direction:row;cursor:pointer}._step_1cgc6_7{width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;background:#fafafa;border:1px dashed var(--brand-navy-400, #3b64a0);justify-content:space-between;align-items:start;position:relative}._step_1cgc6_7._selected_1cgc6_21{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1cgc6_7._selectedInvalid_1cgc6_27{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1cgc6_7._isSet_1cgc6_33{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_1cgc6_7._invalid_1cgc6_37{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_1cgc6_43{border:1px solid #a1bddc;color:#3b64a0;background:#fafafa;display:flex;align-items:center;gap:4px;font-weight:300;font-size:14px;padding-top:4px;height:36px;border-radius:0 0 8px 8px;margin-top:-6px;cursor:pointer}._filterFlag_1cgc6_43:hover{background:#f3f3f3}._filterFlag_1cgc6_43>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_1cgc6_43>span{flex-grow:1}._title_1cgc6_69{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin-top:6px;-webkit-user-select:none;user-select:none;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}._icon_1cgc6_86{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px 0 7px;border:1px solid var(--brand-navy-200, #a1bddc)}._icon_1cgc6_86._invalid_1cgc6_37{background:#fedddb;border:none}._icon_1cgc6_86._filter_1cgc6_43{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_1cgc6_104{display:flex;width:100%;gap:8px}._dotsButton_1cgc6_110{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_1cgc6_110:hover{background:#3b64a01a}._stepLink_1cgc6_126{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_1cgc6_132{justify-content:center;align-items:center;display:flex;cursor:pointer}._stepLinkContainer_1cgc6_132:hover>._stepLinkIcon_1cgc6_138{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_1cgc6_132:hover>._stepLinkLine_1cgc6_142:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_1cgc6_142{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_1cgc6_142:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_1cgc6_142:last-child:before{transform-origin:right}._stepLinkLine_1cgc6_142:first-child:before{transform-origin:left}._stepLinkIcon_1cgc6_138{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_1cgc6_138>*{margin-left:-2px;margin-top:-2px}._menuItem_lnh59_1{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border:none;background:none;font-weight:700;width:100%}._menuItem_lnh59_1:hover{background:#3b64a01a;border-radius:4px}._menuItemIcon_lnh59_17{display:flex;align-items:center;justify-content:center}._menuItemText_lnh59_23{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-weight:500}
|