@servicetitan/design-system 10.8.0 → 11.2.0

package/dist/components/FormControls/FormDropdown.js

@@ -1,23 +1,5 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDropdown = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var Dropdown_1 = require("../Dropdown");
-var FormDropdown = function (props) { return (react_1.default.createElement(FormField_1.FormField, __assign({ control: Dropdown_1.Dropdown }, props))); };
-exports.FormDropdown = FormDropdown;
+import React from 'react';
+import { FormField } from '../FormField';
+import { Dropdown } from '../Dropdown';
+export const FormDropdown = (props) => (React.createElement(FormField, Object.assign({ control: Dropdown }, props)));
 //# sourceMappingURL=FormDropdown.js.map

package/dist/components/FormControls/FormDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAA+D;AAC/D,wCAAsD;AAM/C,IAAM,YAAY,GAA0B,UAAC,KAAK,IAAK,OAAA,CAC7D,8BAAC,qBAAS,aAAC,OAAO,EAAE,mBAAQ,IAAM,KAAK,EAAI,CAC3C,EAF6D,CAE7D,CAAC;AAFW,QAAA,YAAY,gBAEvB"}
+{"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC"}

package/dist/components/FormControls/FormInput.js

@@ -1,24 +1,7 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormInput = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var Input_1 = require("../Input");
-exports.FormInput = react_1.default.forwardRef(function (props, ref) {
-    return react_1.default.createElement(FormField_1.FormField, __assign({ control: Input_1.Input, ref: ref }, props));
+import React from 'react';
+import { FormField } from '../FormField';
+import { Input } from '../Input';
+export const FormInput = React.forwardRef((props, ref) => {
+    return React.createElement(FormField, Object.assign({ control: Input, ref: ref }, props));
 });
 //# sourceMappingURL=FormInput.js.map

package/dist/components/FormControls/FormInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAyD;AACzD,kCAA+C;AAIlC,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CACxC,UAAC,KAAK,EAAE,GAAQ;IACf,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,aAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC"}
+{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;IACnB,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC"}

package/dist/components/FormControls/FormRadio.js

@@ -1,23 +1,5 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormRadio = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var Radio_1 = require("../Radio");
-var FormRadio = function (props) { return (react_1.default.createElement(FormField_1.FormField, __assign({ control: Radio_1.Radio }, props))); };
-exports.FormRadio = FormRadio;
+import React from 'react';
+import { FormField } from '../FormField';
+import { Radio } from '../Radio';
+export const FormRadio = (props) => (React.createElement(FormField, Object.assign({ control: Radio }, props)));
 //# sourceMappingURL=FormRadio.js.map

package/dist/components/FormControls/FormRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAA+D;AAC/D,kCAA6C;AAUtC,IAAM,SAAS,GAAkB,UAAC,KAAK,IAAK,OAAA,CAClD,8BAAC,qBAAS,aAAC,OAAO,EAAE,aAAK,IAAM,KAAK,EAAI,CACxC,EAFkD,CAElD,CAAC;AAFW,QAAA,SAAS,aAEpB"}
+{"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,IAAM,KAAK,EAAI,CACxC,CAAC"}

package/dist/components/FormControls/FormSelect.js

@@ -1,23 +1,5 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormSelect = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var Select_1 = require("../Select");
-var FormSelect = function (props) { return (react_1.default.createElement(FormField_1.FormField, __assign({ control: Select_1.Select }, props))); };
-exports.FormSelect = FormSelect;
+import React from 'react';
+import { FormField } from '../FormField';
+import { Select } from '../Select';
+export const FormSelect = (props) => (React.createElement(FormField, Object.assign({ control: Select }, props)));
 //# sourceMappingURL=FormSelect.js.map

package/dist/components/FormControls/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAA+D;AAC/D,oCAAgD;AAMzC,IAAM,UAAU,GAAwB,UAAC,KAAK,IAAK,OAAA,CACzD,8BAAC,qBAAS,aAAC,OAAO,EAAE,eAAM,IAAM,KAAK,EAAI,CACzC,EAFyD,CAEzD,CAAC;AAFW,QAAA,UAAU,cAErB"}
+{"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CACzC,CAAC"}

package/dist/components/FormControls/FormTextArea.js

@@ -1,24 +1,7 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormTextArea = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var TextArea_1 = require("../TextArea");
-exports.FormTextArea = react_1.default.forwardRef(function (props, ref) {
-    return react_1.default.createElement(FormField_1.FormField, __assign({ control: TextArea_1.TextArea, ref: ref }, props));
+import React from 'react';
+import { FormField } from '../FormField';
+import { TextArea } from '../TextArea';
+export const FormTextArea = React.forwardRef((props, ref) => {
+    return React.createElement(FormField, Object.assign({ control: TextArea, ref: ref }, props));
 });
 //# sourceMappingURL=FormTextArea.js.map

package/dist/components/FormControls/FormTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAyD;AACzD,wCAAuC;AAI1B,QAAA,YAAY,GAAgC,eAAK,CAAC,UAAU,CACxE,UAAC,KAAK,EAAE,GAAG;IACV,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,mBAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC"}
+{"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,CAAC,MAAM,YAAY,GAAgC,KAAK,CAAC,UAAU,CACxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACd,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC"}

package/dist/components/FormControls/FormTimePicker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../FormField';
+export declare type FormTimePickerProps = FormFieldProps;
+export declare const FormTimePicker: FC<FormTimePickerProps>;

package/dist/components/FormControls/FormTimePicker.js

@@ -0,0 +1,19 @@
+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;
+};
+import React from 'react';
+import { FormField } from '../FormField';
+import { TimePicker } from '..';
+export const FormTimePicker = (_a) => {
+    var props = __rest(_a, []);
+    return React.createElement(FormField, Object.assign({ control: TimePicker }, props));
+};
+//# sourceMappingURL=FormTimePicker.js.map

package/dist/components/FormControls/FormTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}

package/dist/components/FormControls/FormToggleSwitch.js

@@ -1,23 +1,5 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormToggleSwitch = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var ToggleSwitch_1 = require("../ToggleSwitch");
-var FormToggleSwitch = function (props) { return (react_1.default.createElement(FormField_1.FormField, __assign({ control: ToggleSwitch_1.ToggleSwitch }, props))); };
-exports.FormToggleSwitch = FormToggleSwitch;
+import React from 'react';
+import { FormField } from '../FormField';
+import { ToggleSwitch } from '../ToggleSwitch';
+export const FormToggleSwitch = (props) => (React.createElement(FormField, Object.assign({ control: ToggleSwitch }, props)));
 //# sourceMappingURL=FormToggleSwitch.js.map

package/dist/components/FormControls/FormToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAA+D;AAC/D,gDAAkE;AAQ3D,IAAM,gBAAgB,GAA8B,UAAC,KAAK,IAAK,OAAA,CACrE,8BAAC,qBAAS,aAAC,OAAO,EAAE,2BAAY,IAAM,KAAK,EAAI,CAC/C,EAFqE,CAErE,CAAC;AAFW,QAAA,gBAAgB,oBAE3B"}
+{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC"}

package/dist/components/FormControls/FormTogglebox.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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)
@@ -21,17 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormTogglebox = void 0;
-var react_1 = __importDefault(require("react"));
-var FormField_1 = require("../FormField");
-var Togglebox_1 = require("../Togglebox");
-var FormTogglebox = function (_a) {
-    var control = _a.control, props = __rest(_a, ["control"]);
-    return (react_1.default.createElement(FormField_1.FormField, __assign({ toggleboxControl: control, control: Togglebox_1.Togglebox }, props)));
+import React from 'react';
+import { FormField } from '../FormField';
+import { Togglebox } from '../Togglebox';
+export const FormTogglebox = (_a) => {
+    var { control } = _a, props = __rest(_a, ["control"]);
+    return (React.createElement(FormField, Object.assign({ toggleboxControl: control, control: Togglebox }, props)));
 };
-exports.FormTogglebox = FormTogglebox;
 //# sourceMappingURL=FormTogglebox.js.map

package/dist/components/FormControls/FormTogglebox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAA+D;AAC/D,0CAAyD;AAYlD,IAAM,aAAa,GAAsB,UAAC,EAAqB;IAAnB,IAAA,OAAO,aAAA,EAAK,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,8BAAC,qBAAS,aAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC;AAFW,QAAA,aAAa,iBAExB"}
+{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC"}

package/dist/components/FormControls/index.d.ts

@@ -12,3 +12,4 @@ export * from './FormTextArea';
 export * from './FormTogglebox';
 export * from './FormToggleSwitch';
 export * from './FormAnvilSelect';
+export * from './FormTimePicker';

package/dist/components/FormControls/index.js

@@ -1,27 +1,16 @@
-"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("./FormButton"), exports);
-__exportStar(require("./FormButtonToggle"), exports);
-__exportStar(require("./FormCheckbox"), exports);
-__exportStar(require("./FormColorPicker"), exports);
-__exportStar(require("./FormDatePicker"), exports);
-__exportStar(require("./FormDateRangePicker"), exports);
-__exportStar(require("./FormDropdown"), exports);
-__exportStar(require("./FormInput"), exports);
-__exportStar(require("./FormRadio"), exports);
-__exportStar(require("./FormSelect"), exports);
-__exportStar(require("./FormTextArea"), exports);
-__exportStar(require("./FormTogglebox"), exports);
-__exportStar(require("./FormToggleSwitch"), exports);
-__exportStar(require("./FormAnvilSelect"), exports);
+export * from './FormButton';
+export * from './FormButtonToggle';
+export * from './FormCheckbox';
+export * from './FormColorPicker';
+export * from './FormDatePicker';
+export * from './FormDateRangePicker';
+export * from './FormDropdown';
+export * from './FormInput';
+export * from './FormRadio';
+export * from './FormSelect';
+export * from './FormTextArea';
+export * from './FormTogglebox';
+export * from './FormToggleSwitch';
+export * from './FormAnvilSelect';
+export * from './FormTimePicker';
 //# sourceMappingURL=index.js.map

package/dist/components/FormControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B;AAC7B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,mDAAiC;AACjC,wDAAsC;AACtC,iDAA+B;AAC/B,8CAA4B;AAC5B,8CAA4B;AAC5B,+CAA6B;AAC7B,iDAA+B;AAC/B,kDAAgC;AAChC,qDAAmC;AACnC,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/components/FormField/FormField.css

@@ -215,7 +215,7 @@
   display: block;
   margin-bottom: 8px;
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 700;
 }
 
 /* Make Inputs behave like Semantic Inputs because legacy reasons */

package/dist/components/FormField/FormField.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCec;EDdd,cCkBc;EDjBd,OCiBc;EDhBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCOc;EDNd,cCUc;EDTd,OCSc;EDRd;EACA;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODuEe;ECtEf,WDiHa;EChHb,aD0HqB;ECzHrB,YDoGW;;AClGX;EAA4B,YD0Gd;;;ACvGf;EACC,ODiBkB;EChBlB,WDwGa;ECvGb,aDiHqB;EChHrB,YD2FW;;ACzFX;EAA6B,YDiGf;;;AC9Ff;EACC,eDqFW;;;AClFZ;AEtCC;EACA,OHiBa;AGfb;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDkEJ;;;AC/DnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBD+Bc;EC9Bd,ODkCc;;AC/Bf;AAAA;AAAA;EAGC,cD4Bc;;ACzBf;EACC,kBDoBc;;AChBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDcW;ECbX,WDwBa;ECvBb,aDHkB;;;ACMnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCec;EDdd,cCkBc;EDjBd,OCiBc;EDhBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCOc;EDNd,cCUc;EDTd,OCSc;EDRd;EACA;;;AE9EF;AAEA;EACC;EACA;EACA;;AAEA;EAAe;;;ACJd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADUtC;EACC,ODuEe;ECtEf,WDkHa;ECjHb,aD2HqB;EC1HrB,YDqGW;;ACnGX;EAA4B,YD2Gd;;;ACxGf;EACC,ODiBkB;EChBlB,WDyGa;ECxGb,aDkHqB;ECjHrB,YD4FW;;AC1FX;EAA6B,YDkGf;;;AC/Ff;EACC,eDsFW;;;ACnFZ;AEtCC;EACA,OHiBa;AGfb;EACA;;;AFoCD;EACC;;AAEA;EAAsB,SDmEJ;;;AChEnB;AAAA;AAAA;AAGA;AAkBC;AAOA;;AAvBA;AAAA;EAEC,kBD+Bc;EC9Bd,ODkCc;;AC/Bf;AAAA;AAAA;EAGC,cD4Bc;;ACzBf;EACC,kBDoBc;;AChBf;AAAA;EAEC;EACA;;AAID;EACC;;;AAIF;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eDeW;ECdX,WDyBa;ECxBb,aDFkB;;;ACKnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}

package/dist/components/FormField/FormField.js

@@ -1,34 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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)
@@ -40,107 +9,104 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormField = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var nanoid_1 = require("nanoid");
-var FormFieldContext_1 = require("./FormFieldContext");
-var ButtonToggle_1 = require("../ButtonToggle");
-var ToggleSwitch_1 = require("../ToggleSwitch");
-var Label_1 = require("../Label");
-var Togglebox_1 = require("../Togglebox");
-var Checkbox_1 = require("../Checkbox");
-var Button_1 = require("../Button");
-var Radio_1 = require("../Radio");
-exports.FormField = react_1.default.forwardRef(function (_a, ref) {
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { customAlphabet } from 'nanoid';
+import { FormFieldContext } from './FormFieldContext';
+import { ButtonToggle } from '../ButtonToggle';
+import { ToggleSwitch } from '../ToggleSwitch';
+import { Label } from '../Label';
+import { Togglebox } from '../Togglebox';
+import { Checkbox } from '../Checkbox';
+import { Button } from '../Button';
+import { Radio } from '../Radio';
+export const FormField = React.forwardRef((_a, ref) => {
     var _b;
-    var _c;
-    var children = _a.children, className = _a.className, control = _a.control, controlRef = _a.controlRef, controlClassName = _a.controlClassName, description = _a.description, disabled = _a.disabled, _d = _a.el, el = _d === void 0 ? 'div' : _d, error = _a.error, label = _a.label, labelProps = _a.labelProps, required = _a.required, size = _a.size, toggleboxControl = _a.toggleboxControl, width = _a.width, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width"]);
-    var controlType = control !== undefined
-        ? (_c = control.name) !== null && _c !== void 0 ? _c : control.displayName
+    var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width"]);
+    const controlType = typeof control !== 'undefined'
+        ? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
         : 'control';
-    var labelFor = props.id || "formfield_id_" + (0, nanoid_1.customAlphabet)(lettersOnly, 8)();
-    var _e = (0, react_1.useState)({
-        labelFor: labelFor,
-        setFormFieldContext: function () { },
-    }), context = _e[0], setContext = _e[1];
-    var setFormFieldContext = function (newContext) {
-        return setContext(__assign(__assign({}, context), newContext));
-    };
-    var handleLabelClick = function () {
+    const labelFor = props.id || `formfield_id_${customAlphabet(lettersOnly, 8)()}`;
+    const [context, setContext] = useState({
+        labelFor,
+        setFormFieldContext: () => { },
+    });
+    const setFormFieldContext = (newContext) => setContext(Object.assign(Object.assign({}, context), newContext));
+    const handleLabelClick = () => {
         var _a;
-        var inputNode = (_a = context === null || context === void 0 ? void 0 : context.inputRef) === null || _a === void 0 ? void 0 : _a.current;
+        const inputNode = (_a = context === null || context === void 0 ? void 0 : context.inputRef) === null || _a === void 0 ? void 0 : _a.current;
         if (['Select', 'Dropdown'].includes(controlType)) {
             inputNode === null || inputNode === void 0 ? void 0 : inputNode.focus();
             return;
         }
         inputNode === null || inputNode === void 0 ? void 0 : inputNode.click();
     };
-    var getLabel = function () {
+    const getLabel = () => {
         if (label === undefined || label === '')
             return false;
-        var labelClassName = (labelProps === null || labelProps === void 0 ? void 0 : labelProps.className)
+        const labelClassName = (labelProps === null || labelProps === void 0 ? void 0 : labelProps.className)
             ? labelProps.className
             : null;
-        var labelClasses = (0, classnames_1.default)(labelClassName, 'FormField__label');
-        return (react_1.default.createElement(Label_1.Label, __assign({ disabled: disabled, required: required }, labelProps, { className: labelClasses }), label));
+        const labelClasses = classnames(labelClassName, 'FormField__label');
+        return (React.createElement(Label, Object.assign({ disabled: disabled, required: required }, labelProps, { className: labelClasses }), label));
     };
-    var getFieldDescription = function () {
+    const getFieldDescription = () => {
         if (description === undefined || description === '')
             return false;
-        return react_1.default.createElement("div", { className: "FormField__description" }, description);
+        return React.createElement("div", { className: "FormField__description" }, description);
     };
-    var getErrorText = function () {
+    const getErrorText = () => {
         if (error === undefined)
             return false;
-        return react_1.default.createElement("div", { className: "FormField__errorText" }, error);
+        return React.createElement("div", { className: "FormField__errorText" }, error);
     };
-    var getControl = function () {
-        var controlProps = __assign(__assign({ children: children, disabled: disabled, required: required, size: size, className: controlClassName }, props), (control !== ToggleSwitch_1.ToggleSwitch &&
-            control !== ButtonToggle_1.ButtonToggle &&
+    const getControl = () => {
+        const controlProps = Object.assign(Object.assign({ children,
+            disabled,
+            required,
+            size, className: controlClassName }, props), (control !== ToggleSwitch &&
+            control !== ButtonToggle &&
             toggleboxControl !== 'toggleSwitch' &&
-            control !== Button_1.Button
+            control !== Button
             ? { error: !!error }
             : {}));
         // Togglebox
-        if (control === Togglebox_1.Togglebox) {
-            return (react_1.default.createElement(Togglebox_1.Togglebox, __assign({ label: label, control: toggleboxControl }, controlProps)));
+        if (control === Togglebox) {
+            return (React.createElement(Togglebox, Object.assign({ label: label, control: toggleboxControl }, controlProps)));
         }
         // Checkbox, Radio, ToggleSwitch
-        if (control === Checkbox_1.Checkbox ||
-            control === Radio_1.Radio ||
-            control === ToggleSwitch_1.ToggleSwitch) {
-            return react_1.default.createElement(control, __assign(__assign({}, controlProps), { label: label, labelProps: labelProps, required: required, ref: ref }));
+        if (control === Checkbox ||
+            control === Radio ||
+            control === ToggleSwitch) {
+            return React.createElement(control, Object.assign(Object.assign({}, controlProps), { label,
+                labelProps,
+                required,
+                ref }));
         }
-        var createControl = control
-            ? react_1.default.createElement(control, __assign(__assign({}, controlProps), { ref: ref }))
+        const createControl = control
+            ? React.createElement(control, Object.assign(Object.assign({}, controlProps), { ref }))
             : children;
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
-            react_1.default.createElement(FormFieldContext_1.FormFieldContext.Provider, { value: __assign(__assign({}, context), { setFormFieldContext: setFormFieldContext }) }, createControl)));
+        return (React.createElement(React.Fragment, null,
+            React.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
+            React.createElement(FormFieldContext.Provider, { value: Object.assign(Object.assign({}, context), { setFormFieldContext }) }, createControl)));
     };
-    var FormFieldProps = { children: children, disabled: disabled };
-    var FormFieldClasses = (0, classnames_1.default)('FormField', className, (_b = {
-            'FormField--disabled': disabled,
-            'FormField--error': error
-        },
-        _b["FormField--" + controlType] = control,
-        _b['FormField--small'] = size === 'small',
-        _b['FormField--large'] = size === 'large',
-        _b['FormField--fitted'] = label === undefined || label === '',
-        _b["FormField--width-" + width] = width,
-        _b));
-    var FormFieldElement = el;
-    return (react_1.default.createElement(FormFieldElement, __assign({ className: FormFieldClasses }, FormFieldProps),
-        react_1.default.createElement("div", { className: "FormField__wrapper" },
+    const FormFieldProps = { children, disabled };
+    const FormFieldClasses = classnames('FormField', className, {
+        'FormField--disabled': disabled,
+        'FormField--error': error,
+        [`FormField--${controlType}`]: control,
+        'FormField--small': size === 'small',
+        'FormField--large': size === 'large',
+        'FormField--fitted': label === undefined || label === '',
+        [`FormField--width-${width}`]: width,
+    });
+    const FormFieldElement = el;
+    return (React.createElement(FormFieldElement, Object.assign({ className: FormFieldClasses }, FormFieldProps),
+        React.createElement("div", { className: "FormField__wrapper" },
             getControl(),
-            react_1.default.createElement("div", { className: "FormField__helpers" },
+            React.createElement("div", { className: "FormField__helpers" },
                 getErrorText(),
                 getFieldDescription()))));
 });
-var lettersOnly = 'abcdefghijklmnopqrstuvwxyz';
+const lettersOnly = 'abcdefghijklmnopqrstuvwxyz';
 //# sourceMappingURL=FormField.js.map