@nice-digital/nds-button 3.0.2 → 4.0.1-alpha.0

package/es/Button.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import "../scss/button.scss";
+interface ButtonProps extends React.HTMLProps<HTMLButtonElement | HTMLAnchorElement> {
+    [prop: string]: unknown;
+    /** The destination URL if this is an anchor */
+    to?: string;
+    variant?: "primary" | "cta" | "secondary" | "inverse";
+    buttonType?: "button" | "submit" | "reset";
+    /** A custom element type to be rendered as the tag, useful for custom routing */
+    elementType?: React.ElementType;
+    /** Additional classes e.g. margin modifiers like "mt--0" */
+    className?: string;
+    children: React.ReactNode;
+    method?: string;
+}
+export declare const Button: {
+    (props: ButtonProps): JSX.Element;
+    types: {
+        button: string;
+        submit: string;
+        reset: string;
+    };
+    variants: {
+        cta: string;
+        primary: string;
+        secondary: string;
+        inverse: string;
+    };
+};
+export {};

package/es/Button.js

@@ -1,63 +1,53 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["variant", "to", "elementType", "children", "buttonType", "className", "method"];
-import * as React from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import "../scss/button.scss";
-export var Button = function Button(props) {
-  var _classnames;
-
-  var _props$variant = props.variant,
-      variant = _props$variant === void 0 ? "primary" : _props$variant,
-      to = props.to,
-      elementType = props.elementType,
-      children = props.children,
-      buttonType = props.buttonType,
-      className = props.className,
-      method = props.method,
-      attributes = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var possibleVariants = Object.keys(Button.variants);
-
-  if (variant && !possibleVariants.some(function (m) {
-    return m === variant;
-  })) {
-    throw new Error("Expected variant to be one of '" + possibleVariants.join("', '") + "' but found '" + variant + "'");
-  }
-
-  var ButtonTagType = elementType || (to ? "a" : "button");
-  var buttonProps = {};
-
-  if (to) {
-    buttonProps[method || ButtonTagType === "a" && "href" || "to"] = to;
-  } else if (ButtonTagType === "button") {
-    buttonProps.type = buttonType || Button.types.button;
-  }
-
-  buttonProps.className = classnames((_classnames = {
-    btn: true
-  }, _classnames["btn--" + variant] = variant !== Button.variants.primary, _classnames[className] = !!className, _classnames));
-  return /*#__PURE__*/React.createElement(ButtonTagType, _extends({}, buttonProps, attributes), children);
-};
-Button.types = {
-  button: "button",
-  submit: "submit",
-  reset: "reset"
-};
-Button.variants = {
-  cta: "cta",
-  primary: "primary",
-  secondary: "secondary",
-  inverse: "inverse"
-};
-Button.propTypes = {
-  to: PropTypes.string,
-  variant: PropTypes.oneOf([Button.variants.primary, Button.variants.cta, Button.variants.secondary, Button.variants.inverse]),
-  buttonType: PropTypes.oneOf([Button.types.button, Button.types.submit, Button.types.reset]),
-  elementType: PropTypes.elementType,
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  method: PropTypes.string
-};
-//# sourceMappingURL=Button.js.map
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+require("../scss/button.scss");
+const Button = (props) => {
+    const { variant = "primary", to, elementType, children, buttonType, className, method } = props, attributes = __rest(props, ["variant", "to", "elementType", "children", "buttonType", "className", "method"]);
+    const possibleVariants = Object.keys(exports.Button.variants);
+    if (variant && !possibleVariants.some((m) => m === variant)) {
+        throw new Error(`Expected variant to be one of '${possibleVariants.join("', '")}' but found '${variant}'`);
+    }
+    const ButtonTagType = elementType || (to ? "a" : "button");
+    const buttonProps = {};
+    if (to) {
+        buttonProps[method || (ButtonTagType === "a" && "href") || "to"] = to;
+    }
+    else if (ButtonTagType === "button") {
+        buttonProps.type = buttonType || exports.Button.types.button;
+    }
+    buttonProps.className = (0, classnames_1.default)({
+        btn: true,
+        [`btn--${variant}`]: variant !== exports.Button.variants.primary,
+        [`${className}`]: !!className
+    });
+    return ((0, jsx_runtime_1.jsx)(ButtonTagType, Object.assign({}, buttonProps, attributes, { children: children })));
+};
+exports.Button = Button;
+exports.Button.types = {
+    button: "button",
+    submit: "submit",
+    reset: "reset"
+};
+exports.Button.variants = {
+    cta: "cta",
+    primary: "primary",
+    secondary: "secondary",
+    inverse: "inverse"
+};

package/es/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/Button.test.js

@@ -0,0 +1,108 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Button_1 = require("./Button");
+describe("@nice-digital/nds-button", () => {
+    it("should render a button tag", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Example" }));
+        expect(wrapper.getByRole("button")).toBeInTheDocument();
+    });
+    it("should match snapshot", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Example" }));
+        expect(wrapper).toMatchSnapshot();
+    });
+    describe("contents", () => {
+        it("should render children prop into button contents", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Test contents" }));
+            expect(wrapper.getByRole("button", { name: "Test contents" })).toBeInTheDocument();
+        });
+        it("should render multiple children as content", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsxs)(Button_1.Button, { children: [(0, jsx_runtime_1.jsx)("span", { children: "1" }), (0, jsx_runtime_1.jsx)("span", { children: "2" })] }));
+            expect(wrapper.getByRole("button").querySelectorAll("span").length).toBe(2);
+        });
+    });
+    describe("button types", () => {
+        it("should pass buttonType prop into type attribute on rendered button", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ buttonType: "submit" }, { children: "Test contents" })));
+            expect(wrapper.getByRole("button").getAttribute("type")).toBe("submit");
+        });
+    });
+    describe("variants", () => {
+        it("should just use btn class for primary variant", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "primary" }, { children: "Primary" })));
+            expect(wrapper.getByRole("button")).toHaveClass("btn");
+        });
+        it("should append cta modifier class for cta variant", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "cta" }, { children: "CTA" })));
+            expect(wrapper.getByRole("button")).toHaveClass("btn btn--cta");
+        });
+        it("should append secondary modifier class for secondary variant", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "secondary" }, { children: "Secondary" })));
+            expect(wrapper.getByRole("button")).toHaveClass("btn btn--secondary");
+        });
+        it("should append inverse modifier class for inverse variant", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "inverse" }, { children: "Inverse" })));
+            expect(wrapper.getByRole("button")).toHaveClass("btn btn--inverse");
+        });
+    });
+    describe("anchors", () => {
+        it("should render an anchor when to prop is passed", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ to: "/test" }, { children: "Test" })));
+            expect(wrapper.getByRole("link")).toBeInTheDocument();
+        });
+        it("should render an href attribute with value from to prop", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "anchor", to: "/test" }, { children: "Test" })));
+            expect(wrapper.getByRole("link").getAttribute("href")).toBe("/test");
+        });
+    });
+    describe("props", () => {
+        it("should pass props as attributes on rendered element", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "submit", disabled: true, variant: "cta" }, { children: "txt" })));
+            const button = wrapper.getByRole("button", {
+                name: "txt"
+            });
+            expect(button).toHaveClass("btn btn--cta");
+            expect(button.getAttribute("type")).toBe("submit");
+            expect(button.disabled).toBe(true);
+        });
+        it("should append given className prop to rendered className attribute", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ className: "mt--0", to: "/test" }, { children: "txt" })));
+            expect(wrapper.getByRole("link", { name: "txt" }).getAttribute("href")).toBe("/test");
+            expect(wrapper.getByRole("link", { name: "txt" })).toHaveClass("btn mt--0");
+        });
+        it("should call onClick handler", () => __awaiter(void 0, void 0, void 0, function* () {
+            const clickHandler = jest.fn();
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: clickHandler }, { children: "Test" })));
+            const button = wrapper.getByRole("button");
+            user_event_1.default.click(button);
+            yield (0, react_1.waitFor)(() => {
+                expect(clickHandler).toHaveBeenCalled();
+            });
+        }));
+    });
+    describe("should render the appropriate link method for the supplied elementType and method", () => {
+        it("should use any supplied method", () => {
+            var _a;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ method: "pigeon", to: "/one", className: "one" }, { children: "One" })) }));
+            expect((_a = container.querySelector(".one")) === null || _a === void 0 ? void 0 : _a.getAttribute("pigeon")).toBe("/one");
+        });
+        it("should use href if elementType is anchor", () => {
+            const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ elementType: "a", to: "/two", className: "two" }, { children: "Two" })));
+            expect(wrapper.getByRole("link", { name: "Two" }).getAttribute("href")).toBe("/two");
+        });
+    });
+});

package/package.json

@@ -1,20 +1,13 @@
 {
 	"name": "@nice-digital/nds-button",
-	"version": "3.0.2",
+	"version": "4.0.1-alpha.0",
 	"description": "Button component for the NICE Design System",
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
 	"license": "MIT",
-	"main": "lib/Button.js",
-	"module": "es/Button.js",
+	"main": "es/Button.js",
 	"style": "scss/button.scss",
-	"types": "nds-button.d.ts",
-	"directories": {
-		"lib": "lib",
-		"test": "__tests__"
-	},
 	"files": [
-		"lib",
 		"es",
 		"scss",
 		"*.d.ts"
@@ -34,16 +27,20 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^3.0.2",
-		"classnames": "^2.2.6",
-		"prop-types": "^15.7.2"
+		"@nice-digital/nds-core": "^4.0.0-alpha.0",
+		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18",
 		"react-dom": "^16 || ^17 || ^18"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.0"
-	},
-	"gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+		"@testing-library/jest-dom": "^5.16.5",
+		"@testing-library/react": "^13.4.0",
+		"@testing-library/user-event": "^14.4.3",
+		"@types/jest": "^29.2.2",
+		"@types/node": "^18.11.9",
+		"typescript": "^4.8.4"
+	},
+	"gitHead": "6034773a4db9117882e4355dcf0358a363c50b75"
 }

package/es/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","names":["React","PropTypes","classnames","Button","props","variant","to","elementType","children","buttonType","className","method","attributes","possibleVariants","Object","keys","variants","some","m","Error","join","ButtonTagType","buttonProps","type","types","button","btn","primary","submit","reset","cta","secondary","inverse","propTypes","string","oneOf","oneOfType","arrayOf","node","isRequired"],"sources":["../src/Button.js"],"sourcesContent":["import * as React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/button.scss\";\n\nexport const Button = (props) => {\n\tconst {\n\t\tvariant = \"primary\",\n\t\tto,\n\t\telementType,\n\t\tchildren,\n\t\tbuttonType,\n\t\tclassName,\n\t\tmethod,\n\t\t...attributes\n\t} = props;\n\n\tconst possibleVariants = Object.keys(Button.variants);\n\tif (variant && !possibleVariants.some((m) => m === variant)) {\n\t\tthrow new Error(\n\t\t\t`Expected variant to be one of '${possibleVariants.join(\n\t\t\t\t\"', '\"\n\t\t\t)}' but found '${variant}'`\n\t\t);\n\t}\n\n\tconst ButtonTagType = elementType || (to ? \"a\" : \"button\");\n\tconst buttonProps = {};\n\n\tif (to) {\n\t\tbuttonProps[method || (ButtonTagType === \"a\" && \"href\") || \"to\"] = to;\n\t} else if (ButtonTagType === \"button\") {\n\t\tbuttonProps.type = buttonType || Button.types.button;\n\t}\n\n\tbuttonProps.className = classnames({\n\t\tbtn: true,\n\t\t[`btn--${variant}`]: variant !== Button.variants.primary,\n\t\t[className]: !!className\n\t});\n\n\treturn (\n\t\t<ButtonTagType {...buttonProps} {...attributes}>\n\t\t\t{children}\n\t\t</ButtonTagType>\n\t);\n};\n\nButton.types = {\n\tbutton: \"button\",\n\tsubmit: \"submit\",\n\treset: \"reset\"\n};\n\nButton.variants = {\n\tcta: \"cta\",\n\tprimary: \"primary\",\n\tsecondary: \"secondary\",\n\tinverse: \"inverse\"\n};\n\nButton.propTypes = {\n\tto: PropTypes.string,\n\tvariant: PropTypes.oneOf([\n\t\tButton.variants.primary,\n\t\tButton.variants.cta,\n\t\tButton.variants.secondary,\n\t\tButton.variants.inverse\n\t]),\n\tbuttonType: PropTypes.oneOf([\n\t\tButton.types.button,\n\t\tButton.types.submit,\n\t\tButton.types.reset\n\t]),\n\telementType: PropTypes.elementType,\n\tclassName: PropTypes.string,\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tmethod: PropTypes.string\n};\n"],"mappings":"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"}

package/lib/Button.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Button = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-require("../scss/button.scss");
-
-var _excluded = ["variant", "to", "elementType", "children", "buttonType", "className", "method"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-button\\src\\Button.js",
-    _this = void 0;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Button = function Button(props) {
-  var _classnames;
-
-  var _props$variant = props.variant,
-      variant = _props$variant === void 0 ? "primary" : _props$variant,
-      to = props.to,
-      elementType = props.elementType,
-      children = props.children,
-      buttonType = props.buttonType,
-      className = props.className,
-      method = props.method,
-      attributes = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  var possibleVariants = Object.keys(Button.variants);
-
-  if (variant && !possibleVariants.some(function (m) {
-    return m === variant;
-  })) {
-    throw new Error("Expected variant to be one of '" + possibleVariants.join("', '") + "' but found '" + variant + "'");
-  }
-
-  var ButtonTagType = elementType || (to ? "a" : "button");
-  var buttonProps = {};
-
-  if (to) {
-    buttonProps[method || ButtonTagType === "a" && "href" || "to"] = to;
-  } else if (ButtonTagType === "button") {
-    buttonProps.type = buttonType || Button.types.button;
-  }
-
-  buttonProps.className = (0, _classnames2["default"])((_classnames = {
-    btn: true
-  }, _classnames["btn--" + variant] = variant !== Button.variants.primary, _classnames[className] = !!className, _classnames));
-  return /*#__PURE__*/React.createElement(ButtonTagType, (0, _extends2["default"])({}, buttonProps, attributes, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 44,
-      columnNumber: 3
-    }
-  }), children);
-};
-
-exports.Button = Button;
-Button.types = {
-  button: "button",
-  submit: "submit",
-  reset: "reset"
-};
-Button.variants = {
-  cta: "cta",
-  primary: "primary",
-  secondary: "secondary",
-  inverse: "inverse"
-};
-Button.propTypes = {
-  to: _propTypes["default"].string,
-  variant: _propTypes["default"].oneOf([Button.variants.primary, Button.variants.cta, Button.variants.secondary, Button.variants.inverse]),
-  buttonType: _propTypes["default"].oneOf([Button.types.button, Button.types.submit, Button.types.reset]),
-  elementType: _propTypes["default"].elementType,
-  className: _propTypes["default"].string,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  method: _propTypes["default"].string
-};
-//# sourceMappingURL=Button.js.map

package/lib/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","names":["Button","props","variant","to","elementType","children","buttonType","className","method","attributes","possibleVariants","Object","keys","variants","some","m","Error","join","ButtonTagType","buttonProps","type","types","button","classnames","btn","primary","submit","reset","cta","secondary","inverse","propTypes","PropTypes","string","oneOf","oneOfType","arrayOf","node","isRequired"],"sources":["../src/Button.js"],"sourcesContent":["import * as React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/button.scss\";\n\nexport const Button = (props) => {\n\tconst {\n\t\tvariant = \"primary\",\n\t\tto,\n\t\telementType,\n\t\tchildren,\n\t\tbuttonType,\n\t\tclassName,\n\t\tmethod,\n\t\t...attributes\n\t} = props;\n\n\tconst possibleVariants = Object.keys(Button.variants);\n\tif (variant && !possibleVariants.some((m) => m === variant)) {\n\t\tthrow new Error(\n\t\t\t`Expected variant to be one of '${possibleVariants.join(\n\t\t\t\t\"', '\"\n\t\t\t)}' but found '${variant}'`\n\t\t);\n\t}\n\n\tconst ButtonTagType = elementType || (to ? \"a\" : \"button\");\n\tconst buttonProps = {};\n\n\tif (to) {\n\t\tbuttonProps[method || (ButtonTagType === \"a\" && \"href\") || \"to\"] = to;\n\t} else if (ButtonTagType === \"button\") {\n\t\tbuttonProps.type = buttonType || Button.types.button;\n\t}\n\n\tbuttonProps.className = classnames({\n\t\tbtn: true,\n\t\t[`btn--${variant}`]: variant !== Button.variants.primary,\n\t\t[className]: !!className\n\t});\n\n\treturn (\n\t\t<ButtonTagType {...buttonProps} {...attributes}>\n\t\t\t{children}\n\t\t</ButtonTagType>\n\t);\n};\n\nButton.types = {\n\tbutton: \"button\",\n\tsubmit: \"submit\",\n\treset: \"reset\"\n};\n\nButton.variants = {\n\tcta: \"cta\",\n\tprimary: \"primary\",\n\tsecondary: \"secondary\",\n\tinverse: \"inverse\"\n};\n\nButton.propTypes = {\n\tto: PropTypes.string,\n\tvariant: PropTypes.oneOf([\n\t\tButton.variants.primary,\n\t\tButton.variants.cta,\n\t\tButton.variants.secondary,\n\t\tButton.variants.inverse\n\t]),\n\tbuttonType: PropTypes.oneOf([\n\t\tButton.types.button,\n\t\tButton.types.submit,\n\t\tButton.types.reset\n\t]),\n\telementType: PropTypes.elementType,\n\tclassName: PropTypes.string,\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tmethod: PropTypes.string\n};\n"],"mappings":"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"}

package/nds-button.d.ts

@@ -1,34 +0,0 @@
-declare module "@nice-digital/nds-button" {
-	import React = require("react");
-
-	interface ButtonProps
-		extends React.HTMLProps<HTMLButtonElement | HTMLAnchorElement> {
-		[prop: string]: unknown;
-		/** The destination URL if this is an anchor */
-		to?: string;
-		variant?: "primary" | "cta" | "secondary" | "inverse";
-		buttonType?: "button" | "submit" | "reset";
-		/** A custom element type to be rendered as the tag, useful for custom routing */
-		elementType?: React.ElementType;
-		/** Additional classes e.g. margin modifiers like "mt--0" */
-		className?: string;
-		children: React.ReactNode;
-		method?: string;
-	}
-
-	interface ButtonComponent extends React.FC<ButtonProps> {
-		types: {
-			button: "button";
-			submit: "submit";
-			reset: "reset";
-		};
-		variants: {
-			cta: "cta";
-			primary: "primary";
-			secondary: "secondary";
-			inverse: "inverse";
-		};
-	}
-
-	export const Button: ButtonComponent;
-}