@luscii-healthtech/web-ui 61.0.2 → 62.0.1

package/dist/esm/components/Radio/LabeledRadioCard.js

@@ -3,12 +3,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
 import { Stack } from '../Stack/Stack.js';
-import { LabelText } from '../forms/shared/LabelText.js';
 import { Text } from '../Text/Text.js';
 
 const isChildrenProps = (props) => "children" in props;
 const RadioCardBase = React__default.forwardRef(({ id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle, children }, ref) => {
-  const semanticId = React__default.useId();
   return jsxs(Stack, { as: "label", axis: "x", htmlFor: id, _py: hasSubtitle ? "base" : "l", _px: "l", justify: "between", align: "center", className: classNames(
     "ui:cursor-pointer",
     {
@@ -33,24 +31,37 @@ const RadioCardBase = React__default.forwardRef(({ id, disabled, className, inpu
     // Checked and hovered styles
     "ui:has-checked:not-has-disabled:bg-background-neutral-secondary-hovered ui:has-checked:not-has-disabled:ring-2 ui:hover:has-checked:not-has-disabled:ring-border-brand-primary-hovered",
     className
-  ), children: [jsx("input", Object.assign({ type: "radio", "aria-describedby": semanticId }, inputAttrs, { ref, className: classNames("ui:sr-only", inputClassName) })), jsx("div", { id: semanticId, className: classNames({
+  ), children: [jsx("input", Object.assign({ type: "radio" }, inputAttrs, { ref, className: classNames("ui:sr-only", inputClassName) })), jsx("span", { className: classNames("ui:flex ui:flex-1 ui:flex-col ui:min-w-0", {
     "ui:[&_*]:!text-text-neutral-primary-disabled": disabled
-  }), children }), aside && jsx("div", { className: classNames({
+  }), children }), aside && jsx("span", { className: classNames({
     "ui:[&_*]:!text-text-neutral-primary-disabled": disabled
   }), children: aside })] });
 });
 RadioCardBase.displayName = "RadioCardBase";
 const LabeledRadioCardWithProps = React__default.forwardRef((props, ref) => {
-  const { className, inputClassName, aside, label, subtitle, leadingIcon } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "label", "subtitle", "leadingIcon"]);
+  const { className, inputClassName, aside, label, subtitle, leadingIcon, "aria-describedby": ariaDescribedBy } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "label", "subtitle", "leadingIcon", "aria-describedby"]);
   const { id, disabled } = inputAttrs;
   const hasSubtitle = subtitle !== void 0;
-  return jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle, ref, children: jsxs(Stack, { axis: "x", _gap: "base", align: "center", children: [leadingIcon, jsxs(Stack, { axis: "y", _gap: "xs", children: [typeof label === "string" ? jsx(Text, { variant: "body-base-regular", children: label }) : label, typeof subtitle === "string" ? jsx(Text, { variant: "body-small-light", color: "neutral-secondary", children: subtitle }) : subtitle] })] }) });
+  const subtitleId = React__default.useId();
+  return jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs: Object.assign(Object.assign({}, inputAttrs), { "aria-describedby": classNames(ariaDescribedBy, hasSubtitle && subtitleId) || void 0 }), hasSubtitle, ref, children: jsxs(Stack, { as: "span", axis: "x", _gap: "base", align: "center", children: [leadingIcon, jsxs(Stack, { as: "span", axis: "y", _gap: "xs", align: "stretch", className: "ui:flex-1 ui:min-w-0", children: [typeof label === "string" ? jsx(Text, { variant: "body-base-regular", children: label }) : label, hasSubtitle && jsx("span", { id: subtitleId, "aria-hidden": true, className: "ui:flex ui:flex-col", children: typeof subtitle === "string" ? jsx(Text, { variant: "body-small-light", color: "neutral-secondary", children: subtitle }) : subtitle })] })] }) });
 });
 LabeledRadioCardWithProps.displayName = "LabeledRadioCardWithProps";
 const LabeledRadioCardWithChildren = React__default.forwardRef((props, ref) => {
   const { className, inputClassName, aside, children } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "children"]);
   const { id, disabled } = inputAttrs;
-  return jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle: true, ref, children: jsx(LabelText, { variant: "body-base-regular", children }) });
+  return jsx(RadioCardBase, {
+    id,
+    disabled,
+    className,
+    inputClassName,
+    aside,
+    inputAttrs,
+    // The card can't tell how many lines `children` has, so it keeps the
+    // compact padding of a card with a subtitle
+    hasSubtitle: true,
+    ref,
+    children
+  });
 });
 LabeledRadioCardWithChildren.displayName = "LabeledRadioCardWithChildren";
 const LabeledRadioCard = React__default.forwardRef((props, ref) => {

package/dist/esm/components/Radio/LabeledRadioCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledRadioCard.js","sources":["../../../../../../src/components/Radio/LabeledRadioCard.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"LabeledRadioCard.js","sources":["../../../../../../src/components/Radio/LabeledRadioCard.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Textarea/LabeledTextarea.js

@@ -8,14 +8,14 @@ import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { LabelText } from '../forms/shared/LabelText.js';
 import { Textarea } from './Textarea.js';
 
-const LabeledTextarea = React__default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
+const LabeledTextarea = (props) => {
+  const { ref, className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["ref", "className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
   const generatedTextareaId = React__default.useId();
   const textareaId = id || generatedTextareaId;
   const helperErrorTextId = React__default.useId();
   const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
   return jsxs(Stack, { _gap: "base", align: fieldWidth ? "stretch" : void 0, className: classNames(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsx(LabelText, { as: "label", htmlFor: textareaId, children: label }), jsx(Textarea, Object.assign({}, rest, { id: textareaId, ref, isError: Boolean(errorText), "aria-invalid": Boolean(errorText) || rest["aria-invalid"] || void 0, "aria-describedby": [ariaDescribedBy, helperErrorTextId].filter(Boolean).join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
-});
+};
 
 export { LabeledTextarea };
 //# sourceMappingURL=LabeledTextarea.js.map

package/dist/esm/components/Textarea/LabeledTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledTextarea.js","sources":["../../../../../../src/components/Textarea/LabeledTextarea.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAyFO,MAAM,eAAA,GAAkBA,cAAA,CAAM,UAAA,CACnC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,SAAA,EACA,UAAA,EACA,SAAA,EACA,KAAA,EACA,OACA,SAAA,EACA,EAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EAVE,CAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAA,CAUL,CAAA;AAED,EAAA,MAAM,mBAAA,GAAsBA,eAAM,KAAA;AAClC,EAAA,MAAM,aAAa,EAAA,IAAM,mBAAA;AACzB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAQlD,EAAA,OACEC,KAAC,KAAA,IACC,IAAA,EAAK,MAAA,EACL,OAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,WACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,EACV,QAAA,EAAA,CAEA,KAAA,IACCC,IAAC,SAAA,EAAS,EAAC,EAAA,EAAG,OAAA,EAAQ,SAAS,UAAA,EAAU,QAAA,EACtC,KAAA,KAGLA,GAAA,CAAC,QAAA,EAAQ,OAAA,MAAA,CAAA,IACH,IAAA,EAAI,EACR,EAAA,EAAI,UAAA,EACJ,KACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,gBACb,OAAA,CAAQ,SAAS,CAAA,IAAK,IAAA,CAAK,cAAc,CAAA,IAAK,MAAA,EAAS,kBAAA,EACnD,CAAC,iBAAiB,iBAAiB,CAAA,CAClD,MAAA,CAAO,OAAO,EACd,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGdA,GAAA,CAAC,kBAAA,EAAkB,EACjB,YACA,SAAA,EACA,YAAA,EAAc,mBAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}
+{"version":3,"file":"LabeledTextarea.js","sources":["../../../../../../src/components/Textarea/LabeledTextarea.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAyFO,MAAM,eAAA,GAAkB,CAC7B,KAAA,KACE;AAIF,EAAA,MAAM,EACJ,GAAA,EACA,SAAA,EACA,UAAA,EACA,SAAA,EACA,KAAA,EACA,KAAA,EACA,SAAA,EACA,EAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EAXE,CAAA,KAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAA,CAWL,CAAA;AAED,EAAA,MAAM,mBAAA,GAAsBA,eAAM,KAAA;AAClC,EAAA,MAAM,aAAa,EAAA,IAAM,mBAAA;AACzB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAQlD,EAAA,OACEC,KAAC,KAAA,IACC,IAAA,EAAK,MAAA,EACL,OAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,WACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,EACV,QAAA,EAAA,CAEA,KAAA,IACCC,IAAC,SAAA,EAAS,EAAC,EAAA,EAAG,OAAA,EAAQ,SAAS,UAAA,EAAU,QAAA,EACtC,KAAA,KAGLA,GAAA,CAAC,QAAA,EAAQ,OAAA,MAAA,CAAA,IACH,IAAA,EAAI,EACR,EAAA,EAAI,UAAA,EACJ,KACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,gBACb,OAAA,CAAQ,SAAS,CAAA,IAAK,IAAA,CAAK,cAAc,CAAA,IAAK,MAAA,EAAS,kBAAA,EACnD,CAAC,iBAAiB,iBAAiB,CAAA,CAClD,MAAA,CAAO,OAAO,EACd,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGdA,GAAA,CAAC,kBAAA,EAAkB,EACjB,YACA,SAAA,EACA,YAAA,EAAc,mBAAiB,CAC/B,GAAA,CAAA;AAGR;;"}

package/dist/index.development.js

@@ -2163,7 +2163,6 @@ const LabeledCheckboxCardGroup = (props) => {
 
 const isChildrenProps = (props) => "children" in props;
 const RadioCardBase = React__namespace.default.forwardRef(({ id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle, children }, ref) => {
-  const semanticId = React__namespace.default.useId();
   return jsxRuntime.jsxs(Stack, { as: "label", axis: "x", htmlFor: id, _py: hasSubtitle ? "base" : "l", _px: "l", justify: "between", align: "center", className: classNames__default.default(
     "ui:cursor-pointer",
     {
@@ -2188,24 +2187,37 @@ const RadioCardBase = React__namespace.default.forwardRef(({ id, disabled, class
     // Checked and hovered styles
     "ui:has-checked:not-has-disabled:bg-background-neutral-secondary-hovered ui:has-checked:not-has-disabled:ring-2 ui:hover:has-checked:not-has-disabled:ring-border-brand-primary-hovered",
     className
-  ), children: [jsxRuntime.jsx("input", Object.assign({ type: "radio", "aria-describedby": semanticId }, inputAttrs, { ref, className: classNames__default.default("ui:sr-only", inputClassName) })), jsxRuntime.jsx("div", { id: semanticId, className: classNames__default.default({
+  ), children: [jsxRuntime.jsx("input", Object.assign({ type: "radio" }, inputAttrs, { ref, className: classNames__default.default("ui:sr-only", inputClassName) })), jsxRuntime.jsx("span", { className: classNames__default.default("ui:flex ui:flex-1 ui:flex-col ui:min-w-0", {
     "ui:[&_*]:!text-text-neutral-primary-disabled": disabled
-  }), children }), aside && jsxRuntime.jsx("div", { className: classNames__default.default({
+  }), children }), aside && jsxRuntime.jsx("span", { className: classNames__default.default({
     "ui:[&_*]:!text-text-neutral-primary-disabled": disabled
   }), children: aside })] });
 });
 RadioCardBase.displayName = "RadioCardBase";
 const LabeledRadioCardWithProps = React__namespace.default.forwardRef((props, ref) => {
-  const { className, inputClassName, aside, label, subtitle, leadingIcon } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "label", "subtitle", "leadingIcon"]);
+  const { className, inputClassName, aside, label, subtitle, leadingIcon, "aria-describedby": ariaDescribedBy } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "label", "subtitle", "leadingIcon", "aria-describedby"]);
   const { id, disabled } = inputAttrs;
   const hasSubtitle = subtitle !== void 0;
-  return jsxRuntime.jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle, ref, children: jsxRuntime.jsxs(Stack, { axis: "x", _gap: "base", align: "center", children: [leadingIcon, jsxRuntime.jsxs(Stack, { axis: "y", _gap: "xs", children: [typeof label === "string" ? jsxRuntime.jsx(Text, { variant: "body-base-regular", children: label }) : label, typeof subtitle === "string" ? jsxRuntime.jsx(Text, { variant: "body-small-light", color: "neutral-secondary", children: subtitle }) : subtitle] })] }) });
+  const subtitleId = React__namespace.default.useId();
+  return jsxRuntime.jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs: Object.assign(Object.assign({}, inputAttrs), { "aria-describedby": classNames__default.default(ariaDescribedBy, hasSubtitle && subtitleId) || void 0 }), hasSubtitle, ref, children: jsxRuntime.jsxs(Stack, { as: "span", axis: "x", _gap: "base", align: "center", children: [leadingIcon, jsxRuntime.jsxs(Stack, { as: "span", axis: "y", _gap: "xs", align: "stretch", className: "ui:flex-1 ui:min-w-0", children: [typeof label === "string" ? jsxRuntime.jsx(Text, { variant: "body-base-regular", children: label }) : label, hasSubtitle && jsxRuntime.jsx("span", { id: subtitleId, "aria-hidden": true, className: "ui:flex ui:flex-col", children: typeof subtitle === "string" ? jsxRuntime.jsx(Text, { variant: "body-small-light", color: "neutral-secondary", children: subtitle }) : subtitle })] })] }) });
 });
 LabeledRadioCardWithProps.displayName = "LabeledRadioCardWithProps";
 const LabeledRadioCardWithChildren = React__namespace.default.forwardRef((props, ref) => {
   const { className, inputClassName, aside, children } = props, inputAttrs = __rest(props, ["className", "inputClassName", "aside", "children"]);
   const { id, disabled } = inputAttrs;
-  return jsxRuntime.jsx(RadioCardBase, { id, disabled, className, inputClassName, aside, inputAttrs, hasSubtitle: true, ref, children: jsxRuntime.jsx(LabelText, { variant: "body-base-regular", children }) });
+  return jsxRuntime.jsx(RadioCardBase, {
+    id,
+    disabled,
+    className,
+    inputClassName,
+    aside,
+    inputAttrs,
+    // The card can't tell how many lines `children` has, so it keeps the
+    // compact padding of a card with a subtitle
+    hasSubtitle: true,
+    ref,
+    children
+  });
 });
 LabeledRadioCardWithChildren.displayName = "LabeledRadioCardWithChildren";
 const LabeledRadioCard = React__namespace.default.forwardRef((props, ref) => {
@@ -2799,14 +2811,14 @@ const Textarea = React__namespace.default.forwardRef((_a, ref) => {
   ]), style, ref }));
 });
 
-const LabeledTextarea = React__namespace.default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
+const LabeledTextarea = (props) => {
+  const { ref, className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["ref", "className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
   const generatedTextareaId = React__namespace.default.useId();
   const textareaId = id || generatedTextareaId;
   const helperErrorTextId = React__namespace.default.useId();
   const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
   return jsxRuntime.jsxs(Stack, { _gap: "base", align: fieldWidth ? "stretch" : void 0, className: classNames__default.default(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsxRuntime.jsx(LabelText, { as: "label", htmlFor: textareaId, children: label }), jsxRuntime.jsx(Textarea, Object.assign({}, rest, { id: textareaId, ref, isError: Boolean(errorText), "aria-invalid": Boolean(errorText) || rest["aria-invalid"] || void 0, "aria-describedby": [ariaDescribedBy, helperErrorTextId].filter(Boolean).join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
-});
+};
 
 const Actions$1 = (props) => {
   const { children, className } = props, rest = __rest(props, ["children", "className"]);