@cloudtower/eagle 0.33.43 → 0.34.1

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.
@@ -1,8 +1,9 @@
1
- import { ExclamationErrorCircleFill16RedIcon, XmarkClose24BoldSecondaryIcon } from '@cloudtower/icons-react';
1
+ import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
2
2
  import { cx } from '@linaria/core';
3
3
  import Button from '../Button/index.js';
4
4
  import { usePopModal } from '../KitStoreProvider/index.js';
5
5
  import { Typo } from '../Typo/index.js';
6
+ import Icon from '../Icon/index.js';
6
7
  import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
7
8
  import useParrotTranslation from '../../hooks/useParrotTranslation.js';
8
9
  import { Modal } from 'antd';
@@ -45,6 +46,8 @@ function ImmersiveDialog(props) {
45
46
  footerLeftAction,
46
47
  left,
47
48
  right,
49
+ leftClassName,
50
+ rightClassName,
48
51
  closeIcon,
49
52
  footer,
50
53
  showCancel = true,
@@ -66,6 +69,8 @@ function ImmersiveDialog(props) {
66
69
  "footerLeftAction",
67
70
  "left",
68
71
  "right",
72
+ "leftClassName",
73
+ "rightClassName",
69
74
  "closeIcon",
70
75
  "footer",
71
76
  "showCancel",
@@ -152,7 +157,16 @@ function ImmersiveDialog(props) {
152
157
  isContentFull ? FullContentStyle : MultiAreaStyle,
153
158
  className
154
159
  ),
155
- closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement("span", { className: CloseIconStyle }, /* @__PURE__ */ React__default.createElement(XmarkClose24BoldSecondaryIcon, null)),
160
+ closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
161
+ Icon,
162
+ {
163
+ src: XmarkCloseBold24TertiaryIcon,
164
+ className: CloseIconStyle,
165
+ iconHeight: 24,
166
+ iconWidth: 24,
167
+ hoverSrc: XmarkCloseBold24SecondaryIcon
168
+ }
169
+ ),
156
170
  footer: finalFooter,
157
171
  onCancel: (e) => {
158
172
  popModal();
@@ -161,7 +175,7 @@ function ImmersiveDialog(props) {
161
175
  visible,
162
176
  destroyOnClose: true
163
177
  }, restProps),
164
- /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "left" }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "right" }, right))
178
+ /* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right))
165
179
  );
166
180
  }
167
181
 
@@ -4,7 +4,8 @@ import { ImmersiveDialog } from '../ImmersiveDialog/index.js';
4
4
  import Steps from '../Steps/index.js';
5
5
  import useParrotTranslation from '../../hooks/useParrotTranslation.js';
6
6
  import React__default, { useState, useMemo, useEffect } from 'react';
7
- import { StepContentStyle, PrevIconStyle, StepStyle } from './styles.js';
7
+ import { StepContentStyle, PrevIconStyle, StepStyle, RightPanelStyle } from './styles.js';
8
+ import { cx } from '@linaria/core';
8
9
 
9
10
  var __defProp = Object.defineProperty;
10
11
  var __defProps = Object.defineProperties;
@@ -52,6 +53,7 @@ function WizardDialog(props) {
52
53
  onStepChange,
53
54
  left,
54
55
  right,
56
+ rightClassName,
55
57
  okText,
56
58
  onOk
57
59
  } = _a, restProps = __objRest(_a, [
@@ -68,6 +70,7 @@ function WizardDialog(props) {
68
70
  "onStepChange",
69
71
  "left",
70
72
  "right",
73
+ "rightClassName",
71
74
  "okText",
72
75
  "onOk"
73
76
  ]);
@@ -149,7 +152,8 @@ function WizardDialog(props) {
149
152
  } else {
150
153
  onOk == null ? void 0 : onOk(e);
151
154
  }
152
- }
155
+ },
156
+ rightClassName: cx(RightPanelStyle, rightClassName)
153
157
  }, restProps), {
154
158
  isContentFull: false
155
159
  }),
@@ -1,5 +1,6 @@
1
1
  const StepStyle = "E_sqv6dmy";
2
2
  const PrevIconStyle = "E_p1rm8wzb";
3
3
  const StepContentStyle = "E_sd7qcf4";
4
+ const RightPanelStyle = "E_r1fxc9gq";
4
5
 
5
- export { PrevIconStyle, StepContentStyle, StepStyle };
6
+ export { PrevIconStyle, RightPanelStyle, StepContentStyle, StepStyle };