@luscii-healthtech/web-ui 2.63.0 → 2.63.2

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

@@ -2094,14 +2094,18 @@ toast.info = function (message) {
   });
 };
 
-var css_248z$2 = ".title {\n  font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}";
+var css_248z$2 = ".title-avenir {\n  font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}\n\n.title-inter {\n  font-family: \"Inter\", \"Roboto\", \"Helvetica\", sans-serif;\n}";
 styleInject(css_248z$2);
 
 var Title = function Title(props) {
   var _props$color;
 
-  var containerClassName = classNames("title", //this is used to load the correct font from the css
-  "font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
+  var isSmallTitle = props.type === "xs" || props.type === "sm";
+  var containerClassName = classNames("font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
+    "title-inter": isSmallTitle,
+    "title-avenir": !isSmallTitle //this is used to load the correct font from the css
+
+  }, {
     "text-base": props.type === "xs",
     "text-xl": props.type === "sm",
     "text-2xl": props.type === "base",
@@ -2355,7 +2359,7 @@ var DragHandle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var className = classNames(classes, "py-2", {
+  var className = classNames(classes, "py-2 focus:outline-primary", {
     "cursor-grab": !grabbing && !disabled,
     "cursor-grabbing shadow-sm bg-slate-200": grabbing && !disabled,
     "hover:bg-slate-200 hover:shadow-sm transition duration-200 rounded": !disabled,
@@ -2698,7 +2702,7 @@ var Dropzone = function Dropzone(_ref3) {
     return /*#__PURE__*/React__default.createElement("button", {
       onClick: onClick,
       disabled: disabled,
-      className: "block w-full"
+      className: "block w-full rounded focus:outline-primary"
     }, presentation);
   }