@openfin/ui-library 0.1.40-alpha.1657110576 → 0.1.40

package/dist/components/elements/Icon/openfin/FloppyDiskIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloppyDiskIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Floppy Disc Icon
+ */
+const FloppyDiskIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M1.875 2.1875C1.875 2.15298 1.90298 2.125 1.9375 2.125H8.23039C8.24697 2.125 8.26287 2.13158 8.27459 2.14331L9.98169 3.85041C9.99341 3.86213 10 3.87803 10 3.89461V10.1875C10 10.222 9.97202 10.25 9.9375 10.25H1.9375C1.90298 10.25 1.875 10.222 1.875 10.1875V2.1875ZM1.9375 1.25C1.41973 1.25 1 1.66973 1 2.1875V10.1875C1 10.7053 1.41973 11.125 1.9375 11.125H9.9375C10.4553 11.125 10.875 10.7053 10.875 10.1875V3.89461C10.875 3.64597 10.7762 3.40751 10.6004 3.23169L8.89331 1.52459C8.71749 1.34877 8.47903 1.25 8.23039 1.25H1.9375ZM2.84924 3.4081C2.84924 3.23754 2.98751 3.09927 3.15807 3.09927H7.4816C7.65215 3.09927 7.79042 3.23754 7.79042 3.4081V4.64339C7.79042 4.81395 7.65215 4.95221 7.4816 4.95221H3.15807C2.98751 4.95221 2.84924 4.81395 2.84924 4.64339V3.4081ZM4.5368 6.63977C4.82638 6.35019 5.21913 6.18751 5.62865 6.18751C6.03818 6.18751 6.43093 6.35019 6.72051 6.63977C7.01009 6.92935 7.17277 7.3221 7.17277 7.73163C7.17277 8.14115 7.01009 8.5339 6.72051 8.82348C6.43093 9.11306 6.03818 9.27574 5.62865 9.27574C5.21913 9.27574 4.82638 9.11306 4.5368 8.82348C4.24722 8.5339 4.08454 8.14115 4.08454 7.73163C4.08454 7.3221 4.24722 6.92935 4.5368 6.63977Z", fill: color, role: "img" }, void 0) }), void 0));
+};
+exports.FloppyDiskIcon = FloppyDiskIcon;

package/dist/{types/components → components}/elements/Icon/openfin/LightBulbFilledIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 export declare const LightBulbFilledIcon: ({ color, ...props }: IconProps) => JSX.Element;

package/dist/components/elements/Icon/openfin/LightBulbFilledIcon.js

@@ -0,0 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LightBulbFilledIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LightBulbFilledIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsxs("svg", Object.assign({ width: "10", height: "12", viewBox: "0 0 10 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx_runtime_1.jsx("path", { d: "M1.83 1.31008C2.24409 0.891667 2.73768 0.560307 3.28174 0.335504C3.82581 0.110701 4.40934 -0.00300333 4.998 0.00108291C6.18628 -0.00310785 7.32905 0.457733 8.182 1.28508C8.59881 1.68719 8.93046 2.16903 9.15723 2.70194C9.384 3.23485 9.50125 3.80793 9.502 4.38708C9.502 5.68008 8.917 6.83008 7.883 7.82508L7.577 9.00008H2.466L2.236 8.03708C1.154 6.90708 0.556 5.81908 0.5 4.58208V4.54408C0.54 3.24808 1.033 2.12108 1.831 1.31108L1.83 1.31008Z", fill: color }, void 0),
+            jsx_runtime_1.jsx("path", { d: "M2.7041 10L2.9371 10.978L2.9451 11C3.0451 11.297 3.2371 11.544 3.4791 11.717C3.7301 11.897 4.0371 11.999 4.3611 11.999H4.3631L5.7461 11.995L5.7671 11.993C6.07587 11.9669 6.36913 11.8465 6.6071 11.648C6.8381 11.454 7.0131 11.188 7.0871 10.874L7.3161 10H2.7041V10Z", fill: color }, void 0)] }), void 0));
+};
+exports.LightBulbFilledIcon = LightBulbFilledIcon;

package/dist/{types/components → components}/elements/Icon/openfin/LightBulbOutlinedIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 export declare const LightBulbOutlinedIcon: ({ color, ...props }: IconProps) => JSX.Element;

package/dist/components/elements/Icon/openfin/LightBulbOutlinedIcon.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LightBulbOutlinedIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LightBulbOutlinedIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "10", height: "12", viewBox: "0 0 10 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M4.99766 0.00100149C3.76866 0.00100149 2.64766 0.482002 1.82966 1.311C1.03166 2.121 0.539657 3.248 0.499657 4.544L0.498657 4.563V4.583C0.555657 5.819 1.15366 6.907 2.23566 8.037L2.93766 10.978L2.94466 11C3.04466 11.297 3.23666 11.544 3.47866 11.717C3.72966 11.897 4.03666 11.999 4.36166 11.999L5.74566 11.995L5.76666 11.993C6.07542 11.9669 6.36869 11.8465 6.60666 11.648C6.83766 11.454 7.01266 11.188 7.08666 10.874L7.88266 7.824C8.91666 6.83 9.50066 5.68 9.50066 4.387C9.49991 3.80785 9.38266 3.23477 9.15589 2.70186C8.92912 2.16895 8.59746 1.68711 8.18066 1.285C7.32796 0.457894 6.18559 -0.00292788 4.99766 0.00100149ZM2.54266 2.013C2.86344 1.68871 3.24596 1.43198 3.66762 1.258C4.08928 1.08401 4.54153 0.996283 4.99766 1C5.92514 0.995784 6.81744 1.35471 7.48366 2C7.80471 2.30904 8.06023 2.67957 8.23496 3.08951C8.40969 3.49945 8.50005 3.94038 8.50066 4.386C8.50066 5.377 8.04766 6.312 7.09666 7.191L6.98866 7.291L6.54266 9H3.49366L3.14466 7.536L3.04766 7.436C1.99966 6.372 1.54766 5.48 1.49866 4.557C1.53666 3.509 1.93266 2.632 2.54266 2.014V2.013ZM3.73266 10H6.28266L6.11766 10.627L6.11466 10.64C6.09211 10.7342 6.03944 10.8185 5.96466 10.88C5.88873 10.9435 5.79595 10.9834 5.69766 10.995L4.36066 11C4.25321 11.0003 4.14833 10.9671 4.06066 10.905C3.9877 10.8536 3.93139 10.782 3.89866 10.699L3.73166 10H3.73266Z", fill: color }, void 0) }), void 0));
+};
+exports.LightBulbOutlinedIcon = LightBulbOutlinedIcon;

package/dist/{types/components → components}/elements/Icon/openfin/LockedClosedFilledIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 /**
  * OpenFin Icon

package/dist/components/elements/Icon/openfin/LockedClosedFilledIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LockedClosedFilledIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * OpenFin Icon
+ */
+const LockedClosedFilledIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M5.00003 4.63623C5.00003 3.76052 5.24222 3.10561 5.64327 2.67378C6.03938 2.24727 6.64585 1.97852 7.50143 1.97852C8.35748 1.97852 8.96309 2.24673 9.35827 2.6723C9.75841 3.10321 10 3.75729 10 4.63346V6.50021H11V4.63346C11 3.57917 10.7076 2.65578 10.0911 1.99183C9.46955 1.32254 8.57586 0.978516 7.50143 0.978516C6.42678 0.978516 5.53255 1.3235 4.91052 1.99328C4.29342 2.65775 4.00003 3.58169 4.00003 4.63623V6.50021H5.00003V4.63623ZM3 6.50021C2.72386 6.50021 2.5 6.72407 2.5 7.00021V13.0002C2.5 13.2764 2.72386 13.5002 3 13.5002H12C12.2761 13.5002 12.5 13.2764 12.5 13.0002V7.00021C12.5 6.72407 12.2761 6.50021 12 6.50021H3Z", fill: color, role: "img" }, void 0) }), void 0));
+};
+exports.LockedClosedFilledIcon = LockedClosedFilledIcon;

package/dist/{types/components → components}/elements/Icon/openfin/MinimizeIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 /**
  * Minimize Icon

package/dist/components/elements/Icon/openfin/MinimizeIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MinimizeIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Minimize Icon
+ */
+const MinimizeIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.16602 12C2.16602 11.7239 2.38987 11.5 2.66602 11.5H13.3327C13.6088 11.5 13.8327 11.7239 13.8327 12C13.8327 12.2761 13.6088 12.5 13.3327 12.5H2.66602C2.38987 12.5 2.16602 12.2761 2.16602 12Z", fill: color, role: "img" }, void 0) }), void 0));
+};
+exports.MinimizeIcon = MinimizeIcon;

package/dist/{types/components → components}/elements/Icon/openfin/OpenFinIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 /**
  * OpenFin Icon

package/dist/components/elements/Icon/openfin/OpenFinIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenFinIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * OpenFin Icon
+ */
+const OpenFinIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsx("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx_runtime_1.jsx("path", { d: "M14.2685 5.73916C14.1785 5.64906 14.0817 5.56592 13.979 5.49047L13.9412 5.46429C13.9196 5.44919 13.8984 5.43358 13.8763 5.41898C13.8541 5.40438 13.8284 5.38878 13.8048 5.37418L13.7715 5.35354C13.7418 5.33592 13.7116 5.3193 13.6814 5.30319L13.6638 5.29363C13.3065 5.10618 12.9091 5.00807 12.5057 5.00768C11.8417 5.00715 11.2052 4.74291 10.7362 4.2731C10.2671 3.8033 10.004 3.16642 10.0046 2.50262C10.0065 1.49222 9.39933 0.580219 8.46634 0.191911C7.53335 -0.196397 6.45826 0.015466 5.74244 0.728701C5.02661 1.44194 4.81103 2.51607 5.19621 3.4502C5.5814 4.38433 6.4915 4.99447 7.5021 4.9961C8.16603 4.99664 8.80256 5.26088 9.27161 5.73068C9.74066 6.20049 10.0038 6.83736 10.0031 7.50117C10.0026 8.16497 9.7383 8.80137 9.2684 9.27032C8.7985 9.73928 8.1615 10.0024 7.49756 10.0017C6.83413 10.0022 6.19772 9.73894 5.72865 9.26987C5.25958 8.8008 4.99636 8.16447 4.99703 7.50117C4.99703 6.12155 3.87841 5.00315 2.49852 5.00315C1.11862 5.00315 0 6.12155 0 7.50117C0 8.88078 1.11862 9.99918 2.49852 9.99918C3.87841 9.99918 4.99703 11.1176 4.99703 12.4972C4.99703 13.8795 6.1178 15 7.50033 15C8.88287 15 10.0036 13.8795 10.0036 12.4972C10.0036 11.1176 11.1223 9.99918 12.5021 9.99918C12.9482 9.99948 13.3862 9.88022 13.7705 9.65383C13.8038 9.6342 13.8365 9.61356 13.8712 9.59241L13.8783 9.58788C13.9085 9.56775 13.9387 9.5466 13.9679 9.52546L13.981 9.5164C14.0072 9.49727 14.0314 9.47662 14.0591 9.45598L14.0812 9.43887C14.1054 9.41923 14.1286 9.39859 14.1522 9.37795L14.1779 9.3558C14.2081 9.32862 14.2378 9.30042 14.267 9.27123L14.2716 9.2672C14.3794 9.15887 14.4772 9.04091 14.5636 8.9148C14.5824 8.88761 14.6005 8.86009 14.618 8.83223C15.237 7.84584 15.092 6.56267 14.2685 5.73916Z", fill: color, role: "img" }, void 0) }), void 0));
+};
+exports.OpenFinIcon = OpenFinIcon;

package/dist/{types/components → components}/elements/Icon/openfin/WorkspaceIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '@modulz/radix-icons/dist/types';
 /**
  * OpenFin Workspace Icon

package/dist/components/elements/Icon/openfin/WorkspaceIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * OpenFin Workspace Icon
+ */
+const WorkspaceIcon = (_a) => {
+    var { color = 'currentColor' } = _a, props = __rest(_a, ["color"]);
+    return (jsx_runtime_1.jsxs("svg", Object.assign({ width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, props, { children: [jsx_runtime_1.jsx("path", { d: "M6.73811 2.8125H3.53137C3.13442 2.8125 2.81262 3.1343 2.81262 3.53125V7.51204C2.81262 7.909 3.13442 8.23079 3.53137 8.23079H6.73811C7.13506 8.23079 7.45686 7.909 7.45686 7.51204V3.53125C7.45686 3.1343 7.13506 2.8125 6.73811 2.8125Z", fill: color }, void 0),
+            jsx_runtime_1.jsx("path", { d: "M12.1565 6.26758H8.94971C8.75123 6.26758 8.59033 6.42848 8.59033 6.62696V11.3818C8.59033 11.5803 8.75123 11.7412 8.94971 11.7412H12.1565C12.3549 11.7412 12.5158 11.5803 12.5158 11.3818V6.62696C12.5158 6.42848 12.3549 6.26758 12.1565 6.26758Z", stroke: color, strokeWidth: "0.718753" }, void 0),
+            jsx_runtime_1.jsx("path", { d: "M12.1564 2.8125H8.94971C8.55275 2.8125 8.23096 3.1343 8.23096 3.53125V4.41587C8.23096 4.81283 8.55275 5.13463 8.94971 5.13463H12.1564C12.5534 5.13463 12.8752 4.81283 12.8752 4.41587V3.53125C12.8752 3.1343 12.5534 2.8125 12.1564 2.8125Z", fill: color }, void 0),
+            jsx_runtime_1.jsx("path", { d: "M6.73798 9.00488H3.53125C3.1343 9.00488 2.8125 9.32668 2.8125 9.72364V11.3823C2.8125 11.7793 3.1343 12.1011 3.53125 12.1011H6.73798C7.13494 12.1011 7.45674 11.7793 7.45674 11.3823V9.72364C7.45674 9.32668 7.13494 9.00488 6.73798 9.00488Z", fill: color }, void 0)] }), void 0));
+};
+exports.WorkspaceIcon = WorkspaceIcon;

package/dist/components/elements/Icon/openfin/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OpenFinIcon"), exports);
+__exportStar(require("./BellIcon"), exports);
+__exportStar(require("./WorkspaceIcon"), exports);
+__exportStar(require("./LockedClosedFilledIcon"), exports);
+__exportStar(require("./MinimizeIcon"), exports);
+__exportStar(require("./LightBulbFilledIcon"), exports);
+__exportStar(require("./LightBulbOutlinedIcon"), exports);
+__exportStar(require("./FilterIcon"), exports);
+__exportStar(require("./BrokenLinkIcon"), exports);
+__exportStar(require("./FloppyDiskIcon"), exports);

package/dist/components/elements/Loader/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./loader"), exports);

package/dist/components/elements/Loader/loader.js

@@ -0,0 +1,25 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon_1 = require("../Icon");
+exports.Loader = styled_components_1.default((_a) => {
+    var props = __rest(_a, []);
+    return (jsx_runtime_1.jsx(Icon_1.Icon, Object.assign({}, props, { children: jsx_runtime_1.jsx("svg", Object.assign({ width: "100%", height: "100%", viewBox: "0 0 38 38", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor" }, { children: jsx_runtime_1.jsx("g", Object.assign({ fill: "none", fillRule: "evenodd" }, { children: jsx_runtime_1.jsxs("g", Object.assign({ transform: "translate(1 1)", strokeWidth: "2" }, { children: [jsx_runtime_1.jsx("circle", { strokeOpacity: ".5", cx: "18", cy: "18", r: "18" }, void 0),
+                        jsx_runtime_1.jsx("path", Object.assign({ d: "M36 18c0-9.94-8.06-18-18-18" }, { children: jsx_runtime_1.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "1s", repeatCount: "indefinite" }, void 0) }), void 0)] }), void 0) }), void 0) }), void 0) }), void 0));
+}) ``;

package/dist/components/input/BaseInput/baseInput.js

@@ -0,0 +1,94 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledInputField = exports.BaseInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Box_1 = require("../../layout/Box");
+const ThemeProvider_1 = require("../../system/ThemeProvider");
+const Text_1 = require("../../typography/Text");
+/**
+ * @private This should not be exposed beyond the ui-library.
+ */
+exports.BaseInput = react_1.forwardRef((_a, ref) => {
+    var { className, renderInput, message, label, status, name, type = 'text' } = _a, inputProps = __rest(_a, ["className", "renderInput", "message", "label", "status", "name", "type"]);
+    const displayLabelInline = type === 'checkbox' || type === 'radio';
+    return (jsx_runtime_1.jsxs(InputContainer, Object.assign({ flexDirection: "column", alignItems: "flex-start" }, { children: [jsx_runtime_1.jsxs(LabelWrapper, Object.assign({ inline: displayLabelInline }, { children: [!!label && (jsx_runtime_1.jsx(InputLabel, Object.assign({ as: "label", htmlFor: name, weight: "bold" }, { children: label }), void 0)),
+                    !!renderInput && renderInput(Object.assign({ name, status, type }, inputProps)),
+                    !renderInput && (jsx_runtime_1.jsx(exports.StyledInputField, Object.assign({ className: className, name: name, status: status, type: type }, inputProps, { ref: ref }), void 0))] }), void 0),
+            !!message && jsx_runtime_1.jsx(InputMessage, Object.assign({ status: status }, { children: message }), void 0)] }), void 0));
+});
+exports.BaseInput.displayName = 'BaseInput';
+const LabelWrapper = styled_components_1.default(Box_1.Box) `
+  align-items: ${({ inline }) => (inline ? 'center' : 'flex-start')};
+  flex-direction: ${({ inline }) => (inline ? 'row-reverse' : 'column')};
+  justify-content: ${({ inline }) => (inline ? 'flex-end' : 'flex-start')};
+  width: 100%;
+
+  ${({ inline, theme }) => inline &&
+    `
+    ${InputLabel} {
+      cursor: pointer;
+      margin-bottom: 0;
+      margin-left: ${theme.px.small};
+      font-weight: ${theme.fontWeight.normal};
+    }
+  `}
+`;
+const InputLabel = styled_components_1.default(Text_1.Text) `
+  margin-bottom: ${({ theme }) => theme.px.small};
+`;
+const InputMessage = styled_components_1.default(Text_1.Text) `
+  color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'textHelp')};
+  margin-top: ${({ theme }) => theme.px.small};
+`;
+const InputContainer = styled_components_1.default(Box_1.Box) `
+  font-size: ${({ theme }) => theme.fontSize.base};
+`;
+exports.StyledInputField = styled_components_1.default.input `
+  background: ${({ theme }) => theme.palette.background5};
+  border: 1px solid ${({ theme }) => theme.palette.background6};
+  border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'inputBackground')};
+  border-radius: ${({ theme }) => theme.radius.small};
+  box-shadow: ${({ theme }) => theme.shadow.base};
+  color: ${({ theme }) => theme.palette.inputColor};
+  font-size: ${({ theme }) => theme.fontSize.base};
+  padding: ${({ theme }) => `${theme.px.small} ${theme.px.base}`};
+  transition: border-color var(--openfin-ui-globalTransition);
+  width: 100%;
+
+  &:focus {
+    outline: 0;
+    border-color: ${({ theme }) => theme.palette.inputFocused};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:disabled::placeholder {
+    color: ${({ theme }) => theme.palette.inputDisabled};
+  }
+
+  /**
+   * This is a hack to invert the calendar icon. This only works in dark mode.
+   * Until either light mode is a thing or we get a datetime picker design, this will do.
+   */
+  ::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+  }
+`;

package/dist/components/input/BaseInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./baseInput"), exports);

package/dist/components/input/Checkbox/checkbox.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const BaseInput_1 = require("../BaseInput");
+const Icon_1 = require("../../elements/Icon");
+const ThemeProvider_1 = require("../../system/ThemeProvider");
+exports.Checkbox = React.forwardRef((_a, ref) => {
+    var { status } = _a, props = __rest(_a, ["status"]);
+    return (jsx_runtime_1.jsx(BaseInput_1.BaseInput, Object.assign({}, props, { type: "checkbox", status: status, renderInput: (_a) => {
+            var inputProps = __rest(_a, []);
+            return (jsx_runtime_1.jsxs(Container, { children: [jsx_runtime_1.jsx(Input, Object.assign({ ref: ref, id: inputProps.name, type: "checkbox" }, inputProps), void 0),
+                    jsx_runtime_1.jsx(Fauxbox, Object.assign({ status: status }, { children: jsx_runtime_1.jsx(CheckIcon, {}, void 0) }), void 0)] }, void 0));
+        } }), void 0));
+});
+exports.Checkbox.displayName = 'Checkbox';
+const Container = styled_components_1.default.div `
+  display: inline-block;
+  position: relative;
+`;
+const Fauxbox = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: ${({ theme }) => theme.px.base};
+  width: ${({ theme }) => theme.px.base};
+  border: 1px solid ${({ theme }) => theme.palette.textDefault};
+  border-color: ${({ theme, status }) => ThemeProvider_1.getStatusColor(theme, status, 'textDefault')};
+  border-radius: 2px;
+  pointer-events: none;
+`;
+const CheckIcon = styled_components_1.default(Icon_1.Icon).attrs({ icon: 'CheckIcon', size: 'small' }) `
+  opacity: 0;
+`;
+const Input = styled_components_1.default.input `
+  opacity: 0;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+
+  &:checked + ${Fauxbox + ' ' + CheckIcon} {
+    opacity: 1;
+  }
+
+  &:hover + ${Fauxbox} {
+    box-shadow: 0 0 1px 1px ${({ theme }) => theme.palette.inputFocused};
+  }
+
+  &:focus + ${Fauxbox} {
+    box-shadow: 0 0 1px 1px ${({ theme }) => theme.palette.inputFocused};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  &:disabled + ${Fauxbox} {
+    opacity: 0.5;
+  }
+`;

package/dist/components/input/Checkbox/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkbox"), exports);

package/dist/components/input/NumberInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./numberInput"), exports);

package/dist/components/input/NumberInput/numberInput.js

@@ -0,0 +1,108 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const math_1 = require("../../../lib/math");
+const Icon_1 = require("../../elements/Icon");
+const Box_1 = require("../../layout/Box");
+const BaseInput_1 = require("../BaseInput");
+var Direction;
+(function (Direction) {
+    Direction[Direction["Up"] = 1] = "Up";
+    Direction[Direction["Down"] = -1] = "Down";
+})(Direction || (Direction = {}));
+exports.NumberInput = react_1.forwardRef((_a, ref) => {
+    var { min, max, onChange, step = 1, value } = _a, props = __rest(_a, ["min", "max", "onChange", "step", "value"]);
+    // Since we are recreating the +/- buttons, we need to capture the value state at this level.
+    const stepInterval = Number(step);
+    const [num, setNum] = react_1.useState(Number(value));
+    react_1.useEffect(() => setNum(Number(value)), []);
+    const takeStep = (direction) => {
+        const base = num ? Number(num) : 0;
+        const lower = min ? Number(min) : undefined;
+        const upper = max ? Number(max) : undefined;
+        const newNum = math_1.clamp(base + stepInterval * direction, lower, upper);
+        setNum(newNum);
+    };
+    return (jsx_runtime_1.jsx(BaseInput_1.BaseInput, Object.assign({ type: "number" }, props, { renderInput: (_a) => {
+            var inputProps = __rest(_a, []);
+            return (jsx_runtime_1.jsx(StyledNumberInput, Object.assign({ ref: ref, onIncrement: () => takeStep(Direction.Up), onDecrement: () => takeStep(Direction.Down), onChange: (event) => {
+                    const { value } = event === null || event === void 0 ? void 0 : event.target;
+                    if (value) {
+                        setNum(Number(value));
+                    }
+                    onChange && onChange(event);
+                }, min: min, max: max, step: step }, inputProps, { value: num }), void 0));
+        } }), void 0));
+});
+exports.NumberInput.displayName = 'NumberInput';
+const StyledNumberInput = react_1.forwardRef((_a, ref) => {
+    var { onIncrement, onDecrement } = _a, props = __rest(_a, ["onIncrement", "onDecrement"]);
+    return (jsx_runtime_1.jsxs(StyledInputContainer, { children: [jsx_runtime_1.jsx(Input, Object.assign({ ref: ref }, props), void 0),
+            jsx_runtime_1.jsxs(ControlContainer, Object.assign({ flexDirection: "column", disabled: props.disabled }, { children: [jsx_runtime_1.jsx(ArrowControl, Object.assign({ onClick: onIncrement, disabled: props.disabled }, { children: jsx_runtime_1.jsx(Icon_1.Icon, { icon: "TriangleUpIcon" }, void 0) }), void 0),
+                    jsx_runtime_1.jsx(ArrowControl, Object.assign({ onClick: onDecrement, disabled: props.disabled }, { children: jsx_runtime_1.jsx(Icon_1.Icon, { icon: "TriangleDownIcon" }, void 0) }), void 0)] }), void 0)] }, void 0));
+});
+StyledNumberInput.displayName = 'StyledNumberInput';
+const StyledInputContainer = styled_components_1.default.div `
+  position: relative;
+  overflow: hidden;
+  border-radius: ${({ theme }) => theme.radius.small};
+  width: 100%;
+`;
+const ControlContainer = styled_components_1.default(Box_1.Box) `
+  align-items: center;
+  position: absolute;
+  right: 1px;
+  top: 1px;
+  gap: 1px;
+  height: calc(100% - 2px);
+  border-radius: ${({ theme }) => `0 ${theme.radius.small} ${theme.radius.small} 0`};
+  overflow: hidden;
+
+  pointer-events: ${({ disabled }) => (disabled ? 'none' : undefined)};
+`;
+const ArrowControl = styled_components_1.default(Box_1.Box) `
+  cursor: pointer;
+  background: ${({ theme }) => theme.palette.inputDisabled};
+  padding: 0 ${({ theme }) => theme.px.xsmall};
+  user-select: none;
+  height: 50%;
+  align-items: center;
+  justify-content: center;
+
+  color: ${({ disabled, theme }) => disabled ? theme.palette.textHelp : theme.palette.textDefault};
+
+  &:hover {
+    background: ${({ theme }) => theme.palette.inputFocused};
+  }
+
+  &:active {
+    background: ${({ theme }) => theme.palette.inputColor};
+  }
+`;
+const Input = styled_components_1.default(BaseInput_1.StyledInputField) `
+  appearance: textfield;
+  padding-right: ${({ theme }) => theme.px.xxxlarge};
+
+  ::-webkit-inner-spin-button,
+  ::-webkit-outer-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+`;

package/dist/components/input/RawInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./rawInput"), exports);