hplx-react-elements-dev 1.0.40 → 1.0.41

package/dist/esm/addSuggestion/AddSuggestion.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AddSuggestionProps } from "../types";
-declare const AddSuggestion: ({ isInputField, label, labelColor, labelSize, start_icon, end_icon, prefix, suffixButton, suffix, suffixDropdown, isSuffixEditable, suffixInputProps, suffixPlaceholder, handleSuggestionValChange, handleSuffixValChange, handleSuffixClick, char_count, onSuggestionClick, height, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options, suggestionValue, isborderRequired, }: AddSuggestionProps) => JSX.Element;
+declare const AddSuggestion: ({ isInputField, label, labelColor, labelSize, start_icon, end_icon, prefix, suffixButton, suffix, suffixDropdown, isSuffixEditable, suffixInputProps, suffixPlaceholder, handleSuggestionValChange, handleSuffixValChange, handleSuffixClick, char_count, onSuggestionClick, height, hint_text_icon, hint_text, errorMsg, inputProps, inputFieldInputProps, options, fieldColor, suggestionValue, isborderRequired, }: AddSuggestionProps) => JSX.Element;
 export default AddSuggestion;

package/dist/esm/index.js

@@ -2083,7 +2083,7 @@ var DropdownItems = function DropdownItems(_a) {
     onClick: function onClick() {
       !disabled && onSelect && onSelect(value);
     },
-    className: "hplxt-h-10 hplxt-flex hplxt-items-center hplxt-px-2  ".concat(disabled ? "hplxt-cursor-not-allowed" : "hover:hplxt-bg-Gray-50 hplxt-cursor-pointer"),
+    className: "hplxt-h-10 hplxt-flex hplxt-items-center hplxt-px-2  ".concat(disabled ? "hplxt-cursor-not-allowed" : "hover:hplxt-bg-Blue_gray-100 hplxt-cursor-pointer"),
     onMouseEnter: onMouseEnterHandler,
     onMouseLeave: onMouseLeaveHandler
   }, {
@@ -2094,12 +2094,12 @@ var DropdownItems = function DropdownItems(_a) {
         className: start_icon
       })
     })), jsxRuntime.exports.jsx(Typography, __assign({
-      variant: hover && !disabled ? 'Medium' : 'Regular',
+      variant: hover && !disabled ? "Medium" : "Regular",
       type: "Text md",
       className: "hplxt-truncate"
     }, {
       children: jsxRuntime.exports.jsx("div", __assign({
-        className: "hplxt-flex-1 ".concat(disabled ? 'hplxt-text-Gray-200' : 'hplxt-text-Gray-700', " ").concat(className),
+        className: "hplxt-flex-1 ".concat(disabled ? "hplxt-text-Gray-200" : "hplxt-text-Gray-700", " ").concat(className),
         title: checkOverFlow() ? label : undefined,
         ref: ref
       }, {
@@ -3320,22 +3320,22 @@ var getSizeClassName$5 = function getSizeClassName(size) {
 var getPaddingClassName$3 = function getPaddingClassName(size, icon, iconFile) {
   switch (size) {
     case "sm":
-      return icon && iconFile && icon === "Only" ? "hplxt-h-8 hplxt-w-[34px] hplxt-px-[5.8px]" : "hplxt-h-8 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-8 hplxt-w-[34px] hplxt-px-[5.8px]" : "hplxt-h-8 hplxt-px-1";
 
     case "md":
-      return icon && iconFile && icon === "Only" ? "hplxt-h-9 hplxt-w-[42px] hplxt-px-[9.8px]" : "hplxt-h-9 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-9 hplxt-w-[42px] hplxt-px-[9.8px]" : "hplxt-h-9 hplxt-px-[6px]";
 
     case "lg":
-      return icon && iconFile && icon === "Only" ? "hplxt-h-10 hplxt-w-[42px] hplxt-px-[9.8px]" : "hplxt-h-10 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-10 hplxt-w-[42px] hplxt-px-[9.8px]" : "hplxt-h-10 hplxt-px-2";
 
     case "xl":
-      return icon && iconFile && icon === "Only" ? "hplxt-h-11 hplxt-w-[46px] hplxt-px-[11.8px]" : "hplxt-h-11 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-11 hplxt-w-[46px] hplxt-px-[11.8px]" : "hplxt-h-11 hplxt-px-[10px]";
 
     case "2xl":
-      return icon && iconFile && icon === "Only" ? "hplxt-h-12 hplxt-w-[50px] hplxt-px-[13.8px]" : "hplxt-h-12 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-12 hplxt-w-[50px] hplxt-px-[13.8px]" : "hplxt-h-12 hplxt-px-3";
 
     default:
-      return icon && iconFile && icon === "Only" ? "hplxt-h-8 hplxt-w-[34px] hplxt-px-[5.8px]" : "hplxt-h-8 hplxt-px-4";
+      return icon && iconFile && icon === "Only" ? "hplxt-h-8 hplxt-w-[34px] hplxt-px-[5.8px]" : "hplxt-h-8 hplxt-px-1";
   }
 };
 
@@ -4271,6 +4271,7 @@ var CollapsibleCard = function CollapsibleCard(props) {
       header = _a.header,
       children = _a.children,
       footer = _a.footer,
+      title = _a.title,
       _d = _a.icon,
       icon = _d === void 0 ? "Right" : _d,
       _e = _a.openIcon,
@@ -4331,20 +4332,30 @@ var CollapsibleCard = function CollapsibleCard(props) {
 
   if (direction === "up" || direction === "down") {
     return jsxRuntime.exports.jsxs("div", __assign({
-      className: "hplxt-flex hplxt-m-5 ".concat(direction === "down" ? "hplxt-flex-col" : "hplxt-flex-col-reverse")
+      className: "hplxt-flex hplxt-flex-col  ".concat(direction === "down" ? "hplxt-flex-col" : "hplxt-flex-col-reverse")
     }, {
       children: [jsxRuntime.exports.jsxs("div", __assign({
         className: "hplxt-flex hplxt-flex-1 hplxt-flex-row hplxt-items-center"
       }, {
-        children: [jsxRuntime.exports.jsx(Tooltip, __assign({
+        children: [title && jsxRuntime.exports.jsx("div", __assign({
+          className: "hplxt-flex hplxt-mr-6 hplxt-items-center "
+        }, {
+          children: jsxRuntime.exports.jsx(Typography, __assign({
+            variant: "Medium",
+            type: "Text md",
+            className: "hplxt-text-Gray-800"
+          }, {
+            children: title
+          }))
+        })), jsxRuntime.exports.jsx(Tooltip, __assign({
           variant: "Top",
           text: active ? "Click here to collapse" : "Click here to expand",
           theme: "light"
         }, {
           children: jsxRuntime.exports.jsx(Button, {
             onClick: OnButtonClick,
-            hierarchy: "Secondary-Grey-Dashed",
-            size: "lg",
+            hierarchy: "Secondary-Grey",
+            size: "sm",
             icon: icon,
             iconFile: active ? closeIcon : openIcon,
             textField: label,
@@ -4356,7 +4367,7 @@ var CollapsibleCard = function CollapsibleCard(props) {
         onAnimationEnd: function onAnimationEnd() {
           console.log("onAnimationEnd called");
         },
-        className: "".concat(active ? "hplxt-max-h-[1000px] hplxt-overflow-visible" : "hplxt-max-h-0 hplxt-overflow-hidden", " ").concat(active ? "hplxt-p-5" : "hplxt-p-0", " hplxt-transition-all hplxt-duration-500 hplxt-ease-in-out hplxt-mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " hplxt-text-ellipsis")
+        className: "".concat(active ? "hplxt-max-h-[1000px] hplxt-overflow-visible" : "hplxt-max-h-0 hplxt-overflow-hidden", " ").concat(active ? "hplxt-p-5" : "hplxt-p-0", " hplxt-transition-all hplxt-duration-500 hplxt-ease-in-out hplxt-mt-5 ").concat(getWidth(width), " ").concat(getHeight(height), " hplxt-text-ellipsis\n          ")
       }, {
         children: [header && jsxRuntime.exports.jsx("div", __assign({
           className: "hplxt-flex hplxt-flex-1 hplxt-m-1 hplxt-p-4"
@@ -5218,6 +5229,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       inputProps = _a.inputProps,
       inputFieldInputProps = _a.inputFieldInputProps,
       options = _a.options,
+      fieldColor = _a.fieldColor,
       _q = _a.suggestionValue,
       suggestionValue = _q === void 0 ? "" : _q,
       _r = _a.isborderRequired,
@@ -5308,6 +5320,7 @@ var AddSuggestion = function AddSuggestion(_a) {
       hint_text: hint_text,
       hint_text_icon: hint_text_icon,
       errorMsg: errorMsg,
+      fieldColor: fieldColor,
       suffixPlaceholder: suffixPlaceholder,
       isborderRequired: isborderRequired,
       isSuffixEditable: isSuffixEditable,

package/dist/esm/types.d.ts

@@ -185,6 +185,7 @@ export interface CardType {
 }
 type CollapseDirection = "up" | "down" | "left" | "right";
 export interface CollapsibleCardProps {
+    title?: ReactNode;
     direction?: CollapseDirection;
     label?: string;
     children?: ReactNode;
@@ -312,6 +313,7 @@ export interface AddSuggestionProps {
     suffix?: ReactNode;
     start_icon?: string;
     end_icon?: string;
+    fieldColor?: string;
     hint_text?: string;
     hint_text_icon?: string;
     char_count?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.40",
+  "version": "1.0.41",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",