@spscommerce/ds-react 5.20.2 → 5.20.3-ie

package/dist/out-tsc/progress-bar/SpsProgressBar.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 { SpsTable, SpsTableBody, SpsTableCell, SpsTableHead, SpsTableHeader, SpsTableRow, } from "../table";
+export var SpsProgressBarExamples = {
+    general: {
+        label: "General Usage",
+        customSection: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("h4", null, "General Usage"),
+            React.createElement("p", null, "Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),
+            React.createElement("p", null, "For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),
+            React.createElement("p", null, "For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))); },
+    },
+    standard: {
+        label: "Standard Progress Bar",
+        description: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("p", null, "Standard Progress Bars are comprised of the following Required and Optional elements."),
+            React.createElement("img", { src: "assets/images/progress-bar-example.svg", alt: "A Progress Bar with labels on each section", className: "w-100 mb-3" }),
+            React.createElement(SpsTable, null,
+                React.createElement(SpsTableHead, null,
+                    React.createElement(SpsTableHeader, null, "Section"),
+                    React.createElement(SpsTableHeader, null, "Content Type"),
+                    React.createElement(SpsTableHeader, null, "Required"),
+                    React.createElement(SpsTableHeader, null, "Description/Guidelines")),
+                React.createElement(SpsTableBody, null,
+                    React.createElement(SpsTableRow, null,
+                        React.createElement(SpsTableCell, null,
+                            React.createElement("span", { className: "sps-tag sps-tag--info" }, "1")),
+                        React.createElement(SpsTableCell, null, "Title"),
+                        React.createElement(SpsTableCell, null, "No"),
+                        React.createElement(SpsTableCell, { wrap: 400 }, "Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),
+                    React.createElement(SpsTableRow, null,
+                        React.createElement(SpsTableCell, null,
+                            React.createElement("span", { className: "sps-tag sps-tag--info" }, "2")),
+                        React.createElement(SpsTableCell, null, "Progress Meter"),
+                        React.createElement(SpsTableCell, null, "Yes"),
+                        React.createElement(SpsTableCell, null)),
+                    React.createElement(SpsTableRow, null,
+                        React.createElement(SpsTableCell, null,
+                            React.createElement("span", { className: "sps-tag sps-tag--info" }, "3")),
+                        React.createElement(SpsTableCell, null, "Progress Counter"),
+                        React.createElement(SpsTableCell, null, "No"),
+                        React.createElement(SpsTableCell, { wrap: 400 }, "The Progress Counter should not be used without the existence of a Title.")),
+                    React.createElement(SpsTableRow, null,
+                        React.createElement(SpsTableCell, null,
+                            React.createElement("span", { className: "sps-tag sps-tag--info" }, "4")),
+                        React.createElement(SpsTableCell, null, "Clear Button"),
+                        React.createElement(SpsTableCell, null, "No"),
+                        React.createElement(SpsTableCell, { wrap: 400 }, "If the process requires the option to be cancelled or removed from a list the clear button can be used.")),
+                    React.createElement(SpsTableRow, null,
+                        React.createElement(SpsTableCell, null,
+                            React.createElement("span", { className: "sps-tag sps-tag--info" }, "5")),
+                        React.createElement(SpsTableCell, null, "Progress Details"),
+                        React.createElement(SpsTableCell, null, "No"),
+                        React.createElement(SpsTableCell, { wrap: 400 }, "Progress Details provide more context for the user and are especially useful when the process includes multiple steps.")))))); },
+        examples: {
+            standard: {
+                label: "Building Standard Progress Bars",
+                description: function () { return (React.createElement("p", null, "The Standard Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")); },
+                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    function Component() {\n                        function handleClose() {\n                            console.log(\"closed\");\n                        }\n\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Step 3 of 5: Verifying Headers\"\n                                    percentComplete={0.5}\n                                    onClose={handleClose}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "], ["\n                    function Component() {\n                        function handleClose() {\n                            console.log(\"closed\");\n                        }\n\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Step 3 of 5: Verifying Headers\"\n                                    percentComplete={0.5}\n                                    onClose={handleClose}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "]))),
+            },
+            completed: {
+                label: "Completed State",
+                description: function () { return (React.createElement("p", null, "Once complete, the progress bar appears in green and the clear button (if included) disappears from view.")); },
+                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    function Component() {\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Process Complete\"\n                                    percentComplete={1}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "], ["\n                    function Component() {\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Process Complete\"\n                                    percentComplete={1}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "]))),
+            },
+            disabled: {
+                label: "Disabled State",
+                description: function () { return (React.createElement("p", null, "A disabled state is available for cases when progress is intentionally paused or user interaction needs to be restricted.")); },
+                react: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    function Component() {\n                        function handleClose() {\n                            console.log(\"closed\");\n                        }\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Step 3 of 5: Verifying Headers\"\n                                    percentComplete={0.5}\n                                    disabled\n                                    onClose={handleClose}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "], ["\n                    function Component() {\n                        function handleClose() {\n                            console.log(\"closed\");\n                        }\n                        return (\n                            <SpsCard>\n                                <SpsProgressBar\n                                    title=\"File Name\"\n                                    detail=\"Step 3 of 5: Verifying Headers\"\n                                    percentComplete={0.5}\n                                    disabled\n                                    onClose={handleClose}\n                                />\n                            </SpsCard>\n                        )\n                    }\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SpsProgressBar.examples.js.map

package/dist/out-tsc/progress-bar/SpsProgressBar.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsProgressBar.examples.js","sourceRoot":"","sources":["../../../src/progress-bar/SpsProgressBar.examples.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE;QACP,KAAK,EAAE,eAAe;QACtB,aAAa,EAAE,cAAM,OAAA,CACnB;YACE,gDAAsB;YACtB,4NAII;YACJ,kIAGI;YACJ,0KAGI,CACH,CACJ,EAjBoB,CAiBpB;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,cAAM,OAAA,CACjB;YACE,uHAGI;YACJ,6BACE,GAAG,EAAC,wCAAwC,EAC5C,GAAG,EAAC,4CAA4C,EAChD,SAAS,EAAC,YAAY,GACtB;YACF,oBAAC,QAAQ;gBACP,oBAAC,YAAY;oBACX,oBAAC,cAAc,kBAAyB;oBACxC,oBAAC,cAAc,uBAA8B;oBAC7C,oBAAC,cAAc,mBAA0B;oBACzC,oBAAC,cAAc,iCAAwC,CAC1C;gBACf,oBAAC,YAAY;oBACX,oBAAC,WAAW;wBACV,oBAAC,YAAY;4BACX,8BAAM,SAAS,EAAC,uBAAuB,QAAS,CACnC;wBACf,oBAAC,YAAY,gBAAqB;wBAClC,oBAAC,YAAY,aAAkB;wBAC/B,oBAAC,YAAY,IAAC,IAAI,EAAE,GAAG,mHAGR,CACH;oBACd,oBAAC,WAAW;wBACV,oBAAC,YAAY;4BACX,8BAAM,SAAS,EAAC,uBAAuB,QAAS,CACnC;wBACf,oBAAC,YAAY,yBAA8B;wBAC3C,oBAAC,YAAY,cAAmB;wBAChC,oBAAC,YAAY,OAAG,CACJ;oBACd,oBAAC,WAAW;wBACV,oBAAC,YAAY;4BACX,8BAAM,SAAS,EAAC,uBAAuB,QAAS,CACnC;wBACf,oBAAC,YAAY,2BAAgC;wBAC7C,oBAAC,YAAY,aAAkB;wBAC/B,oBAAC,YAAY,IAAC,IAAI,EAAE,GAAG,gFAGR,CACH;oBACd,oBAAC,WAAW;wBACV,oBAAC,YAAY;4BACX,8BAAM,SAAS,EAAC,uBAAuB,QAAS,CACnC;wBACf,oBAAC,YAAY,uBAA4B;wBACzC,oBAAC,YAAY,aAAkB;wBAC/B,oBAAC,YAAY,IAAC,IAAI,EAAE,GAAG,8GAGR,CACH;oBACd,oBAAC,WAAW;wBACV,oBAAC,YAAY;4BACX,8BAAM,SAAS,EAAC,uBAAuB,QAAS,CACnC;wBACf,oBAAC,YAAY,2BAAgC;wBAC7C,oBAAC,YAAY,aAAkB;wBAC/B,oBAAC,YAAY,IAAC,IAAI,EAAE,GAAG,6HAGR,CACH,CACD,CACN,CACV,CACJ,EA1EkB,CA0ElB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,KAAK,EAAE,iCAAiC;gBACxC,WAAW,EAAE,cAAM,OAAA,CACjB,+MAII,CACL,EANkB,CAMlB;gBACD,KAAK,EAAE,IAAI,8vBAAA,2rBAiBF,IAAA;aACV;YACD,SAAS,EAAE;gBACT,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,cAAM,OAAA,CACjB,2IAGI,CACL,EALkB,CAKlB;gBACD,KAAK,EAAE,IAAI,8iBAAA,2eAYF,IAAA;aACV;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,gBAAgB;gBACvB,WAAW,EAAE,cAAM,OAAA,CACjB,2JAGI,CACL,EALkB,CAKlB;gBACD,KAAK,EAAE,IAAI,0yBAAA,uuBAiBF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/progress-bar/SpsProgressBar.js

@@ -0,0 +1,59 @@
+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 { ButtonKind, SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+import { SpsButton } from "../button/SpsButton";
+import { I18nContext } from "../i18n";
+var propsDoc = {
+    percentComplete: "number",
+    title: "string",
+    detail: "string",
+    disabled: "boolean",
+    onClose: "() => void",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { percentComplete: PropTypes.number, title: PropTypes.string, detail: PropTypes.string, disabled: PropTypes.bool, onClose: PropTypes.fun() });
+export function SpsProgressBar(props) {
+    var children = props.children, className = props.className, detail = props.detail, disabled = props.disabled, onClose = props.onClose, percentComplete = props.percentComplete, title = props.title, testId = props["data-testid"], unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "detail", "disabled", "onClose", "percentComplete", "title", "data-testid", "unsafelyReplaceClassName"]);
+    var t = React.useContext(I18nContext).t;
+    var classes = clsx(unsafelyReplaceClassName || "sps-progress-bar", percentComplete === 1 && "sps-progress-bar--complete", disabled && "sps-progress-bar--disabled", className);
+    return (React.createElement("div", __assign({ className: classes }, rest),
+        React.createElement("div", { className: "sps-progress-bar__content" },
+            title && (React.createElement("div", { className: "sps-progress-bar__heading" },
+                React.createElement("div", { className: "sps-progress-bar__title" }, title),
+                React.createElement("div", { className: "sps-progress-bar__percentage" }, Math.floor(percentComplete * 100) + "%"))),
+            React.createElement("div", { className: "sps-progress-bar__bar-background" },
+                React.createElement("div", { className: "sps-progress-bar__bar-progress", style: {
+                        width: percentComplete * 100 + "%",
+                    } })),
+            detail && React.createElement("div", { className: "sps-progress-bar__detail" }, detail)),
+        onClose && (React.createElement("div", { className: "sps-progress-bar__close-button" },
+            React.createElement(SpsButton, { kind: ButtonKind.ICON, icon: SpsIcon.X, onClick: onClose, title: t("design-system:progressBar.closeButtonTitle") })))));
+}
+Object.assign(SpsProgressBar, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsProgressBar",
+});
+//# sourceMappingURL=SpsProgressBar.js.map

package/dist/out-tsc/progress-bar/SpsProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/SpsProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,IAAM,QAAQ,GAAG;IACf,eAAe,EAAE,QAAQ;IACzB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,eAAe,EAAE,SAAS,CAAC,MAAM,EACjC,KAAK,EAAE,SAAS,CAAC,MAAM,EACvB,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,QAAQ,EAAE,SAAS,CAAC,IAAI,EACxB,OAAO,EAAE,SAAS,CAAC,GAAG,EAAc,GACrC,CAAC;AAIF,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,IAAA,QAAQ,GAUN,KAAK,SAVC,EACR,SAAS,GASP,KAAK,UATE,EACT,MAAM,GAQJ,KAAK,OARD,EACN,QAAQ,GAON,KAAK,SAPC,EACR,OAAO,GAML,KAAK,QANA,EACP,eAAe,GAKb,KAAK,gBALQ,EACf,KAAK,GAIH,KAAK,MAJF,EACU,MAAM,GAGnB,KAAK,eAHc,EACrB,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EAXH,iIAWL,CADQ,CACC;IAEF,IAAA,CAAC,GAAK,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAlC,CAAmC;IAE5C,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,kBAAkB,EAC9C,eAAe,KAAK,CAAC,IAAI,4BAA4B,EACrD,QAAQ,IAAI,4BAA4B,EACxC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,IAAM,IAAI;QAC/B,6BAAK,SAAS,EAAC,2BAA2B;YACvC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAO;gBACtD,6BAAK,SAAS,EAAC,8BAA8B,IACvC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,GAAG,CAAC,MAAG,CACpC,CACF,CACP;YACD,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,6BACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;wBACL,KAAK,EAAK,eAAe,GAAG,GAAG,MAAG;qBACnC,GACD,CACE;YACL,MAAM,IAAI,6BAAK,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAO,CAC/D;QACL,OAAO,IAAI,CACV,6BAAK,SAAS,EAAC,gCAAgC;YAC7C,oBAAC,SAAS,IACR,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,IAAI,EAAE,OAAO,CAAC,CAAC,EACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,4CAA4C,CAAC,GACtD,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC5B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,gBAAgB;CAC9B,CAAC,CAAC"}

package/dist/out-tsc/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsProgressBar";
+export * from "./SpsProgressBar.examples";

package/dist/out-tsc/progress-bar/index.js

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

package/dist/out-tsc/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/out-tsc/progress-ring/SpsProgressRing.d.ts

@@ -0,0 +1,13 @@
+import { RingSize } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    progress: PropTypes.Requireable<number>;
+    size: PropTypes.Requireable<RingSize>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsProgressRingProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsProgressRing({ size, progress, }: SpsProgressRingProps): JSX.Element;
+export {};

package/dist/out-tsc/progress-ring/SpsProgressRing.js

@@ -0,0 +1,37 @@
+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);
+};
+import * as React from "react";
+import { RingSize } from "@spscommerce/ds-shared";
+import { colors } from "@spscommerce/ds-colors";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    size: "RingSize",
+    progress: "number",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { progress: PropTypes.number, size: PropTypes.enumValue(RingSize) });
+export function SpsProgressRing(_a) {
+    var _b = _a.size, size = _b === void 0 ? RingSize.SMALL : _b, _c = _a.progress, progress = _c === void 0 ? 0 : _c;
+    var stroke = 4;
+    var normalizedRadius = size - stroke;
+    var circumference = normalizedRadius * 2 * Math.PI;
+    var strokeDashoffset = circumference - ((progress / 100) * circumference);
+    return (React.createElement("div", { className: "sps-progress-ring" },
+        React.createElement("svg", { height: size * 2, width: size * 2, style: { transform: "rotate(-90deg)" } },
+            React.createElement("circle", { stroke: colors.gray300, fill: "transparent", strokeWidth: stroke, strokeDasharray: circumference + " " + circumference, r: normalizedRadius, cx: size, cy: size }),
+            React.createElement("circle", { stroke: colors.purple200, fill: "transparent", strokeWidth: stroke, strokeDasharray: circumference + " " + circumference, style: { strokeDashoffset: strokeDashoffset }, r: normalizedRadius, cx: size, cy: size }))));
+}
+Object.assign(SpsProgressRing, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsProgressRing",
+});
+//# sourceMappingURL=SpsProgressRing.js.map

package/dist/out-tsc/progress-ring/SpsProgressRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsProgressRing.js","sourceRoot":"","sources":["../../../src/progress-ring/SpsProgressRing.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,IAAI,EAAE,SAAS,CAAC,SAAS,CAAW,QAAQ,CAAC,GAC9C,CAAC;AAIF,MAAM,UAAU,eAAe,CAAC,EAGT;QAFrB,YAAqB,EAArB,IAAI,mBAAG,QAAQ,CAAC,KAAK,KAAA,EACrB,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA;IAEZ,IAAM,MAAM,GAAG,CAAC,CAAC;IACjB,IAAM,gBAAgB,GAAG,IAAI,GAAG,MAAM,CAAC;IACvC,IAAM,aAAa,GAAG,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACrD,IAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;IAE5E,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;QAChC,6BACE,MAAM,EAAE,IAAI,GAAG,CAAC,EAChB,KAAK,EAAE,IAAI,GAAG,CAAC,EACf,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;YAEtC,gCACE,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAK,aAAa,SAAI,aAAe,EACpD,CAAC,EAAE,gBAAgB,EACnB,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,GACR;YACF,gCACE,MAAM,EAAE,MAAM,CAAC,SAAS,EACxB,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAK,aAAa,SAAI,aAAe,EACpD,KAAK,EAAE,EAAE,gBAAgB,kBAAA,EAAE,EAC3B,CAAC,EAAE,gBAAgB,EACnB,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,GACR,CACE,CACF,CACP,CAAC;AACJ,CAAC;AACD,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC7B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,iBAAiB;CAC/B,CAAC,CAAC"}

package/dist/out-tsc/progress-ring/index.d.ts

@@ -0,0 +1 @@
+export * from "./SpsProgressRing";

package/dist/out-tsc/progress-ring/index.js

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

package/dist/out-tsc/progress-ring/index.js.map

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

package/dist/out-tsc/prop-types.d.ts

@@ -0,0 +1,23 @@
+import type { MutableRefObject, HTMLProps } from "react";
+import * as PropTypes from "prop-types";
+export declare type Deprecated<T> = PropTypes.Requireable<T>;
+export declare function deprecated<T>(type: PropTypes.Requireable<T>): Deprecated<T>;
+export declare function enumValue<T>(e: any): PropTypes.Requireable<T>;
+export declare function fun<T extends (...args: any[]) => any>(): PropTypes.Requireable<T>;
+export declare function impl<T>(): PropTypes.Requireable<T>;
+export declare function ref<T>(): PropTypes.Requireable<MutableRefObject<T>>;
+export declare type ReactNodeOrRenderFn = PropTypes.ReactNodeLike | (() => PropTypes.ReactNodeLike);
+export declare const nodeOrRenderFn: PropTypes.Requireable<ReactNodeOrRenderFn>;
+export declare type TypeDoc = Record<string, string | {
+    type: string;
+    required?: boolean;
+    deprecated?: boolean;
+}>;
+export declare type InferTS<T, K extends HTMLElement> = PropTypes.InferProps<T> & Omit<HTMLProps<K>, keyof T>;
+export declare const spsGlobalPropTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export * from "prop-types";

package/dist/out-tsc/prop-types.js

@@ -0,0 +1,26 @@
+import { values } from "@spscommerce/utils";
+import * as PropTypes from "prop-types";
+export function deprecated(type) {
+    return type;
+}
+export function enumValue(e) {
+    return PropTypes.oneOf(values(e));
+}
+export function fun() {
+    return PropTypes.func;
+}
+export function impl() {
+    return PropTypes.object;
+}
+export function ref() {
+    return PropTypes.object;
+}
+export var nodeOrRenderFn = PropTypes.oneOfType([PropTypes.node, PropTypes.func]);
+export var spsGlobalPropTypes = {
+    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+    className: PropTypes.string,
+    "data-testid": PropTypes.string,
+    unsafelyReplaceClassName: PropTypes.string,
+};
+export * from "prop-types";
+//# sourceMappingURL=prop-types.js.map

package/dist/out-tsc/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.js","sourceRoot":"","sources":["../../src/prop-types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,YAAY,CAAC;AAIxC,MAAM,UAAU,UAAU,CAAI,IAA8B;IAC1D,OAAO,IAAqB,CAAC;AAC/B,CAAC;AAED,MAAM,UAAU,SAAS,CAAI,CAAM;IACjC,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAQ,SAAS,CAAC,IAAiC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,IAAI;IAClB,OAAQ,SAAS,CAAC,MAA0C,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAQ,SAAS,CAAC,MAA4D,CAAC;AACjF,CAAC;AAID,MAAM,CAAC,IAAM,cAAc,GAAG,SAAS,CAAC,SAAS,CAC/C,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CACjC,CAAC;AAWF,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAClF,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,wBAAwB,EAAE,SAAS,CAAC,MAAM;CAC3C,CAAC;AAEF,cAAc,YAAY,CAAC"}

package/dist/out-tsc/radio-button/SpsRadioButton.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import type { SpsFormControl } from "../form/hooks/formControl";
+import type { SpsFormFieldMeta } from "../form/hooks/useSpsForm";
+declare const propTypes: {
+    checked: PropTypes.Requireable<boolean>;
+    disabled: PropTypes.Requireable<boolean>;
+    formControl: PropTypes.Requireable<SpsFormControl<any>>;
+    formMeta: PropTypes.Requireable<SpsFormFieldMeta<any>>;
+    inline: PropTypes.Requireable<boolean>;
+    label: PropTypes.Requireable<string>;
+    name: PropTypes.Validator<string>;
+    onChange: PropTypes.Requireable<React.ChangeEventHandler<Element>>;
+    ref: PropTypes.Requireable<React.MutableRefObject<HTMLDivElement>>;
+    value: PropTypes.Requireable<any>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsRadioButtonProps = PropTypes.InferTS<typeof propTypes, HTMLInputElement>;
+export declare function SpsRadioButton({ checked, className, "data-testid": testId, disabled, formControl, formMeta, id, inline, label, name, onChange, ref, unsafelyReplaceClassName, value, ...rest }: SpsRadioButtonProps): JSX.Element;
+export {};

package/dist/out-tsc/radio-button/SpsRadioButton.examples.d.ts

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

package/dist/out-tsc/radio-button/SpsRadioButton.examples.js

@@ -0,0 +1,36 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsRadioButtonExamples = {
+    labels: {
+        label: "Labels",
+        description: "info about radio buttons with labels",
+        examples: {
+            label: {
+                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"blue\"\n                        });\n\n                        return <SpsForm formMeta={formMeta} id=\"labelRadioButton\">\n                            <SpsRadioButton name=\"blue\" value=\"blue\" label=\"Blue\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"blue\"}\n                            ></SpsRadioButton>\n                            <SpsRadioButton name=\"green\" value=\"green\" label=\"Green\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"green\"}\n                            ></SpsRadioButton>\n                        </SpsForm>\n                    }\n                "], ["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"blue\"\n                        });\n\n                        return <SpsForm formMeta={formMeta} id=\"labelRadioButton\">\n                            <SpsRadioButton name=\"blue\" value=\"blue\" label=\"Blue\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"blue\"}\n                            ></SpsRadioButton>\n                            <SpsRadioButton name=\"green\" value=\"green\" label=\"Green\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"green\"}\n                            ></SpsRadioButton>\n                        </SpsForm>\n                    }\n                "]))),
+            },
+        },
+    },
+    b_disabled: {
+        label: "Disabled",
+        description: "info about disabled radio buttons",
+        examples: {
+            disabled: {
+                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"blue\"\n                        });\n\n                        return <SpsForm formMeta={formMeta}>\n                            <SpsRadioButton name=\"blue\" value=\"blue\" label=\"Blue\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"blue\"}\n                                disabled\n                            ></SpsRadioButton>\n                            <SpsRadioButton name=\"green\" value=\"green\" label=\"Green\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"green\"}\n                                disabled\n                            ></SpsRadioButton>\n                        </SpsForm>\n                    }\n                "], ["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"blue\"\n                        });\n\n                        return <SpsForm formMeta={formMeta}>\n                            <SpsRadioButton name=\"blue\" value=\"blue\" label=\"Blue\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"blue\"}\n                                disabled\n                            ></SpsRadioButton>\n                            <SpsRadioButton name=\"green\" value=\"green\" label=\"Green\"\n                                formMeta={formMeta.fields.color}\n                                checked={formValue.color === \"green\"}\n                                disabled\n                            ></SpsRadioButton>\n                        </SpsForm>\n                    }\n                "]))),
+            },
+        },
+    },
+    c_noLabels: {
+        label: "No Labels",
+        description: "info about radio buttons without labels",
+        examples: {
+            noLabels: {
+                react: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"green\"\n                        });\n\n                        return (\n                            <SpsForm formMeta={formMeta}>\n                                <SpsRadioButton name=\"blue\" value=\"blue\"\n                                    className=\"mb-2\"\n                                    formMeta={formMeta.fields.color}\n                                    checked={formValue.color === \"blue\"}\n                                ></SpsRadioButton>\n                                <SpsRadioButton name=\"green\" value=\"green\"\n                                    formMeta={formMeta.fields.color}\n                                    checked={formValue.color === \"green\"}\n                                ></SpsRadioButton>\n                            </SpsForm>\n                        )\n                    }\n                "], ["\n                    function DemoComponent() {\n                        const { formValue, formMeta, updateForm } = useSpsForm({\n                            color: \"green\"\n                        });\n\n                        return (\n                            <SpsForm formMeta={formMeta}>\n                                <SpsRadioButton name=\"blue\" value=\"blue\"\n                                    className=\"mb-2\"\n                                    formMeta={formMeta.fields.color}\n                                    checked={formValue.color === \"blue\"}\n                                ></SpsRadioButton>\n                                <SpsRadioButton name=\"green\" value=\"green\"\n                                    formMeta={formMeta.fields.color}\n                                    checked={formValue.color === \"green\"}\n                                ></SpsRadioButton>\n                            </SpsForm>\n                        )\n                    }\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SpsRadioButton.examples.js.map

package/dist/out-tsc/radio-button/SpsRadioButton.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsRadioButton.examples.js","sourceRoot":"","sources":["../../../src/radio-button/SpsRadioButton.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,sBAAsB,GAAoB;IACrD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,sCAAsC;QACnD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,g+BAAA,65BAiBF,IAAA;aACV;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,mCAAmC;QAChD,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI,4hCAAA,y9BAmBF,IAAA;aACV;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,yCAAyC;QACtD,QAAQ,EAAE;YACR,QAAQ,EAAE;gBACR,KAAK,EAAE,IAAI,gkCAAA,6/BAoBF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/radio-button/SpsRadioButton.js

@@ -0,0 +1,64 @@
+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";
+import { useFormControlId } from "../form/hooks/useFormControlId";
+import { SpsFormComponentWrapper } from "../form/SpsFormComponentWrapper";
+var propsDoc = {
+    checked: "boolean",
+    disabled: "boolean",
+    formMeta: "SpsFormFieldMeta<any>",
+    inline: "boolean",
+    label: "string",
+    name: { type: "string", required: true },
+    onChange: "ChangeEventHandler",
+    value: "any",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { checked: PropTypes.bool, disabled: PropTypes.bool, formControl: PropTypes.impl(), formMeta: PropTypes.impl(), inline: PropTypes.bool, label: PropTypes.string, name: PropTypes.string.isRequired, onChange: PropTypes.fun(), ref: PropTypes.ref(), value: PropTypes.any });
+export function SpsRadioButton(_a) {
+    var checked = _a.checked, className = _a.className, testId = _a["data-testid"], disabled = _a.disabled, formControl = _a.formControl, formMeta = _a.formMeta, id = _a.id, inline = _a.inline, label = _a.label, name = _a.name, onChange = _a.onChange, ref = _a.ref, unsafelyReplaceClassName = _a.unsafelyReplaceClassName, value = _a.value, rest = __rest(_a, ["checked", "className", "data-testid", "disabled", "formControl", "formMeta", "id", "inline", "label", "name", "onChange", "ref", "unsafelyReplaceClassName", "value"]);
+    var meta = formMeta || formControl;
+    var inputElement = React.useRef();
+    var _b = useFormControlId(id), wrapperId = _b.wrapperId, controlId = _b.controlId;
+    var classes = clsx(unsafelyReplaceClassName || "sps-radio-button", "sps-checkable", inline && "sps-checkable--inline", !label && "sps-checkable--no-label", className);
+    function handleChange(event) {
+        if (meta) {
+            meta.setValue(value);
+            meta.markAsDirty();
+        }
+        if (onChange) {
+            onChange(event);
+        }
+        inputElement.current.focus();
+    }
+    return (React.createElement(SpsFormComponentWrapper, { id: wrapperId, className: classes, formControl: formControl, formMeta: formMeta, inputRef: inputElement, ref: ref, "data-testid": "" + testId, onClick: function () { return inputElement.current.click(); } },
+        React.createElement("input", __assign({ type: "radio", ref: inputElement, className: "sps-checkable__input", "data-testid": testId + "__radio-input", id: controlId, name: name, checked: checked, disabled: disabled, onChange: handleChange }, rest)),
+        React.createElement("label", { className: "sps-checkable__label", htmlFor: controlId }, label || "")));
+}
+Object.assign(SpsRadioButton, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsRadioButton",
+});
+//# sourceMappingURL=SpsRadioButton.js.map

package/dist/out-tsc/radio-button/SpsRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsRadioButton.js","sourceRoot":"","sources":["../../../src/radio-button/SpsRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGlE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,IAAM,QAAQ,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,uBAAuB;IACjC,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;IACxC,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,OAAO,EAAE,SAAS,CAAC,IAAI,EACvB,QAAQ,EAAE,SAAS,CAAC,IAAI,EACxB,WAAW,EAAE,SAAS,CAAC,IAAI,EAAuB,EAClD,QAAQ,EAAE,SAAS,CAAC,IAAI,EAAyB,EACjD,MAAM,EAAE,SAAS,CAAC,IAAI,EACtB,KAAK,EAAE,SAAS,CAAC,MAAM,EACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,EACjC,QAAQ,EAAE,SAAS,CAAC,GAAG,EAA4B,EACnD,GAAG,EAAE,SAAS,CAAC,GAAG,EAAkB,EACpC,KAAK,EAAE,SAAS,CAAC,GAAG,GACrB,CAAC;AAIF,MAAM,UAAU,cAAc,CAAC,EAgBT;IAfpB,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACM,MAAM,oBAAA,EACrB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,MAAM,YAAA,EACN,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,wBAAwB,8BAAA,EACxB,KAAK,WAAA,EACF,IAAI,cAfsB,uKAgB9B,CADQ;IAEP,IAAM,IAAI,GAAG,QAAQ,IAAI,WAAW,CAAC;IAErC,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IAEhD,IAAA,KAA2B,gBAAgB,CAAC,EAAE,CAAC,EAA7C,SAAS,eAAA,EAAE,SAAS,eAAyB,CAAC;IAEtD,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,kBAAkB,EAC9C,eAAe,EACf,MAAM,IAAI,uBAAuB,EACjC,CAAC,KAAK,IAAI,yBAAyB,EACnC,SAAS,CACV,CAAC;IAEF,SAAS,YAAY,CAAC,KAAK;QACzB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QACD,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,oBAAC,uBAAuB,IACtB,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,OAAO,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,iBACK,KAAG,MAAQ,EACxB,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAA5B,CAA4B;QAE3C,wCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,sBAAsB,iBAChB,MAAM,kBAAe,EACrC,EAAE,EAAE,SAAS,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,IAClB,IAAI,EACR;QACF,+BAAO,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,SAAS,IAAG,KAAK,IAAI,EAAE,CAAS,CACzD,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC5B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,gBAAgB;CAC9B,CAAC,CAAC"}

package/dist/out-tsc/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsRadioButton";
+export * from "./SpsRadioButton.examples";

package/dist/out-tsc/radio-button/index.js

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

package/dist/out-tsc/radio-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.d.ts

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

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.examples.d.ts

@@ -0,0 +1,14 @@
+export declare const SpsScrollableContainerExamples: {
+    basic: {
+        label: string;
+        description: string;
+        examples: {
+            text: {
+                jsx: string;
+            };
+            components: {
+                react: string;
+            };
+        };
+    };
+};

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.examples.js

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsScrollableContainerExamples = {
+    basic: {
+        label: "Basic",
+        description: "basic scrollable container",
+        examples: {
+            text: {
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    <SpsCard>\n                        <SpsScrollableContainer maxHeight='100px'>\n                            <p>\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris\n                                sit amet molestie metus. Phasellus dignissim interdum arcu. Sed\n                                in nunc id sapien porta mollis eleifend nec mauris. Nulla\n                                molestie pulvinar velit eget fringilla. Pellentesque habitant\n                                morbi tristique senectus et netus et malesuada fames ac turpis\n                                egestas. Nam eu sem ut neque condimentum tempor. Integer\n                                bibendum in velit at consectetur. Nunc ut velit ac magna sodales\n                                tempor. Ut tempor rhoncus mi, eget feugiat nisi finibus at.\n                                Pellentesque habitant morbi tristique senectus et netus et\n                                malesuada fames ac turpis egestas. Vestibulum nunc ipsum,\n                                elementum consectetur urna a, sodales pellentesque nibh. Nullam\n                                in dui dolor. Vivamus sapien enim, tristique accumsan finibus\n                                nec, fringilla eget tellus. Duis sed pulvinar ipsum. Donec\n                                convallis aliquet dui, nec ullamcorper nulla tincidunt ac. Fusce\n                                tempus neque sit amet libero vestibulum maximus. Praesent id dui\n                                sed diam scelerisque pretium id vitae ante. Sed ullamcorper\n                                ligula quis mi vehicula, in interdum purus suscipit.\n                                Pellentesque venenatis velit nunc, quis tincidunt ligula egestas\n                                id. Praesent sollicitudin et mauris et auctor. Nullam diam erat,\n                                tincidunt at odio non, tincidunt laoreet quam. In consequat\n                                pulvinar sapien vel varius. Suspendisse potenti. Aenean pharetra\n                                felis sit amet tempus consequat. Donec eu molestie mauris. Nunc\n                                scelerisque ex id vehicula semper. Nunc eu interdum ante. Etiam\n                                in metus ante. Nulla ac turpis vel sem fermentum mattis. Nam\n                                elit mi, pretium a tristique vitae, vestibulum id tellus. In\n                                vitae nisl lectus. Sed fringilla eget velit quis aliquet.\n                                Vestibulum euismod, leo ut egestas dictum, mi quam euismod\n                                velit, nec iaculis elit mi a orci. Duis volutpat purus lacus. Ut\n                                sit amet semper ipsum. Sed aliquam, quam ac placerat facilisis,\n                                nulla odio vulputate erat, id condimentum sem arcu vel turpis.\n                                Fusce finibus tortor ac viverra semper. Pellentesque convallis\n                                mi sed metus finibus molestie. Duis vehicula dolor consequat\n                                placerat sollicitudin. Phasellus sed sagittis ligula, in\n                                molestie velit. In scelerisque maximus metus, ac convallis nisi\n                                dignissim non.\n                            </p>\n                        </SpsScrollableContainer>\n                    </SpsCard>\n                "], ["\n                    <SpsCard>\n                        <SpsScrollableContainer maxHeight='100px'>\n                            <p>\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris\n                                sit amet molestie metus. Phasellus dignissim interdum arcu. Sed\n                                in nunc id sapien porta mollis eleifend nec mauris. Nulla\n                                molestie pulvinar velit eget fringilla. Pellentesque habitant\n                                morbi tristique senectus et netus et malesuada fames ac turpis\n                                egestas. Nam eu sem ut neque condimentum tempor. Integer\n                                bibendum in velit at consectetur. Nunc ut velit ac magna sodales\n                                tempor. Ut tempor rhoncus mi, eget feugiat nisi finibus at.\n                                Pellentesque habitant morbi tristique senectus et netus et\n                                malesuada fames ac turpis egestas. Vestibulum nunc ipsum,\n                                elementum consectetur urna a, sodales pellentesque nibh. Nullam\n                                in dui dolor. Vivamus sapien enim, tristique accumsan finibus\n                                nec, fringilla eget tellus. Duis sed pulvinar ipsum. Donec\n                                convallis aliquet dui, nec ullamcorper nulla tincidunt ac. Fusce\n                                tempus neque sit amet libero vestibulum maximus. Praesent id dui\n                                sed diam scelerisque pretium id vitae ante. Sed ullamcorper\n                                ligula quis mi vehicula, in interdum purus suscipit.\n                                Pellentesque venenatis velit nunc, quis tincidunt ligula egestas\n                                id. Praesent sollicitudin et mauris et auctor. Nullam diam erat,\n                                tincidunt at odio non, tincidunt laoreet quam. In consequat\n                                pulvinar sapien vel varius. Suspendisse potenti. Aenean pharetra\n                                felis sit amet tempus consequat. Donec eu molestie mauris. Nunc\n                                scelerisque ex id vehicula semper. Nunc eu interdum ante. Etiam\n                                in metus ante. Nulla ac turpis vel sem fermentum mattis. Nam\n                                elit mi, pretium a tristique vitae, vestibulum id tellus. In\n                                vitae nisl lectus. Sed fringilla eget velit quis aliquet.\n                                Vestibulum euismod, leo ut egestas dictum, mi quam euismod\n                                velit, nec iaculis elit mi a orci. Duis volutpat purus lacus. Ut\n                                sit amet semper ipsum. Sed aliquam, quam ac placerat facilisis,\n                                nulla odio vulputate erat, id condimentum sem arcu vel turpis.\n                                Fusce finibus tortor ac viverra semper. Pellentesque convallis\n                                mi sed metus finibus molestie. Duis vehicula dolor consequat\n                                placerat sollicitudin. Phasellus sed sagittis ligula, in\n                                molestie velit. In scelerisque maximus metus, ac convallis nisi\n                                dignissim non.\n                            </p>\n                        </SpsScrollableContainer>\n                    </SpsCard>\n                "]))),
+            },
+            components: {
+                react: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    function Component() {\n                        function buildTags() {\n                            let tagNames = [];\n                            for (let i = 0; i < 150; i++) {\n                                tagNames.push('tagName ' + i);\n                            }\n                            return tagNames;\n                        }\n                        return <SpsCard>\n                            <SpsScrollableContainer maxHeight='8.5rem'>\n                                {buildTags().map((name, index) => {\n                                    return (\n                                        <SpsClickableTag key={index} className=\"mt-1 ml-1\">\n                                            {name}\n                                        </SpsClickableTag>\n                                    );\n                                })}\n                            </SpsScrollableContainer>\n                        </SpsCard>\n                    }\n                "], ["\n                    function Component() {\n                        function buildTags() {\n                            let tagNames = [];\n                            for (let i = 0; i < 150; i++) {\n                                tagNames.push('tagName ' + i);\n                            }\n                            return tagNames;\n                        }\n                        return <SpsCard>\n                            <SpsScrollableContainer maxHeight='8.5rem'>\n                                {buildTags().map((name, index) => {\n                                    return (\n                                        <SpsClickableTag key={index} className=\"mt-1 ml-1\">\n                                            {name}\n                                        </SpsClickableTag>\n                                    );\n                                })}\n                            </SpsScrollableContainer>\n                        </SpsCard>\n                    }\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=SpsScrollableContainer.examples.js.map

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsScrollableContainer.examples.js","sourceRoot":"","sources":["../../../src/scrollable-container/SpsScrollableContainer.examples.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,IAAM,8BAA8B,GAAG;IAC5C,KAAK,EAAE;QACL,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,4BAA4B;QACzC,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,GAAG,EAAE,IAAI,mhHAAA,g9GA0CA,IAAA;aACV;YACD,UAAU,EAAE;gBACV,KAAK,EAAE,IAAI,4jCAAA,y/BAqBF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.js

@@ -0,0 +1,27 @@
+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);
+};
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    maxHeight: "string",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { maxHeight: PropTypes.string });
+export function SpsScrollableContainer(props) {
+    var children = props.children, maxHeight = props.maxHeight;
+    return (React.createElement("div", { className: "sps-scrollable-container", style: { maxHeight: maxHeight } }, children));
+}
+Object.assign(SpsScrollableContainer, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsScrollableContainer",
+});
+//# sourceMappingURL=SpsScrollableContainer.js.map

package/dist/out-tsc/scrollable-container/SpsScrollableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsScrollableContainer.js","sourceRoot":"","sources":["../../../src/scrollable-container/SpsScrollableContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAE3C,IAAM,QAAQ,GAAG;IACf,SAAS,EAAE,QAAQ;CACpB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,SAAS,EAAE,SAAS,CAAC,MAAM,GAC5B,CAAC;AAIF,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IAErE,IAAA,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IACV,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,IAC3D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE;IACpC,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,wBAAwB;CACtC,CAAC,CAAC"}

package/dist/out-tsc/scrollable-container/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsScrollableContainer";
+export * from "./SpsScrollableContainer.examples";

package/dist/out-tsc/scrollable-container/index.js

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

package/dist/out-tsc/scrollable-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/scrollable-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC"}

package/dist/out-tsc/search-results-bar/SpsSearchResultsBar.d.ts

@@ -0,0 +1,13 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    resultsCount: PropTypes.Requireable<number>;
+    totalResults: PropTypes.Requireable<number>;
+    onClear: PropTypes.Requireable<() => void>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsSearchResultsBarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsSearchResultsBar(props: SpsSearchResultsBarProps): JSX.Element;
+export {};

package/dist/out-tsc/search-results-bar/SpsSearchResultsBar.examples.d.ts

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