@luscii-healthtech/web-ui 0.1.27 → 0.1.30

package/dist/web-ui.cjs.development.js

@@ -323,7 +323,7 @@ var ButtonV2 = function ButtonV2(_ref) {
   var buttonClassName = classNames(["h-11", "relative flex flex-row justify-center items-center", "border", "transition-outline transition-colors duration-300 ease-in-out", "rounded-full", "leading-none", "shadow-sm", "cursor-pointer", "focus:outline-primary"], {
     "w-11": !text && icon,
     "px-4": text,
-    "py-2": text && icon,
+    "py-2.5": text && icon,
     "py-3": text && !icon
   }, {
     "opacity-50": isDisabled,
@@ -336,7 +336,7 @@ var ButtonV2 = function ButtonV2(_ref) {
     disabled: isDisabled,
     "aria-disabled": isDisabled
   }), icon && /*#__PURE__*/React__default.createElement(icon, {
-    className: "w-5 h-5"
+    className: "w-6 h-6"
   }), isPending && /*#__PURE__*/React__default.createElement("span", {
     className: "opacity-100",
     // IE11 center translate fix
@@ -358,19 +358,19 @@ var ButtonV2 = function ButtonV2(_ref) {
 
 var PrimaryButton = function PrimaryButton(props) {
   return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
-    className: classNames(["text-white", "bg-blue-800", "border-transparent", "hover:bg-blue-900"], props.className)
+    className: classNames(["text-white", "bg-blue-800", "border-primary-transparent", "hover:bg-blue-900"], props.className)
   }));
 };
 
 var SecondaryButton = function SecondaryButton(props) {
   return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
-    className: classNames(["text-blue-800", "bg-white", "border-slate-300", "hover:text-blue-900", "hover:border-slate-400"], props.className)
+    className: classNames(["text-blue-800", "bg-white", "border-slate-300", "hover:text-blue-900", "hover:border-slate-400", "focus:border-blue-800"], props.className)
   }));
 };
 
 var TertiaryButton = function TertiaryButton(props) {
   return /*#__PURE__*/React__default.createElement(ButtonV2, Object.assign({}, props, {
-    className: classNames(["text-blue-800", "bg-transparent", "border-transparent", "hover:text-blue-900", "shadow-none"], props.className)
+    className: classNames(["text-blue-800", "bg-transparent", "border-transparent", "hover:text-blue-900", "focus:border-blue-800", "shadow-none"], props.className)
   }));
 };
 
@@ -4854,13 +4854,13 @@ var SearchIcon$1 = function SearchIcon(props) {
     className: props.className,
     onClick: props.onClick,
     role: props.onClick ? "button" : undefined,
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M12.5006 11.0006H11.7106L11.4306 10.7306C12.6306 9.33063 13.2506 7.42063 12.9106 5.39063C12.4406 2.61063 10.1206 0.390626 7.32063 0.0506256C3.09063 -0.469374 -0.469374 3.09063 0.0506256 7.32063C0.390626 10.1206 2.61063 12.4406 5.39063 12.9106C7.42063 13.2506 9.33063 12.6306 10.7306 11.4306L11.0006 11.7106V12.5006L15.2506 16.7506C15.6606 17.1606 16.3306 17.1606 16.7406 16.7506C17.1506 16.3406 17.1506 15.6706 16.7406 15.2606L12.5006 11.0006ZM6.50063 11.0006C4.01063 11.0006 2.00063 8.99063 2.00063 6.50063C2.00063 4.01063 4.01063 2.00063 6.50063 2.00063C8.99063 2.00063 11.0006 4.01063 11.0006 6.50063C11.0006 8.99063 8.99063 11.0006 6.50063 11.0006Z",
+    d: "M15.5 13.9996H14.71L14.43 13.7296C15.63 12.3296 16.25 10.4196 15.91 8.38965C15.44 5.60965 13.12 3.38965 10.32 3.04965C6.09001 2.52965 2.53002 6.08965 3.05002 10.3196C3.39002 13.1196 5.61002 15.4396 8.39002 15.9096C10.42 16.2496 12.33 15.6296 13.73 14.4296L14 14.7096V15.4996L18.25 19.7496C18.66 20.1596 19.33 20.1596 19.74 19.7496C20.15 19.3396 20.15 18.6696 19.74 18.2596L15.5 13.9996ZM9.50002 13.9996C7.01002 13.9996 5.00002 11.9896 5.00002 9.49965C5.00002 7.00965 7.01002 4.99965 9.50002 4.99965C11.99 4.99965 14 7.00965 14 9.49965C14 11.9896 11.99 13.9996 9.50002 13.9996Z",
     fill: "currentColor"
   }));
 };