@dmsi/wedgekit-react 0.0.724 → 0.0.726

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 (22) hide show
  1. package/dist/{chunk-SGZCW7HP.js → chunk-GPOXCUE3.js} +2 -2
  2. package/dist/components/CalendarRange.js +1 -1
  3. package/dist/components/CompactImagesPreview.cjs +2 -2
  4. package/dist/components/CompactImagesPreview.js +1 -1
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +1 -1
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +1 -1
  7. package/dist/components/DataGrid/PinnedColumns.js +1 -1
  8. package/dist/components/DataGrid/TableBody/LoadingCell.js +1 -1
  9. package/dist/components/DataGrid/TableBody/TableBodyRow.js +1 -1
  10. package/dist/components/DataGrid/TableBody/index.js +1 -1
  11. package/dist/components/DataGrid/index.js +1 -1
  12. package/dist/components/DataGrid/utils.js +1 -1
  13. package/dist/components/DateInput.js +1 -1
  14. package/dist/components/DateRangeInput.js +1 -1
  15. package/dist/components/MobileDataGrid/ColumnSelector/index.js +1 -1
  16. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +1 -1
  17. package/dist/components/MobileDataGrid/index.js +1 -1
  18. package/dist/components/Stepper.cjs +173 -35
  19. package/dist/components/Stepper.js +47 -30
  20. package/dist/components/index.cjs +2 -2
  21. package/dist/components/index.js +1 -1
  22. package/package.json +1 -1
package/dist/{chunk-SGZCW7HP.js → chunk-GPOXCUE3.js} RENAMED
@@ -54,7 +54,7 @@ function CompactImagesPreview(props) {
54
54
  width: activeImageWidth,
55
55
  height: activeImageHeight,
56
56
  objectPosition: "center",
57
- objectFit: "cover"
57
+ objectFit: "contain"
58
58
  },
59
59
  src: placeholderImageUri,
60
60
  alt: placeholderAlt,
@@ -73,7 +73,7 @@ function CompactImagesPreview(props) {
73
73
  width: isMobile ? "100%" : activeImageWidth,
74
74
  height: activeImageHeight,
75
75
  objectPosition: "center",
76
- objectFit: "cover"
76
+ objectFit: "contain"
77
77
  },
78
78
  src: currentSource.uri,
79
79
  alt: currentSource.name,
package/dist/components/CalendarRange.js CHANGED
@@ -46,7 +46,7 @@ import "../chunk-7T5RGDCN.js";
46
46
  import "../chunk-HXGJVYGQ.js";
47
47
  import "../chunk-WVUIIBRR.js";
48
48
  import "../chunk-M7WHWZ2J.js";
49
- import "../chunk-SGZCW7HP.js";
49
+ import "../chunk-GPOXCUE3.js";
50
50
  import "../chunk-ZERLFS2T.js";
51
51
  import "../chunk-VXWSAIB5.js";
52
52
  import "../chunk-X4VZXHQL.js";
package/dist/components/CompactImagesPreview.cjs CHANGED
@@ -513,7 +513,7 @@ function CompactImagesPreview(props) {
513
513
  width: activeImageWidth,
514
514
  height: activeImageHeight,
515
515
  objectPosition: "center",
516
- objectFit: "cover"
516
+ objectFit: "contain"
517
517
  },
518
518
  src: placeholderImageUri,
519
519
  alt: placeholderAlt,
@@ -532,7 +532,7 @@ function CompactImagesPreview(props) {
532
532
  width: isMobile ? "100%" : activeImageWidth,
533
533
  height: activeImageHeight,
534
534
  objectPosition: "center",
535
- objectFit: "cover"
535
+ objectFit: "contain"
536
536
  },
537
537
  src: currentSource.uri,
538
538
  alt: currentSource.name,
package/dist/components/CompactImagesPreview.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  CompactImagesPreview
3
- } from "../chunk-SGZCW7HP.js";
3
+ } from "../chunk-GPOXCUE3.js";
4
4
  import "../chunk-ZERLFS2T.js";
5
5
  import "../chunk-VXWSAIB5.js";
6
6
  import "../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -44,7 +44,7 @@ import "../../chunk-7T5RGDCN.js";
44
44
  import "../../chunk-HXGJVYGQ.js";
45
45
  import "../../chunk-WVUIIBRR.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-SGZCW7HP.js";
47
+ import "../../chunk-GPOXCUE3.js";
48
48
  import "../../chunk-ZERLFS2T.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/index.js CHANGED
@@ -46,7 +46,7 @@ import "../../chunk-7T5RGDCN.js";
46
46
  import "../../chunk-HXGJVYGQ.js";
47
47
  import "../../chunk-WVUIIBRR.js";
48
48
  import "../../chunk-M7WHWZ2J.js";
49
- import "../../chunk-SGZCW7HP.js";
49
+ import "../../chunk-GPOXCUE3.js";
50
50
  import "../../chunk-ZERLFS2T.js";
51
51
  import "../../chunk-VXWSAIB5.js";
52
52
  import "../../chunk-X4VZXHQL.js";
package/dist/components/DataGrid/utils.js CHANGED
@@ -44,7 +44,7 @@ import "../../chunk-7T5RGDCN.js";
44
44
  import "../../chunk-HXGJVYGQ.js";
45
45
  import "../../chunk-WVUIIBRR.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-SGZCW7HP.js";
47
+ import "../../chunk-GPOXCUE3.js";
48
48
  import "../../chunk-ZERLFS2T.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-X4VZXHQL.js";
package/dist/components/DateInput.js CHANGED
@@ -44,7 +44,7 @@ import "../chunk-7T5RGDCN.js";
44
44
  import "../chunk-HXGJVYGQ.js";
45
45
  import "../chunk-WVUIIBRR.js";
46
46
  import "../chunk-M7WHWZ2J.js";
47
- import "../chunk-SGZCW7HP.js";
47
+ import "../chunk-GPOXCUE3.js";
48
48
  import "../chunk-ZERLFS2T.js";
49
49
  import "../chunk-VXWSAIB5.js";
50
50
  import "../chunk-X4VZXHQL.js";
package/dist/components/DateRangeInput.js CHANGED
@@ -46,7 +46,7 @@ import {
46
46
  import "../chunk-HXGJVYGQ.js";
47
47
  import "../chunk-WVUIIBRR.js";
48
48
  import "../chunk-M7WHWZ2J.js";
49
- import "../chunk-SGZCW7HP.js";
49
+ import "../chunk-GPOXCUE3.js";
50
50
  import "../chunk-ZERLFS2T.js";
51
51
  import {
52
52
  findDocumentRoot
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -44,7 +44,7 @@ import "../../../chunk-7T5RGDCN.js";
44
44
  import "../../../chunk-HXGJVYGQ.js";
45
45
  import "../../../chunk-WVUIIBRR.js";
46
46
  import "../../../chunk-M7WHWZ2J.js";
47
- import "../../../chunk-SGZCW7HP.js";
47
+ import "../../../chunk-GPOXCUE3.js";
48
48
  import "../../../chunk-ZERLFS2T.js";
49
49
  import "../../../chunk-VXWSAIB5.js";
50
50
  import "../../../chunk-X4VZXHQL.js";
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -44,7 +44,7 @@ import "../../chunk-7T5RGDCN.js";
44
44
  import "../../chunk-HXGJVYGQ.js";
45
45
  import "../../chunk-WVUIIBRR.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-SGZCW7HP.js";
47
+ import "../../chunk-GPOXCUE3.js";
48
48
  import "../../chunk-ZERLFS2T.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-X4VZXHQL.js";
package/dist/components/MobileDataGrid/index.js CHANGED
@@ -44,7 +44,7 @@ import "../../chunk-7T5RGDCN.js";
44
44
  import "../../chunk-HXGJVYGQ.js";
45
45
  import "../../chunk-WVUIIBRR.js";
46
46
  import "../../chunk-M7WHWZ2J.js";
47
- import "../../chunk-SGZCW7HP.js";
47
+ import "../../chunk-GPOXCUE3.js";
48
48
  import "../../chunk-ZERLFS2T.js";
49
49
  import "../../chunk-VXWSAIB5.js";
50
50
  import "../../chunk-X4VZXHQL.js";
package/dist/components/Stepper.cjs CHANGED
@@ -1014,8 +1014,132 @@ Currency.displayName = "Currency";
1014
1014
  Percentage.displayName = "Percentage";
1015
1015
 
1016
1016
  // src/components/Stepper.tsx
1017
+ var import_clsx8 = __toESM(require("clsx"), 1);
1018
+
1019
+ // src/components/Tooltip.tsx
1017
1020
  var import_clsx7 = __toESM(require("clsx"), 1);
1021
+ var import_react2 = require("react");
1022
+ var import_react_dom = require("react-dom");
1018
1023
  var import_jsx_runtime7 = require("react/jsx-runtime");
1024
+ var Tooltip = ({
1025
+ id,
1026
+ testid,
1027
+ message,
1028
+ position = "top",
1029
+ children,
1030
+ showOnTruncation = false,
1031
+ offset = 8,
1032
+ keepHidden = false
1033
+ }) => {
1034
+ const ref = (0, import_react2.useRef)(null);
1035
+ const tooltipRef = (0, import_react2.useRef)(null);
1036
+ const [tooltipPosition, setTooltipPosition] = (0, import_react2.useState)({ top: 0, left: 0 });
1037
+ const [isVisible, setIsVisible] = (0, import_react2.useState)(false);
1038
+ const [removeOpacity, setRemoveOpacity] = (0, import_react2.useState)(false);
1039
+ const updatePosition = () => {
1040
+ if (!ref.current || !tooltipRef.current) return;
1041
+ const rect = ref.current.getBoundingClientRect();
1042
+ const tooltipRect = tooltipRef.current.getBoundingClientRect();
1043
+ let top = 0;
1044
+ let left = 0;
1045
+ switch (position) {
1046
+ case "top":
1047
+ top = rect.top - tooltipRect.height - offset;
1048
+ left = rect.left + rect.width / 2 - tooltipRect.width / 2;
1049
+ break;
1050
+ case "bottom":
1051
+ top = rect.bottom + offset;
1052
+ left = rect.left + rect.width / 2 - tooltipRect.width / 2;
1053
+ break;
1054
+ case "left":
1055
+ top = rect.top + rect.height / 2 - tooltipRect.height / 2;
1056
+ left = rect.left - tooltipRect.width - offset;
1057
+ break;
1058
+ case "right":
1059
+ top = rect.top + rect.height / 2 - tooltipRect.height / 2;
1060
+ left = rect.right + offset;
1061
+ break;
1062
+ }
1063
+ setTooltipPosition({ top, left });
1064
+ requestAnimationFrame(() => {
1065
+ setRemoveOpacity(true);
1066
+ });
1067
+ };
1068
+ const handleMouseEnter = () => {
1069
+ if (!showOnTruncation || checkForTextTruncation()) {
1070
+ setIsVisible(true);
1071
+ }
1072
+ };
1073
+ const handleMouseLeave = () => {
1074
+ setIsVisible(false);
1075
+ setRemoveOpacity(false);
1076
+ };
1077
+ (0, import_react2.useEffect)(() => {
1078
+ if (isVisible && tooltipRef.current) {
1079
+ requestAnimationFrame(() => {
1080
+ updatePosition();
1081
+ });
1082
+ }
1083
+ }, [isVisible]);
1084
+ (0, import_react2.useEffect)(() => {
1085
+ if (isVisible) {
1086
+ window.addEventListener("resize", updatePosition);
1087
+ return () => window.removeEventListener("resize", updatePosition);
1088
+ }
1089
+ }, [isVisible]);
1090
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1091
+ "div",
1092
+ {
1093
+ id,
1094
+ "data-testid": testid,
1095
+ ref,
1096
+ className: "relative inline-grid grid-cols-[auto_1fr] items-center cursor-pointer",
1097
+ onMouseEnter: handleMouseEnter,
1098
+ onMouseLeave: handleMouseLeave,
1099
+ children: [
1100
+ children,
1101
+ !keepHidden && isVisible && typeof document !== "undefined" && (0, import_react_dom.createPortal)(
1102
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1103
+ "div",
1104
+ {
1105
+ id: id ? `${id}-message` : void 0,
1106
+ "data-testid": testid ? `${testid}-message` : void 0,
1107
+ ref: tooltipRef,
1108
+ style: {
1109
+ position: "fixed",
1110
+ top: `${tooltipPosition.top}px`,
1111
+ left: `${tooltipPosition.left}px`,
1112
+ zIndex: 9999
1113
+ },
1114
+ className: (0, import_clsx7.default)(
1115
+ typography.caption,
1116
+ "bg-neutral-500 text-neutral-100 rounded whitespace-nowrap shadow-2 pointer-events-none transition-opacity duration-100 ease-in-out",
1117
+ componentPadding,
1118
+ !removeOpacity && "opacity-0"
1119
+ ),
1120
+ children: message
1121
+ }
1122
+ ),
1123
+ document.body
1124
+ )
1125
+ ]
1126
+ }
1127
+ );
1128
+ function checkForTextTruncation() {
1129
+ if (showOnTruncation && ref.current) {
1130
+ const element = ref.current.querySelector("p, a");
1131
+ if (element) {
1132
+ const isTruncated = element.scrollWidth > element.clientWidth;
1133
+ return isTruncated;
1134
+ }
1135
+ }
1136
+ return false;
1137
+ }
1138
+ };
1139
+ Tooltip.displayName = "Tooltip";
1140
+
1141
+ // src/components/Stepper.tsx
1142
+ var import_jsx_runtime8 = require("react/jsx-runtime");
1019
1143
  var Stepper = (_a) => {
1020
1144
  var _b = _a, {
1021
1145
  error,
@@ -1056,36 +1180,43 @@ var Stepper = (_a) => {
1056
1180
  setValue((prevVal) => prevVal - 1);
1057
1181
  onDecrease == null ? void 0 : onDecrease();
1058
1182
  }
1059
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1183
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1060
1184
  "div",
1061
1185
  {
1062
1186
  id,
1063
1187
  "data-testid": testid,
1064
- className: (0, import_clsx7.default)("flex items-center", componentGap),
1188
+ className: (0, import_clsx8.default)("flex items-center", componentGap),
1065
1189
  children: [
1066
- !hideButtons && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1067
- Button,
1190
+ !hideButtons && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1191
+ Tooltip,
1068
1192
  {
1069
- id: id ? `${id}-decrease-button` : void 0,
1070
- testid: testid ? `${testid}-decrease-button` : void 0,
1071
- iconOnly: true,
1072
- variant: "tertiary",
1073
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1074
- "span",
1193
+ message: "Decrease Quantity",
1194
+ testid: testid ? `${testid}-decrease-tooltip` : void 0,
1195
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1196
+ Button,
1075
1197
  {
1076
- className: (0, import_clsx7.default)(
1077
- !disabled || value > 0 && "text-icon-action-primary-normal",
1078
- disabled || value === 0 && "text-icon-action-primary-disabled",
1079
- "contents"
1198
+ id: id ? `${id}-decrease-button` : void 0,
1199
+ testid: testid ? `${testid}-decrease-button` : void 0,
1200
+ iconOnly: true,
1201
+ variant: "tertiary",
1202
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1203
+ "span",
1204
+ {
1205
+ className: (0, import_clsx8.default)(
1206
+ !disabled || value > 0 && "text-icon-action-primary-normal",
1207
+ disabled || value === 0 && "text-icon-action-primary-disabled",
1208
+ "contents"
1209
+ ),
1210
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "remove" })
1211
+ }
1080
1212
  ),
1081
- children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "remove" })
1213
+ onClick: handleDecrease,
1214
+ disabled: disabled || value <= 0 || min != null && value <= min
1082
1215
  }
1083
- ),
1084
- onClick: handleDecrease,
1085
- disabled: disabled || value <= 0 || min != null && value <= min
1216
+ )
1086
1217
  }
1087
1218
  ),
1088
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1219
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1089
1220
  InputBase,
1090
1221
  __spreadProps(__spreadValues({}, props), {
1091
1222
  id: id ? `${id}-input` : void 0,
@@ -1107,26 +1238,33 @@ var Stepper = (_a) => {
1107
1238
  className: "!w-6 !h-4.5 !px-0 disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
1108
1239
  })
1109
1240
  ) }),
1110
- !hideButtons && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1111
- Button,
1241
+ !hideButtons && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1242
+ Tooltip,
1112
1243
  {
1113
- id: id ? `${id}-increase-button` : void 0,
1114
- testid: testid ? `${testid}-increase-button` : void 0,
1115
- iconOnly: true,
1116
- variant: "tertiary",
1117
- leftIcon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1118
- "span",
1244
+ message: "Increase Quantity",
1245
+ testid: testid ? `${testid}-increase-tooltip` : void 0,
1246
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1247
+ Button,
1119
1248
  {
1120
- className: (0, import_clsx7.default)(
1121
- !disabled && "text-icon-action-primary-normal",
1122
- disabled && "text-icon-action-primary-disabled",
1123
- "contents"
1249
+ id: id ? `${id}-increase-button` : void 0,
1250
+ testid: testid ? `${testid}-increase-button` : void 0,
1251
+ iconOnly: true,
1252
+ variant: "tertiary",
1253
+ leftIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1254
+ "span",
1255
+ {
1256
+ className: (0, import_clsx8.default)(
1257
+ !disabled && "text-icon-action-primary-normal",
1258
+ disabled && "text-icon-action-primary-disabled",
1259
+ "contents"
1260
+ ),
1261
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "add" })
1262
+ }
1124
1263
  ),
1125
- children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "add" })
1264
+ onClick: handleIncrease,
1265
+ disabled: disabled || max != null && value >= max
1126
1266
  }
1127
- ),
1128
- onClick: handleIncrease,
1129
- disabled: disabled || max != null && value >= max
1267
+ )
1130
1268
  }
1131
1269
  )
1132
1270
  ]
package/dist/components/Stepper.js CHANGED
@@ -1,4 +1,7 @@
1
1
  "use client";
2
+ import {
3
+ Tooltip
4
+ } from "../chunk-AS57Y2D3.js";
2
5
  import {
3
6
  InputBase
4
7
  } from "../chunk-7T5RGDCN.js";
@@ -72,25 +75,32 @@ var Stepper = (_a) => {
72
75
  className: clsx("flex items-center", componentGap),
73
76
  children: [
74
77
  !hideButtons && /* @__PURE__ */ jsx(
75
- Button,
78
+ Tooltip,
76
79
  {
77
- id: id ? `${id}-decrease-button` : void 0,
78
- testid: testid ? `${testid}-decrease-button` : void 0,
79
- iconOnly: true,
80
- variant: "tertiary",
81
- leftIcon: /* @__PURE__ */ jsx(
82
- "span",
80
+ message: "Decrease Quantity",
81
+ testid: testid ? `${testid}-decrease-tooltip` : void 0,
82
+ children: /* @__PURE__ */ jsx(
83
+ Button,
83
84
  {
84
- className: clsx(
85
- !disabled || value > 0 && "text-icon-action-primary-normal",
86
- disabled || value === 0 && "text-icon-action-primary-disabled",
87
- "contents"
85
+ id: id ? `${id}-decrease-button` : void 0,
86
+ testid: testid ? `${testid}-decrease-button` : void 0,
87
+ iconOnly: true,
88
+ variant: "tertiary",
89
+ leftIcon: /* @__PURE__ */ jsx(
90
+ "span",
91
+ {
92
+ className: clsx(
93
+ !disabled || value > 0 && "text-icon-action-primary-normal",
94
+ disabled || value === 0 && "text-icon-action-primary-disabled",
95
+ "contents"
96
+ ),
97
+ children: /* @__PURE__ */ jsx(Icon, { name: "remove" })
98
+ }
88
99
  ),
89
- children: /* @__PURE__ */ jsx(Icon, { name: "remove" })
100
+ onClick: handleDecrease,
101
+ disabled: disabled || value <= 0 || min != null && value <= min
90
102
  }
91
- ),
92
- onClick: handleDecrease,
93
- disabled: disabled || value <= 0 || min != null && value <= min
103
+ )
94
104
  }
95
105
  ),
96
106
  /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
@@ -116,25 +126,32 @@ var Stepper = (_a) => {
116
126
  })
117
127
  ) }),
118
128
  !hideButtons && /* @__PURE__ */ jsx(
119
- Button,
129
+ Tooltip,
120
130
  {
121
- id: id ? `${id}-increase-button` : void 0,
122
- testid: testid ? `${testid}-increase-button` : void 0,
123
- iconOnly: true,
124
- variant: "tertiary",
125
- leftIcon: /* @__PURE__ */ jsx(
126
- "span",
131
+ message: "Increase Quantity",
132
+ testid: testid ? `${testid}-increase-tooltip` : void 0,
133
+ children: /* @__PURE__ */ jsx(
134
+ Button,
127
135
  {
128
- className: clsx(
129
- !disabled && "text-icon-action-primary-normal",
130
- disabled && "text-icon-action-primary-disabled",
131
- "contents"
136
+ id: id ? `${id}-increase-button` : void 0,
137
+ testid: testid ? `${testid}-increase-button` : void 0,
138
+ iconOnly: true,
139
+ variant: "tertiary",
140
+ leftIcon: /* @__PURE__ */ jsx(
141
+ "span",
142
+ {
143
+ className: clsx(
144
+ !disabled && "text-icon-action-primary-normal",
145
+ disabled && "text-icon-action-primary-disabled",
146
+ "contents"
147
+ ),
148
+ children: /* @__PURE__ */ jsx(Icon, { name: "add" })
149
+ }
132
150
  ),
133
- children: /* @__PURE__ */ jsx(Icon, { name: "add" })
151
+ onClick: handleIncrease,
152
+ disabled: disabled || max != null && value >= max
134
153
  }
135
- ),
136
- onClick: handleIncrease,
137
- disabled: disabled || max != null && value >= max
154
+ )
138
155
  }
139
156
  )
140
157
  ]
package/dist/components/index.cjs CHANGED
@@ -7762,7 +7762,7 @@ function CompactImagesPreview(props) {
7762
7762
  width: activeImageWidth,
7763
7763
  height: activeImageHeight,
7764
7764
  objectPosition: "center",
7765
- objectFit: "cover"
7765
+ objectFit: "contain"
7766
7766
  },
7767
7767
  src: placeholderImageUri3,
7768
7768
  alt: placeholderAlt,
@@ -7781,7 +7781,7 @@ function CompactImagesPreview(props) {
7781
7781
  width: isMobile ? "100%" : activeImageWidth,
7782
7782
  height: activeImageHeight,
7783
7783
  objectPosition: "center",
7784
- objectFit: "cover"
7784
+ objectFit: "contain"
7785
7785
  },
7786
7786
  src: currentSource.uri,
7787
7787
  alt: currentSource.name,
package/dist/components/index.js CHANGED
@@ -89,7 +89,7 @@ import {
89
89
  } from "../chunk-M7WHWZ2J.js";
90
90
  import {
91
91
  CompactImagesPreview
92
- } from "../chunk-SGZCW7HP.js";
92
+ } from "../chunk-GPOXCUE3.js";
93
93
  import "../chunk-ZERLFS2T.js";
94
94
  import "../chunk-VXWSAIB5.js";
95
95
  import "../chunk-X4VZXHQL.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.724",
4
+ "version": "0.0.726",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",