@luscii-healthtech/web-ui 58.15.1 → 58.17.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/Icons/index.js

@@ -22,6 +22,7 @@ export { default as GearColoredIcon } from './special-icons/GearColoredIcon.js';
 export { default as GrayAlertColoredIcon } from './special-icons/GrayAlertColoredIcon.js';
 export { default as GreenAlertColoredIcon } from './special-icons/GreenAlertColoredIcon.js';
 export { default as GroupColoredIcon } from './special-icons/GroupColoredIcon.js';
+export { default as NotificationDotColoredIcon } from './special-icons/NotificationDotColoredIcon.js';
 export { default as RedAlertColoredIcon } from './special-icons/RedAlertColoredIcon.js';
 export { default as StatusActiveColoredIcon } from './special-icons/StatusActiveColoredIcon.js';
 export { default as StatusAddedColoredIcon } from './special-icons/StatusAddedColoredIcon.js';

package/dist/esm/components/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Icons/special-icons/NotificationDotColoredIcon.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import IconWrapper from '../iconWrapper/iconWrapper.js';
+
+const SvgNotificationDotColoredIcon = (props) => jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "-2 -2 24 24" }, props, { children: [jsx("path", { fill: "#99A1AF", d: "M10.72 17.083a.834.834 0 0 1 1.445.834 2.5 2.5 0 0 1-4.33 0 .834.834 0 0 1 1.443-.834.836.836 0 0 0 1.139.306.83.83 0 0 0 .304-.306M4.167 6.667A5.834 5.834 0 0 1 9.69.842a.834.834 0 0 1 .088 1.665 4.166 4.166 0 0 0-3.944 4.16c0 1.962-.308 3.332-.806 4.386-.492 1.042-1.145 1.714-1.693 2.28h13.333c-.693-.714-1.515-1.563-2.017-3.09a.833.833 0 0 1 1.583-.521c.332 1.01.827 1.61 1.4 2.21l.248.26.018.02a1.67 1.67 0 0 1-.323 2.518 1.7 1.7 0 0 1-.79.265l-.12.005H3.334a1.67 1.67 0 0 1-1.644-1.936c.052-.319.196-.616.413-.854l.017-.018c.554-.572 1.034-1.074 1.4-1.851.367-.775.647-1.887.647-3.674" }), jsx("path", { fill: "#FF6266", d: "M16.666 4.167a1.667 1.667 0 1 0-3.333 0 1.667 1.667 0 0 0 3.333 0m1.667 0a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0" })] }));
+var NotificationDotColoredIcon = IconWrapper(SvgNotificationDotColoredIcon);
+
+export { NotificationDotColoredIcon as default };
+//# sourceMappingURL=NotificationDotColoredIcon.js.map

package/dist/esm/components/Icons/special-icons/NotificationDotColoredIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDotColoredIcon.js","sources":["../../../../../../../src/components/Icons/special-icons/NotificationDotColoredIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","iconWrapper"],"mappings":";;;AAKA,MAAM,gCAA+C,CAAC,KAAA,KACpDA,KAAA,KAAA,EAAA,MAAA,CAAA,OAAA,EACE,KAAA,EAAM,8BACN,KAAA,EAAO,EAAA,EACP,QAAQ,EAAA,EACR,IAAA,EAAK,QACL,OAAA,EAAQ,aAAA,IACJ,KAAA,EAAK,EAAA,UAAA,CAETC,GAAA,CAAA,QAAA,EACE,IAAA,EAAK,WACL,CAAA,EAAE,glBAAA,EAAglB,CAAA,EAEplBA,GAAA,CAAA,QAAA,EACE,IAAA,EAAK,WACL,CAAA,EAAE,+HAAA,EAA+H,CACjI,CAAA,EAAA,CAAA,CAAA;AAGN,iCAAeC,YAAY,6BAA6B,CAAA;;"}

package/dist/esm/index.js

@@ -132,6 +132,7 @@ export { default as GearColoredIcon } from './components/Icons/special-icons/Gea
 export { default as GrayAlertColoredIcon } from './components/Icons/special-icons/GrayAlertColoredIcon.js';
 export { default as GreenAlertColoredIcon } from './components/Icons/special-icons/GreenAlertColoredIcon.js';
 export { default as GroupColoredIcon } from './components/Icons/special-icons/GroupColoredIcon.js';
+export { default as NotificationDotColoredIcon } from './components/Icons/special-icons/NotificationDotColoredIcon.js';
 export { default as RedAlertColoredIcon } from './components/Icons/special-icons/RedAlertColoredIcon.js';
 export { default as StatusActiveColoredIcon } from './components/Icons/special-icons/StatusActiveColoredIcon.js';
 export { default as StatusAddedColoredIcon } from './components/Icons/special-icons/StatusAddedColoredIcon.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.development.js

@@ -472,6 +472,9 @@ var GreenAlertColoredIcon = IconWrapper$1(SvgGreenAlertColoredIcon);
 const SvgGroupColoredIcon = (props) => jsxRuntime.jsxs("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: "#6ABFA5", d: "M2.938 20a.9.9 0 0 1-.668-.27.9.9 0 0 1-.27-.668v-1.687q0-.797.41-1.465a2.73 2.73 0 0 1 1.09-1.02 14 14 0 0 1 2.953-1.09q1.5-.363 3.047-.363t3.047.363q1.5.364 2.953 1.09.68.352 1.09 1.02t.41 1.465v1.688q0 .398-.27.667a.9.9 0 0 1-.668.27zM9.5 12.5q-1.547 0-2.648-1.102Q5.75 10.297 5.75 8.75t1.102-2.648T9.5 5t2.648 1.102Q13.25 7.203 13.25 8.75t-1.102 2.648Q11.047 12.5 9.5 12.5" }), jsxRuntime.jsx("path", { fill: "#559783", d: "M17.715 20q.216-.165.335-.41.12-.246.12-.55v-1.852q0-1.032-.586-1.981-.587-.95-1.664-1.629 1.221.141 2.298.48a12 12 0 0 1 2.01.833q.863.468 1.317 1.042.455.574.455 1.255v1.875a.9.9 0 0 1-.276.667.93.93 0 0 1-.681.27zm.455-11.25q0 1.547-1.125 2.648A3.73 3.73 0 0 1 14.34 12.5q-.263 0-.67-.058a6 6 0 0 1-.67-.13q.646-.75.993-1.664.348-.914.347-1.898 0-.985-.347-1.898A5.5 5.5 0 0 0 13 5.187a3 3 0 0 1 .67-.152Q14.006 5 14.34 5q1.58 0 2.705 1.102Q18.17 7.203 18.17 8.75" })] }));
 var GroupColoredIcon = IconWrapper$1(SvgGroupColoredIcon);
 
+const SvgNotificationDotColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "-2 -2 24 24" }, props, { children: [jsxRuntime.jsx("path", { fill: "#99A1AF", d: "M10.72 17.083a.834.834 0 0 1 1.445.834 2.5 2.5 0 0 1-4.33 0 .834.834 0 0 1 1.443-.834.836.836 0 0 0 1.139.306.83.83 0 0 0 .304-.306M4.167 6.667A5.834 5.834 0 0 1 9.69.842a.834.834 0 0 1 .088 1.665 4.166 4.166 0 0 0-3.944 4.16c0 1.962-.308 3.332-.806 4.386-.492 1.042-1.145 1.714-1.693 2.28h13.333c-.693-.714-1.515-1.563-2.017-3.09a.833.833 0 0 1 1.583-.521c.332 1.01.827 1.61 1.4 2.21l.248.26.018.02a1.67 1.67 0 0 1-.323 2.518 1.7 1.7 0 0 1-.79.265l-.12.005H3.334a1.67 1.67 0 0 1-1.644-1.936c.052-.319.196-.616.413-.854l.017-.018c.554-.572 1.034-1.074 1.4-1.851.367-.775.647-1.887.647-3.674" }), jsxRuntime.jsx("path", { fill: "#FF6266", d: "M16.666 4.167a1.667 1.667 0 1 0-3.333 0 1.667 1.667 0 0 0 3.333 0m1.667 0a3.333 3.333 0 1 1-6.667 0 3.333 3.333 0 0 1 6.667 0" })] }));
+var NotificationDotColoredIcon = IconWrapper$1(SvgNotificationDotColoredIcon);
+
 const SvgRedAlertColoredIcon = (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("rect", { width: 14, height: 14, x: 5, y: 5, fill: "#991B1B", rx: 2 }) }));
 var RedAlertColoredIcon = IconWrapper$1(SvgRedAlertColoredIcon);
 
@@ -1013,6 +1016,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     MoreIcon: MoreIcon,
     MouseIcon: MouseIcon,
     NoteIcon: NoteIcon,
+    NotificationDotColoredIcon: NotificationDotColoredIcon,
     NotificationDotIcon: NotificationDotIcon,
     OpenAlertIcon: OpenAlertIcon,
     OpenFolderIcon: OpenFolderIcon,
@@ -2482,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) }));
 });
 
@@ -7816,6 +7822,7 @@ exports.NaturalLanguageForm = NaturalLanguageFormWithSubComponents;
 exports.NavLayout = NavLayout;
 exports.NoteIcon = NoteIcon;
 exports.NotificationBanner = NotificationBanner;
+exports.NotificationDotColoredIcon = NotificationDotColoredIcon;
 exports.NotificationDotIcon = NotificationDotIcon;
 exports.OpenAlertIcon = OpenAlertIcon;
 exports.OpenFolderIcon = OpenFolderIcon;