@luscii-healthtech/web-ui 58.16.0 → 58.18.0

package/dist/esm/components/ButtonV2/TertiaryIconButton.js

@@ -6,16 +6,18 @@ import { TertiaryButton } from './TertiaryButton.js';
 
 const TertiaryIconButton = React__default.forwardRef((props, innerRef) => {
   const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
+  const expandX = expand === true || expand === "x";
+  const expandY = expand === true || expand === "y";
   return jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
     /**
      * Add horizontal padding and possibly undo it with negative margin.
      */
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
-    "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
+    "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expandX && size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large",
-    "ui:-mx-[calc(theme('spacing.s')-1px)]": expand && size === "large",
-    "ui:-my-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
-    "ui:-my-[calc(theme('spacing.s')-1px)]": expand && size === "large"
+    "ui:-mx-[calc(theme('spacing.s')-1px)]": expandX && size === "large",
+    "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
+    "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
   }, props.className) }));
 });
 

package/dist/esm/components/ButtonV2/TertiaryIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAkBO,MAAM,kBAAA,GAAqBA,cAAA,CAAM,UAAA,CACtC,CAAC,OAAc,QAAA,KAAY;AACzB,EAAA,MAAM,EACJ,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,KAAA,EADC,IAAA,UACD,KAAA,EANE,CAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAML,CAAA;AAED,EAAA,OACEC,IAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,UAAU,IAAA,KAAS,QAAA;AAAA,IAErB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EAAyC,UAAU,IAAA,KAAS,OAAA;AAAA,IAE5D,yCAAA,EACE,UAAU,IAAA,KAAS,QAAA;AAAA,IAErB,uCAAA,EAAyC,UAAU,IAAA,KAAS;AAAA,GAC7D,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
+{"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAqBO,MAAM,kBAAA,GAAqBA,cAAA,CAAM,UAAA,CACtC,CAAC,OAAc,QAAA,KAAY;AACzB,EAAA,MAAM,EACJ,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,KAAA,EADC,IAAA,UACD,KAAA,EANE,CAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAML,CAAA;AAED,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAE9C,EAAA,OACEC,IAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EACE,WAAW,IAAA,KAAS,OAAA;AAAA,IAEtB,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,uCAAA,EACE,WAAW,IAAA,KAAS;AAAA,GACvB,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}

package/dist/esm/components/Input/LabeledInput.js

@@ -1,15 +1,18 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
+import classNames from 'classnames';
+import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
 import { Stack } from '../Stack/Stack.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { LabelText } from '../forms/shared/LabelText.js';
 import { StyledInput } from './StyledInput.js';
 
 const LabeledInput = React__default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
   const helperErrorTextId = React__default.useId();
-  return jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(LabelText, { children: props.label }), jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
+  return jsxs(Stack, { as: "label", _gap: "s", align: fieldWidth ? "stretch" : void 0, className: classNames(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsx(LabelText, { children: props.label }), jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 export { LabeledInput };

package/dist/esm/components/Input/LabeledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAgEO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,UAAA,EACA,SAAA,EACA,OACA,SAAA,EACA,kBAAA,EAAoB,iBAAe,GAEjC,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,YAAA,EAAA,aAAA,OAAA,EAAA,WAAA,EAAA,kBAAA,CAQL,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,OAAA,EACH,IAAA,EAAK,GAAA,EACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,aAEC,KAAA,IAASC,GAAA,CAAC,SAAA,cAAW,KAAA,CAAM,KAAA,EAAK,CAAA,EACjCA,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,IACN,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGlEA,GAAA,CAAC,kBAAA,IACC,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,CAAA,EAAA,CAAA;AAGR,CAAC;;"}
+{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AA0EO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,UAAA,EACA,SAAA,EACA,OACA,KAAA,EACA,SAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EATE,CAAA,WAAA,EAAA,YAAA,EAAA,aAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,kBAAA,CASL,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAElD,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,OAAA,EACH,IAAA,EAAK,GAAA,EACL,KAAA,EAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,WACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,aAGV,KAAA,IAASC,GAAA,CAAC,SAAA,EAAS,EAAA,QAAA,EAAE,KAAA,CAAM,KAAA,KAC5BA,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAA,IACJ,GAAA,EACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGlEA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}

package/dist/index.development.js

@@ -2486,16 +2486,18 @@ const SecondaryIconButton = React__namespace.default.forwardRef((props, innerRef
 
 const TertiaryIconButton = React__namespace.default.forwardRef((props, innerRef) => {
   const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
+  const expandX = expand === true || expand === "x";
+  const expandY = expand === true || expand === "y";
   return jsxRuntime.jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
     /**
      * Add horizontal padding and possibly undo it with negative margin.
      */
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
-    "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
+    "ui:-mx-[calc(theme('spacing.xxs')-1px)]": expandX && size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large",
-    "ui:-mx-[calc(theme('spacing.s')-1px)]": expand && size === "large",
-    "ui:-my-[calc(theme('spacing.xxs')-1px)]": expand && size === "medium",
-    "ui:-my-[calc(theme('spacing.s')-1px)]": expand && size === "large"
+    "ui:-mx-[calc(theme('spacing.s')-1px)]": expandX && size === "large",
+    "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
+    "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
   }, props.className) }));
 });
 
@@ -3175,9 +3177,10 @@ const LabeledDatePicker = (_a) => {
 };
 
 const LabeledInput = React__namespace.default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
   const helperErrorTextId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(LabelText, { children: props.label }), jsxRuntime.jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
+  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "s", align: fieldWidth ? "stretch" : void 0, className: classNames__default.default(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsxRuntime.jsx(LabelText, { children: props.label }), jsxRuntime.jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 const LabeledRadio = React__namespace.default.forwardRef((props, ref) => {