@dmsi/wedgekit-react 0.0.230 → 0.0.232

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 (57) hide show
  1. package/dist/{chunk-2RUQFWER.js → chunk-2VRZB2A4.js} +1 -1
  2. package/dist/{chunk-A76MF7ZO.js → chunk-3M23BFB4.js} +2 -2
  3. package/dist/{chunk-7W4I2NK3.js → chunk-5JVMULVC.js} +12 -2
  4. package/dist/{chunk-2WRRRPEB.js → chunk-7BBXPM5C.js} +1 -1
  5. package/dist/{chunk-XOUEHNCC.js → chunk-Q7ETEWBW.js} +1 -1
  6. package/dist/chunk-SQJ7MWY7.js +493 -0
  7. package/dist/chunk-VZVPD3XK.js +1182 -0
  8. package/dist/components/CalendarRange.cjs +4066 -224
  9. package/dist/components/CalendarRange.css +4831 -0
  10. package/dist/components/CalendarRange.js +23 -1
  11. package/dist/components/DataGridCell.cjs +12 -2
  12. package/dist/components/DataGridCell.js +3 -3
  13. package/dist/components/DateInput.cjs +3682 -329
  14. package/dist/components/DateInput.css +4831 -0
  15. package/dist/components/DateInput.js +23 -5
  16. package/dist/components/DateRangeInput.cjs +3682 -329
  17. package/dist/components/DateRangeInput.css +4831 -0
  18. package/dist/components/DateRangeInput.js +23 -5
  19. package/dist/components/FilterGroup.cjs +12 -2
  20. package/dist/components/FilterGroup.js +7 -7
  21. package/dist/components/Input.cjs +12 -2
  22. package/dist/components/Input.js +1 -1
  23. package/dist/components/MobileDataGrid.js +3 -3
  24. package/dist/components/Modal.js +4 -4
  25. package/dist/components/ModalButtons.js +2 -2
  26. package/dist/components/ModalHeader.js +2 -2
  27. package/dist/components/NavigationTab.js +2 -2
  28. package/dist/components/NavigationTabs.js +2 -2
  29. package/dist/components/Notification.js +3 -3
  30. package/dist/components/OptionPill.js +2 -2
  31. package/dist/components/PDFViewer.js +6 -6
  32. package/dist/components/Password.cjs +12 -2
  33. package/dist/components/Password.js +1 -1
  34. package/dist/components/Search.cjs +12 -2
  35. package/dist/components/Search.js +2 -2
  36. package/dist/components/Select.cjs +12 -2
  37. package/dist/components/Select.js +2 -2
  38. package/dist/components/Stepper.cjs +12 -2
  39. package/dist/components/Stepper.js +4 -4
  40. package/dist/components/Time.cjs +12 -2
  41. package/dist/components/Time.js +1 -1
  42. package/dist/components/Toast.js +3 -3
  43. package/dist/components/Upload.js +3 -3
  44. package/dist/components/index.cjs +12 -2
  45. package/dist/components/index.css +3 -0
  46. package/dist/components/index.js +12 -1142
  47. package/dist/index.css +3 -0
  48. package/package.json +1 -1
  49. package/src/components/CalendarRange.tsx +316 -165
  50. package/src/components/DateInput.tsx +1 -0
  51. package/src/components/DateRangeInput.tsx +1 -0
  52. package/src/components/Input.tsx +19 -5
  53. package/dist/chunk-SE5DM2IJ.js +0 -350
  54. package/dist/{chunk-ED7FXZRX.js → chunk-BW2MWMVM.js} +3 -3
  55. package/dist/{chunk-FYW64H7N.js → chunk-JFPRYMID.js} +3 -3
  56. package/dist/{chunk-A5ROZWIH.js → chunk-R4H6D4SZ.js} +3 -3
  57. package/dist/{chunk-47KTDBGA.js → chunk-T7UCZWWK.js} +3 -3
@@ -1,3 +1,15 @@
1
+ import {
2
+ CalendarRange
3
+ } from "../chunk-SQJ7MWY7.js";
4
+ import "../chunk-VZVPD3XK.js";
5
+ import "../chunk-3WNXMCZV.js";
6
+ import "../chunk-2VRZB2A4.js";
7
+ import "../chunk-E3UOI2D2.js";
8
+ import "../chunk-Q7ETEWBW.js";
9
+ import "../chunk-NA3ODQCN.js";
10
+ import "../chunk-VP36B2MM.js";
11
+ import "../chunk-QHHNFGEX.js";
12
+ import "../chunk-ZU2K7BD3.js";
1
13
  import {
2
14
  findDocumentRoot
3
15
  } from "../chunk-VXWSAIB5.js";
@@ -9,17 +21,22 @@ import {
9
21
  isValidDateRangeOrder,
10
22
  parseInputDate
11
23
  } from "../chunk-T3F37S6Z.js";
24
+ import "../chunk-7BBXPM5C.js";
12
25
  import {
13
26
  InputBase
14
- } from "../chunk-7W4I2NK3.js";
27
+ } from "../chunk-5JVMULVC.js";
15
28
  import "../chunk-5UH6QUFB.js";
16
29
  import "../chunk-CJVTFYI4.js";
17
- import {
18
- CalendarRange
19
- } from "../chunk-SE5DM2IJ.js";
30
+ import "../chunk-WVUIIBRR.js";
31
+ import "../chunk-KGVKHWUK.js";
32
+ import "../chunk-ARC7FOL2.js";
33
+ import "../chunk-BOWQUDUU.js";
34
+ import "../chunk-TJWGFGWX.js";
35
+ import "../chunk-CJELWEO2.js";
20
36
  import {
21
37
  Icon
22
38
  } from "../chunk-UAPWR2KE.js";
39
+ import "../chunk-SK742QNF.js";
23
40
  import "../chunk-RDLEIAQU.js";
24
41
  import {
25
42
  __objRest,
@@ -466,7 +483,8 @@ var DateRangeInput = (_a) => {
466
483
  onChange: handleInputChange,
467
484
  onBlur: handleBlur,
468
485
  onKeyDown: handleKeyDown,
469
- label
486
+ label,
487
+ secondaryIconColor: true
470
488
  })
471
489
  ),
472
490
  visible && !readOnly && createPortal(
@@ -843,6 +843,7 @@ var InputBase = (_a) => {
843
843
  removeBorder,
844
844
  wrapperClassName,
845
845
  focus,
846
+ secondaryIconColor,
846
847
  fullWidth = true
847
848
  } = _b, props = __objRest(_b, [
848
849
  "id",
@@ -862,6 +863,7 @@ var InputBase = (_a) => {
862
863
  "removeBorder",
863
864
  "wrapperClassName",
864
865
  "focus",
866
+ "secondaryIconColor",
865
867
  "fullWidth"
866
868
  ]);
867
869
  const attributes = {
@@ -927,6 +929,7 @@ var InputBase = (_a) => {
927
929
  Label,
928
930
  {
929
931
  id: id ? `${id}-label` : void 0,
932
+ color: error ? "text-primary-error" : void 0,
930
933
  className: (0, import_clsx9.default)(
931
934
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
932
935
  ),
@@ -978,11 +981,18 @@ var InputBase = (_a) => {
978
981
  )
979
982
  })
980
983
  ),
981
- after
984
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
982
985
  ]
983
986
  }
984
987
  ),
985
- caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
988
+ caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
989
+ "div",
990
+ {
991
+ id: id ? `${id}-caption` : void 0,
992
+ "data-testid": testid ? `${testid}-caption` : void 0,
993
+ children: caption
994
+ }
995
+ )
986
996
  ]
987
997
  }
988
998
  );
@@ -1,26 +1,26 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-ED7FXZRX.js";
4
+ } from "../chunk-BW2MWMVM.js";
5
+ import {
6
+ Link
7
+ } from "../chunk-XQILVD56.js";
5
8
  import {
6
9
  Checkbox
7
10
  } from "../chunk-E3UOI2D2.js";
8
11
  import {
9
12
  Search
10
- } from "../chunk-2WRRRPEB.js";
11
- import "../chunk-7W4I2NK3.js";
13
+ } from "../chunk-7BBXPM5C.js";
14
+ import "../chunk-5JVMULVC.js";
12
15
  import "../chunk-5UH6QUFB.js";
13
16
  import {
14
17
  Label
15
18
  } from "../chunk-CJVTFYI4.js";
16
19
  import "../chunk-CJELWEO2.js";
17
- import {
18
- Link
19
- } from "../chunk-XQILVD56.js";
20
- import "../chunk-SK742QNF.js";
21
20
  import {
22
21
  Icon
23
22
  } from "../chunk-UAPWR2KE.js";
23
+ import "../chunk-SK742QNF.js";
24
24
  import {
25
25
  baseTransition,
26
26
  componentGap,
@@ -330,6 +330,7 @@ var InputBase = (_a) => {
330
330
  removeBorder,
331
331
  wrapperClassName,
332
332
  focus,
333
+ secondaryIconColor,
333
334
  fullWidth = true
334
335
  } = _b, props = __objRest(_b, [
335
336
  "id",
@@ -349,6 +350,7 @@ var InputBase = (_a) => {
349
350
  "removeBorder",
350
351
  "wrapperClassName",
351
352
  "focus",
353
+ "secondaryIconColor",
352
354
  "fullWidth"
353
355
  ]);
354
356
  const attributes = {
@@ -414,6 +416,7 @@ var InputBase = (_a) => {
414
416
  Label,
415
417
  {
416
418
  id: id ? `${id}-label` : void 0,
419
+ color: error ? "text-primary-error" : void 0,
417
420
  className: (0, import_clsx4.default)(
418
421
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
419
422
  ),
@@ -465,11 +468,18 @@ var InputBase = (_a) => {
465
468
  )
466
469
  })
467
470
  ),
468
- after
471
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
469
472
  ]
470
473
  }
471
474
  ),
472
- caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
475
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
476
+ "div",
477
+ {
478
+ id: id ? `${id}-caption` : void 0,
479
+ "data-testid": testid ? `${testid}-caption` : void 0,
480
+ children: caption
481
+ }
482
+ )
473
483
  ]
474
484
  }
475
485
  );
@@ -6,7 +6,7 @@ import {
6
6
  InputBase,
7
7
  Percentage,
8
8
  UOM
9
- } from "../chunk-7W4I2NK3.js";
9
+ } from "../chunk-5JVMULVC.js";
10
10
  import "../chunk-5UH6QUFB.js";
11
11
  import "../chunk-CJVTFYI4.js";
12
12
  import "../chunk-UAPWR2KE.js";
@@ -10,12 +10,12 @@ import {
10
10
  import {
11
11
  Paragraph
12
12
  } from "../chunk-CJELWEO2.js";
13
- import {
14
- Button
15
- } from "../chunk-SK742QNF.js";
16
13
  import {
17
14
  Icon
18
15
  } from "../chunk-UAPWR2KE.js";
16
+ import {
17
+ Button
18
+ } from "../chunk-SK742QNF.js";
19
19
  import "../chunk-RDLEIAQU.js";
20
20
  import "../chunk-BBZEL7EG.js";
21
21
 
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-A76MF7ZO.js";
4
+ } from "../chunk-3M23BFB4.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-47KTDBGA.js";
6
+ import "../chunk-T7UCZWWK.js";
7
7
  import "../chunk-SYEJVSE4.js";
8
- import "../chunk-A5ROZWIH.js";
8
+ import "../chunk-R4H6D4SZ.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import "../chunk-REOLWEZG.js";
11
11
  import "../chunk-ZU2K7BD3.js";
12
12
  import "../chunk-VXWSAIB5.js";
13
13
  import "../chunk-T3F37S6Z.js";
14
14
  import "../chunk-5UH6QUFB.js";
15
- import "../chunk-SK742QNF.js";
16
15
  import "../chunk-UAPWR2KE.js";
16
+ import "../chunk-SK742QNF.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import "../chunk-BBZEL7EG.js";
19
19
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  ModalButtons
3
- } from "../chunk-47KTDBGA.js";
4
- import "../chunk-SK742QNF.js";
3
+ } from "../chunk-T7UCZWWK.js";
5
4
  import "../chunk-UAPWR2KE.js";
5
+ import "../chunk-SK742QNF.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-BBZEL7EG.js";
8
8
  export {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ModalHeader
3
- } from "../chunk-A5ROZWIH.js";
3
+ } from "../chunk-R4H6D4SZ.js";
4
4
  import "../chunk-REOLWEZG.js";
5
- import "../chunk-SK742QNF.js";
6
5
  import "../chunk-UAPWR2KE.js";
6
+ import "../chunk-SK742QNF.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-BBZEL7EG.js";
9
9
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  NavigationTab
3
- } from "../chunk-FYW64H7N.js";
4
- import "../chunk-SK742QNF.js";
3
+ } from "../chunk-JFPRYMID.js";
5
4
  import "../chunk-UAPWR2KE.js";
5
+ import "../chunk-SK742QNF.js";
6
6
  import "../chunk-RDLEIAQU.js";
7
7
  import "../chunk-BBZEL7EG.js";
8
8
  export {
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  NavigationTab
4
- } from "../chunk-FYW64H7N.js";
5
- import "../chunk-SK742QNF.js";
4
+ } from "../chunk-JFPRYMID.js";
6
5
  import "../chunk-UAPWR2KE.js";
6
+ import "../chunk-SK742QNF.js";
7
7
  import {
8
8
  componentGap
9
9
  } from "../chunk-RDLEIAQU.js";
@@ -8,12 +8,12 @@ import {
8
8
  import {
9
9
  Paragraph
10
10
  } from "../chunk-CJELWEO2.js";
11
- import {
12
- Button
13
- } from "../chunk-SK742QNF.js";
14
11
  import {
15
12
  Icon
16
13
  } from "../chunk-UAPWR2KE.js";
14
+ import {
15
+ Button
16
+ } from "../chunk-SK742QNF.js";
17
17
  import "../chunk-RDLEIAQU.js";
18
18
  import {
19
19
  __objRest,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  OptionPill
3
- } from "../chunk-ED7FXZRX.js";
3
+ } from "../chunk-BW2MWMVM.js";
4
4
  import "../chunk-CJVTFYI4.js";
5
- import "../chunk-SK742QNF.js";
6
5
  import "../chunk-UAPWR2KE.js";
6
+ import "../chunk-SK742QNF.js";
7
7
  import "../chunk-RDLEIAQU.js";
8
8
  import "../chunk-BBZEL7EG.js";
9
9
  export {
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Modal
4
- } from "../chunk-A76MF7ZO.js";
4
+ } from "../chunk-3M23BFB4.js";
5
5
  import "../chunk-4RJKB7LC.js";
6
- import "../chunk-47KTDBGA.js";
6
+ import "../chunk-T7UCZWWK.js";
7
7
  import "../chunk-SYEJVSE4.js";
8
- import "../chunk-A5ROZWIH.js";
8
+ import "../chunk-R4H6D4SZ.js";
9
9
  import "../chunk-ZFOANBWG.js";
10
10
  import {
11
11
  Spinner
@@ -23,12 +23,12 @@ import {
23
23
  import {
24
24
  Paragraph
25
25
  } from "../chunk-CJELWEO2.js";
26
- import {
27
- Button
28
- } from "../chunk-SK742QNF.js";
29
26
  import {
30
27
  Icon
31
28
  } from "../chunk-UAPWR2KE.js";
29
+ import {
30
+ Button
31
+ } from "../chunk-SK742QNF.js";
32
32
  import "../chunk-RDLEIAQU.js";
33
33
  import {
34
34
  __async
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
328
328
  removeBorder,
329
329
  wrapperClassName,
330
330
  focus,
331
+ secondaryIconColor,
331
332
  fullWidth = true
332
333
  } = _b, props = __objRest(_b, [
333
334
  "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
347
348
  "removeBorder",
348
349
  "wrapperClassName",
349
350
  "focus",
351
+ "secondaryIconColor",
350
352
  "fullWidth"
351
353
  ]);
352
354
  const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
412
414
  Label,
413
415
  {
414
416
  id: id ? `${id}-label` : void 0,
417
+ color: error ? "text-primary-error" : void 0,
415
418
  className: (0, import_clsx4.default)(
416
419
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
417
420
  ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
463
466
  )
464
467
  })
465
468
  ),
466
- after
469
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
467
470
  ]
468
471
  }
469
472
  ),
470
- caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
473
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
474
+ "div",
475
+ {
476
+ id: id ? `${id}-caption` : void 0,
477
+ "data-testid": testid ? `${testid}-caption` : void 0,
478
+ children: caption
479
+ }
480
+ )
471
481
  ]
472
482
  }
473
483
  );
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-7W4I2NK3.js";
4
+ } from "../chunk-5JVMULVC.js";
5
5
  import "../chunk-5UH6QUFB.js";
6
6
  import "../chunk-CJVTFYI4.js";
7
7
  import {
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
328
328
  removeBorder,
329
329
  wrapperClassName,
330
330
  focus,
331
+ secondaryIconColor,
331
332
  fullWidth = true
332
333
  } = _b, props = __objRest(_b, [
333
334
  "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
347
348
  "removeBorder",
348
349
  "wrapperClassName",
349
350
  "focus",
351
+ "secondaryIconColor",
350
352
  "fullWidth"
351
353
  ]);
352
354
  const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
412
414
  Label,
413
415
  {
414
416
  id: id ? `${id}-label` : void 0,
417
+ color: error ? "text-primary-error" : void 0,
415
418
  className: (0, import_clsx4.default)(
416
419
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
417
420
  ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
463
466
  )
464
467
  })
465
468
  ),
466
- after
469
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
467
470
  ]
468
471
  }
469
472
  ),
470
- caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
473
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
474
+ "div",
475
+ {
476
+ id: id ? `${id}-caption` : void 0,
477
+ "data-testid": testid ? `${testid}-caption` : void 0,
478
+ children: caption
479
+ }
480
+ )
471
481
  ]
472
482
  }
473
483
  );
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  Search
4
- } from "../chunk-2WRRRPEB.js";
5
- import "../chunk-7W4I2NK3.js";
4
+ } from "../chunk-7BBXPM5C.js";
5
+ import "../chunk-5JVMULVC.js";
6
6
  import "../chunk-5UH6QUFB.js";
7
7
  import "../chunk-CJVTFYI4.js";
8
8
  import "../chunk-UAPWR2KE.js";
@@ -328,6 +328,7 @@ var InputBase = (_a) => {
328
328
  removeBorder,
329
329
  wrapperClassName,
330
330
  focus,
331
+ secondaryIconColor,
331
332
  fullWidth = true
332
333
  } = _b, props = __objRest(_b, [
333
334
  "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
347
348
  "removeBorder",
348
349
  "wrapperClassName",
349
350
  "focus",
351
+ "secondaryIconColor",
350
352
  "fullWidth"
351
353
  ]);
352
354
  const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
412
414
  Label,
413
415
  {
414
416
  id: id ? `${id}-label` : void 0,
417
+ color: error ? "text-primary-error" : void 0,
415
418
  className: (0, import_clsx4.default)(
416
419
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
417
420
  ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
463
466
  )
464
467
  })
465
468
  ),
466
- after
469
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
467
470
  ]
468
471
  }
469
472
  ),
470
- caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
473
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
474
+ "div",
475
+ {
476
+ id: id ? `${id}-caption` : void 0,
477
+ "data-testid": testid ? `${testid}-caption` : void 0,
478
+ children: caption
479
+ }
480
+ )
471
481
  ]
472
482
  }
473
483
  );
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  Select
4
- } from "../chunk-2RUQFWER.js";
5
- import "../chunk-7W4I2NK3.js";
4
+ } from "../chunk-2VRZB2A4.js";
5
+ import "../chunk-5JVMULVC.js";
6
6
  import "../chunk-5UH6QUFB.js";
7
7
  import "../chunk-CJVTFYI4.js";
8
8
  import "../chunk-UAPWR2KE.js";
@@ -468,6 +468,7 @@ var InputBase = (_a) => {
468
468
  removeBorder,
469
469
  wrapperClassName,
470
470
  focus,
471
+ secondaryIconColor,
471
472
  fullWidth = true
472
473
  } = _b, props = __objRest(_b, [
473
474
  "id",
@@ -487,6 +488,7 @@ var InputBase = (_a) => {
487
488
  "removeBorder",
488
489
  "wrapperClassName",
489
490
  "focus",
491
+ "secondaryIconColor",
490
492
  "fullWidth"
491
493
  ]);
492
494
  const attributes = {
@@ -552,6 +554,7 @@ var InputBase = (_a) => {
552
554
  Label,
553
555
  {
554
556
  id: id ? `${id}-label` : void 0,
557
+ color: error ? "text-primary-error" : void 0,
555
558
  className: (0, import_clsx5.default)(
556
559
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
557
560
  ),
@@ -603,11 +606,18 @@ var InputBase = (_a) => {
603
606
  )
604
607
  })
605
608
  ),
606
- after
609
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
607
610
  ]
608
611
  }
609
612
  ),
610
- caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
613
+ caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
614
+ "div",
615
+ {
616
+ id: id ? `${id}-caption` : void 0,
617
+ "data-testid": testid ? `${testid}-caption` : void 0,
618
+ children: caption
619
+ }
620
+ )
611
621
  ]
612
622
  }
613
623
  );
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  InputBase
4
- } from "../chunk-7W4I2NK3.js";
4
+ } from "../chunk-5JVMULVC.js";
5
5
  import "../chunk-5UH6QUFB.js";
6
6
  import "../chunk-CJVTFYI4.js";
7
- import {
8
- Button
9
- } from "../chunk-SK742QNF.js";
10
7
  import {
11
8
  Icon
12
9
  } from "../chunk-UAPWR2KE.js";
10
+ import {
11
+ Button
12
+ } from "../chunk-SK742QNF.js";
13
13
  import {
14
14
  componentGap
15
15
  } from "../chunk-RDLEIAQU.js";
@@ -327,6 +327,7 @@ var InputBase = (_a) => {
327
327
  removeBorder,
328
328
  wrapperClassName,
329
329
  focus,
330
+ secondaryIconColor,
330
331
  fullWidth = true
331
332
  } = _b, props = __objRest(_b, [
332
333
  "id",
@@ -346,6 +347,7 @@ var InputBase = (_a) => {
346
347
  "removeBorder",
347
348
  "wrapperClassName",
348
349
  "focus",
350
+ "secondaryIconColor",
349
351
  "fullWidth"
350
352
  ]);
351
353
  const attributes = {
@@ -411,6 +413,7 @@ var InputBase = (_a) => {
411
413
  Label,
412
414
  {
413
415
  id: id ? `${id}-label` : void 0,
416
+ color: error ? "text-primary-error" : void 0,
414
417
  className: (0, import_clsx4.default)(
415
418
  props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
416
419
  ),
@@ -462,11 +465,18 @@ var InputBase = (_a) => {
462
465
  )
463
466
  })
464
467
  ),
465
- after
468
+ secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
466
469
  ]
467
470
  }
468
471
  ),
469
- caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
472
+ caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
473
+ "div",
474
+ {
475
+ id: id ? `${id}-caption` : void 0,
476
+ "data-testid": testid ? `${testid}-caption` : void 0,
477
+ children: caption
478
+ }
479
+ )
470
480
  ]
471
481
  }
472
482
  );
@@ -4,7 +4,7 @@ import {
4
4
  import "../chunk-T3F37S6Z.js";
5
5
  import {
6
6
  InputBase
7
- } from "../chunk-7W4I2NK3.js";
7
+ } from "../chunk-5JVMULVC.js";
8
8
  import "../chunk-5UH6QUFB.js";
9
9
  import "../chunk-CJVTFYI4.js";
10
10
  import {
@@ -5,12 +5,12 @@ import {
5
5
  import {
6
6
  Paragraph
7
7
  } from "../chunk-CJELWEO2.js";
8
- import {
9
- Button
10
- } from "../chunk-SK742QNF.js";
11
8
  import {
12
9
  Icon
13
10
  } from "../chunk-UAPWR2KE.js";
11
+ import {
12
+ Button
13
+ } from "../chunk-SK742QNF.js";
14
14
  import {
15
15
  componentGap,
16
16
  componentPadding,
@@ -7,12 +7,12 @@ import {
7
7
  import {
8
8
  Paragraph
9
9
  } from "../chunk-CJELWEO2.js";
10
- import {
11
- Button
12
- } from "../chunk-SK742QNF.js";
13
10
  import {
14
11
  Icon
15
12
  } from "../chunk-UAPWR2KE.js";
13
+ import {
14
+ Button
15
+ } from "../chunk-SK742QNF.js";
16
16
  import {
17
17
  componentGap
18
18
  } from "../chunk-RDLEIAQU.js";