@dmsi/wedgekit-react 0.0.739 → 0.0.741

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.
Files changed (54) hide show
  1. package/dist/{chunk-74HXF5GF.js → chunk-2EAVEFWY.js} +12 -2
  2. package/dist/{chunk-GYU3MQ3R.js → chunk-3UIIKZI7.js} +1 -1
  3. package/dist/{chunk-BZTUQP6P.js → chunk-CMZIPVZ3.js} +3 -1
  4. package/dist/{chunk-L2IXJSBT.js → chunk-E7ACKOBY.js} +2 -2
  5. package/dist/{chunk-KBJZUVLM.js → chunk-F4VE3THQ.js} +8 -2
  6. package/dist/{chunk-UF5XGCSF.js → chunk-FZ2TEKOE.js} +1 -10
  7. package/dist/{chunk-CQLRGYHM.js → chunk-QNIZDGFV.js} +1 -1
  8. package/dist/components/Accordion.cjs +8 -2
  9. package/dist/components/Accordion.js +2 -2
  10. package/dist/components/CalendarRange.cjs +14 -11
  11. package/dist/components/CalendarRange.js +10 -10
  12. package/dist/components/Card.cjs +8 -2
  13. package/dist/components/Card.js +1 -1
  14. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +14 -11
  15. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +10 -10
  16. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +14 -11
  17. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +10 -10
  18. package/dist/components/DataGrid/PinnedColumns.cjs +14 -11
  19. package/dist/components/DataGrid/PinnedColumns.js +10 -10
  20. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +14 -11
  21. package/dist/components/DataGrid/TableBody/LoadingCell.js +10 -10
  22. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +14 -11
  23. package/dist/components/DataGrid/TableBody/TableBodyRow.js +10 -10
  24. package/dist/components/DataGrid/TableBody/index.cjs +14 -11
  25. package/dist/components/DataGrid/TableBody/index.js +10 -10
  26. package/dist/components/DataGrid/index.cjs +14 -11
  27. package/dist/components/DataGrid/index.js +10 -10
  28. package/dist/components/DataGrid/utils.cjs +14 -11
  29. package/dist/components/DataGrid/utils.js +10 -10
  30. package/dist/components/DateInput.cjs +14 -11
  31. package/dist/components/DateInput.js +10 -10
  32. package/dist/components/DateRangeInput.cjs +14 -11
  33. package/dist/components/DateRangeInput.js +10 -10
  34. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +14 -11
  35. package/dist/components/MobileDataGrid/ColumnSelector/index.js +10 -10
  36. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +14 -11
  37. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +10 -10
  38. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +14 -2
  39. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +3 -3
  40. package/dist/components/MobileDataGrid/index.cjs +14 -11
  41. package/dist/components/MobileDataGrid/index.js +10 -10
  42. package/dist/components/Modal.cjs +14 -2
  43. package/dist/components/Modal.js +2 -2
  44. package/dist/components/ModalHeader.cjs +12 -2
  45. package/dist/components/ModalHeader.js +1 -1
  46. package/dist/components/PDFViewer/index.cjs +14 -2
  47. package/dist/components/PDFViewer/index.js +5 -5
  48. package/dist/components/ProductImagePreview/index.js +2 -2
  49. package/dist/components/Select.cjs +0 -9
  50. package/dist/components/Select.js +1 -1
  51. package/dist/components/index.cjs +22 -13
  52. package/dist/components/index.js +12 -12
  53. package/package.json +1 -1
  54. package/dist/{chunk-T5U46JTM.js → chunk-KNDRIRG7.js} +3 -3
@@ -3881,16 +3881,7 @@ var Select = (_a) => {
3881
3881
  var _a2;
3882
3882
  const inputRef = (0, import_react18.useRef)(null);
3883
3883
  const inputContainerRef = (0, import_react18.useRef)(null);
3884
- const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
3885
3884
  const [show, setShow] = (0, import_react18.useState)(false);
3886
- (0, import_react18.useEffect)(() => {
3887
- var _a3;
3888
- if (preventFocusOnInitialRender.current) {
3889
- preventFocusOnInitialRender.current = false;
3890
- return;
3891
- }
3892
- (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
3893
- }, [value]);
3894
3885
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
3895
3886
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3896
3887
  InputBase,
@@ -4531,7 +4522,8 @@ var ModalHeader = ({
4531
4522
  id,
4532
4523
  testid,
4533
4524
  headerClassname,
4534
- titleAs: TitleComponent
4525
+ titleAs: TitleComponent,
4526
+ headerIconClassname
4535
4527
  }) => {
4536
4528
  const Title = TitleComponent || Heading2;
4537
4529
  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -4569,7 +4561,16 @@ var ModalHeader = ({
4569
4561
  iconOnly: true,
4570
4562
  variant: "tertiary",
4571
4563
  onClick: onClose,
4572
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
4564
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
4565
+ "span",
4566
+ {
4567
+ className: (0, import_clsx24.default)(
4568
+ "contents",
4569
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
4570
+ ),
4571
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 })
4572
+ }
4573
+ )
4573
4574
  }
4574
4575
  )
4575
4576
  ]
@@ -4780,6 +4781,7 @@ var Modal = ({
4780
4781
  hideCloseIcon = false,
4781
4782
  headerIcon,
4782
4783
  headerIconAlign,
4784
+ headerIconClassname,
4783
4785
  fixedHeightScrolling = false,
4784
4786
  customActions,
4785
4787
  headerClassname,
@@ -4913,6 +4915,7 @@ var Modal = ({
4913
4915
  headerIcon,
4914
4916
  headerIconAlign,
4915
4917
  headerClassname,
4918
+ headerIconClassname,
4916
4919
  titleAs: TitleComponent
4917
4920
  }
4918
4921
  ),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  DateInput
3
- } from "../chunk-L2IXJSBT.js";
4
- import "../chunk-GYU3MQ3R.js";
3
+ } from "../chunk-E7ACKOBY.js";
4
+ import "../chunk-3UIIKZI7.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
7
- import "../chunk-T5U46JTM.js";
7
+ import "../chunk-Y5GD2FJA.js";
8
+ import "../chunk-KNDRIRG7.js";
9
+ import "../chunk-MBZ55T2D.js";
8
10
  import "../chunk-2IKT6IHB.js";
9
11
  import "../chunk-YCDDBSVU.js";
10
12
  import "../chunk-3X3Y4TMS.js";
11
13
  import "../chunk-BQNPOGD5.js";
12
- import "../chunk-Y5GD2FJA.js";
13
- import "../chunk-MBZ55T2D.js";
14
14
  import "../chunk-OX7TDYN4.js";
15
15
  import "../chunk-I2L2DXPU.js";
16
16
  import "../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../chunk-AJ5M6MVX.js";
18
18
  import "../chunk-ZILLGHBE.js";
19
19
  import "../chunk-AT4AWD6B.js";
20
20
  import "../chunk-EWGHVZL5.js";
21
- import "../chunk-UF5XGCSF.js";
21
+ import "../chunk-FZ2TEKOE.js";
22
22
  import "../chunk-FESS4LWU.js";
23
23
  import "../chunk-KBIEWFQS.js";
24
24
  import "../chunk-NSZTJ5R4.js";
25
25
  import "../chunk-LB7UT6F3.js";
26
26
  import "../chunk-AS57Y2D3.js";
27
- import "../chunk-BZTUQP6P.js";
27
+ import "../chunk-CMZIPVZ3.js";
28
28
  import "../chunk-4RJKB7LC.js";
29
29
  import "../chunk-UUKHQUSF.js";
30
30
  import "../chunk-WVVEOCEH.js";
31
- import "../chunk-74HXF5GF.js";
31
+ import "../chunk-2EAVEFWY.js";
32
32
  import "../chunk-AG43RS4Q.js";
33
33
  import "../chunk-QVWYTQKL.js";
34
34
  import "../chunk-UAMI54FE.js";
@@ -54,8 +54,8 @@ import "../chunk-ZCJWOHFN.js";
54
54
  import "../chunk-PS6UJZVH.js";
55
55
  import "../chunk-XR733AKC.js";
56
56
  import "../chunk-BYC6QID5.js";
57
- import "../chunk-CQLRGYHM.js";
58
- import "../chunk-KBJZUVLM.js";
57
+ import "../chunk-QNIZDGFV.js";
58
+ import "../chunk-F4VE3THQ.js";
59
59
  import "../chunk-TURMALTW.js";
60
60
  import "../chunk-MXSJF6TW.js";
61
61
  import "../chunk-BMAZBFUU.js";
@@ -3889,16 +3889,7 @@ var Select = (_a) => {
3889
3889
  var _a2;
3890
3890
  const inputRef = (0, import_react18.useRef)(null);
3891
3891
  const inputContainerRef = (0, import_react18.useRef)(null);
3892
- const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
3893
3892
  const [show, setShow] = (0, import_react18.useState)(false);
3894
- (0, import_react18.useEffect)(() => {
3895
- var _a3;
3896
- if (preventFocusOnInitialRender.current) {
3897
- preventFocusOnInitialRender.current = false;
3898
- return;
3899
- }
3900
- (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
3901
- }, [value]);
3902
3893
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
3903
3894
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3904
3895
  InputBase,
@@ -4779,7 +4770,8 @@ var ModalHeader = ({
4779
4770
  id,
4780
4771
  testid,
4781
4772
  headerClassname,
4782
- titleAs: TitleComponent
4773
+ titleAs: TitleComponent,
4774
+ headerIconClassname
4783
4775
  }) => {
4784
4776
  const Title = TitleComponent || Heading2;
4785
4777
  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -4817,7 +4809,16 @@ var ModalHeader = ({
4817
4809
  iconOnly: true,
4818
4810
  variant: "tertiary",
4819
4811
  onClick: onClose,
4820
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
4812
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
4813
+ "span",
4814
+ {
4815
+ className: (0, import_clsx24.default)(
4816
+ "contents",
4817
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
4818
+ ),
4819
+ children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
4820
+ }
4821
+ )
4821
4822
  }
4822
4823
  )
4823
4824
  ]
@@ -5028,6 +5029,7 @@ var Modal = ({
5028
5029
  hideCloseIcon = false,
5029
5030
  headerIcon,
5030
5031
  headerIconAlign,
5032
+ headerIconClassname,
5031
5033
  fixedHeightScrolling = false,
5032
5034
  customActions,
5033
5035
  headerClassname,
@@ -5161,6 +5163,7 @@ var Modal = ({
5161
5163
  headerIcon,
5162
5164
  headerIconAlign,
5163
5165
  headerClassname,
5166
+ headerIconClassname,
5164
5167
  titleAs: TitleComponent
5165
5168
  }
5166
5169
  ),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-L2IXJSBT.js";
4
- import "../chunk-GYU3MQ3R.js";
3
+ } from "../chunk-E7ACKOBY.js";
4
+ import "../chunk-3UIIKZI7.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-URAV33TJ.js";
7
- import "../chunk-T5U46JTM.js";
7
+ import "../chunk-Y5GD2FJA.js";
8
+ import "../chunk-KNDRIRG7.js";
9
+ import "../chunk-MBZ55T2D.js";
8
10
  import "../chunk-2IKT6IHB.js";
9
11
  import "../chunk-YCDDBSVU.js";
10
12
  import "../chunk-3X3Y4TMS.js";
11
13
  import "../chunk-BQNPOGD5.js";
12
- import "../chunk-Y5GD2FJA.js";
13
- import "../chunk-MBZ55T2D.js";
14
14
  import "../chunk-OX7TDYN4.js";
15
15
  import "../chunk-I2L2DXPU.js";
16
16
  import "../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../chunk-AJ5M6MVX.js";
18
18
  import "../chunk-ZILLGHBE.js";
19
19
  import "../chunk-AT4AWD6B.js";
20
20
  import "../chunk-EWGHVZL5.js";
21
- import "../chunk-UF5XGCSF.js";
21
+ import "../chunk-FZ2TEKOE.js";
22
22
  import "../chunk-FESS4LWU.js";
23
23
  import "../chunk-KBIEWFQS.js";
24
24
  import "../chunk-NSZTJ5R4.js";
25
25
  import "../chunk-LB7UT6F3.js";
26
26
  import "../chunk-AS57Y2D3.js";
27
- import "../chunk-BZTUQP6P.js";
27
+ import "../chunk-CMZIPVZ3.js";
28
28
  import "../chunk-4RJKB7LC.js";
29
29
  import "../chunk-UUKHQUSF.js";
30
30
  import "../chunk-WVVEOCEH.js";
31
- import "../chunk-74HXF5GF.js";
31
+ import "../chunk-2EAVEFWY.js";
32
32
  import "../chunk-AG43RS4Q.js";
33
33
  import "../chunk-QVWYTQKL.js";
34
34
  import "../chunk-UAMI54FE.js";
@@ -65,8 +65,8 @@ import "../chunk-ZCJWOHFN.js";
65
65
  import "../chunk-PS6UJZVH.js";
66
66
  import "../chunk-XR733AKC.js";
67
67
  import "../chunk-BYC6QID5.js";
68
- import "../chunk-CQLRGYHM.js";
69
- import "../chunk-KBJZUVLM.js";
68
+ import "../chunk-QNIZDGFV.js";
69
+ import "../chunk-F4VE3THQ.js";
70
70
  import "../chunk-TURMALTW.js";
71
71
  import "../chunk-MXSJF6TW.js";
72
72
  import "../chunk-BMAZBFUU.js";
@@ -3875,16 +3875,7 @@ var Select = (_a) => {
3875
3875
  var _a2;
3876
3876
  const inputRef = (0, import_react18.useRef)(null);
3877
3877
  const inputContainerRef = (0, import_react18.useRef)(null);
3878
- const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
3879
3878
  const [show, setShow] = (0, import_react18.useState)(false);
3880
- (0, import_react18.useEffect)(() => {
3881
- var _a3;
3882
- if (preventFocusOnInitialRender.current) {
3883
- preventFocusOnInitialRender.current = false;
3884
- return;
3885
- }
3886
- (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
3887
- }, [value]);
3888
3879
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
3889
3880
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3890
3881
  InputBase,
@@ -5235,7 +5226,8 @@ var ModalHeader = ({
5235
5226
  id,
5236
5227
  testid,
5237
5228
  headerClassname,
5238
- titleAs: TitleComponent
5229
+ titleAs: TitleComponent,
5230
+ headerIconClassname
5239
5231
  }) => {
5240
5232
  const Title = TitleComponent || Heading2;
5241
5233
  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
@@ -5273,7 +5265,16 @@ var ModalHeader = ({
5273
5265
  iconOnly: true,
5274
5266
  variant: "tertiary",
5275
5267
  onClick: onClose,
5276
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
5268
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
5269
+ "span",
5270
+ {
5271
+ className: (0, import_clsx25.default)(
5272
+ "contents",
5273
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
5274
+ ),
5275
+ children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 })
5276
+ }
5277
+ )
5277
5278
  }
5278
5279
  )
5279
5280
  ]
@@ -5484,6 +5485,7 @@ var Modal = ({
5484
5485
  hideCloseIcon = false,
5485
5486
  headerIcon,
5486
5487
  headerIconAlign,
5488
+ headerIconClassname,
5487
5489
  fixedHeightScrolling = false,
5488
5490
  customActions,
5489
5491
  headerClassname,
@@ -5617,6 +5619,7 @@ var Modal = ({
5617
5619
  headerIcon,
5618
5620
  headerIconAlign,
5619
5621
  headerClassname,
5622
+ headerIconClassname,
5620
5623
  titleAs: TitleComponent
5621
5624
  }
5622
5625
  ),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-L2IXJSBT.js";
4
- import "../../../chunk-GYU3MQ3R.js";
3
+ } from "../../../chunk-E7ACKOBY.js";
4
+ import "../../../chunk-3UIIKZI7.js";
5
5
  import "../../../chunk-M7INAUAJ.js";
6
6
  import "../../../chunk-URAV33TJ.js";
7
- import "../../../chunk-T5U46JTM.js";
7
+ import "../../../chunk-Y5GD2FJA.js";
8
+ import "../../../chunk-KNDRIRG7.js";
9
+ import "../../../chunk-MBZ55T2D.js";
8
10
  import "../../../chunk-2IKT6IHB.js";
9
11
  import "../../../chunk-YCDDBSVU.js";
10
12
  import "../../../chunk-3X3Y4TMS.js";
11
13
  import "../../../chunk-BQNPOGD5.js";
12
- import "../../../chunk-Y5GD2FJA.js";
13
- import "../../../chunk-MBZ55T2D.js";
14
14
  import "../../../chunk-OX7TDYN4.js";
15
15
  import "../../../chunk-I2L2DXPU.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../../../chunk-AJ5M6MVX.js";
18
18
  import "../../../chunk-ZILLGHBE.js";
19
19
  import "../../../chunk-AT4AWD6B.js";
20
20
  import "../../../chunk-EWGHVZL5.js";
21
- import "../../../chunk-UF5XGCSF.js";
21
+ import "../../../chunk-FZ2TEKOE.js";
22
22
  import "../../../chunk-FESS4LWU.js";
23
23
  import "../../../chunk-KBIEWFQS.js";
24
24
  import "../../../chunk-NSZTJ5R4.js";
25
25
  import "../../../chunk-LB7UT6F3.js";
26
26
  import "../../../chunk-AS57Y2D3.js";
27
- import "../../../chunk-BZTUQP6P.js";
27
+ import "../../../chunk-CMZIPVZ3.js";
28
28
  import "../../../chunk-4RJKB7LC.js";
29
29
  import "../../../chunk-UUKHQUSF.js";
30
30
  import "../../../chunk-WVVEOCEH.js";
31
- import "../../../chunk-74HXF5GF.js";
31
+ import "../../../chunk-2EAVEFWY.js";
32
32
  import "../../../chunk-AG43RS4Q.js";
33
33
  import "../../../chunk-QVWYTQKL.js";
34
34
  import "../../../chunk-UAMI54FE.js";
@@ -54,8 +54,8 @@ import "../../../chunk-ZCJWOHFN.js";
54
54
  import "../../../chunk-PS6UJZVH.js";
55
55
  import "../../../chunk-XR733AKC.js";
56
56
  import "../../../chunk-BYC6QID5.js";
57
- import "../../../chunk-CQLRGYHM.js";
58
- import "../../../chunk-KBJZUVLM.js";
57
+ import "../../../chunk-QNIZDGFV.js";
58
+ import "../../../chunk-F4VE3THQ.js";
59
59
  import "../../../chunk-TURMALTW.js";
60
60
  import "../../../chunk-MXSJF6TW.js";
61
61
  import "../../../chunk-BMAZBFUU.js";
@@ -4306,16 +4306,7 @@ var Select = (_a) => {
4306
4306
  var _a2;
4307
4307
  const inputRef = (0, import_react18.useRef)(null);
4308
4308
  const inputContainerRef = (0, import_react18.useRef)(null);
4309
- const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
4310
4309
  const [show, setShow] = (0, import_react18.useState)(false);
4311
- (0, import_react18.useEffect)(() => {
4312
- var _a3;
4313
- if (preventFocusOnInitialRender.current) {
4314
- preventFocusOnInitialRender.current = false;
4315
- return;
4316
- }
4317
- (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
4318
- }, [value]);
4319
4310
  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
4320
4311
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
4321
4312
  InputBase,
@@ -5469,7 +5460,8 @@ var ModalHeader = ({
5469
5460
  id,
5470
5461
  testid,
5471
5462
  headerClassname,
5472
- titleAs: TitleComponent
5463
+ titleAs: TitleComponent,
5464
+ headerIconClassname
5473
5465
  }) => {
5474
5466
  const Title = TitleComponent || Heading2;
5475
5467
  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
@@ -5507,7 +5499,16 @@ var ModalHeader = ({
5507
5499
  iconOnly: true,
5508
5500
  variant: "tertiary",
5509
5501
  onClick: onClose,
5510
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
5502
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
5503
+ "span",
5504
+ {
5505
+ className: (0, import_clsx25.default)(
5506
+ "contents",
5507
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
5508
+ ),
5509
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 })
5510
+ }
5511
+ )
5511
5512
  }
5512
5513
  )
5513
5514
  ]
@@ -5718,6 +5719,7 @@ var Modal = ({
5718
5719
  hideCloseIcon = false,
5719
5720
  headerIcon,
5720
5721
  headerIconAlign,
5722
+ headerIconClassname,
5721
5723
  fixedHeightScrolling = false,
5722
5724
  customActions,
5723
5725
  headerClassname,
@@ -5851,6 +5853,7 @@ var Modal = ({
5851
5853
  headerIcon,
5852
5854
  headerIconAlign,
5853
5855
  headerClassname,
5856
+ headerIconClassname,
5854
5857
  titleAs: TitleComponent
5855
5858
  }
5856
5859
  ),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-L2IXJSBT.js";
4
- import "../../chunk-GYU3MQ3R.js";
3
+ } from "../../chunk-E7ACKOBY.js";
4
+ import "../../chunk-3UIIKZI7.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-T5U46JTM.js";
7
+ import "../../chunk-Y5GD2FJA.js";
8
+ import "../../chunk-KNDRIRG7.js";
9
+ import "../../chunk-MBZ55T2D.js";
8
10
  import "../../chunk-2IKT6IHB.js";
9
11
  import "../../chunk-YCDDBSVU.js";
10
12
  import "../../chunk-3X3Y4TMS.js";
11
13
  import "../../chunk-BQNPOGD5.js";
12
- import "../../chunk-Y5GD2FJA.js";
13
- import "../../chunk-MBZ55T2D.js";
14
14
  import "../../chunk-OX7TDYN4.js";
15
15
  import "../../chunk-I2L2DXPU.js";
16
16
  import "../../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../../chunk-AJ5M6MVX.js";
18
18
  import "../../chunk-ZILLGHBE.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
- import "../../chunk-UF5XGCSF.js";
21
+ import "../../chunk-FZ2TEKOE.js";
22
22
  import "../../chunk-FESS4LWU.js";
23
23
  import "../../chunk-KBIEWFQS.js";
24
24
  import "../../chunk-NSZTJ5R4.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-AS57Y2D3.js";
27
- import "../../chunk-BZTUQP6P.js";
27
+ import "../../chunk-CMZIPVZ3.js";
28
28
  import "../../chunk-4RJKB7LC.js";
29
29
  import "../../chunk-UUKHQUSF.js";
30
30
  import "../../chunk-WVVEOCEH.js";
31
- import "../../chunk-74HXF5GF.js";
31
+ import "../../chunk-2EAVEFWY.js";
32
32
  import "../../chunk-AG43RS4Q.js";
33
33
  import "../../chunk-QVWYTQKL.js";
34
34
  import "../../chunk-UAMI54FE.js";
@@ -54,8 +54,8 @@ import "../../chunk-ZCJWOHFN.js";
54
54
  import "../../chunk-PS6UJZVH.js";
55
55
  import "../../chunk-XR733AKC.js";
56
56
  import "../../chunk-BYC6QID5.js";
57
- import "../../chunk-CQLRGYHM.js";
58
- import "../../chunk-KBJZUVLM.js";
57
+ import "../../chunk-QNIZDGFV.js";
58
+ import "../../chunk-F4VE3THQ.js";
59
59
  import "../../chunk-TURMALTW.js";
60
60
  import "../../chunk-MXSJF6TW.js";
61
61
  import "../../chunk-BMAZBFUU.js";
@@ -489,7 +489,8 @@ var ModalHeader = ({
489
489
  id,
490
490
  testid,
491
491
  headerClassname,
492
- titleAs: TitleComponent
492
+ titleAs: TitleComponent,
493
+ headerIconClassname
493
494
  }) => {
494
495
  const Title = TitleComponent || Heading2;
495
496
  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -527,7 +528,16 @@ var ModalHeader = ({
527
528
  iconOnly: true,
528
529
  variant: "tertiary",
529
530
  onClick: onClose,
530
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
531
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
532
+ "span",
533
+ {
534
+ className: (0, import_clsx5.default)(
535
+ "contents",
536
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
537
+ ),
538
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 })
539
+ }
540
+ )
531
541
  }
532
542
  )
533
543
  ]
@@ -842,6 +852,7 @@ var Modal = ({
842
852
  hideCloseIcon = false,
843
853
  headerIcon,
844
854
  headerIconAlign,
855
+ headerIconClassname,
845
856
  fixedHeightScrolling = false,
846
857
  customActions,
847
858
  headerClassname,
@@ -975,6 +986,7 @@ var Modal = ({
975
986
  headerIcon,
976
987
  headerIconAlign,
977
988
  headerClassname,
989
+ headerIconClassname,
978
990
  titleAs: TitleComponent
979
991
  }
980
992
  ),
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-GYU3MQ3R.js";
3
+ } from "../../../chunk-3UIIKZI7.js";
4
4
  import "../../../chunk-URAV33TJ.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
6
  import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-ZILLGHBE.js";
8
- import "../../../chunk-BZTUQP6P.js";
8
+ import "../../../chunk-CMZIPVZ3.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-UUKHQUSF.js";
11
11
  import "../../../chunk-WVVEOCEH.js";
12
- import "../../../chunk-74HXF5GF.js";
12
+ import "../../../chunk-2EAVEFWY.js";
13
13
  import "../../../chunk-AG43RS4Q.js";
14
14
  import "../../../chunk-ZERLFS2T.js";
15
15
  import "../../../chunk-VXWSAIB5.js";
@@ -4306,16 +4306,7 @@ var Select = (_a) => {
4306
4306
  var _a2;
4307
4307
  const inputRef = (0, import_react18.useRef)(null);
4308
4308
  const inputContainerRef = (0, import_react18.useRef)(null);
4309
- const preventFocusOnInitialRender = (0, import_react18.useRef)(true);
4310
4309
  const [show, setShow] = (0, import_react18.useState)(false);
4311
- (0, import_react18.useEffect)(() => {
4312
- var _a3;
4313
- if (preventFocusOnInitialRender.current) {
4314
- preventFocusOnInitialRender.current = false;
4315
- return;
4316
- }
4317
- (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
4318
- }, [value]);
4319
4310
  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
4320
4311
  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
4321
4312
  InputBase,
@@ -6165,7 +6156,8 @@ var ModalHeader = ({
6165
6156
  id,
6166
6157
  testid,
6167
6158
  headerClassname,
6168
- titleAs: TitleComponent
6159
+ titleAs: TitleComponent,
6160
+ headerIconClassname
6169
6161
  }) => {
6170
6162
  const Title = TitleComponent || Heading2;
6171
6163
  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
@@ -6203,7 +6195,16 @@ var ModalHeader = ({
6203
6195
  iconOnly: true,
6204
6196
  variant: "tertiary",
6205
6197
  onClick: onClose,
6206
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 }) })
6198
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
6199
+ "span",
6200
+ {
6201
+ className: (0, import_clsx36.default)(
6202
+ "contents",
6203
+ headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
6204
+ ),
6205
+ children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 })
6206
+ }
6207
+ )
6207
6208
  }
6208
6209
  )
6209
6210
  ]
@@ -6414,6 +6415,7 @@ var Modal = ({
6414
6415
  hideCloseIcon = false,
6415
6416
  headerIcon,
6416
6417
  headerIconAlign,
6418
+ headerIconClassname,
6417
6419
  fixedHeightScrolling = false,
6418
6420
  customActions,
6419
6421
  headerClassname,
@@ -6547,6 +6549,7 @@ var Modal = ({
6547
6549
  headerIcon,
6548
6550
  headerIconAlign,
6549
6551
  headerClassname,
6552
+ headerIconClassname,
6550
6553
  titleAs: TitleComponent
6551
6554
  }
6552
6555
  ),
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  MobileDataGrid
3
- } from "../../chunk-L2IXJSBT.js";
4
- import "../../chunk-GYU3MQ3R.js";
3
+ } from "../../chunk-E7ACKOBY.js";
4
+ import "../../chunk-3UIIKZI7.js";
5
5
  import "../../chunk-M7INAUAJ.js";
6
6
  import "../../chunk-URAV33TJ.js";
7
- import "../../chunk-T5U46JTM.js";
7
+ import "../../chunk-Y5GD2FJA.js";
8
+ import "../../chunk-KNDRIRG7.js";
9
+ import "../../chunk-MBZ55T2D.js";
8
10
  import "../../chunk-2IKT6IHB.js";
9
11
  import "../../chunk-YCDDBSVU.js";
10
12
  import "../../chunk-3X3Y4TMS.js";
11
13
  import "../../chunk-BQNPOGD5.js";
12
- import "../../chunk-Y5GD2FJA.js";
13
- import "../../chunk-MBZ55T2D.js";
14
14
  import "../../chunk-OX7TDYN4.js";
15
15
  import "../../chunk-I2L2DXPU.js";
16
16
  import "../../chunk-5IFPG6TS.js";
@@ -18,17 +18,17 @@ import "../../chunk-AJ5M6MVX.js";
18
18
  import "../../chunk-ZILLGHBE.js";
19
19
  import "../../chunk-AT4AWD6B.js";
20
20
  import "../../chunk-EWGHVZL5.js";
21
- import "../../chunk-UF5XGCSF.js";
21
+ import "../../chunk-FZ2TEKOE.js";
22
22
  import "../../chunk-FESS4LWU.js";
23
23
  import "../../chunk-KBIEWFQS.js";
24
24
  import "../../chunk-NSZTJ5R4.js";
25
25
  import "../../chunk-LB7UT6F3.js";
26
26
  import "../../chunk-AS57Y2D3.js";
27
- import "../../chunk-BZTUQP6P.js";
27
+ import "../../chunk-CMZIPVZ3.js";
28
28
  import "../../chunk-4RJKB7LC.js";
29
29
  import "../../chunk-UUKHQUSF.js";
30
30
  import "../../chunk-WVVEOCEH.js";
31
- import "../../chunk-74HXF5GF.js";
31
+ import "../../chunk-2EAVEFWY.js";
32
32
  import "../../chunk-AG43RS4Q.js";
33
33
  import "../../chunk-QVWYTQKL.js";
34
34
  import "../../chunk-UAMI54FE.js";
@@ -54,8 +54,8 @@ import "../../chunk-ZCJWOHFN.js";
54
54
  import "../../chunk-PS6UJZVH.js";
55
55
  import "../../chunk-XR733AKC.js";
56
56
  import "../../chunk-BYC6QID5.js";
57
- import "../../chunk-CQLRGYHM.js";
58
- import "../../chunk-KBJZUVLM.js";
57
+ import "../../chunk-QNIZDGFV.js";
58
+ import "../../chunk-F4VE3THQ.js";
59
59
  import "../../chunk-TURMALTW.js";
60
60
  import "../../chunk-MXSJF6TW.js";
61
61
  import "../../chunk-BMAZBFUU.js";