@luscii-healthtech/web-ui 2.63.1 → 2.63.2

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.
@@ -2094,14 +2094,18 @@ toast.info = function (message) {
2094
2094
  });
2095
2095
  };
2096
2096
 
2097
- var css_248z$2 = ".title {\n font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}";
2097
+ 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}";
2098
2098
  styleInject(css_248z$2);
2099
2099
 
2100
2100
  var Title = function Title(props) {
2101
2101
  var _props$color;
2102
2102
 
2103
- var containerClassName = classNames("title", //this is used to load the correct font from the css
2104
- "font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
2103
+ var isSmallTitle = props.type === "xs" || props.type === "sm";
2104
+ var containerClassName = classNames("font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
2105
+ "title-inter": isSmallTitle,
2106
+ "title-avenir": !isSmallTitle //this is used to load the correct font from the css
2107
+
2108
+ }, {
2105
2109
  "text-base": props.type === "xs",
2106
2110
  "text-xl": props.type === "sm",
2107
2111
  "text-2xl": props.type === "base",