@luscii-healthtech/web-ui 54.5.2 → 54.6.0

package/dist/index.development.js

@@ -2122,6 +2122,8 @@ Modal.setAppElement = ReactModal__default.default.setAppElement;
 const Tag = (_a) => {
   var { _as = "span", _type = "neutral", _size = "large", _variant = "flat", _leadingIcon, _trailingIcon, _truncate, children, className } = _a, rest = __rest(_a, ["_as", "_type", "_size", "_variant", "_leadingIcon", "_trailingIcon", "_truncate", "children", "className"]);
   const isBordered = _variant === "bordered";
+  const textVariant = _size === "small" ? "body-small-regular" : "body-base-regular";
+  const fontWeightClass = isBordered ? _size === "small" ? "ui:font-[400]" : "ui:font-[500]" : _size === "small" ? "ui:font-[700]" : "ui:font-[600]";
   return jsxRuntime.jsxs(Stack, Object.assign({ as: _as, axis: "x", align: "center", borderRadius: "xxxxs", _gap: "s", className: classNames__default.default("ui:inline-flex", { "overflow-hidden": _truncate }, className, {
     [[
       "ui:bg-background-error-primary-default ui:text-text-error-primary-default",
@@ -2152,7 +2154,7 @@ const Tag = (_a) => {
      */
     "ui:px-f_base ui:py-f_s": _variant !== "bordered",
     "ui:border ui:px-[calc(var(--ui-semantic-spacing-base)-1px)] ui:py-[calc(var(--ui-semantic-spacing-s)-1px)]": _variant === "bordered"
-  }) }, rest, { children: [sizedIcon(_leadingIcon, { size: _size }), jsxRuntime.jsx(Text, { color: "current", variant: _size === "small" ? "body-small-regular" : "body-base-regular", truncate: _truncate, children }), sizedIcon(_trailingIcon, { size: _size })] }));
+  }) }, rest, { children: [sizedIcon(_leadingIcon, { size: _size }), jsxRuntime.jsx(Text, { color: "current", variant: textVariant, className: fontWeightClass, truncate: _truncate, children }), sizedIcon(_trailingIcon, { size: _size })] }));
 };
 function sizedIcon(node, options) {
   const pixelSize = options.size === "small" ? 16 : 24;
@@ -2503,10 +2505,17 @@ function Label(props) {
 }
 const Checkbox = React__namespace.default.forwardRef((props, ref) => jsxRuntime.jsx(CheckboxInner, Object.assign({}, props, { innerRef: ref })));
 
+const linkClasses = [
+  "ui:[&_a]:text-primary",
+  "ui:[&_a]:cursor-pointer",
+  "ui:[&_a:hover]:underline",
+  "ui:[&_a:hover]:text-primary-dark",
+  "ui:[&_a:focus]:outline-primary"
+].join(" ");
 const HelperAndErrorText = (props) => {
   const showHelperText = Boolean(props.helperText) && !props.errorText;
   if (showHelperText) {
-    return jsxRuntime.jsx(Box, { id: props.describingId, children: jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: props.helperText }) });
+    return jsxRuntime.jsx(Box, { id: props.describingId, children: jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", containsDangerousHtml: typeof props.helperText === "string", className: linkClasses, children: props.helperText }) });
   }
   return jsxRuntime.jsx(Box, { id: props.describingId, children: props.errorText && jsxRuntime.jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
 };