@luscii-healthtech/web-ui 54.5.1 → 54.5.3

package/README.md

@@ -8,6 +8,7 @@ The `web-ui` repository contains the UI components for Luscii's frontend project
   - 📖 [Fonts](#fonts)
 - 📦 [How to use](#how-to-use)
 - 🤝 [Contributing](#contributing)
+  - 📐 [Coding standards & AI guidance](#coding-standards--ai-guidance)
 
 ## Getting started
 
@@ -176,6 +177,19 @@ Great to have you help making WebUI better! We have a few guidelines and tips
 to make sure we can keep the library consistent and easy to use. You can find
 them in our [contributing guide](CONTRIBUTING.md).
 
+### Coding standards & AI guidance
+
+AI-agent guidance (including the Design System governance policy) lives in
+[`CLAUDE.md`](CLAUDE.md).
+
+Org-wide standards are kept in a separate repository and cloned into a local,
+git-ignored `.coding-standards/` folder. Pull them in with:
+
+```bash
+yarn add-coding-standards   # first-time clone
+yarn pull-coding-standards  # update to latest
+```
+
 ### Reporting bugs
 
 If you find a bug, please report it by sending us a message in the [#design-system-circle channel](https://luscii.slack.com/archives/C03507ZKRCY). It helps us a lot knowing of anything that is not working as expected.

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;