@luscii-healthtech/web-ui 30.3.0 → 30.4.0

package/dist/components/Text/Text.d.ts

@@ -27,6 +27,8 @@ export declare const allowedColors: {
     readonly red: "ui-text-red-800";
     readonly green: "ui-text-green-800";
     readonly amber: "ui-text-yellow-800";
+    readonly orange: "ui-text-yellow-800";
+    readonly grey: "ui-text-slate-500";
     readonly white: "ui-text-white";
     readonly "blue-800": "ui-text-primary";
     readonly current: "ui-text-current";

package/dist/index.development.js

@@ -973,6 +973,8 @@ const allowedColors = {
   red: "ui-text-red-800",
   green: "ui-text-green-800",
   amber: "ui-text-yellow-800",
+  orange: "ui-text-yellow-800",
+  grey: "ui-text-slate-500",
   white: "ui-text-white",
   "blue-800": "ui-text-primary",
   current: "ui-text-current",
@@ -5369,13 +5371,13 @@ const ImageCategory = (props) => {
     React__namespace.default.createElement("div", { className: "ui-flex ui-flex-row ui-flex-wrap" }, props.images.map((option, index) => {
       const isSelected = option === props.highlightedImage;
       return React__namespace.default.createElement(
-        "div",
-        { "data-test-id": `image-from-selector-${index.toString().padStart(2, "0")}`, key: option, role: "button", className: classNames__default.default("ui-m-2 ui-rounded ui-border ui-border-solid ui-border-slate-300 ui-p-2", {
+        "button",
+        { "data-test-id": `image-from-selector-${index.toString().padStart(2, "0")}`, key: option, "data-index": index, "data-src": option, onClick: props.handleImageClick, className: classNames__default.default("ui-m-2 ui-rounded ui-border ui-border-solid ui-border-slate-300 ui-p-2", {
           "ui-outline ui-outline-primary": isSelected,
           "ui-h-11 ui-w-11": props.isTypeCompact,
           "ui-h-22 ui-w-36": !props.isTypeCompact
         }) },
-        React__namespace.default.createElement(Image$2, { className: "ui-h-full ui-w-full ui-rounded", onClick: props.handleImageClick, src: option, "data-index": index, wrapperClassName: classNames__default.default({
+        React__namespace.default.createElement(Image$2, { className: "ui-h-full ui-w-full ui-rounded", src: option, wrapperClassName: classNames__default.default({
           "ui-h-full ui-w-full": !props.isTypeCompact
         }) })
       );
@@ -5438,8 +5440,11 @@ const ImagePickerInner = ({
     if (datasetIndex && parseInt(datasetIndex, 10) === clearImageIndex) {
       handleDeleteClick();
     }
-    setHighlightedImage(event.currentTarget.src);
-    setError(null);
+    const src = event.currentTarget.dataset["src"];
+    if (src) {
+      setHighlightedImage(src);
+      setError(null);
+    }
   };
   const handleDeleteClick = () => {
     handleChange({ target: { name, value: "" } });