@luscii-healthtech/web-ui 59.1.0 → 59.2.0

package/dist/esm/components/RangeTriggerIcon/RangeTriggerIcon.js

@@ -0,0 +1,45 @@
+import { __rest } from '../../vendor/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const RANGE_COLORS = {
+  "alerts-high-salmon": "var(--ui-color-icon-alerts-high-salmon)",
+  "alerts-high-crimson": "var(--ui-color-icon-alerts-high-crimson)",
+  "alerts-high-red": "var(--ui-color-icon-alerts-high-red)",
+  "alerts-medium-sun": "var(--ui-color-icon-alerts-medium-sun)",
+  "alerts-medium-oak": "var(--ui-color-icon-alerts-medium-oak)",
+  "alerts-medium-amber": "var(--ui-color-icon-alerts-medium-amber)",
+  "alerts-low-mint": "var(--ui-color-icon-alerts-low-mint)",
+  "alerts-low-leaf": "var(--ui-color-icon-alerts-low-leaf)",
+  "alerts-low-green": "var(--ui-color-icon-alerts-low-green)",
+  "alerts-neutral-fog": "var(--ui-color-icon-alerts-neutral-fog)",
+  "alerts-neutral-neutral": "var(--ui-color-icon-alerts-neutral-neutral)",
+  "alerts-neutral-graphite": "var(--ui-color-icon-alerts-neutral-graphite)"
+};
+const DEFAULT_COLOR = "var(--ui-color-icon-brand-primary-default)";
+const TRACK_COLOR = "var(--ui-color-icon-neutral-secondary-disabled)";
+const DISABLED_COLOR = "var(--ui-color-icon-neutral-primary-default)";
+const TRACK_PATH = "M3 9H37A3 3 0 0 1 37 15H3A3 3 0 0 1 3 9Z";
+const RANGE_PATHS = {
+  // Square on the left, rounded on the right where it meets the track's end.
+  upper: "M20 9H37A3 3 0 0 1 37 15H20Z",
+  // Rounded on the left where it meets the track's end, square on the right.
+  lower: "M20 9H3A3 3 0 0 0 3 15H20Z",
+  // From 30% to 70% of the track, square on both ends.
+  middle: "M12 9H28V15H12Z",
+  // The whole track, when neither bound restricts the range.
+  full: TRACK_PATH
+};
+const RangeTriggerIcon = (_a) => {
+  var { shape, color, disabled = false } = _a, svgProps = __rest(_a, ["shape", "color", "disabled"]);
+  let rangeColor = DEFAULT_COLOR;
+  if (disabled) {
+    rangeColor = DISABLED_COLOR;
+  } else if (color) {
+    rangeColor = RANGE_COLORS[color];
+  }
+  const hasAccessibleName = Boolean(svgProps["aria-label"] || svgProps["aria-labelledby"]);
+  return jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 40, height: 24, viewBox: "0 0 40 24", fill: "none" }, svgProps, { role: hasAccessibleName ? "img" : void 0, "aria-hidden": hasAccessibleName ? void 0 : true, children: [jsx("path", { d: TRACK_PATH, fill: TRACK_COLOR }), shape === "exact" ? jsx("circle", { cx: 20, cy: 12, r: 4, fill: rangeColor }) : jsx("path", { d: RANGE_PATHS[shape], fill: rangeColor })] }));
+};
+
+export { RangeTriggerIcon };
+//# sourceMappingURL=RangeTriggerIcon.js.map

package/dist/esm/components/RangeTriggerIcon/RangeTriggerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeTriggerIcon.js","sources":["../../../../../../src/components/RangeTriggerIcon/RangeTriggerIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAqCA,MAAM,YAAA,GAAsD;AAAA,EAC1D,oBAAA,EAAsB,yCAAA;AAAA,EACtB,qBAAA,EAAuB,0CAAA;AAAA,EACvB,iBAAA,EAAmB,sCAAA;AAAA,EACnB,mBAAA,EAAqB,wCAAA;AAAA,EACrB,mBAAA,EAAqB,wCAAA;AAAA,EACrB,qBAAA,EAAuB,0CAAA;AAAA,EACvB,iBAAA,EAAmB,sCAAA;AAAA,EACnB,iBAAA,EAAmB,sCAAA;AAAA,EACnB,kBAAA,EAAoB,uCAAA;AAAA,EACpB,oBAAA,EAAsB,yCAAA;AAAA,EACtB,wBAAA,EAA0B,6CAAA;AAAA,EAC1B,yBAAA,EAA2B;;AAI7B,MAAM,aAAA,GAAgB,4CAAA;AAItB,MAAM,WAAA,GAAc,iDAAA;AAEpB,MAAM,cAAA,GAAiB,8CAAA;AAEvB,MAAM,UAAA,GAAa,0CAAA;AAEnB,MAAM,WAAA,GAAuE;AAAA;AAAA,EAE3E,KAAA,EAAO,8BAAA;AAAA;AAAA,EAEP,KAAA,EAAO,4BAAA;AAAA;AAAA,EAEP,MAAA,EAAQ,iBAAA;AAAA;AAAA,EAER,IAAA,EAAM;;AAoCD,MAAM,gBAAA,GAA8C,CAAC,EAAA,KAKvD;AALuD,EAAA,IAAA,EAC1D,KAAA,EACA,KAAA,EACA,QAAA,GAAW,OAAK,GAAA,EAAA,EACb,QAAA,GAAQ,MAAA,CAAA,EAAA,EAJ+C,CAAA,OAAA,EAAA,OAAA,EAAA,UAAA,CAK3D,CAAA;AACC,EAAA,IAAI,UAAA,GAAa,aAAA;AACjB,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,UAAA,GAAa,cAAA;AAAA,EACf,WAAW,KAAA,EAAO;AAChB,IAAA,UAAA,GAAa,aAAa,KAAK,CAAA;AAAA,EACjC;AACA,EAAA,MAAM,oBAAoB,OAAA,CACxB,QAAA,CAAS,YAAY,CAAA,IAAK,QAAA,CAAS,iBAAiB,CAAC,CAAA;AAGvD,EAAA,OACEA,IAAA,wBACE,KAAA,EAAM,4BAAA,EACN,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,OAAA,EAAQ,aACR,IAAA,EAAK,MAAA,EAAM,EACP,QAAA,EAAQ,EACZ,IAAA,EAAM,iBAAA,GAAoB,KAAA,GAAQ,MAAA,EAAS,aAAA,EAC9B,iBAAA,GAAoB,MAAA,GAAY,IAAA,EAAI,QAAA,EAAA,CAEjDC,GAAA,CAAA,QAAA,EAAM,CAAA,EAAG,UAAA,EAAY,IAAA,EAAM,WAAA,EAAW,CAAA,EACrC,KAAA,KAAU,OAAA,GACTA,GAAA,aAAQ,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,GAAG,CAAA,EAAG,IAAA,EAAM,UAAA,MAEpCA,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,WAAA,CAAY,KAAK,CAAA,EAAG,IAAA,EAAM,UAAA,EAAU,CAC9C,CAAA,EAAA,CAAA,CAAA;AAGP;;"}

package/dist/esm/index.js

@@ -290,6 +290,7 @@ export { HoverIndicatorControl } from './components/HoverIndicatorControl/HoverI
 export { ActionController } from './components/ActionController/ActionController.js';
 export { Collapse } from './components/Collapse/Collapse.js';
 export { RangeCoverage } from './components/RangeCoverage/RangeCoverage.js';
+export { RangeTriggerIcon } from './components/RangeTriggerIcon/RangeTriggerIcon.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { DetailsDisclosure } from './components/DetailsDisclosure/DetailsDisclosure.js';
 export { ModalDialog } from './components/ModalDialog/ModalDialog.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

@@ -6937,6 +6937,46 @@ const RangeCoverage = Object.assign(RangeCoverageComponent, {
   useAdaptiveTicks
 });
 
+const RANGE_COLORS = {
+  "alerts-high-salmon": "var(--ui-color-icon-alerts-high-salmon)",
+  "alerts-high-crimson": "var(--ui-color-icon-alerts-high-crimson)",
+  "alerts-high-red": "var(--ui-color-icon-alerts-high-red)",
+  "alerts-medium-sun": "var(--ui-color-icon-alerts-medium-sun)",
+  "alerts-medium-oak": "var(--ui-color-icon-alerts-medium-oak)",
+  "alerts-medium-amber": "var(--ui-color-icon-alerts-medium-amber)",
+  "alerts-low-mint": "var(--ui-color-icon-alerts-low-mint)",
+  "alerts-low-leaf": "var(--ui-color-icon-alerts-low-leaf)",
+  "alerts-low-green": "var(--ui-color-icon-alerts-low-green)",
+  "alerts-neutral-fog": "var(--ui-color-icon-alerts-neutral-fog)",
+  "alerts-neutral-neutral": "var(--ui-color-icon-alerts-neutral-neutral)",
+  "alerts-neutral-graphite": "var(--ui-color-icon-alerts-neutral-graphite)"
+};
+const DEFAULT_COLOR = "var(--ui-color-icon-brand-primary-default)";
+const TRACK_COLOR = "var(--ui-color-icon-neutral-secondary-disabled)";
+const DISABLED_COLOR = "var(--ui-color-icon-neutral-primary-default)";
+const TRACK_PATH = "M3 9H37A3 3 0 0 1 37 15H3A3 3 0 0 1 3 9Z";
+const RANGE_PATHS = {
+  // Square on the left, rounded on the right where it meets the track's end.
+  upper: "M20 9H37A3 3 0 0 1 37 15H20Z",
+  // Rounded on the left where it meets the track's end, square on the right.
+  lower: "M20 9H3A3 3 0 0 0 3 15H20Z",
+  // From 30% to 70% of the track, square on both ends.
+  middle: "M12 9H28V15H12Z",
+  // The whole track, when neither bound restricts the range.
+  full: TRACK_PATH
+};
+const RangeTriggerIcon = (_a) => {
+  var { shape, color, disabled = false } = _a, svgProps = __rest(_a, ["shape", "color", "disabled"]);
+  let rangeColor = DEFAULT_COLOR;
+  if (disabled) {
+    rangeColor = DISABLED_COLOR;
+  } else if (color) {
+    rangeColor = RANGE_COLORS[color];
+  }
+  const hasAccessibleName = Boolean(svgProps["aria-label"] || svgProps["aria-labelledby"]);
+  return jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 40, height: 24, viewBox: "0 0 40 24", fill: "none" }, svgProps, { role: hasAccessibleName ? "img" : void 0, "aria-hidden": hasAccessibleName ? void 0 : true, children: [jsxRuntime.jsx("path", { d: TRACK_PATH, fill: TRACK_COLOR }), shape === "exact" ? jsxRuntime.jsx("circle", { cx: 20, cy: 12, r: 4, fill: rangeColor }) : jsxRuntime.jsx("path", { d: RANGE_PATHS[shape], fill: rangeColor })] }));
+};
+
 const AsideLayout = (_a) => {
   var { aside, children } = _a, rest = __rest(_a, ["aside", "children"]);
   const containerClasses = classNames__default.default("ui:flex-col ui:md:flex-row");
@@ -7473,6 +7513,7 @@ exports.PrimaryTabBar = PrimaryTabBar;
 exports.PrinterIcon = PrinterIcon;
 exports.QuestionFilledIcon = QuestionFilledIcon;
 exports.RangeCoverage = RangeCoverage;
+exports.RangeTriggerIcon = RangeTriggerIcon;
 exports.RedAlertColoredIcon = RedAlertColoredIcon;
 exports.RedAlertIcon = RedAlertIcon;
 exports.RefreshIcon = RefreshIcon;