@ms-cloudpack/overlay 0.17.11 → 0.17.13

package/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js

@@ -0,0 +1,416 @@
+import {
+  useDraggable
+} from "./chunk-7KHMDJ6G.js";
+
+// packages/overlay/src/components/Button/Button.tsx
+import React from "react";
+
+// packages/overlay/src/components/Button/Button.module.css
+var compiledModule = `.RpmxvThK-Buttonmodule--standardButton {
+  outline: transparent;
+  position: relative;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  box-sizing: border-box;
+  border: 1px solid rgb(138, 136, 134);
+  display: inline-block;
+  text-decoration: none;
+  text-align: center;
+  cursor: pointer;
+  padding: 0px 16px;
+  border-radius: 2px;
+  min-width: 80px;
+  height: 32px;
+  background-color: rgb(255, 255, 255);
+  color: rgb(50, 49, 48);
+  user-select: none;
+}
+
+.RpmxvThK-Buttonmodule--standardButton:active {
+  background-color: rgb(237, 235, 233);
+  color: rgb(32, 31, 30);
+}
+
+.RpmxvThK-Buttonmodule--standardButton:hover {
+  background-color: rgb(243, 242, 241);
+  color: rgb(32, 31, 30);
+}
+
+.RpmxvThK-Buttonmodule--standardButton:focus {
+  border: 3px solid rgb(0, 0, 0);
+}
+
+.RpmxvThK-Buttonmodule--primaryButton {
+  outline: transparent;
+  position: relative;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  box-sizing: border-box;
+  border: 1px solid rgb(0, 120, 212);
+  display: inline-block;
+  text-decoration: none;
+  text-align: center;
+  cursor: pointer;
+  padding: 0px 16px;
+  border-radius: 2px;
+  min-width: 80px;
+  height: 32px;
+  background-color: rgb(0, 120, 212);
+  color: rgb(255, 255, 255);
+  user-select: none;
+}
+
+.RpmxvThK-Buttonmodule--primaryButton:active {
+  background-color: rgb(0, 90, 158);
+  border: 1px solid rgb(0, 90, 158);
+  color: rgb(255, 255, 255);
+}
+
+.RpmxvThK-Buttonmodule--primaryButton:hover {
+  background-color: rgb(16, 110, 190);
+  border: 1px solid rgb(16, 110, 190);
+  color: rgb(255, 255, 255);
+}
+
+.RpmxvThK-Buttonmodule--primaryButton:focus {
+  border: 3px solid rgb(0, 0, 0);
+}
+`;
+var s = document.createElement("style");
+s.setAttribute("data-sourceFile", "packages/overlay/src/components/Button/Button.module.css");
+s.appendChild(document.createTextNode(compiledModule));
+document.head.appendChild(s);
+var primaryButton = "RpmxvThK-Buttonmodule--primaryButton";
+var standardButton = "RpmxvThK-Buttonmodule--standardButton";
+var Button_default = { primaryButton, standardButton };
+
+// packages/overlay/src/components/Button/Button.tsx
+function Button(props) {
+  const { primary, ...other } = props;
+  const className = primary ? Button_default.primaryButton : Button_default.standardButton;
+  return /* @__PURE__ */ React.createElement("button", { ...other, className, type: "button" });
+}
+
+// packages/overlay/src/components/StatusDialog/TaskList.module.css
+var compiledModule2 = `.ZnVPBoZ-TaskListmodule--root {
+  flex-grow: 1;
+  overflow: auto;
+  border-top: 1px solid #ccc;
+  box-sizing: border-box;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+`;
+var s2 = document.createElement("style");
+s2.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskList.module.css");
+s2.appendChild(document.createTextNode(compiledModule2));
+document.head.appendChild(s2);
+var root = "ZnVPBoZ-TaskListmodule--root";
+var TaskList_default = { root };
+
+// packages/overlay/src/components/Dialog/Dialog.tsx
+import { default as React2, useRef } from "react";
+
+// packages/overlay/src/components/Dialog/Dialog.module.css
+var compiledModule3 = `.XZLLsVjN-Dialogmodule--overlay {
+  background: rgba(0, 0, 0, 0.1);
+  border: 1px solid black;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.XZLLsVjN-Dialogmodule--commands {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+  flex-shrink: 0;
+  height: 40px;
+  padding: 0 20px;
+}
+
+.XZLLsVjN-Dialogmodule--dialog {
+  animation: fade-in 0.1s ease-in-out;
+  width: 80vw;
+  align-self: stretch;
+  margin: 20px 0;
+  background: white;
+  color: #000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  border-top: 4px solid rgb(0, 120, 212);
+  border-radius: 3px;
+  box-shadow:
+    rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px,
+    rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;
+  position: relative;
+  outline: transparent solid 3px;
+}
+
+.XZLLsVjN-Dialogmodule--titleArea {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px 8px 8px 20px;
+  gap: 8px;
+}
+
+.XZLLsVjN-Dialogmodule--closeButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+}
+
+.XZLLsVjN-Dialogmodule--closeButton:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.XZLLsVjN-Dialogmodule--closeButton:active {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.XZLLsVjN-Dialogmodule--title {
+  flex-grow: 1;
+  font-size: 20px;
+  font-weight: 600;
+  color: rgb(0, 120, 212);
+}
+`;
+var s3 = document.createElement("style");
+s3.setAttribute("data-sourceFile", "packages/overlay/src/components/Dialog/Dialog.module.css");
+s3.appendChild(document.createTextNode(compiledModule3));
+document.head.appendChild(s3);
+var closeButton = "XZLLsVjN-Dialogmodule--closeButton";
+var commands = "XZLLsVjN-Dialogmodule--commands";
+var dialog = "XZLLsVjN-Dialogmodule--dialog";
+var overlay = "XZLLsVjN-Dialogmodule--overlay";
+var title = "XZLLsVjN-Dialogmodule--title";
+var titleArea = "XZLLsVjN-Dialogmodule--titleArea";
+var Dialog_default = { closeButton, commands, dialog, overlay, title, titleArea };
+
+// packages/overlay/src/images/dismiss-16-filled.inline.svg
+var dismiss_16_filled_inline_default = 'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z" fill="%23212121"/>%0A</svg>%0A';
+
+// packages/overlay/src/components/Dialog/Dialog.tsx
+function Dialog({ title: title3, id, style, draggable, onClose, commands: commands3, children }) {
+  const draggableRef = useRef(null);
+  const draggableTargetRef = useRef(null);
+  const colorAccent = style === "error" ? "rgb(164, 38, 44)" : void 0;
+  const cursorDraggable = draggable ? "move" : void 0;
+  useDraggable({
+    enabled: !!draggable,
+    containerElementRef: draggableRef,
+    dragElementRef: draggableTargetRef
+  });
+  return /* @__PURE__ */ React2.createElement("div", { id, className: Dialog_default.overlay }, /* @__PURE__ */ React2.createElement("div", { ref: draggableRef, className: Dialog_default.dialog, style: { borderTopColor: colorAccent } }, /* @__PURE__ */ React2.createElement("div", { className: Dialog_default.titleArea }, /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      ref: draggableTargetRef,
+      className: Dialog_default.title,
+      style: { color: colorAccent, cursor: cursorDraggable }
+    },
+    title3
+  ), onClose && /* @__PURE__ */ React2.createElement("button", { className: Dialog_default.closeButton, onClick: onClose, "aria-label": "Minimize overlay" }, /* @__PURE__ */ React2.createElement("img", { src: dismiss_16_filled_inline_default, alt: "" }))), commands3 && /* @__PURE__ */ React2.createElement("div", { className: Dialog_default.commands }, ...commands3), children));
+}
+
+// packages/overlay/src/components/StatusDialog/TaskStatus.module.css
+var compiledModule4 = `.WGSBzu-TaskStatusmodule--root {
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);
+}
+
+.WGSBzu-TaskStatusmodule--header {
+  display: flex;
+  gap: 8px;
+  padding: 8px 16px;
+  background: #f0f0f0;
+  align-items: center;
+  line-height: 1;
+}
+
+.WGSBzu-TaskStatusmodule--commands {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+  flex-shrink: 0;
+  height: 40px;
+  padding: 0 16px;
+}
+
+.WGSBzu-TaskStatusmodule--expandButton {
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  width: 32px;
+  height: 32px;
+}
+.WGSBzu-TaskStatusmodule--expandButton:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.WGSBzu-TaskStatusmodule--expandButton:active {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.WGSBzu-TaskStatusmodule--expandIcon {
+  transition: transform 0.1s ease-in-out;
+}
+
+.WGSBzu-TaskStatusmodule--collapsed {
+  transform: rotate(-90deg);
+}
+
+.WGSBzu-TaskStatusmodule--farArea {
+  line-height: 1;
+  font-size: 13px;
+  text-align: end;
+  display: flex;
+  align-items: baseline;
+  flex-direction: row;
+  gap: 8px;
+  display: flex;
+  flex-grow: 1;
+  justify-content: end;
+  flex-direction: row;
+}
+
+.WGSBzu-TaskStatusmodule--title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #333;
+}
+
+.WGSBzu-TaskStatusmodule--subTitle {
+  font-size: 13px;
+}
+
+.WGSBzu-TaskStatusmodule--content {
+  border-top: 1px solid #ccc;
+  background: #fafafa;
+  padding: 8px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.WGSBzu-TaskStatusmodule--resultItems {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.WGSBzu-TaskStatusmodule--error {
+  background: #ffe9e9;
+}
+
+.WGSBzu-TaskStatusmodule--success {
+  background: #e9f9e9;
+}
+
+.WGSBzu-TaskStatusmodule--warning {
+  background: #fff9e9;
+}
+
+.WGSBzu-TaskStatusmodule--name {
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.WGSBzu-TaskStatusmodule--value {
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  color: #333;
+}
+
+.WGSBzu-TaskStatusmodule--linkButton {
+  display: inline-flex;
+  align-items: flex-start;
+  text-align: start;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: inherit;
+  font-family: inherit;
+  flex-grow: 1;
+
+  font-size: 14px;
+  flex-shrink: 0;
+  text-decoration: none;
+  color: #000;
+  cursor: pointer;
+}
+
+.WGSBzu-TaskStatusmodule--linkButton:hover {
+  text-decoration: underline;
+}
+`;
+var s4 = document.createElement("style");
+s4.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskStatus.module.css");
+s4.appendChild(document.createTextNode(compiledModule4));
+document.head.appendChild(s4);
+var collapsed = "WGSBzu-TaskStatusmodule--collapsed";
+var commands2 = "WGSBzu-TaskStatusmodule--commands";
+var content = "WGSBzu-TaskStatusmodule--content";
+var error = "WGSBzu-TaskStatusmodule--error";
+var expandButton = "WGSBzu-TaskStatusmodule--expandButton";
+var expandIcon = "WGSBzu-TaskStatusmodule--expandIcon";
+var farArea = "WGSBzu-TaskStatusmodule--farArea";
+var header = "WGSBzu-TaskStatusmodule--header";
+var linkButton = "WGSBzu-TaskStatusmodule--linkButton";
+var name = "WGSBzu-TaskStatusmodule--name";
+var resultItems = "WGSBzu-TaskStatusmodule--resultItems";
+var root2 = "WGSBzu-TaskStatusmodule--root";
+var subTitle = "WGSBzu-TaskStatusmodule--subTitle";
+var success = "WGSBzu-TaskStatusmodule--success";
+var title2 = "WGSBzu-TaskStatusmodule--title";
+var value = "WGSBzu-TaskStatusmodule--value";
+var warning = "WGSBzu-TaskStatusmodule--warning";
+var TaskStatus_default = { collapsed, commands: commands2, content, error, expandButton, expandIcon, farArea, header, linkButton, name, resultItems, root: root2, subTitle, success, title: title2, value, warning };
+
+// packages/overlay/src/images/error-24.inline.svg
+var error_24_inline_default = 'data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z" fill="%23aa0000"/>%0A</svg>%0A';
+
+// packages/overlay/src/images/chevrondown-20.inline.svg
+var chevrondown_20_inline_default = 'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z" fill="%23212121"/>%0A</svg>%0A';
+
+export {
+  TaskStatus_default,
+  error_24_inline_default,
+  chevrondown_20_inline_default,
+  Button,
+  TaskList_default,
+  Dialog
+};
+//# sourceMappingURL=chunk-XOJFP5X6.js.map

package/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Button/Button.tsx", "../../../../src/components/Button/Button.module.css", "../../../../src/components/StatusDialog/TaskList.module.css", "../../../../src/components/Dialog/Dialog.tsx", "../../../../src/components/Dialog/Dialog.module.css", "../../../../src/components/StatusDialog/TaskStatus.module.css"],
+  "sourcesContent": ["import React from 'react';\nimport styles from './Button.module.css';\n\nexport function Button(props: React.ButtonHTMLAttributes<HTMLButtonElement> & { primary?: boolean }) {\n  const { primary, ...other } = props;\n  const className = primary ? styles.primaryButton : styles.standardButton;\n  return <button {...other} className={className} type={'button'} />;\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/Button/Button.module.css\n\n\nlet compiledModule = `.RpmxvThK-Buttonmodule--standardButton {\\n  outline: transparent;\\n  position: relative;\\n  font-family: inherit;\\n  font-size: 14px;\\n  font-weight: 600;\\n  box-sizing: border-box;\\n  border: 1px solid rgb(138, 136, 134);\\n  display: inline-block;\\n  text-decoration: none;\\n  text-align: center;\\n  cursor: pointer;\\n  padding: 0px 16px;\\n  border-radius: 2px;\\n  min-width: 80px;\\n  height: 32px;\\n  background-color: rgb(255, 255, 255);\\n  color: rgb(50, 49, 48);\\n  user-select: none;\\n}\\n\\n.RpmxvThK-Buttonmodule--standardButton:active {\\n  background-color: rgb(237, 235, 233);\\n  color: rgb(32, 31, 30);\\n}\\n\\n.RpmxvThK-Buttonmodule--standardButton:hover {\\n  background-color: rgb(243, 242, 241);\\n  color: rgb(32, 31, 30);\\n}\\n\\n.RpmxvThK-Buttonmodule--standardButton:focus {\\n  border: 3px solid rgb(0, 0, 0);\\n}\\n\\n.RpmxvThK-Buttonmodule--primaryButton {\\n  outline: transparent;\\n  position: relative;\\n  font-family: inherit;\\n  font-size: 14px;\\n  font-weight: 600;\\n  box-sizing: border-box;\\n  border: 1px solid rgb(0, 120, 212);\\n  display: inline-block;\\n  text-decoration: none;\\n  text-align: center;\\n  cursor: pointer;\\n  padding: 0px 16px;\\n  border-radius: 2px;\\n  min-width: 80px;\\n  height: 32px;\\n  background-color: rgb(0, 120, 212);\\n  color: rgb(255, 255, 255);\\n  user-select: none;\\n}\\n\\n.RpmxvThK-Buttonmodule--primaryButton:active {\\n  background-color: rgb(0, 90, 158);\\n  border: 1px solid rgb(0, 90, 158);\\n  color: rgb(255, 255, 255);\\n}\\n\\n.RpmxvThK-Buttonmodule--primaryButton:hover {\\n  background-color: rgb(16, 110, 190);\\n  border: 1px solid rgb(16, 110, 190);\\n  color: rgb(255, 255, 255);\\n}\\n\\n.RpmxvThK-Buttonmodule--primaryButton:focus {\\n  border: 3px solid rgb(0, 0, 0);\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/Button/Button.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const primaryButton = 'RpmxvThK-Buttonmodule--primaryButton';\nexport const standardButton = 'RpmxvThK-Buttonmodule--standardButton';\nexport default {primaryButton, standardButton}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/StatusDialog/TaskList.module.css\n\n\nlet compiledModule = `.ZnVPBoZ-TaskListmodule--root {\\n  flex-grow: 1;\\n  overflow: auto;\\n  border-top: 1px solid #ccc;\\n  box-sizing: border-box;\\n  padding: 20px;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/StatusDialog/TaskList.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const root = 'ZnVPBoZ-TaskListmodule--root';\nexport default {root}\n", "import { default as React, useRef } from 'react';\nimport styles from './Dialog.module.css';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport CloseIcon from '../../images/dismiss-16-filled.inline.svg';\n\nexport interface DialogProps {\n  title: string;\n  id: string;\n  style?: 'default' | 'error';\n  draggable?: boolean;\n  onClose?: () => void;\n  commands?: React.ReactNode[];\n  children: React.ReactNode;\n}\n\nexport function Dialog({ title, id, style, draggable, onClose, commands, children }: DialogProps) {\n  const draggableRef = useRef<HTMLDivElement>(null);\n  const draggableTargetRef = useRef<HTMLDivElement>(null);\n  const colorAccent = style === 'error' ? 'rgb(164, 38, 44)' : undefined;\n  const cursorDraggable = draggable ? 'move' : undefined;\n\n  useDraggable({\n    enabled: !!draggable,\n    containerElementRef: draggableRef,\n    dragElementRef: draggableTargetRef,\n  });\n\n  return (\n    <div id={id} className={styles.overlay}>\n      <div ref={draggableRef} className={styles.dialog} style={{ borderTopColor: colorAccent }}>\n        <div className={styles.titleArea}>\n          <div\n            ref={draggableTargetRef}\n            className={styles.title}\n            style={{ color: colorAccent, cursor: cursorDraggable }}\n          >\n            {title}\n          </div>\n          {onClose && (\n            <button className={styles.closeButton} onClick={onClose} aria-label=\"Minimize overlay\">\n              {/* a close icon is common/universal enough that it doesn't need alt text */}\n              <img src={CloseIcon} alt=\"\" />\n            </button>\n          )}\n        </div>\n        {commands && <div className={styles.commands}>{...commands}</div>}\n        {children}\n      </div>\n    </div>\n  );\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/Dialog/Dialog.module.css\n\n\nlet compiledModule = `.XZLLsVjN-Dialogmodule--overlay {\\n  background: rgba(0, 0, 0, 0.1);\\n  border: 1px solid black;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  z-index: 999;\\n}\\n\\n@keyframes fade-in {\\n  0% {\\n    opacity: 0;\\n  }\\n  100% {\\n    opacity: 1;\\n  }\\n}\\n\\n.XZLLsVjN-Dialogmodule--commands {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: center;\\n  flex-shrink: 0;\\n  height: 40px;\\n  padding: 0 20px;\\n}\\n\\n.XZLLsVjN-Dialogmodule--dialog {\\n  animation: fade-in 0.1s ease-in-out;\\n  width: 80vw;\\n  align-self: stretch;\\n  margin: 20px 0;\\n  background: white;\\n  color: #000;\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: column;\\n  border-top: 4px solid rgb(0, 120, 212);\\n  border-radius: 3px;\\n  box-shadow:\\n    rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px,\\n    rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;\\n  position: relative;\\n  outline: transparent solid 3px;\\n}\\n\\n.XZLLsVjN-Dialogmodule--titleArea {\\n  display: flex;\\n  flex-direction: row;\\n  align-items: center;\\n  padding: 8px 8px 8px 20px;\\n  gap: 8px;\\n}\\n\\n.XZLLsVjN-Dialogmodule--closeButton {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 32px;\\n  height: 32px;\\n  margin: 0;\\n  padding: 0;\\n  background: transparent;\\n  border: none;\\n  border-radius: 4px;\\n}\\n\\n.XZLLsVjN-Dialogmodule--closeButton:hover {\\n  background: rgba(0, 0, 0, 0.1);\\n}\\n\\n.XZLLsVjN-Dialogmodule--closeButton:active {\\n  background: rgba(0, 0, 0, 0.2);\\n}\\n\\n.XZLLsVjN-Dialogmodule--title {\\n  flex-grow: 1;\\n  font-size: 20px;\\n  font-weight: 600;\\n  color: rgb(0, 120, 212);\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/Dialog/Dialog.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const closeButton = 'XZLLsVjN-Dialogmodule--closeButton';\nexport const commands = 'XZLLsVjN-Dialogmodule--commands';\nexport const dialog = 'XZLLsVjN-Dialogmodule--dialog';\nexport const overlay = 'XZLLsVjN-Dialogmodule--overlay';\nexport const title = 'XZLLsVjN-Dialogmodule--title';\nexport const titleArea = 'XZLLsVjN-Dialogmodule--titleArea';\nexport default {closeButton, commands, dialog, overlay, title, titleArea}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/StatusDialog/TaskStatus.module.css\n\n\nlet compiledModule = `.WGSBzu-TaskStatusmodule--root {\\n  border: 1px solid #ccc;\\n  border-radius: 3px;\\n  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);\\n}\\n\\n.WGSBzu-TaskStatusmodule--header {\\n  display: flex;\\n  gap: 8px;\\n  padding: 8px 16px;\\n  background: #f0f0f0;\\n  align-items: center;\\n  line-height: 1;\\n}\\n\\n.WGSBzu-TaskStatusmodule--commands {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 8px;\\n  align-items: center;\\n  flex-shrink: 0;\\n  height: 40px;\\n  padding: 0 16px;\\n}\\n\\n.WGSBzu-TaskStatusmodule--expandButton {\\n  background: transparent;\\n  border: none;\\n  border-radius: 4px;\\n  width: 32px;\\n  height: 32px;\\n}\\n.WGSBzu-TaskStatusmodule--expandButton:hover {\\n  background: rgba(0, 0, 0, 0.1);\\n}\\n\\n.WGSBzu-TaskStatusmodule--expandButton:active {\\n  background: rgba(0, 0, 0, 0.2);\\n}\\n\\n.WGSBzu-TaskStatusmodule--expandIcon {\\n  transition: transform 0.1s ease-in-out;\\n}\\n\\n.WGSBzu-TaskStatusmodule--collapsed {\\n  transform: rotate(-90deg);\\n}\\n\\n.WGSBzu-TaskStatusmodule--farArea {\\n  line-height: 1;\\n  font-size: 13px;\\n  text-align: end;\\n  display: flex;\\n  align-items: baseline;\\n  flex-direction: row;\\n  gap: 8px;\\n  display: flex;\\n  flex-grow: 1;\\n  justify-content: end;\\n  flex-direction: row;\\n}\\n\\n.WGSBzu-TaskStatusmodule--title {\\n  font-size: 16px;\\n  font-weight: 500;\\n  color: #333;\\n}\\n\\n.WGSBzu-TaskStatusmodule--subTitle {\\n  font-size: 13px;\\n}\\n\\n.WGSBzu-TaskStatusmodule--content {\\n  border-top: 1px solid #ccc;\\n  background: #fafafa;\\n  padding: 8px 16px;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n}\\n\\n.WGSBzu-TaskStatusmodule--resultItems {\\n  display: flex;\\n  flex-direction: column;\\n  gap: 8px;\\n}\\n\\n.WGSBzu-TaskStatusmodule--error {\\n  background: #ffe9e9;\\n}\\n\\n.WGSBzu-TaskStatusmodule--success {\\n  background: #e9f9e9;\\n}\\n\\n.WGSBzu-TaskStatusmodule--warning {\\n  background: #fff9e9;\\n}\\n\\n.WGSBzu-TaskStatusmodule--name {\\n  font-size: 12px;\\n  font-weight: 600;\\n  text-transform: uppercase;\\n}\\n\\n.WGSBzu-TaskStatusmodule--value {\\n  display: flex;\\n  flex-direction: column;\\n  font-size: 14px;\\n  color: #333;\\n}\\n\\n.WGSBzu-TaskStatusmodule--linkButton {\\n  display: inline-flex;\\n  align-items: flex-start;\\n  text-align: start;\\n  margin: 0;\\n  padding: 0;\\n  border: none;\\n  background: inherit;\\n  font-family: inherit;\\n  flex-grow: 1;\\n\\n  font-size: 14px;\\n  flex-shrink: 0;\\n  text-decoration: none;\\n  color: #000;\\n  cursor: pointer;\\n}\\n\\n.WGSBzu-TaskStatusmodule--linkButton:hover {\\n  text-decoration: underline;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/StatusDialog/TaskStatus.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const collapsed = 'WGSBzu-TaskStatusmodule--collapsed';\nexport const commands = 'WGSBzu-TaskStatusmodule--commands';\nexport const content = 'WGSBzu-TaskStatusmodule--content';\nexport const error = 'WGSBzu-TaskStatusmodule--error';\nexport const expandButton = 'WGSBzu-TaskStatusmodule--expandButton';\nexport const expandIcon = 'WGSBzu-TaskStatusmodule--expandIcon';\nexport const farArea = 'WGSBzu-TaskStatusmodule--farArea';\nexport const header = 'WGSBzu-TaskStatusmodule--header';\nexport const linkButton = 'WGSBzu-TaskStatusmodule--linkButton';\nexport const name = 'WGSBzu-TaskStatusmodule--name';\nexport const resultItems = 'WGSBzu-TaskStatusmodule--resultItems';\nexport const root = 'WGSBzu-TaskStatusmodule--root';\nexport const subTitle = 'WGSBzu-TaskStatusmodule--subTitle';\nexport const success = 'WGSBzu-TaskStatusmodule--success';\nexport const title = 'WGSBzu-TaskStatusmodule--title';\nexport const value = 'WGSBzu-TaskStatusmodule--value';\nexport const warning = 'WGSBzu-TaskStatusmodule--warning';\nexport default {collapsed, commands, content, error, expandButton, expandIcon, farArea, header, linkButton, name, resultItems, root, subTitle, success, title, value, warning}\n"],
+  "mappings": "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",
+  "names": ["compiledModule", "s", "React", "compiledModule", "s", "title", "commands", "React", "compiledModule", "s", "commands", "root", "title"]
+}