@spscommerce/ds-react 5.18.3-ie → 5.19.0

package/dist/out-tsc/autocomplete/SpsAutocomplete.js

@@ -1,141 +0,0 @@
-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;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { SpsIcon } from "@spscommerce/ds-shared";
-import clsx from "clsx";
-import * as React from "react";
-import { useFormControlId } from "../form/hooks/useFormControlId";
-import { SpsFormComponentWrapper } from "../form/SpsFormComponentWrapper";
-import { SpsOptionList } from "../option-list/SpsOptionList";
-import * as PropTypes from "../prop-types";
-import { FauxChangeEvent, usePatchReducer, useInputPopup, } from "../utils/index";
-var propsDoc = {
-    debounce: "number",
-    disabled: "boolean",
-    formMeta: "SpsFormFieldMeta<string>",
-    icon: "SpsIcon",
-    onChange: "React.ChangeEventHandler",
-    placeholder: "string",
-    suggestions: {
-        type: "\n            Eventually<Iterable<string>>\n            | ((filter?: string) => Eventually<Iterable<string>>)\n        ",
-        required: true,
-    },
-    tallOptionList: "boolean",
-    value: "string",
-    zeroState: "string",
-    loading: "boolean",
-    maxHeightOptionListPx: "number",
-    maxHeightOptionListRem: "number",
-};
-var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { debounce: PropTypes.number, disabled: PropTypes.bool, formControl: PropTypes.impl(), formMeta: PropTypes.impl(), icon: PropTypes.enumValue(SpsIcon), onChange: PropTypes.fun(), placeholder: PropTypes.string, suggestions: PropTypes.oneOfType([
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.instanceOf(Promise),
-        PropTypes.fun(),
-    ]).isRequired, tallOptionList: PropTypes.bool, value: PropTypes.string, zeroState: PropTypes.string, loading: PropTypes.bool, maxHeightOptionListPx: PropTypes.number, maxHeightOptionListRem: PropTypes.number });
-export function SpsAutocomplete(_a) {
-    var className = _a.className, _b = _a.debounce, debounce = _b === void 0 ? 0 : _b, disabled = _a.disabled, formControl = _a.formControl, formMeta = _a.formMeta, onChange = _a.onChange, icon = _a.icon, id = _a.id, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, suggestions = _a.suggestions, unsafelyReplaceClassName = _a.unsafelyReplaceClassName, tallOptionList = _a.tallOptionList, _d = _a.value, value = _d === void 0 ? "" : _d, zeroState = _a.zeroState, loading = _a.loading, maxHeightOptionListPx = _a.maxHeightOptionListPx, maxHeightOptionListRem = _a.maxHeightOptionListRem, testId = _a["data-testid"], rest = __rest(_a, ["className", "debounce", "disabled", "formControl", "formMeta", "onChange", "icon", "id", "placeholder", "suggestions", "unsafelyReplaceClassName", "tallOptionList", "value", "zeroState", "loading", "maxHeightOptionListPx", "maxHeightOptionListRem", "data-testid"]);
-    var meta = formMeta || formControl;
-    var _e = useFormControlId(id, meta), wrapperId = _e.wrapperId, controlId = _e.controlId;
-    var _f = __read(usePatchReducer({
-        keyDown: null,
-        opensUpward: false,
-    }), 2), state = _f[0], patchState = _f[1];
-    var rootRef = React.useRef();
-    var textInput = React.useRef();
-    var optionListRef = React.useRef();
-    var _g = useInputPopup(rootRef, optionListRef), showPopup = _g.showPopup, doShowPopup = _g.doShowPopup, doHidePopup = _g.doHidePopup;
-    function setAndPropagateValue(newValue, event) {
-        if (meta) {
-            meta.setValue(newValue);
-            meta.markAsDirty();
-        }
-        if (onChange) {
-            onChange(event || new FauxChangeEvent({ value: newValue }));
-        }
-    }
-    function clear(event) {
-        textInput.current.value = "";
-        setAndPropagateValue("");
-        event.stopPropagation();
-    }
-    function handleChange(event) {
-        setAndPropagateValue(event.target.value, event);
-    }
-    function handleKeyDown(event) {
-        if (!disabled) {
-            if (["Up",
-                "ArrowUp",
-                "Down",
-                "ArrowDown",
-                "Enter"].indexOf(event.key) > -1) {
-                event.preventDefault();
-                event.persist();
-            }
-            event.stopPropagation();
-            patchState({ keyDown: event });
-        }
-        if (event.key === "Tab") {
-            doHidePopup();
-        }
-    }
-    function handleSelfToggle(olIsOpen) {
-        if (olIsOpen) {
-            doShowPopup();
-        }
-        else {
-            doHidePopup();
-        }
-    }
-    function handlePositionFlip(opensUpward) {
-        patchState({ opensUpward: opensUpward });
-    }
-    var classes = clsx(unsafelyReplaceClassName || "sps-autocomplete", showPopup && "sps-autocomplete--open", showPopup && "z-stratum-dropdown", state.opensUpward && "sps-autocomplete--opens-upward", disabled && "sps-form-control--disabled", className);
-    return (React.createElement(SpsFormComponentWrapper, { id: wrapperId, className: classes, formControl: formControl, formMeta: formMeta, inputRef: textInput, ref: rootRef, focusInputOnClick: true, onClick: function (event) { return event.nativeEvent.stopImmediatePropagation(); }, "data-testId": "" + testId },
-        React.createElement("div", { className: "sps-text-input" },
-            React.createElement("div", { className: "sps-form-control" },
-                icon && React.createElement("i", { className: clsx("sps-text-input__icon", "sps-icon", "sps-icon-" + icon) }),
-                React.createElement("input", __assign({ type: "text", ref: textInput, value: value, className: "sps-text-input__input", placeholder: placeholder, onFocus: doShowPopup, onClick: doShowPopup, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, id: controlId, "data-testid": testId + "__input" }, rest)),
-                value && !disabled && (React.createElement("i", { "aria-label": "clear", className: "sps-icon sps-icon-x-circle sps-form-control__clear-btn", onClick: function (event) { return clear(event); } })))),
-        React.createElement(SpsOptionList, { id: wrapperId + "_options", ref: optionListRef, attachTo: rootRef, isOpen: showPopup, options: suggestions, hideInlineSearch: true, keyDown: state.keyDown, onOptionSelected: setAndPropagateValue, onPositionFlip: handlePositionFlip, onSelfToggle: handleSelfToggle, offsets: [1, 0], search: value, searchDebounce: debounce, tall: tallOptionList, zeroState: zeroState, loading: loading, maxHeightPx: maxHeightOptionListPx, maxHeightRem: maxHeightOptionListRem })));
-}
-Object.assign(SpsAutocomplete, {
-    props: propsDoc,
-    propTypes: propTypes,
-    displayName: "SpsAutocomplete",
-});
-//# sourceMappingURL=SpsAutocomplete.js.map

package/dist/out-tsc/autocomplete/SpsAutocomplete.js.map

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

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

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

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

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

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

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

package/dist/out-tsc/button/SpsButton.d.ts

@@ -1,18 +0,0 @@
-import { ButtonKind, ButtonType, SpsIcon } from "@spscommerce/ds-shared";
-import * as PropTypes from "../prop-types";
-declare const propTypes: {
-    disabled: PropTypes.Requireable<boolean>;
-    href: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    kind: PropTypes.Requireable<ButtonKind>;
-    spinning: PropTypes.Requireable<boolean>;
-    spinningTitle: PropTypes.Requireable<string>;
-    type: PropTypes.Requireable<ButtonType>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    "data-testid": PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsButtonProps = PropTypes.InferTS<typeof propTypes, HTMLButtonElement | HTMLAnchorElement>;
-export declare function SpsButton(props: SpsButtonProps): JSX.Element;
-export {};

package/dist/out-tsc/button/SpsButton.examples.d.ts

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

package/dist/out-tsc/button/SpsButton.examples.js

@@ -1,201 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-/* eslint-disable react/prop-types */
-/* eslint-disable react/jsx-one-expression-per-line */
-import { code } from "@spscommerce/utils";
-import * as React from "react";
-export var SpsButtonExamples = {
-    basic: {
-        label: "Basic Buttons",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "The most common type of button that can be used in most cases. Example: Basic Buttons in a ",
-                React.createElement(NavigateTo, { to: "Modal" }, "Modal"),
-                "."));
-        },
-        examples: {
-            basic: {
-                description: "Without Icons",
-                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\">Default</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.KEY}>Key</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.CONFIRM}>Confirm</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.DELETE}>Delete</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" disabled>Disabled</SpsButton>\n                    </>\n                "], ["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\">Default</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.KEY}>Key</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.CONFIRM}>Confirm</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.DELETE}>Delete</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" disabled>Disabled</SpsButton>\n                    </>\n                "]))),
-            },
-            buttonsWithIcons: {
-                description: "With Icons",
-                jsx: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD}>\n                            Default\n                        </SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.KEY} kind={ButtonKind.KEY}>\n                            Key\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.CONFIRM}\n                        >\n                            Confirm\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.TRASH}\n                            kind={ButtonKind.DELETE}\n                        >\n                            Delete\n                        </SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD} disabled>\n                            Disabled\n                        </SpsButton>\n                    </>\n                "], ["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD}>\n                            Default\n                        </SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.KEY} kind={ButtonKind.KEY}>\n                            Key\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.CONFIRM}\n                        >\n                            Confirm\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.TRASH}\n                            kind={ButtonKind.DELETE}\n                        >\n                            Delete\n                        </SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD} disabled>\n                            Disabled\n                        </SpsButton>\n                    </>\n                "]))),
-            },
-            spinning: {
-                description: "Spinning",
-                jsx: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\" spinning>Default</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.KEY}>Key</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.CONFIRM}>Confirm</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.DELETE}>Delete</SpsButton>\n                    </>\n                "], ["\n                    <>\n                        <SpsButton className=\"mr-1 mb-1\" spinning>Default</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.KEY}>Key</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.CONFIRM}>Confirm</SpsButton>\n                        <SpsButton className=\"mr-1 mb-1\" spinning kind={ButtonKind.DELETE}>Delete</SpsButton>\n                    </>\n                "]))),
-            },
-        },
-    },
-    dropDown: {
-        label: "Dropdown Buttons",
-        description: "Use these for actions that need to select an option to proceed. Example: Download button with options related to the file format (PDF, PPT, etc.).",
-        examples: {
-            basic: {
-                description: "Without Icons",
-                jsx: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                    <>\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            disabled\n                            label=\"Disabled\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "], ["\n                    <>\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            disabled\n                            label=\"Disabled\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "]))),
-            },
-            withIcon: {
-                description: "With Icons",
-                jsx: code(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                    <>\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.TRASH}\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            disabled\n                            label=\"Disabled\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "], ["\n                    <>\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.TRASH}\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                            disabled\n                            label=\"Disabled\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "]))),
-            },
-            spinning: {
-                description: "Spinning",
-                jsx: code(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                    <>\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "], ["\n                    <>\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            label=\"Default\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                        <SpsDropdown\n                            spinning\n                            className=\"mr-1 mb-1\"\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                            options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                        />\n                    </>\n                "]))),
-            },
-        },
-    },
-    split: {
-        label: "Split Buttons",
-        description: "Use when there is 1 primary action and other related actions can be taken.",
-        examples: {
-            basic: {
-                description: "Without Icons",
-                jsx: code(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n                <>\n                    <SpsSplitButton className=\"mr-1 mb-1\" label=\"Default\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.KEY} label=\"Key\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.CONFIRM} label=\"Confirm\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.DELETE} label=\"Delete\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" disabled label=\"Disabled\" />\n                </>\n                "], ["\n                <>\n                    <SpsSplitButton className=\"mr-1 mb-1\" label=\"Default\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.KEY} label=\"Key\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.CONFIRM} label=\"Confirm\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" kind={ButtonKind.DELETE} label=\"Delete\" />\n                    <SpsSplitButton className=\"mr-1 mb-1\" disabled label=\"Disabled\" />\n                </>\n                "]))),
-            },
-            withIcon: {
-                description: "With Icons",
-                jsx: code(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n                    <>\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            label=\"Default\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            disabled\n                            label=\"Disabled\"\n                        />\n                    </>\n                "], ["\n                    <>\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            label=\"Default\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.KEY}\n                            label=\"Key\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.CONFIRM}\n                            label=\"Confirm\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            kind={ButtonKind.DELETE}\n                            label=\"Delete\"\n                        />\n                        <SpsSplitButton\n                            className=\"mr-1 mb-1\"\n                            icon={SpsIcon.PLUS_SIGN}\n                            disabled\n                            label=\"Disabled\"\n                        />\n                    </>\n                "]))),
-            },
-        },
-    },
-    iconButtons: {
-        label: "Icon Buttons",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the",
-                " ",
-                React.createElement(NavigateTo, { to: "List Action Bar" }, "List Action Bar"),
-                ". ",
-                React.createElement("br", null),
-                " Do not use an icon that that doesn\u2019t have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ",
-                React.createElement("br", null),
-                " ",
-                React.createElement("a", { href: "#style-and-layout/icons" }, "View All Icons")));
-        },
-        examples: {
-            basic: {
-                description: "Standard Icon Buttons",
-                jsx: code(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PENCIL} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.X} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.TRASH} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.GEAR} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PLUS_SIGN} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.MINUS} />\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PENCIL} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.X} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.TRASH} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.GEAR} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.SEARCH} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PLUS_SIGN} />\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.MINUS} />\n                </>\n                "]))),
-            },
-            dropdown: {
-                description: function (_a) {
-                    var NavigateTo = _a.NavigateTo;
-                    return (React.createElement(React.Fragment, null,
-                        React.createElement("h5", null, "Dropdown Icon Button"),
-                        React.createElement("span", { className: "sps-body-14 mt-4" },
-                            "Use these when there are several options available for action. Example: Dropdown Icon Button in a",
-                            " ",
-                            React.createElement(NavigateTo, { to: "Content Row" }, "Content Row"),
-                            ".")));
-                },
-                jsx: code(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n                    <SpsDropdown\n                        className=\"mr-1 mb-1\"\n                        kind={ButtonKind.ICON}\n                        options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                    />\n                "], ["\n                    <SpsDropdown\n                        className=\"mr-1 mb-1\"\n                        kind={ButtonKind.ICON}\n                        options={[[{ label: \"Option A\" }, () => console.log(\"Option A\")]]}\n                    />\n                "]))),
-            },
-            spin: {
-                description: "Spinner",
-                jsx: code(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n                    <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD} spinning kind={ButtonKind.ICON} />\n                "], ["\n                    <SpsButton className=\"mr-1 mb-1\" icon={SpsIcon.DOWNLOAD_CLOUD} spinning kind={ButtonKind.ICON} />\n                "]))),
-            },
-        },
-    },
-    textButtons: {
-        label: "Text Buttons",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the",
-                " ",
-                React.createElement(NavigateTo, { to: "List Toolbar" }, "List Toolbar"),
-                "."));
-        },
-        examples: {
-            basic: {
-                description: "Without Icons",
-                jsx: code(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Default</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1 red200\" kind={ButtonKind.LINK}>Delete</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1 gray500\" kind={ButtonKind.LINK} disabled>Disabled</SpsButton>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Default</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1 red200\" kind={ButtonKind.LINK}>Delete</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1 gray500\" kind={ButtonKind.LINK} disabled>Disabled</SpsButton>\n                </>\n                "]))),
-            },
-            icon: {
-                description: "With Icons",
-                jsx: code(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n                    <>\n                        <SpsButton\n                            className=\"mr-2 mb-1\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                        >\n                            Default\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-2 mb-1 red200\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.TRASH}\n                        >\n                            Delete\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-2 mb-1 gray500\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.GEAR}\n                            disabled\n                        >\n                            Disabled\n                        </SpsButton>\n                    </>\n                "], ["\n                    <>\n                        <SpsButton\n                            className=\"mr-2 mb-1\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.DOWNLOAD_CLOUD}\n                        >\n                            Default\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-2 mb-1 red200\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.TRASH}\n                        >\n                            Delete\n                        </SpsButton>\n                        <SpsButton\n                            className=\"mr-2 mb-1 gray500\"\n                            kind={ButtonKind.LINK}\n                            icon={SpsIcon.GEAR}\n                            disabled\n                        >\n                            Disabled\n                        </SpsButton>\n                    </>\n                "]))),
-            },
-            spin: {
-                description: "Spinner",
-                jsx: code(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK} spinning>Default</SpsButton>\n                "], ["\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK} spinning>Default</SpsButton>\n                "]))),
-            },
-        },
-    },
-    submitButtons: {
-        label: "Submit Buttons",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "Used to submit a form. There can be a number of visual variations, for example a",
-                " ",
-                React.createElement(NavigateTo, { to: "Modal" }, "Modal"),
-                " uses Basic Button (Key) as its Submit Button."));
-        },
-        examples: {
-            basic: {
-                react: code(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        const { formMeta, formValue, updateForm } = useSpsForm({});\n\n                        function alertOnSubmit() {\n                            window.alert(\"Form submitted\");\n                        }\n\n                        return (\n                            <>\n                                <SpsForm formMeta={formMeta} onSubmit={alertOnSubmit}>\n                                    {/* Use only one Submit button in your form */}\n                                    <SpsButton\n                                        className=\"mr-2 mb-1\"\n                                        type={ButtonType.SUBMIT}\n                                        kind={ButtonKind.KEY}\n                                    >\n                                        Key\n                                    </SpsButton>\n                                    <SpsButton\n                                        className=\"mr-2 mb-1\"\n                                        type={ButtonType.SUBMIT}\n                                        kind={ButtonKind.CONFIRM}\n                                    >\n                                        Confirm\n                                    </SpsButton>\n                                </SpsForm>\n                            </>\n                        );\n                    }\n                "], ["\n                    function DemoComponent() {\n                        const { formMeta, formValue, updateForm } = useSpsForm({});\n\n                        function alertOnSubmit() {\n                            window.alert(\"Form submitted\");\n                        }\n\n                        return (\n                            <>\n                                <SpsForm formMeta={formMeta} onSubmit={alertOnSubmit}>\n                                    {/* Use only one Submit button in your form */}\n                                    <SpsButton\n                                        className=\"mr-2 mb-1\"\n                                        type={ButtonType.SUBMIT}\n                                        kind={ButtonKind.KEY}\n                                    >\n                                        Key\n                                    </SpsButton>\n                                    <SpsButton\n                                        className=\"mr-2 mb-1\"\n                                        type={ButtonType.SUBMIT}\n                                        kind={ButtonKind.CONFIRM}\n                                    >\n                                        Confirm\n                                    </SpsButton>\n                                </SpsForm>\n                            </>\n                        );\n                    }\n                "]))),
-            },
-        },
-    },
-    linkButtons: {
-        label: "Button as Link",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "Used to link to another page, such as an external website. They may open in the same window or in a new one. It should only be used when a",
-                " ",
-                React.createElement(NavigateTo, { to: "Text Button" }, "Text Button"),
-                " doesn't provide enough visual emphasis."));
-        },
-        examples: {
-            basic: {
-                jsx: code(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.DEFAULT} href=\"https://google.com\">Button Text</SpsButton>\n                "], ["\n                    <SpsButton className=\"mr-1 mb-1\" kind={ButtonKind.DEFAULT} href=\"https://google.com\">Button Text</SpsButton>\n                "]))),
-            },
-        },
-    },
-    groupButtons: {
-        label: "Button Groups",
-        description: function (_a) {
-            var NavigateTo = _a.NavigateTo;
-            return (React.createElement("span", { className: "sps-body-14 mt-4" },
-                "Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in",
-                " ",
-                React.createElement(NavigateTo, { to: "List Action Bar" }, "List Action Bar"),
-                "."));
-        },
-        examples: {
-            basic: {
-                description: "Basic Button Groups",
-                jsx: code(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Cancel</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Save</SpsButton>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Cancel</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Save</SpsButton>\n                </>\n                "]))),
-            },
-            icon: {
-                description: "Icon Button Groups",
-                jsx: code(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PENCIL}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.TRASH}/>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PENCIL}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.TRASH}/>\n                </>\n                "]))),
-            },
-            textIcon: {
-                description: "Text Buttons + Icon Buttons Group",
-                jsx: code(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                </>\n                "]))),
-            },
-            textBasic: {
-                description: "Text Buttons + Basic Buttons Group",
-                jsx: code(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "]))),
-            },
-            iconBasic: {
-                description: "Icon Buttons + Basic Buttons Group",
-                jsx: code(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "]))),
-            },
-            textIconBasic: {
-                description: "Text Buttons + Icon Buttons + Basic Buttons Group",
-                jsx: code(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "], ["\n                <>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.LINK}>Text Button</SpsButton>\n                    <SpsVr/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.DOWNLOAD_CLOUD}/>\n                    <SpsButton className=\"mb-1\" kind={ButtonKind.ICON} icon={SpsIcon.PRINTER}/>\n                    <SpsVr/>\n                    <SpsButton className=\"ml-2 mr-2 mb-1\" kind={ButtonKind.DEFAULT}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.KEY}>Button</SpsButton>\n                    <SpsButton className=\"mr-2 mb-1\" kind={ButtonKind.CONFIRM}>Button</SpsButton>\n                </>\n                "]))),
-            },
-        },
-    },
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22;
-//# sourceMappingURL=SpsButton.examples.js.map

package/dist/out-tsc/button/SpsButton.examples.js.map

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

package/dist/out-tsc/button/SpsButton.js

@@ -1,67 +0,0 @@
-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 { ButtonKind, ButtonType, SpsIcon } from "@spscommerce/ds-shared";
-import clsx from "clsx";
-import * as React from "react";
-import * as PropTypes from "../prop-types";
-import { I18nContext } from "../i18n";
-var propsDoc = {
-    disabled: "boolean",
-    href: "string",
-    icon: "SpsIcon",
-    kind: "ButtonKind",
-    spinning: "boolean",
-    spinningTitle: "string",
-    type: "ButtonType",
-};
-var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { disabled: PropTypes.bool, href: PropTypes.string, icon: PropTypes.enumValue(SpsIcon), kind: PropTypes.enumValue(ButtonKind), spinning: PropTypes.bool, spinningTitle: PropTypes.string, type: PropTypes.enumValue(ButtonType) });
-export function SpsButton(props) {
-    var children = props.children, className = props.className, href = props.href, icon = props.icon, _a = props.kind, kind = _a === void 0 ? ButtonKind.DEFAULT : _a, spinning = props.spinning, spinningTitle = props.spinningTitle, _b = props.type, type = _b === void 0 ? ButtonType.BUTTON : _b, unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["children", "className", "href", "icon", "kind", "spinning", "spinningTitle", "type", "unsafelyReplaceClassName"]);
-    var disabled = props.disabled;
-    if (spinning) {
-        disabled = true;
-    }
-    var t = React.useContext(I18nContext).t;
-    var classes = clsx(unsafelyReplaceClassName || "sps-button", "sps-button--" + kind, disabled && "sps-button--disabled", spinning && "sps-button--spinning", className);
-    var iconElement = icon && React.createElement("i", { className: clsx("sps-icon", "sps-icon-" + icon), "aria-hidden": "true" });
-    var spinner = spinning && (React.createElement("div", { className: "sps-spinner" }, spinningTitle || t("design-system:button.spinningTitle")));
-    return (React.createElement("div", { className: classes }, href ? (React.createElement("a", __assign({}, rest, { href: href, className: "sps-button__clickable-element" }),
-        iconElement,
-        children,
-        spinner)) : (React.createElement("button", __assign({}, rest, { 
-        /**
-         * eslint wants type to be ONLY a string or a ternary with strings for both
-         * branches, but this is a generic button component. we NEED it to be a prop.
-         */
-        /* eslint-disable-next-line react/button-has-type */
-        type: type, className: "sps-button__clickable-element", disabled: disabled }),
-        iconElement,
-        children,
-        spinner))));
-}
-Object.assign(SpsButton, {
-    props: propsDoc,
-    propTypes: propTypes,
-    displayName: "SpsButton",
-});
-//# sourceMappingURL=SpsButton.js.map

package/dist/out-tsc/button/SpsButton.js.map

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

package/dist/out-tsc/button/SpsButtonGroup.d.ts

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