@luscii-healthtech/web-ui 52.6.4 → 52.8.0

package/dist/index.development.js

@@ -776,6 +776,9 @@ var SummaryIcon = IconWrapper(SvgSummaryIcon);
 const SvgTadaIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "m5.271 18.7 7.05-2.5-4.55-4.55zM22.342 7.275a.55.55 0 0 1-.414.187.57.57 0 0 1-.415-.177l-.065-.066a1.35 1.35 0 0 0-.99-.407q-.583 0-.99.407l-5.066 5.066a.6.6 0 0 1-.414.181.57.57 0 0 1-.425-.181.58.58 0 0 1-.186-.42.58.58 0 0 1 .186-.419l5.066-5.065a2.48 2.48 0 0 1 1.819-.752q1.068 0 1.82.752l.074.075a.56.56 0 0 1 0 .819M9.88 4.4a.58.58 0 0 1 .42-.187.58.58 0 0 1 .418.187l.212.212q.8.8.8 1.919 0 1.12-.8 1.919l-.18.18a.6.6 0 0 1-.415.183.57.57 0 0 1-.424-.182.58.58 0 0 1-.187-.42.58.58 0 0 1 .187-.419l.18-.18q.447-.447.447-1.081 0-.635-.447-1.081l-.211-.212a.6.6 0 0 1-.182-.414.57.57 0 0 1 .182-.424m3.858-1.73a.58.58 0 0 1 .419-.187.58.58 0 0 1 .419.186l1.065 1.066q.762.761.762 1.828t-.762 1.83l-3.065 3.065a.6.6 0 0 1-.414.181.57.57 0 0 1-.425-.181.58.58 0 0 1-.186-.42.58.58 0 0 1 .186-.419l3.066-3.065q.408-.408.408-.99 0-.584-.408-.99l-1.065-1.066a.6.6 0 0 1-.182-.415.57.57 0 0 1 .181-.424m7.115 11.441a.58.58 0 0 1-.42.187.58.58 0 0 1-.419-.187l-.777-.776a1.52 1.52 0 0 0-1.115-.456q-.66 0-1.115.456l-.777.776a.6.6 0 0 1-.415.182.57.57 0 0 1-.424-.181.58.58 0 0 1-.186-.42.58.58 0 0 1 .186-.419l.777-.777q.81-.81 1.954-.81t1.954.81l.777.777a.6.6 0 0 1 .182.415.57.57 0 0 1-.182.423M3.43 19.365l3.275-9.105a.93.93 0 0 1 .349-.452.92.92 0 0 1 .841-.095q.156.06.296.2l5.866 5.866q.14.14.2.296a.92.92 0 0 1-.095.841.93.93 0 0 1-.452.35L4.606 20.54a.8.8 0 0 1-.522.033.99.99 0 0 1-.686-.686.8.8 0 0 1 .033-.522" }) }));
 var TadaIcon = IconWrapper(SvgTadaIcon);
 
+const SvgTaskIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "m10.95 17.433 5.304-5.304-1.085-1.085-4.235 4.235-2.118-2.12-1.07 1.07zM6.308 21.5q-.758 0-1.283-.525a1.75 1.75 0 0 1-.525-1.283V4.308q0-.758.525-1.283T6.308 2.5h7.942l5.25 5.25v11.942q0 .758-.525 1.283t-1.283.525zm7.192-13V4H6.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v15.384q0 .116.096.212a.3.3 0 0 0 .212.096h11.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.5z" }) }));
+var TaskIcon = IconWrapper(SvgTaskIcon);
+
 const SvgThresholdIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M5.308 20.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V5.308q0-.748.53-1.278t1.278-.53h13.384q.749 0 1.278.53.53.53.53 1.278v13.384q0 .749-.53 1.278-.53.53-1.278.53zM16.919 19h1.773a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22v-1.774zM5.706 19h2.142l3-3h1.683l-3 3h2.004l3-3h1.682l-3 3h2.02l3-3H19V5.308a.3.3 0 0 0-.087-.221.3.3 0 0 0-.22-.087H5.307a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v12.716L7.023 16h1.683zm4.969-8.356-2.508 2.483a.7.7 0 0 1-.51.21.7.7 0 0 1-.524-.22.7.7 0 0 1-.208-.522q0-.314.208-.522l2.91-2.91a.87.87 0 0 1 .632-.27q.361 0 .633.27l1.367 1.368 3.158-3.158a.7.7 0 0 1 .514-.21.7.7 0 0 1 .53.22q.208.207.208.517t-.208.517l-3.57 3.595a.87.87 0 0 1-.632.27.87.87 0 0 1-.633-.27zM5 18.692V5v14z" }) }));
 var ThresholdIcon = IconWrapper(SvgThresholdIcon);
 
@@ -955,6 +958,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     StopwatchIcon: StopwatchIcon,
     SummaryIcon: SummaryIcon,
     TadaIcon: TadaIcon,
+    TaskIcon: TaskIcon,
     ThresholdIcon: ThresholdIcon,
     TrashBinIcon: TrashBinIcon,
     TreeIcon: TreeIcon,
@@ -2997,9 +3001,16 @@ function RadioLabel(props) {
 }
 
 const LabeledRadioGroup = (props) => {
-  const { children, title, className } = props;
+  const { children, title, className, orientation = "vertical" } = props;
   const semanticId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), gap: "xxxxs", children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx(Stack, { gap: "xxs", children }), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
+  const orientationProps = orientation === "horizontal" ? {
+    axis: "x",
+    _gap: "2xl"
+  } : {
+    axis: "y",
+    _gap: "base"
+  };
+  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), gap: "xxxxs", children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx(Stack, Object.assign({}, orientationProps, { children })), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
 };
 
 const Actions$1 = (props) => {
@@ -7161,6 +7172,7 @@ exports.Tabs = Tabs;
 exports.TadaIcon = TadaIcon;
 exports.Tag = Tag;
 exports.TagGroup = TagGroup;
+exports.TaskIcon = TaskIcon;
 exports.TertiaryButton = TertiaryButton;
 exports.TertiaryIconButton = TertiaryIconButton;
 exports.Text = Text;