@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/workflow/SpsWorkflowDocumentStatus.d.ts

@@ -0,0 +1,13 @@
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export {};

package/dist/out-tsc/workflow/SpsWorkflowDocumentStatus.js

@@ -0,0 +1,52 @@
+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)
+        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 { SpsIcon } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    icon: "SpsIcon",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { icon: PropTypes.enumValue(SpsIcon) });
+export function SpsWorkflowDocumentStatus(props) {
+    var children = props.children, className = props.className, icon = props.icon, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "icon", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-workflow__document-status", className);
+    return (React.createElement("span", __assign({ className: classes, "data-testid": testId + "__doc-status" }, rest),
+        icon
+            && React.createElement("i", { "aria-hidden": "true", className: "sps-icon sps-icon-" + icon }),
+        children));
+}
+Object.assign(SpsWorkflowDocumentStatus, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWorkflowDocumentStatus",
+});
+export function SpsWfDs(props) {
+    return React.createElement(SpsWorkflowDocumentStatus, __assign({}, props));
+}
+Object.assign(SpsWfDs, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWfDs",
+});
+//# sourceMappingURL=SpsWorkflowDocumentStatus.js.map

package/dist/out-tsc/workflow/SpsWorkflowDocumentStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWorkflowDocumentStatus.js","sourceRoot":"","sources":["../../../src/workflow/SpsWorkflowDocumentStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,GAC5C,CAAC;AAIF,MAAM,UAAU,yBAAyB,CAAC,KAAqC;IAE3E,IAAA,QAAQ,GAMN,KAAK,SANC,EACR,SAAS,GAKP,KAAK,UALE,EACT,IAAI,GAIF,KAAK,KAJH,EACW,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EAPH,4EAOL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,+BAA+B,EAC3D,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,iBACF,MAAM,iBAAc,IAChC,IAAI;QAEP,IAAI;eACQ,0CAAe,MAAM,EAAC,SAAS,EAAE,uBAAqB,IAAM,GAAI;QAC5E,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;IACvC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,2BAA2B;CACzC,CAAC,CAAC;AAEH,MAAM,UAAU,OAAO,CAAC,KAAqC;IAC3D,OAAO,oBAAC,yBAAyB,eAAK,KAAK,EAAG,CAAC;AACjD,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IACrB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,SAAS;CACvB,CAAC,CAAC"}

package/dist/out-tsc/workflow/SpsWorkflowStep.d.ts

@@ -0,0 +1,14 @@
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Validator<SpsIcon>;
+    title: PropTypes.Validator<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
+export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
+export {};

package/dist/out-tsc/workflow/SpsWorkflowStep.js

@@ -0,0 +1,53 @@
+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)
+        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 { SpsIcon } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    icon: { type: "SpsIcon", required: true },
+    title: { type: "string", required: true },
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { icon: PropTypes.enumValue(SpsIcon).isRequired, title: PropTypes.string.isRequired });
+export function SpsWorkflowStep(props) {
+    var children = props.children, className = props.className, icon = props.icon, title = props.title, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "icon", "title", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-workflow__step", className);
+    return (React.createElement("div", __assign({ className: classes, "data-testid": testId + "__step" }, rest),
+        React.createElement("i", { "aria-hidden": "true", className: "sps-icon sps-icon-" + icon + " sps-workflow__step-icon" }),
+        React.createElement("h2", { className: "sps-workflow__step-heading", "data-testid": testId + "__step-heading" }, title),
+        children));
+}
+Object.assign(SpsWorkflowStep, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWorkflowStep",
+});
+export function SpsWfStep(props) {
+    return React.createElement(SpsWorkflowStep, __assign({}, props));
+}
+Object.assign(SpsWfStep, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsWfStep",
+});
+//# sourceMappingURL=SpsWorkflowStep.js.map

package/dist/out-tsc/workflow/SpsWorkflowStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsWorkflowStep.js","sourceRoot":"","sources":["../../../src/workflow/SpsWorkflowStep.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;IACzC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC1C,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,CAAC,UAAU,EACtD,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,GACnC,CAAC;AAIF,MAAM,UAAU,eAAe,CAAC,KAA2B;IAEvD,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,KAAK,GAIH,KAAK,MAJF,EACU,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,qFAQL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,oBAAoB,EAChD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,iBAAkB,MAAM,WAAQ,IAAM,IAAI;QAC/D,0CAAe,MAAM,EAAC,SAAS,EAAE,uBAAqB,IAAI,6BAA0B,GAAI;QACxF,4BAAI,SAAS,EAAC,4BAA4B,iBAAiB,MAAM,mBAAgB,IAC9E,KAAK,CACH;QACJ,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC7B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,iBAAiB;CAC/B,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS,CAAC,KAA2B;IACnD,OAAO,oBAAC,eAAe,eAAK,KAAK,EAAG,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACvB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,WAAW;CACzB,CAAC,CAAC"}

package/dist/out-tsc/workflow/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./SpsWorkflow";
+export * from "./SpsWorkflowStep";
+export * from "./SpsWorkflowDocumentStatus";
+export * from "./SpsWorkflowDocument";
+export * from "./SpsWorkflow.examples";

package/dist/out-tsc/workflow/index.js

@@ -0,0 +1,6 @@
+export * from "./SpsWorkflow";
+export * from "./SpsWorkflowStep";
+export * from "./SpsWorkflowDocumentStatus";
+export * from "./SpsWorkflowDocument";
+export * from "./SpsWorkflow.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/workflow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/workflow/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/out-tsc/zero-state/SpsMicroZeroState.d.ts

@@ -0,0 +1,14 @@
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Requireable<SpsIcon>;
+    heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
+export {};

package/dist/out-tsc/zero-state/SpsMicroZeroState.js

@@ -0,0 +1,46 @@
+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)
+        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 { SpsIcon } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    icon: { type: "SpsIcon" },
+    heading: "ReactNodeOrRenderFn",
+    subHeading: "ReactNodeOrRenderFn",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { icon: PropTypes.enumValue(SpsIcon), heading: PropTypes.nodeOrRenderFn, subHeading: PropTypes.nodeOrRenderFn });
+export function SpsMicroZeroState(props) {
+    var className = props.className, heading = props.heading, icon = props.icon, subHeading = props.subHeading, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["className", "heading", "icon", "subHeading", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-zero-state", "sps-zero-state--micro", className);
+    return (React.createElement("div", __assign({ className: classes, "data-testid": testId + "__actual-micro-zero-state" }, rest),
+        React.createElement("i", { className: "sps-icon sps-icon-" + icon, "aria-hidden": "true", "data-testid": testId + "__icon" }),
+        heading && React.createElement("h1", { className: "sps-zero-state__heading", "data-testid": testId + "__heading" }, heading),
+        subHeading && React.createElement("h2", { className: "sps-zero-state__subheading", "data-testid": testId + "__subheading" }, subHeading)));
+}
+Object.assign(SpsMicroZeroState, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsMicroZeroState",
+});
+//# sourceMappingURL=SpsMicroZeroState.js.map

package/dist/out-tsc/zero-state/SpsMicroZeroState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsMicroZeroState.js","sourceRoot":"","sources":["../../../src/zero-state/SpsMicroZeroState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IACzB,OAAO,EAAE,qBAAqB;IAC9B,UAAU,EAAE,qBAAqB;CAClC,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,IAAI,EAAE,SAAS,CAAC,SAAS,CAAU,OAAO,CAAC,EAC3C,OAAO,EAAE,SAAS,CAAC,cAAc,EACjC,UAAU,EAAE,SAAS,CAAC,cAAc,GACrC,CAAC;AAIF,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAE3D,IAAA,SAAS,GAOP,KAAK,UAPE,EACT,OAAO,GAML,KAAK,QANA,EACP,IAAI,GAKF,KAAK,KALH,EACJ,UAAU,GAIR,KAAK,WAJG,EACK,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,yFAQL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,gBAAgB,EAC5C,uBAAuB,EACvB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,iBAAkB,MAAM,8BAA2B,IAAM,IAAI;QAClF,2BAAG,SAAS,EAAE,uBAAqB,IAAM,iBAAc,MAAM,iBAAiB,MAAM,WAAQ,GAAI;QAC/F,OAAO,IAAI,4BAAI,SAAS,EAAC,yBAAyB,iBAAiB,MAAM,cAAW,IAAG,OAAO,CAAM;QACpG,UAAU,IAAI,4BAAI,SAAS,EAAC,4BAA4B,iBAAiB,MAAM,iBAAc,IAAG,UAAU,CAAM,CAC7G,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC/B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,mBAAmB;CACjC,CAAC,CAAC"}

package/dist/out-tsc/zero-state/SpsZeroState.d.ts

@@ -0,0 +1,13 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    artwork: PropTypes.Validator<string>;
+    heading: PropTypes.Validator<string>;
+    subHeading: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
+export {};

package/dist/out-tsc/zero-state/SpsZeroState.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsZeroStateExamples: DSReactExamples;

package/dist/out-tsc/zero-state/SpsZeroState.examples.js

@@ -0,0 +1,79 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import * as React from "react";
+import { code } from "@spscommerce/utils";
+import { ButtonKind } from "@spscommerce/ds-shared";
+import { SpsButton } from "../button";
+export var SpsZeroStateExamples = {
+    sizes: {
+        label: "Sizes",
+        customSection: function () { return (React.createElement("section", { id: "zero-states-sizes" },
+            React.createElement("div", { className: "flex-color-header" },
+                React.createElement("h4", null, "Sizes"),
+                React.createElement(SpsButton, { onClick: function () {
+                        window.scrollTo({ top: 0, behavior: "smooth" });
+                    }, kind: ButtonKind.LINK }, "Back to Top")),
+            React.createElement("h5", { className: "mb-3" }, "There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),
+            React.createElement("h4", null, "Large Zero States"),
+            React.createElement("h5", { className: "mb-3" }, "Use Large Zero States in primary or large areas of a page."),
+            React.createElement("h4", null, "Small Zero States"),
+            React.createElement("h5", { className: "mb-0" }, "Use Small Zero States in a secondary or small areas of a page."))); },
+    },
+    regular: {
+        label: "Usage: Large Zero States",
+        description: function (_a) {
+            var NavigateTo = _a.NavigateTo;
+            return (React.createElement("span", { className: "sps-body-14 mt-4" },
+                "Large Zero States may be accompanied by other components such as Headings, Subtitles, ",
+                React.createElement(NavigateTo, { to: "Button" }, "Buttons"),
+                ",",
+                " ",
+                React.createElement(NavigateTo, { to: "List Toolbar" }, "Search Bars"),
+                ", or a combination of these"));
+        },
+        examples: {
+            illustrationAndHeading: {
+                description: "Illustration + Heading",
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n<SpsCard>\n  <SpsZeroState\n    heading=\"Search for a record\"\n    artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n  />\n</SpsCard>\n        "], ["\n<SpsCard>\n  <SpsZeroState\n    heading=\"Search for a record\"\n    artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n  />\n</SpsCard>\n        "]))),
+            },
+            illustrationHeadingAndSubtitle: {
+                description: "Illustration + Heading + Subtitle",
+                jsx: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          <SpsCard>\n            <SpsZeroState\n              artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n              subHeading=\"Find new record by using the search box above.\"\n            />\n          </SpsCard>\n        "], ["\n          <SpsCard>\n            <SpsZeroState\n              artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n              subHeading=\"Find new record by using the search box above.\"\n            />\n          </SpsCard>\n        "]))),
+            },
+            illustrationHeadingAndButton: {
+                description: "Illustration + Heading + Button",
+                jsx: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          <SpsCard>\n            <SpsZeroState\n              artwork=artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n            >\n              <SpsButton kind={ButtonKind.CONFIRM}>\n                Search\n              </SpsButton>\n            </SpsZeroState>\n          </SpsCard>\n        "], ["\n          <SpsCard>\n            <SpsZeroState\n              artwork=artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n            >\n              <SpsButton kind={ButtonKind.CONFIRM}>\n                Search\n              </SpsButton>\n            </SpsZeroState>\n          </SpsCard>\n        "]))),
+            },
+            illustrationHeadingSubtitleAndButton: {
+                description: "Illustration + Heading + Subtitle + Button",
+                jsx: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          <SpsCard>\n            <SpsZeroState\n              artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n              subHeading=\"Find new companies by using the Search button below.\"\n            >\n              <SpsButton kind={ButtonKind.CONFIRM}>\n                Search\n              </SpsButton>\n            </SpsZeroState>\n          </SpsCard>\n        "], ["\n          <SpsCard>\n            <SpsZeroState\n              artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n              heading=\"Search for a record\"\n              subHeading=\"Find new companies by using the Search button below.\"\n            >\n              <SpsButton kind={ButtonKind.CONFIRM}>\n                Search\n              </SpsButton>\n            </SpsZeroState>\n          </SpsCard>\n        "]))),
+            },
+            illustrationHeadingSubtitleAndSearch: {
+                description: "Illustration + Heading + Subtitle + Search",
+                react: code(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\nfunction Component() {\n  const [searchText, setSearchText] = React.useState(\"\");\n\n  function handleChange(e) {\n    setSearchText(e.target.value);\n  }\n\n  return (\n    <SpsCard>\n      <SpsZeroState\n        artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n        heading=\"Search for a record\"\n        subHeading=\"Find new records by using the search box below.\"\n      >\n        <SpsInputGroup>\n          <SpsTextInput\n            name=\"search\"\n            value={searchText}\n            placeholder=\"Search for a record\"\n            onChange={handleChange}\n          />\n          <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} aria-label=\"Search\" />\n        </SpsInputGroup>\n      </SpsZeroState>\n    </SpsCard>\n  );\n}\n        "], ["\nfunction Component() {\n  const [searchText, setSearchText] = React.useState(\"\");\n\n  function handleChange(e) {\n    setSearchText(e.target.value);\n  }\n\n  return (\n    <SpsCard>\n      <SpsZeroState\n        artwork=\"https://cdn.prod.spsc.io/web/framework/assets/18.03.02/images/icon-empty-search@2x.svg\"\n        heading=\"Search for a record\"\n        subHeading=\"Find new records by using the search box below.\"\n      >\n        <SpsInputGroup>\n          <SpsTextInput\n            name=\"search\"\n            value={searchText}\n            placeholder=\"Search for a record\"\n            onChange={handleChange}\n          />\n          <SpsButton kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} aria-label=\"Search\" />\n        </SpsInputGroup>\n      </SpsZeroState>\n    </SpsCard>\n  );\n}\n        "]))),
+            },
+        },
+    },
+    micro: {
+        label: "Usage: Small Zero State",
+        description: "Small Zero States may be accompanied by Headings, Subtitles, or both.",
+        examples: {
+            illustrationAndHeading: {
+                description: "Illustration + Heading",
+                jsx: code(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  heading=\"No Data Available\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "], ["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  heading=\"No Data Available\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "]))),
+            },
+            IllustrationAndSubtitle: {
+                description: "Illustration + Subtitle",
+                jsx: code(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  subHeading=\"No data available. Create a report and try again.\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "], ["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  subHeading=\"No data available. Create a report and try again.\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "]))),
+            },
+            IllustrationHeadingAndSubtitle: {
+                description: "Illustration + Heading + Subtitle",
+                jsx: code(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  heading=\"No Data Available\"\n                  subHeading=\"No data available. Create a report and try again.\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "], ["\n          <div className=\"sfg-row\">\n            <div className=\"sfg-col-4\">\n              <SpsCard>\n                <SpsMicroZeroState\n                  heading=\"No Data Available\"\n                  subHeading=\"No data available. Create a report and try again.\"\n                  icon={SpsIcon.CHART_BAR}\n                />\n              </SpsCard>\n            </div>\n          </div>\n        "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=SpsZeroState.examples.js.map

package/dist/out-tsc/zero-state/SpsZeroState.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsZeroState.examples.js","sourceRoot":"","sources":["../../../src/zero-state/SpsZeroState.examples.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,CAAC,IAAM,oBAAoB,GAAoB;IACnD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,cAAM,OAAA,CACnB,iCAAS,EAAE,EAAC,mBAAmB;YAC7B,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,wCAAc;gBACd,oBAAC,SAAS,IACR,OAAO,EAAE;wBACP,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAClD,CAAC,EACD,IAAI,EAAE,UAAU,CAAC,IAAI,kBAGX,CACR;YACN,4BAAI,SAAS,EAAC,MAAM,oHAGf;YACL,oDAA0B;YAC1B,4BAAI,SAAS,EAAC,MAAM,iEAAgE;YACpF,oDAA0B;YAC1B,4BAAI,SAAS,EAAC,MAAM,qEAEf,CACG,CACX,EAxBoB,CAwBpB;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE,0BAA0B;QACjC,WAAW,EAAE,UAAC,EAAc;gBAAZ,UAAU,gBAAA;YAAO,OAAA,CAC/B,8BAAM,SAAS,EAAC,kBAAkB;;gBAErB,oBAAC,UAAU,IAAC,EAAE,EAAC,QAAQ,cAAqB;;gBAAE,GAAG;gBAC5D,oBAAC,UAAU,IAAC,EAAE,EAAC,cAAc,kBAAyB;8CACjD,CACR;QANgC,CAMhC;QACD,QAAQ,EAAE;YACR,sBAAsB,EAAE;gBACtB,WAAW,EAAE,wBAAwB;gBACrC,GAAG,EAAE,IAAI,0QAAA,uMAOR,IAAA;aACF;YACD,8BAA8B,EAAE;gBAC9B,WAAW,EAAE,mCAAmC;gBAChD,GAAG,EAAE,IAAI,mZAAA,gVAQR,IAAA;aACF;YACD,4BAA4B,EAAE;gBAC5B,WAAW,EAAE,iCAAiC;gBAC9C,GAAG,EAAE,IAAI,mdAAA,gZAWR,IAAA;aACF;YACD,oCAAoC,EAAE;gBACpC,WAAW,EAAE,4CAA4C;gBACzD,GAAG,EAAE,IAAI,8hBAAA,2dAYR,IAAA;aACF;YACD,oCAAoC,EAAE;gBACpC,WAAW,EAAE,4CAA4C;gBACzD,KAAK,EAAE,IAAI,83BAAA,2zBA4BV,IAAA;aACF;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,yBAAyB;QAChC,WAAW,EAAE,uEAAuE;QACpF,QAAQ,EAAE;YACR,sBAAsB,EAAE;gBACtB,WAAW,EAAE,wBAAwB;gBACrC,GAAG,EAAE,IAAI,+YAAA,4UAWR,IAAA;aACF;YACD,uBAAuB,EAAE;gBACvB,WAAW,EAAE,yBAAyB;gBACtC,GAAG,EAAE,IAAI,kbAAA,+WAWR,IAAA;aACF;YACD,8BAA8B,EAAE;gBAC9B,WAAW,EAAE,mCAAmC;gBAChD,GAAG,EAAE,IAAI,meAAA,gaAYR,IAAA;aACF;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/zero-state/SpsZeroState.js

@@ -0,0 +1,47 @@
+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)
+        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 clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    artwork: { type: "string", required: true },
+    heading: { type: "string", required: true },
+    subHeading: "string",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { artwork: PropTypes.string.isRequired, heading: PropTypes.string.isRequired, subHeading: PropTypes.string });
+export function SpsZeroState(props) {
+    var artwork = props.artwork, children = props.children, className = props.className, heading = props.heading, subHeading = props.subHeading, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["artwork", "children", "className", "heading", "subHeading", "data-testid", "unsafelyReplaceClassName"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-zero-state", className);
+    return (React.createElement("div", { className: "sps-card__body", "data-testid": "" + testId },
+        React.createElement("div", __assign({ className: classes, "data-testid": testId + "__actual-zero-state" }, rest),
+            React.createElement("img", { className: "sps-zero-state__image", src: artwork, alt: "", "data-testid": testId + "__artwork" }),
+            React.createElement("h1", { className: "sps-zero-state__heading", "data-testid": testId + "__heading" }, heading),
+            React.createElement("h2", { className: "sps-zero-state__subheading", "data-testid": testId + "__subheading" }, subHeading),
+            React.createElement("div", { className: "sps-zero-state__content", "data-testid": testId + "__content" }, children))));
+}
+Object.assign(SpsZeroState, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsZeroState",
+});
+//# sourceMappingURL=SpsZeroState.js.map

package/dist/out-tsc/zero-state/SpsZeroState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsZeroState.js","sourceRoot":"","sources":["../../../src/zero-state/SpsZeroState.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3C,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,EACpC,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,EACpC,UAAU,EAAE,SAAS,CAAC,MAAM,GAC7B,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEjD,IAAA,OAAO,GAQL,KAAK,QARA,EACP,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,OAAO,GAKL,KAAK,QALA,EACP,UAAU,GAIR,KAAK,WAJG,EACK,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EATH,wGASL,CADQ,CACC;IAEV,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,gBAAgB,EAC5C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,iBAAc,KAAG,MAAQ;QACtD,sCAAK,SAAS,EAAE,OAAO,iBAAkB,MAAM,wBAAqB,IAAM,IAAI;YAC5E,6BACE,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,OAAO,EACZ,GAAG,EAAC,EAAE,iBACU,MAAM,cAAW,GACjC;YACF,4BAAI,SAAS,EAAC,yBAAyB,iBAAiB,MAAM,cAAW,IACtE,OAAO,CACL;YACL,4BAAI,SAAS,EAAC,4BAA4B,iBAAiB,MAAM,iBAAc,IAC5E,UAAU,CACR;YACL,6BAAK,SAAS,EAAC,yBAAyB,iBAAiB,MAAM,cAAW,IACvE,QAAQ,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC1B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,cAAc;CAC5B,CAAC,CAAC"}

package/dist/out-tsc/zero-state/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsMicroZeroState";
+export * from "./SpsZeroState";
+export * from "./SpsZeroState.examples";

package/dist/out-tsc/zero-state/index.js

@@ -0,0 +1,4 @@
+export * from "./SpsMicroZeroState";
+export * from "./SpsZeroState";
+export * from "./SpsZeroState.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/zero-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/zero-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}