@servicetitan/design-system 10.7.1 → 11.1.0

package/dist/components/FilePicker/FilePicker.js

@@ -1,4 +1,3 @@
-"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)
@@ -10,77 +9,60 @@ 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.FilePicker = exports.isFileDescriptor = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var BodyText_1 = require("../BodyText");
-var Tooltip_1 = require("../Tooltip");
-var Button_1 = require("../Button");
-var Icon_1 = require("../Icon");
-var isFileDescriptor = function (toBeDetermined) {
+import React from 'react';
+import classnames from 'classnames';
+import { BodyText } from '../BodyText';
+import { Tooltip } from '../Tooltip';
+import { Button } from '../Button';
+import { Icon } from '../Icon';
+export const isFileDescriptor = (toBeDetermined) => {
     return ((toBeDetermined === null || toBeDetermined === void 0 ? void 0 : toBeDetermined.file) &&
         (typeof toBeDetermined.file === 'string' ||
             toBeDetermined.file instanceof File));
 };
-exports.isFileDescriptor = isFileDescriptor;
-var FilePicker = function (_a) {
-    var accept = _a.accept, _b = _a.align, align = _b === void 0 ? 'left' : _b, className = _a.className, disabled = _a.disabled, _c = _a.layout, layout = _c === void 0 ? 'list' : _c, limitReached = _a.limitReached, multiple = _a.multiple, onDelete = _a.onDelete, onDownload = _a.onDownload, onReplace = _a.onReplace, onSelected = _a.onSelected, value = _a.value, rest = __rest(_a, ["accept", "align", "className", "disabled", "layout", "limitReached", "multiple", "onDelete", "onDownload", "onReplace", "onSelected", "value"]);
-    var inputRef = react_1.default.useRef();
-    var handleButtonClick = function () { return inputRef.current.click(); };
-    var handleFileReplace = function (file) { return function (e) {
-        return onReplace
-            ? onReplace({ file: file, newFile: e.target.files[0] })
-            : undefined;
-    }; };
-    var handleFileDelete = function (file) { return function () {
-        return onDelete ? onDelete(file) : undefined;
-    }; };
-    var handleFileDownload = function (file) { return function () {
-        return onDownload ? onDownload(file) : undefined;
-    }; };
-    var handleFileChange = function (e) {
-        return onSelected(e.target.files);
-    };
-    var valueArr = (0, exports.isFileDescriptor)(value) ? [value] : value;
-    var inProgress = function (file) {
-        return !(file.uploadProgress === undefined || file.uploadProgress === 100);
-    };
-    var typesNote = rest.typesNote;
+export const FilePicker = (_a) => {
+    var { accept, align = 'left', className, disabled, layout = 'list', limitReached, multiple, onDelete, onDownload, onReplace, onSelected, value } = _a, rest = __rest(_a, ["accept", "align", "className", "disabled", "layout", "limitReached", "multiple", "onDelete", "onDownload", "onReplace", "onSelected", "value"]);
+    const inputRef = React.useRef();
+    const handleButtonClick = () => inputRef.current.click();
+    const handleFileReplace = (file) => (e) => onReplace
+        ? onReplace({ file, newFile: e.target.files[0] })
+        : undefined;
+    const handleFileDelete = (file) => () => onDelete ? onDelete(file) : undefined;
+    const handleFileDownload = (file) => () => onDownload ? onDownload(file) : undefined;
+    const handleFileChange = (e) => onSelected(e.target.files);
+    const valueArr = isFileDescriptor(value) ? [value] : value;
+    const inProgress = (file) => !(file.uploadProgress === undefined || file.uploadProgress === 100);
+    let { typesNote } = rest;
     if (accept && typesNote === undefined) {
-        typesNote = "Allowed file types: " + accept;
+        typesNote = `Allowed file types: ${accept}`;
     }
-    var classes = (0, classnames_1.default)('FilePicker', className, {
+    const classes = classnames('FilePicker', className, {
         'FilePicker--disabled': disabled,
         'FilePicker--grid': layout === 'grid',
         'FilePicker--list': layout === 'list',
         'FilePicker--align-center': align === 'center',
     });
-    return (react_1.default.createElement("div", { className: classes }, valueArr === null || valueArr === void 0 ? void 0 :
-        valueArr.map(function (file, index) { return (react_1.default.createElement("div", { key: index, className: (0, classnames_1.default)('FilePicker__File') },
-            react_1.default.createElement(Icon_1.Icon, { name: "description", size: 24, className: "FilePicker__File__Icon" }),
-            react_1.default.createElement(BodyText_1.BodyText, { className: "FilePicker__File__Name" }, file.displayName ||
+    return (React.createElement("div", { className: classes }, valueArr === null || valueArr === void 0 ? void 0 :
+        valueArr.map((file, index) => (React.createElement("div", { key: index, className: classnames('FilePicker__File') },
+            React.createElement(Icon, { name: "description", size: 24, className: "FilePicker__File__Icon" }),
+            React.createElement(BodyText, { className: "FilePicker__File__Name" }, file.displayName ||
                 (typeof file.file === 'string'
                     ? file.file
                     : file.file.name)),
-            inProgress(file) ? (react_1.default.createElement("div", null, "Loading...")) : (react_1.default.createElement(react_1.default.Fragment, null,
-                onReplace && (react_1.default.createElement("label", { className: "FilePicker__File__ActionIcon" },
-                    react_1.default.createElement(Tooltip_1.Tooltip, { text: "Replace file" },
-                        react_1.default.createElement(Icon_1.Icon, { name: "cached", size: 24 })),
-                    react_1.default.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileReplace(file), accept: accept, disabled: disabled }))),
-                (onDownload || file.downloadLink) && (react_1.default.createElement(Tooltip_1.Tooltip, { text: "Download file", className: "FilePicker__File__ActionIcon" }, file.downloadLink ? (react_1.default.createElement(Icon_1.Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file), href: file.downloadLink })) : (react_1.default.createElement(Icon_1.Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file) })))),
-                onDelete && (react_1.default.createElement(Tooltip_1.Tooltip, { text: "Remove file", className: "FilePicker__File__ActionIcon" },
-                    react_1.default.createElement(Icon_1.Icon, { name: "delete", size: 24, onClick: handleFileDelete(file) }))))))); }),
-        (!valueArr || (multiple && !limitReached)) && (react_1.default.createElement("span", { className: "FilePicker__File__ActionContainer" },
-            react_1.default.createElement("label", null,
-                react_1.default.createElement(Button_1.Button, { default: true, disabled: disabled, iconName: "attach_file", onClick: handleButtonClick },
+            inProgress(file) ? (React.createElement("div", null, "Loading...")) : (React.createElement(React.Fragment, null,
+                onReplace && (React.createElement("label", { className: "FilePicker__File__ActionIcon" },
+                    React.createElement(Tooltip, { text: "Replace file" },
+                        React.createElement(Icon, { name: "cached", size: 24 })),
+                    React.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileReplace(file), accept: accept, disabled: disabled }))),
+                (onDownload || file.downloadLink) && (React.createElement(Tooltip, { text: "Download file", className: "FilePicker__File__ActionIcon" }, file.downloadLink ? (React.createElement(Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file), href: file.downloadLink })) : (React.createElement(Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file) })))),
+                onDelete && (React.createElement(Tooltip, { text: "Remove file", className: "FilePicker__File__ActionIcon" },
+                    React.createElement(Icon, { name: "delete", size: 24, onClick: handleFileDelete(file) })))))))),
+        (!valueArr || (multiple && !limitReached)) && (React.createElement("span", { className: "FilePicker__File__ActionContainer" },
+            React.createElement("label", null,
+                React.createElement(Button, { default: true, disabled: disabled, iconName: "attach_file", onClick: handleButtonClick },
                     "Choose File",
                     multiple && 's'),
-                react_1.default.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileChange, multiple: multiple, accept: accept, disabled: disabled, value: "", ref: inputRef })),
-            typesNote && (react_1.default.createElement(BodyText_1.BodyText, { size: "xsmall", subdued: true, className: "m-t-1 FilePicker__Note" }, typesNote))))));
+                React.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileChange, multiple: multiple, accept: accept, disabled: disabled, value: "", ref: inputRef })),
+            typesNote && (React.createElement(BodyText, { size: "xsmall", subdued: true, className: "m-t-1 FilePicker__Note" }, typesNote))))));
 };
-exports.FilePicker = FilePicker;
 //# sourceMappingURL=FilePicker.js.map

package/dist/components/FilePicker/FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilePicker/index.css

@@ -43,7 +43,7 @@
   margin-left: 8px;
 }
 .FilePicker__File__ActionIcon .a-Icon {
-  color: #9e9ea0;
+  color: #949596;
   cursor: pointer;
 }
 

package/dist/components/FilePicker/index.js

@@ -1,14 +1,2 @@
-"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("./FilePicker"), exports);
+export * from './FilePicker';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/FilterButton/FilterButton.css

@@ -0,0 +1,46 @@
+/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
+.FilterButton {
+  /* Set color on root of component. It can be overridden after the @include */
+  color: #141414;
+  /* Make sure font-family goes across entire component */
+  font-family: "Nunito Sans", sans-serif;
+  display: inline-flex;
+  padding: 4px 8px;
+  border-radius: 500em;
+  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
+  color: var(--colorsTextDefault, #141414);
+  font-size: 12px;
+  cursor: pointer;
+  background-color: transparent;
+  align-self: flex-start;
+}
+.FilterButton .BodyText {
+  color: inherit;
+}
+.FilterButton.FilterButton--focus-visible:focus {
+  outline: 0;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+}
+.FilterButton .FilterButton__Icon {
+  height: 21px;
+  width: 21px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.FilterButton .FilterButton__ExpandIcon,
+.FilterButton .FilterButton__Tag {
+  margin-left: 4px;
+}
+.FilterButton.FilterButton--active {
+  color: var(--colorsTextSecondary, #6954c0);
+  border: none;
+  background-color: var(--colorsSurfaceSecondarySubdued, #f1edff);
+  padding: calc(4px + 1px) calc(8px + 1px);
+}
+.FilterButton.FilterButton--active .FilterButton__Icon,
+.FilterButton.FilterButton--active .FilterButton__ExpandIcon {
+  color: var(--colorsTextSecondary, #6954c0);
+}
+
+/*# sourceMappingURL=FilterButton.css.map */

package/dist/components/FilterButton/FilterButton.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA,OCiBa;ADfb;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WE+Ga;EF9Gb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEuFa;;AFpFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"FilterButton.css"}

package/dist/components/FilterButton/FilterButton.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { IconPropsStrict } from '../Icon';
+export interface FilterButtonPropsStrict {
+    /** Additional classes */
+    className?: string;
+    /** React element to be rendered as an icon */
+    icon?: IconPropsStrict['name'];
+    /** To show expand icon */
+    expandIcon?: boolean | null;
+    /** Displays the label of the Filter Button */
+    label: string;
+    /** Displays the value of the Filter Button */
+    value?: boolean | number | string;
+    /** Calls when the Filter Button is clicked  */
+    onClick?: () => void;
+}
+export interface FilterButtonProps extends FilterButtonPropsStrict {
+    [propName: string]: any;
+}
+export declare const FilterButton: FC<FilterButtonProps>;

package/dist/components/FilterButton/FilterButton.js

@@ -0,0 +1,46 @@
+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 classnames from 'classnames';
+import { useFocusVisible } from '../../hooks/useFocusVisible';
+import { Stack } from '../Stack';
+import { Icon } from '../Icon';
+import { BodyText } from '../BodyText';
+import { Tag } from '../Tag';
+export const FilterButton = React.forwardRef((_a, ref) => {
+    var { className, icon, onClick, expandIcon = null, value, label } = _a, rest = __rest(_a, ["className", "icon", "onClick", "expandIcon", "value", "label"]);
+    const [IValue, setIValue] = React.useState(value);
+    const newRef = React.useRef(null);
+    const itemRef = ref ? ref : newRef;
+    const { isFocusVisible } = useFocusVisible(itemRef);
+    const filterButtonClassName = classnames('FilterButton', className, {
+        'FilterButton--active': IValue,
+        'FilterButton--focus-visible': isFocusVisible,
+    });
+    const onClickHandler = () => {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    React.useEffect(() => {
+        setIValue(value);
+    }, [value]);
+    return (React.createElement("button", Object.assign({ className: filterButtonClassName, onClick: () => onClickHandler(), ref: itemRef, "aria-valuetext": `${IValue}`, "aria-expanded": expandIcon, "aria-label": `Filter ${label}`, "aria-selected": !!IValue }, rest),
+        React.createElement(Stack, { alignItems: "center" },
+            icon && (React.createElement(Icon, { name: icon, size: "16px", className: "FilterButton__Icon" })),
+            !icon && label && (React.createElement(BodyText, { el: "span", size: "small", className: "FilterButton__Label" }, label)),
+            typeof IValue === 'string' ? (React.createElement(BodyText, { el: "span", size: "small" },
+                `: `,
+                React.createElement(BodyText, { el: "span", size: "small", bold: true }, IValue))) : typeof IValue === 'number' ? (React.createElement(Tag, { color: "info", badge: true, compact: true, className: "FilterButton__Tag" }, IValue)) : null,
+            expandIcon !== null && (React.createElement(Icon, { name: expandIcon
+                    ? 'keyboard_arrow_up'
+                    : 'keyboard_arrow_down', className: "FilterButton__ExpandIcon" })))));
+});
+//# sourceMappingURL=FilterButton.js.map

package/dist/components/FilterButton/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/FilterButton/index.css

@@ -0,0 +1,46 @@
+/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
+.FilterButton {
+  /* Set color on root of component. It can be overridden after the @include */
+  color: #141414;
+  /* Make sure font-family goes across entire component */
+  font-family: "Nunito Sans", sans-serif;
+  display: inline-flex;
+  padding: 4px 8px;
+  border-radius: 500em;
+  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
+  color: var(--colorsTextDefault, #141414);
+  font-size: 12px;
+  cursor: pointer;
+  background-color: transparent;
+  align-self: flex-start;
+}
+.FilterButton .BodyText {
+  color: inherit;
+}
+.FilterButton.FilterButton--focus-visible:focus {
+  outline: 0;
+  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
+}
+.FilterButton .FilterButton__Icon {
+  height: 21px;
+  width: 21px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+.FilterButton .FilterButton__ExpandIcon,
+.FilterButton .FilterButton__Tag {
+  margin-left: 4px;
+}
+.FilterButton.FilterButton--active {
+  color: var(--colorsTextSecondary, #6954c0);
+  border: none;
+  background-color: var(--colorsSurfaceSecondarySubdued, #f1edff);
+  padding: calc(4px + 1px) calc(8px + 1px);
+}
+.FilterButton.FilterButton--active .FilterButton__Icon,
+.FilterButton.FilterButton--active .FilterButton__ExpandIcon {
+  color: var(--colorsTextSecondary, #6954c0);
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/components/FilterButton/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA,OCiBa;ADfb;EACA;EDUA;EACA;EACA,eEPoB;EFQpB;EACA,OAhBc;EAiBd,WE+Ga;EF9Gb;EACA;EACA;;AAEA;EAAY;;AAEZ;EACC;EACA,YAnBc;;AAsBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEuFa;;AFpFd;EACC,OAxCY;EAyCZ;EACA,kBAzCkB;EA0ClB;;AAEA;AAAA;EAEC,OA/CW","file":"index.css"}

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

@@ -0,0 +1 @@
+export * from './FilterButton';

package/dist/components/FilterButton/index.js

@@ -0,0 +1,2 @@
+export * from './FilterButton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilterButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/FlowCard/FlowCard.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,21 +9,16 @@ 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.FlowCard = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var FlowCardStep_1 = require("./FlowCardStep");
-var FlowCard = function (_a) {
-    var _b = _a.currentIndex, currentIndex = _b === void 0 ? undefined : _b, ordered = _a.ordered, className = _a.className, props = __rest(_a, ["currentIndex", "ordered", "className"]);
-    var children = props.children, rest = __rest(props, ["children"]);
-    var childrenArray = Array.isArray(children) ? children : [children];
-    var renderChildren = childrenArray.map(function (child, index) {
-        var hasIndex = currentIndex !== false;
-        return react_1.default.cloneElement(child, {
+import React from 'react';
+import classnames from 'classnames';
+import { FlowCardStep } from './FlowCardStep';
+export const FlowCard = (_a) => {
+    var { currentIndex = undefined, ordered, className } = _a, props = __rest(_a, ["currentIndex", "ordered", "className"]);
+    const { children } = props, rest = __rest(props, ["children"]);
+    const childrenArray = Array.isArray(children) ? children : [children];
+    const renderChildren = childrenArray.map((child, index) => {
+        const hasIndex = currentIndex !== false;
+        return React.cloneElement(child, {
             active: hasIndex && index === currentIndex,
             key: index,
             orderNumber: ordered && !child.props.orderNumber
@@ -43,8 +26,7 @@ var FlowCard = function (_a) {
                 : child.props.orderNumber,
         });
     });
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)('FlowCard', className) }, rest), renderChildren));
+    return (React.createElement("div", Object.assign({ className: classnames('FlowCard', className) }, rest), renderChildren));
 };
-exports.FlowCard = FlowCard;
-exports.FlowCard.Step = FlowCardStep_1.FlowCardStep;
+FlowCard.Step = FlowCardStep;
 //# sourceMappingURL=FlowCard.js.map

package/dist/components/FlowCard/FlowCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowCard.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAiBvC,IAAM,QAAQ,GAAa,UAAC,EAKlC;IAJA,IAAA,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,OAAO,aAAA,EACP,SAAS,eAAA,EACN,KAAK,cAJ0B,wCAKlC,CADQ;IAEA,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;IAEpC,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtE,IAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,UAAC,KAAU,EAAE,KAAK;QAC1D,IAAM,QAAQ,GAAG,YAAY,KAAK,KAAK,CAAC;QACxC,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAChC,MAAM,EAAE,QAAQ,IAAI,KAAK,KAAK,YAAY;YAC1C,GAAG,EAAE,KAAK;YACV,WAAW,EACV,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;gBAClC,CAAC,CAAC,KAAK,GAAG,CAAC;gBACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAC3B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,gDAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,CAAC,IAAM,IAAI,GACzD,cAAc,CACV,CACN,CAAC;AACH,CAAC,CAAC;AA1BW,QAAA,QAAQ,YA0BnB;AAEF,gBAAQ,CAAC,IAAI,GAAG,2BAAY,CAAC"}
+{"version":3,"file":"FlowCard.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAiB9C,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAKlC,EAAE,EAAE;QAL8B,EAClC,YAAY,GAAG,SAAS,EACxB,OAAO,EACP,SAAS,OAET,EADG,KAAK,cAJ0B,wCAKlC,CADQ;IAER,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,YAAY,KAAK,KAAK,CAAC;QACxC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAChC,MAAM,EAAE,QAAQ,IAAI,KAAK,KAAK,YAAY;YAC1C,GAAG,EAAE,KAAK;YACV,WAAW,EACV,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;gBAClC,CAAC,CAAC,KAAK,GAAG,CAAC;gBACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAC3B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,IAAI,GACzD,cAAc,CACV,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC"}

package/dist/components/FlowCard/FlowCardStep.js

@@ -1,53 +1,45 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowCardStep = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Headline_1 = require("../Headline");
-var Card_1 = require("../Card");
-var Icon_1 = require("../Icon");
-var FlowCardStep = function (_a) {
-    var orderNumber = _a.orderNumber, headerIcon = _a.headerIcon, title = _a.title, headerAction = _a.headerAction, content = _a.content, footerAction = _a.footerAction, error = _a.error, saved = _a.saved, active = _a.active, className = _a.className, disabled = _a.disabled, style = _a.style;
-    var statusIcon = (0, classnames_1.default)('FlowCardStep__status', {
+import React from 'react';
+import classnames from 'classnames';
+import { Headline } from '../Headline';
+import { Card } from '../Card';
+import { Icon } from '../Icon';
+export const FlowCardStep = ({ orderNumber, headerIcon, title, headerAction, content, footerAction, error, saved, active, className, disabled, style, }) => {
+    const statusIcon = classnames('FlowCardStep__status', {
         'FlowCardStep__status--error': error && !headerIcon,
         'FlowCardStep__status--active': active && !disabled && !headerIcon,
         'FlowCardStep__status--saved': !active && saved && !headerIcon,
     });
-    var cardState = (0, classnames_1.default)('FlowCardStep', className, {
+    const cardState = classnames('FlowCardStep', className, {
         'FlowCardStep--error': error,
         'FlowCardStep--active': active && !disabled,
         'FlowCardStep--saved': !active && saved,
         'FlowCardStep--ordered': orderNumber !== undefined,
         'FlowCardStep--headerOnly': !content,
     });
-    var FlowCardStepStatus = function () {
+    const FlowCardStepStatus = () => {
         if (error) {
-            return react_1.default.createElement(Icon_1.Icon, { name: "warning", size: "18px", className: "c-red-400" });
+            return React.createElement(Icon, { name: "warning", size: "18px", className: "c-red-400" });
         }
         if (orderNumber !== undefined && orderNumber !== false) {
             if (saved && !active) {
-                return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
+                return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
             }
             return orderNumber;
         }
         if (active && !disabled)
-            return react_1.default.createElement(Icon_1.Icon, { name: "edit", size: "14px", className: "c-white" });
+            return React.createElement(Icon, { name: "edit", size: "14px", className: "c-white" });
         if (saved) {
-            return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
+            return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
         }
-        return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-neutral-70" }));
+        return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "c-neutral-70" }));
     };
-    return (react_1.default.createElement(Card_1.Card, { className: cardState, disabled: disabled, style: style },
-        react_1.default.createElement(Card_1.Card.Section, { className: "FlowCardStep__header" },
-            react_1.default.createElement("div", { className: "d-f align-items-center" },
-                react_1.default.createElement("span", { className: "FlowCardStep__statusWrapper" }, headerIcon ? (headerIcon) : (react_1.default.createElement("span", { className: statusIcon }, FlowCardStepStatus()))),
-                react_1.default.createElement(Headline_1.Headline, { className: "m-b-0 d-f align-items-end" }, title)),
+    return (React.createElement(Card, { className: cardState, disabled: disabled, style: style },
+        React.createElement(Card.Section, { className: "FlowCardStep__header" },
+            React.createElement("div", { className: "d-f align-items-center" },
+                React.createElement("span", { className: "FlowCardStep__statusWrapper" }, headerIcon ? (headerIcon) : (React.createElement("span", { className: statusIcon }, FlowCardStepStatus()))),
+                React.createElement(Headline, { className: "m-b-0 d-f align-items-end" }, title)),
             headerAction && headerAction),
-        content && react_1.default.createElement(Card_1.Card.Section, null, content),
-        footerAction && (react_1.default.createElement(Card_1.Card.Section, { className: "FlowCardStep__footer" }, footerAction))));
+        content && React.createElement(Card.Section, null, content),
+        footerAction && (React.createElement(Card.Section, { className: "FlowCardStep__footer" }, footerAction))));
 };
-exports.FlowCardStep = FlowCardStep;
 //# sourceMappingURL=FlowCardStep.js.map

package/dist/components/FlowCard/FlowCardStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAwC/B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EACnD,WAAW,EACX,UAAU,EACV,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,GACL,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACrD,6BAA6B,EAAE,KAAK,IAAI,CAAC,UAAU;QACnD,8BAA8B,EAAE,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;QAClE,6BAA6B,EAAE,CAAC,MAAM,IAAI,KAAK,IAAI,CAAC,UAAU;KAC9D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACvD,qBAAqB,EAAE,KAAK;QAC5B,sBAAsB,EAAE,MAAM,IAAI,CAAC,QAAQ;QAC3C,qBAAqB,EAAE,CAAC,MAAM,IAAI,KAAK;QACvC,uBAAuB,EAAE,WAAW,KAAK,SAAS;QAClD,0BAA0B,EAAE,CAAC,OAAO;KACpC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,IAAI,KAAK,EAAE;YACV,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,GAAG,CAAC;SACjE;QACD,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,KAAK,EAAE;YACvD,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;gBACrB,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,aAAa,GACtB,CACF,CAAC;aACF;YACD,OAAO,WAAW,CAAC;SACnB;QACD,IAAI,MAAM,IAAI,CAAC,QAAQ;YACtB,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CAAC;QAC7D,IAAI,KAAK,EAAE;YACV,OAAO,CACN,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,aAAa,GAAG,CAChE,CAAC;SACF;QACD,OAAO,CACN,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,GAAG,CACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK;QAC3D,oBAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB;YAC7C,6BAAK,SAAS,EAAC,wBAAwB;gBACtC,8BAAM,SAAS,EAAC,6BAA6B,IAC3C,UAAU,CAAC,CAAC,CAAC,CACb,UAAU,CACV,CAAC,CAAC,CAAC,CACH,8BAAM,SAAS,EAAE,UAAU,IACzB,kBAAkB,EAAE,CACf,CACP,CACK;gBACP,oBAAC,QAAQ,IAAC,SAAS,EAAC,2BAA2B,IAC7C,KAAK,CACI,CACN;YACL,YAAY,IAAI,YAAY,CACf;QACd,OAAO,IAAI,oBAAC,IAAI,CAAC,OAAO,QAAE,OAAO,CAAgB;QACjD,YAAY,IAAI,CAChB,oBAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,IAC5C,YAAY,CACC,CACf,CACK,CACP,CAAC;AACH,CAAC,CAAC"}

package/dist/components/FlowCard/index.js

@@ -1,15 +1,3 @@
-"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("./FlowCard"), exports);
-__exportStar(require("./FlowCardStep"), exports);
+export * from './FlowCard';
+export * from './FlowCardStep';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowCard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA2B;AAC3B,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/components/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { FormField } from '../FormField';
 import { FormGroup } from '../FormGroup';
-import { FormButton, FormButtonToggle, FormCheckbox, FormColorPicker, FormDatePicker, FormDateRangePicker, FormDropdown, FormInput, FormRadio, FormSelect, FormTextArea, FormTogglebox, FormToggleSwitch, FormAnvilSelect } from '../FormControls';
+import { FormButton, FormButtonToggle, FormCheckbox, FormColorPicker, FormDatePicker, FormDateRangePicker, FormDropdown, FormInput, FormRadio, FormSelect, FormTextArea, FormTogglebox, FormToggleSwitch, FormAnvilSelect, FormTimePicker } from '../FormControls';
 export interface FormPropsStrict {
     /** Additional classes */
     className?: string;
@@ -37,6 +37,7 @@ interface Form extends FC<FormProps> {
     Select: typeof FormSelect;
     Togglebox: typeof FormTogglebox;
     ToggleSwitch: typeof FormToggleSwitch;
+    TimePicker: typeof FormTimePicker;
 }
 export declare const Form: Form;
 export {};