npm - @purpurds/button - Versions diffs - 3.0.0 - Mend

@purpurds/button 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/LICENSE.txt ADDED Viewed

@@ -0,0 +1,45 @@
+Name: @purpurds/action
+Version: 2.8.0
+License: AGPL-3.0-only
+Private: false
+---
+Name: @purpurds/spinner
+Version: 2.8.0
+License: AGPL-3.0-only
+Private: false
+---
+Name: classnames
+Version: 2.5.1
+License: MIT
+Private: false
+Description: A simple utility for conditionally joining classNames together
+Repository: git+https://github.com/JedWatson/classnames.git
+Author: Jed Watson
+License Copyright:
+===
+The MIT License (MIT)
+Copyright (c) 2018 Jed Watson
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/button.cjs.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),h=require("react"),V={PRIMARY:"primary",PRIMARY_NEGATIVE:"primary-negative",SECONDARY:"secondary",SECONDARY_NEGATIVE:"secondary-negative",EXPRESSIVE:"expressive",EXPRESSIVE_NEGATIVE:"expressive-negative"},g={SM:"sm",MD:"md",LG:"lg"};function j(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var m={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var s={}.hasOwnProperty;function u(){for(var t="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(t=i(t,p(n)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return u.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var n in t)s.call(t,n)&&t[n]&&(r=i(r,n));return r}function i(t,r){return r?t?t+" "+r:t+r:t}e.exports?(u.default=u,e.exports=u):window.classNames=u})()})(m);var P=m.exports;const y=j(P),O="_rotate_7s2g1_1",D="_dash_7s2g1_1",l={"purpur-spinner":"_purpur-spinner_7s2g1_1",rotate:O,"purpur-spinner--xxs":"_purpur-spinner--xxs_7s2g1_4","purpur-spinner--xs":"_purpur-spinner--xs_7s2g1_8","purpur-spinner--sm":"_purpur-spinner--sm_7s2g1_12","purpur-spinner--md":"_purpur-spinner--md_7s2g1_16","purpur-spinner--lg":"_purpur-spinner--lg_7s2g1_20","purpur-spinner__circle":"_purpur-spinner__circle_7s2g1_24",dash:D,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_7s2g1_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_7s2g1_36","purpur-spinner__circle--negative-disabled":"_purpur-spinner__circle--negative-disabled_7s2g1_39"},d="purpur-spinner",M={PRIMARY:"primary",DISABLED:"disabled",NEGATIVE:"negative",NEGATIVE_DISABLED:"negative-disabled"},$={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},w=({["data-testid"]:e,size:s=$.SM,variant:u=M.PRIMARY,...p})=>_.jsx("div",{className:y([l[d],l[`${d}--${s}`]]),"data-testid":e,...p,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:y(l[`${d}__circle`],l[`${d}__circle--${u}`]),cx:"25",cy:"25",r:"20"})})});function G(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var x={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var s={}.hasOwnProperty;function u(){for(var t="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(t=i(t,p(n)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return u.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var n in t)s.call(t,n)&&t[n]&&(r=i(r,n));return r}function i(t,r){return r?t?t+" "+r:t+r:t}e.exports?(u.default=u,e.exports=u):window.classNames=u})()})(x);var B=x.exports;const Y=G(B),a={"purpur-button":"_purpur-button_1fna2_1","purpur-button--sm":"_purpur-button--sm_1fna2_33","purpur-button--icon-only":"_purpur-button--icon-only_1fna2_36","purpur-button--md":"_purpur-button--md_1fna2_39","purpur-button--lg":"_purpur-button--lg_1fna2_45","purpur-button--full-width":"_purpur-button--full-width_1fna2_51","purpur-button--primary":"_purpur-button--primary_1fna2_54","purpur-button--disabled":"_purpur-button--disabled_1fna2_58","purpur-button--primary-negative":"_purpur-button--primary-negative_1fna2_64","purpur-button--secondary":"_purpur-button--secondary_1fna2_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_1fna2_87","purpur-button--expressive":"_purpur-button--expressive_1fna2_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_1fna2_108","purpur-button--negative":"_purpur-button--negative_1fna2_120","purpur-button--destructive":"_purpur-button--destructive_1fna2_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_1fna2_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_1fna2_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_1fna2_160","purpur-button--text-negative":"_purpur-button--text-negative_1fna2_175","purpur-button--text":"_purpur-button--text_1fna2_175"},E={...V,DESTRUCTIVE:"destructive",DESTRUCTIVE_NEGATIVE:"destructive-negative",TERTIARY_PURPLE:"tertiary-purple",TERTIARY_PURPLE_NEGATVIE:"tertiary-purple-negative",TEXT:"text",TEXT_NEGATIVE:"text-negative"},C=Object.values(E),o="purpur-button",L=({children:e,className:s,["data-testid"]:u,disabled:p=!1,fullWidth:i=!1,iconOnly:t,loading:r=!1,onClick:n,size:f=g.MD,variant:c,type:T="button",...b},A)=>{if(t&&c==="destructive")return null;const R=Y([a[o],a[`${o}--${c}`],a[`${o}--${f}`]],{[a[`${o}--icon-only`]]:t,[a[`${o}--negative`]]:c.endsWith("negative"),[a[`${o}--full-width`]]:i,[a[`${o}--disabled`]]:p||r},s),I=v=>{p||r?v.preventDefault():n&&n(v)},N=()=>c.endsWith("negative")?"negative-disabled":"disabled";return _.jsxs("button",{className:R,"data-testid":u,type:T,ref:A,"aria-disabled":b["aria-disabled"]||p||r,onClick:I,...b,children:[r&&_.jsx(w,{size:f===g.LG?"xs":"xxs",variant:N()})," ",e]})},S=h.forwardRef(L);S.displayName="Button";exports.BUTTON_VARIANT=E;exports.Button=S;exports.buttonVariants=C;
+//# sourceMappingURL=button.cjs.js.map

package/dist/button.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.cjs.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/button.tsx"],"sourcesContent":["const e = {\n PRIMARY: \"primary\",\n PRIMARY_NEGATIVE: \"primary-negative\",\n SECONDARY: \"secondary\",\n SECONDARY_NEGATIVE: \"secondary-negative\",\n EXPRESSIVE: \"expressive\",\n EXPRESSIVE_NEGATIVE: \"expressive-negative\"\n}, E = Object.values(e), s = {\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, a = Object.values(s);\nexport {\n s as SIZE,\n e as VARIANT,\n a as sizes,\n E as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction g(s) {\n return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, \"default\") ? s.default : s;\n}\nvar l = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n(function(s) {\n (function() {\n var u = {}.hasOwnProperty;\n function n() {\n for (var r = \"\", e = 0; e < arguments.length; e++) {\n var t = arguments[e];\n t && (r = a(r, _(t)));\n }\n return r;\n }\n function _(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return n.apply(null, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var e = \"\";\n for (var t in r)\n u.call(r, t) && r[t] && (e = a(e, t));\n return e;\n }\n function a(r, e) {\n return e ? r ? r + \" \" + e : r + e : r;\n }\n s.exports ? (n.default = n, s.exports = n) : window.classNames = n;\n })();\n})(l);\nvar m = l.exports;\nconst o = /* @__PURE__ */ g(m), v = \"_rotate_7s2g1_1\", S = \"_dash_7s2g1_1\", p = {\n \"purpur-spinner\": \"_purpur-spinner_7s2g1_1\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_7s2g1_4\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_7s2g1_8\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_7s2g1_12\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_7s2g1_16\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_7s2g1_20\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_7s2g1_24\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_7s2g1_33\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_7s2g1_36\",\n \"purpur-spinner__circle--negative-disabled\": \"_purpur-spinner__circle--negative-disabled_7s2g1_39\"\n}, i = \"purpur-spinner\", d = {\n PRIMARY: \"primary\",\n DISABLED: \"disabled\",\n NEGATIVE: \"negative\",\n NEGATIVE_DISABLED: \"negative-disabled\"\n}, b = Object.values(d), f = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, N = Object.values(f), y = ({\n [\"data-testid\"]: s,\n size: u = f.SM,\n variant: n = d.PRIMARY,\n ..._\n}) => /* @__PURE__ */ c(\n \"div\",\n {\n className: o([p[i], p[`${i}--${u}`]]),\n \"data-testid\": s,\n ..._,\n children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n \"circle\",\n {\n className: o(\n p[`${i}__circle`],\n p[`${i}__circle--${n}`]\n ),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n ) })\n }\n);\nexport {\n f as SPINNER_SIZE,\n d as SPINNER_VARIANT,\n y as Spinner,\n N as spinnerSizes,\n b as spinnerVariants\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from \"react\";\nimport { ActionProps, SIZE as BUTTON_SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n ...VARIANT,\n DESTRUCTIVE: \"destructive\",\n DESTRUCTIVE_NEGATIVE: \"destructive-negative\",\n TERTIARY_PURPLE: \"tertiary-purple\",\n TERTIARY_PURPLE_NEGATVIE: \"tertiary-purple-negative\",\n TEXT: \"text\",\n TEXT_NEGATIVE: \"text-negative\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst rootClassName = \"purpur-button\";\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n {\n children,\n className,\n [\"data-testid\"]: dataTestid,\n disabled = false,\n fullWidth = false,\n iconOnly,\n loading = false,\n onClick,\n size = BUTTON_SIZE.MD,\n variant,\n type = \"button\",\n ...props\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) => {\n if (iconOnly && variant === \"destructive\") {\n return null;\n }\n\n const classes = c(\n [\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n styles[`${rootClassName}--${size}`],\n ],\n {\n [styles[`${rootClassName}--icon-only`]]: iconOnly,\n [styles[`${rootClassName}--negative`]]: variant.endsWith(\"negative\"),\n [styles[`${rootClassName}--full-width`]]: fullWidth,\n [styles[`${rootClassName}--disabled`]]: disabled || loading,\n },\n className\n );\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) {\n e.preventDefault();\n } else if (onClick) {\n onClick(e);\n }\n };\n\n const getSpinnerVariant = () => (variant.endsWith(\"negative\") ? \"negative-disabled\" : \"disabled\");\n\n return (\n <button\n className={classes}\n data-testid={dataTestid}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={ref}\n aria-disabled={props[\"aria-disabled\"] || disabled || loading}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner size={size === BUTTON_SIZE.LG ? \"xs\" : \"xxs\"} variant={getSpinnerVariant()} />\n )}{\" \"}\n {children}\n </button>\n );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","g","l","u","n","r","t","a","_","m","o","v","S","p","i","d","f","y","c","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","onClick","size","BUTTON_SIZE","variant","type","props","ref","styles","handleClick","getSpinnerVariant","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/button.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React, { ButtonHTMLAttributes } from "react";
+import { ActionProps } from "@purpurds/action";
+export declare const BUTTON_VARIANT: {
+    readonly DESTRUCTIVE: "destructive";
+    readonly DESTRUCTIVE_NEGATIVE: "destructive-negative";
+    readonly TERTIARY_PURPLE: "tertiary-purple";
+    readonly TERTIARY_PURPLE_NEGATVIE: "tertiary-purple-negative";
+    readonly TEXT: "text";
+    readonly TEXT_NEGATIVE: "text-negative";
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_NEGATIVE: "primary-negative";
+    readonly SECONDARY: "secondary";
+    readonly SECONDARY_NEGATIVE: "secondary-negative";
+    readonly EXPRESSIVE: "expressive";
+    readonly EXPRESSIVE_NEGATIVE: "expressive-negative";
+};
+export declare const buttonVariants: ("destructive" | "destructive-negative" | "tertiary-purple" | "tertiary-purple-negative" | "text" | "text-negative" | "primary" | "primary-negative" | "secondary" | "secondary-negative" | "expressive" | "expressive-negative")[];
+export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
+export type ButtonProps = ActionProps<ButtonVariant> & ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean;
+};
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAwC,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAgC,MAAM,kBAAkB,CAAC;AAM7E,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAQjB,CAAC;AAEX,eAAO,MAAM,cAAc,qOAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAIjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmElE,eAAO,MAAM,MAAM,uFAA8B,CAAC"}

package/dist/button.es.js ADDED Viewed

@@ -0,0 +1,229 @@
+import { jsx as f, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+const h = {
+  PRIMARY: "primary",
+  PRIMARY_NEGATIVE: "primary-negative",
+  SECONDARY: "secondary",
+  SECONDARY_NEGATIVE: "secondary-negative",
+  EXPRESSIVE: "expressive",
+  EXPRESSIVE_NEGATIVE: "expressive-negative"
+}, g = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function V(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var m = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var s = {}.hasOwnProperty;
+    function u() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = i(t, p(n)));
+      }
+      return t;
+    }
+    function p(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return u.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        s.call(t, n) && t[n] && (r = i(r, n));
+      return r;
+    }
+    function i(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+  })();
+})(m);
+var P = m.exports;
+const y = /* @__PURE__ */ V(P), D = "_rotate_7s2g1_1", $ = "_dash_7s2g1_1", c = {
+  "purpur-spinner": "_purpur-spinner_7s2g1_1",
+  rotate: D,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
+  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
+  dash: $,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
+  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
+}, l = "purpur-spinner", w = {
+  PRIMARY: "primary",
+  DISABLED: "disabled",
+  NEGATIVE: "negative",
+  NEGATIVE_DISABLED: "negative-disabled"
+}, M = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, O = ({
+  ["data-testid"]: e,
+  size: s = M.SM,
+  variant: u = w.PRIMARY,
+  ...p
+}) => /* @__PURE__ */ f(
+  "div",
+  {
+    className: y([c[l], c[`${l}--${s}`]]),
+    "data-testid": e,
+    ...p,
+    children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+      "circle",
+      {
+        className: y(
+          c[`${l}__circle`],
+          c[`${l}__circle--${u}`]
+        ),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function G(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var E = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var s = {}.hasOwnProperty;
+    function u() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = i(t, p(n)));
+      }
+      return t;
+    }
+    function p(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return u.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        s.call(t, n) && t[n] && (r = i(r, n));
+      return r;
+    }
+    function i(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+  })();
+})(E);
+var j = E.exports;
+const Y = /* @__PURE__ */ G(j), a = {
+  "purpur-button": "_purpur-button_1fna2_1",
+  "purpur-button--sm": "_purpur-button--sm_1fna2_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
+  "purpur-button--md": "_purpur-button--md_1fna2_39",
+  "purpur-button--lg": "_purpur-button--lg_1fna2_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1fna2_51",
+  "purpur-button--primary": "_purpur-button--primary_1fna2_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1fna2_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1fna2_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1fna2_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1fna2_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1fna2_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1fna2_108",
+  "purpur-button--negative": "_purpur-button--negative_1fna2_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1fna2_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1fna2_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1fna2_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
+  "purpur-button--text": "_purpur-button--text_1fna2_175"
+}, B = {
+  ...h,
+  DESTRUCTIVE: "destructive",
+  DESTRUCTIVE_NEGATIVE: "destructive-negative",
+  TERTIARY_PURPLE: "tertiary-purple",
+  TERTIARY_PURPLE_NEGATVIE: "tertiary-purple-negative",
+  TEXT: "text",
+  TEXT_NEGATIVE: "text-negative"
+}, W = Object.values(B), o = "purpur-button", C = ({
+  children: e,
+  className: s,
+  ["data-testid"]: u,
+  disabled: p = !1,
+  fullWidth: i = !1,
+  iconOnly: t,
+  loading: r = !1,
+  onClick: n,
+  size: d = g.MD,
+  variant: _,
+  type: x = "button",
+  ...b
+}, S) => {
+  if (t && _ === "destructive")
+    return null;
+  const A = Y(
+    [
+      a[o],
+      a[`${o}--${_}`],
+      a[`${o}--${d}`]
+    ],
+    {
+      [a[`${o}--icon-only`]]: t,
+      [a[`${o}--negative`]]: _.endsWith("negative"),
+      [a[`${o}--full-width`]]: i,
+      [a[`${o}--disabled`]]: p || r
+    },
+    s
+  ), T = (v) => {
+    p || r ? v.preventDefault() : n && n(v);
+  }, R = () => _.endsWith("negative") ? "negative-disabled" : "disabled";
+  return /* @__PURE__ */ I(
+    "button",
+    {
+      className: A,
+      "data-testid": u,
+      type: x,
+      ref: S,
+      "aria-disabled": b["aria-disabled"] || p || r,
+      onClick: T,
+      ...b,
+      children: [
+        r && /* @__PURE__ */ f(O, { size: d === g.LG ? "xs" : "xxs", variant: R() }),
+        " ",
+        e
+      ]
+    }
+  );
+}, L = N(C);
+L.displayName = "Button";
+export {
+  B as BUTTON_VARIANT,
+  L as Button,
+  W as buttonVariants
+};
+//# sourceMappingURL=button.es.js.map

package/dist/button.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.es.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/button.tsx"],"sourcesContent":["const e = {\n PRIMARY: \"primary\",\n PRIMARY_NEGATIVE: \"primary-negative\",\n SECONDARY: \"secondary\",\n SECONDARY_NEGATIVE: \"secondary-negative\",\n EXPRESSIVE: \"expressive\",\n EXPRESSIVE_NEGATIVE: \"expressive-negative\"\n}, E = Object.values(e), s = {\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, a = Object.values(s);\nexport {\n s as SIZE,\n e as VARIANT,\n a as sizes,\n E as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction g(s) {\n return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, \"default\") ? s.default : s;\n}\nvar l = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n(function(s) {\n (function() {\n var u = {}.hasOwnProperty;\n function n() {\n for (var r = \"\", e = 0; e < arguments.length; e++) {\n var t = arguments[e];\n t && (r = a(r, _(t)));\n }\n return r;\n }\n function _(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return n.apply(null, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var e = \"\";\n for (var t in r)\n u.call(r, t) && r[t] && (e = a(e, t));\n return e;\n }\n function a(r, e) {\n return e ? r ? r + \" \" + e : r + e : r;\n }\n s.exports ? (n.default = n, s.exports = n) : window.classNames = n;\n })();\n})(l);\nvar m = l.exports;\nconst o = /* @__PURE__ */ g(m), v = \"_rotate_7s2g1_1\", S = \"_dash_7s2g1_1\", p = {\n \"purpur-spinner\": \"_purpur-spinner_7s2g1_1\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_7s2g1_4\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_7s2g1_8\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_7s2g1_12\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_7s2g1_16\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_7s2g1_20\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_7s2g1_24\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_7s2g1_33\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_7s2g1_36\",\n \"purpur-spinner__circle--negative-disabled\": \"_purpur-spinner__circle--negative-disabled_7s2g1_39\"\n}, i = \"purpur-spinner\", d = {\n PRIMARY: \"primary\",\n DISABLED: \"disabled\",\n NEGATIVE: \"negative\",\n NEGATIVE_DISABLED: \"negative-disabled\"\n}, b = Object.values(d), f = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, N = Object.values(f), y = ({\n [\"data-testid\"]: s,\n size: u = f.SM,\n variant: n = d.PRIMARY,\n ..._\n}) => /* @__PURE__ */ c(\n \"div\",\n {\n className: o([p[i], p[`${i}--${u}`]]),\n \"data-testid\": s,\n ..._,\n children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n \"circle\",\n {\n className: o(\n p[`${i}__circle`],\n p[`${i}__circle--${n}`]\n ),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n ) })\n }\n);\nexport {\n f as SPINNER_SIZE,\n d as SPINNER_VARIANT,\n y as Spinner,\n N as spinnerSizes,\n b as spinnerVariants\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from \"react\";\nimport { ActionProps, SIZE as BUTTON_SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n ...VARIANT,\n DESTRUCTIVE: \"destructive\",\n DESTRUCTIVE_NEGATIVE: \"destructive-negative\",\n TERTIARY_PURPLE: \"tertiary-purple\",\n TERTIARY_PURPLE_NEGATVIE: \"tertiary-purple-negative\",\n TEXT: \"text\",\n TEXT_NEGATIVE: \"text-negative\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst rootClassName = \"purpur-button\";\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n {\n children,\n className,\n [\"data-testid\"]: dataTestid,\n disabled = false,\n fullWidth = false,\n iconOnly,\n loading = false,\n onClick,\n size = BUTTON_SIZE.MD,\n variant,\n type = \"button\",\n ...props\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) => {\n if (iconOnly && variant === \"destructive\") {\n return null;\n }\n\n const classes = c(\n [\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n styles[`${rootClassName}--${size}`],\n ],\n {\n [styles[`${rootClassName}--icon-only`]]: iconOnly,\n [styles[`${rootClassName}--negative`]]: variant.endsWith(\"negative\"),\n [styles[`${rootClassName}--full-width`]]: fullWidth,\n [styles[`${rootClassName}--disabled`]]: disabled || loading,\n },\n className\n );\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) {\n e.preventDefault();\n } else if (onClick) {\n onClick(e);\n }\n };\n\n const getSpinnerVariant = () => (variant.endsWith(\"negative\") ? \"negative-disabled\" : \"disabled\");\n\n return (\n <button\n className={classes}\n data-testid={dataTestid}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={ref}\n aria-disabled={props[\"aria-disabled\"] || disabled || loading}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner size={size === BUTTON_SIZE.LG ? \"xs\" : \"xxs\"} variant={getSpinnerVariant()} />\n )}{\" \"}\n {children}\n </button>\n );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","g","l","u","n","r","t","a","_","m","o","v","S","p","i","d","f","y","c","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","onClick","size","BUTTON_SIZE","variant","type","props","ref","styles","handleClick","getSpinnerVariant","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/button.system.js ADDED Viewed

@@ -0,0 +1,10 @@
+System.register(["react","react/jsx-runtime"],function(b,X){"use strict";var g,v,c;return{setters:[_=>{g=_.forwardRef,v=_.default},_=>{c=_.jsx}],execute:function(){const _={PRIMARY:"primary",PRIMARY_NEGATIVE:"primary-negative",SECONDARY:"secondary",SECONDARY_NEGATIVE:"secondary-negative",EXPRESSIVE:"expressive",EXPRESSIVE_NEGATIVE:"expressive-negative"},y={SM:"sm",MD:"md",LG:"lg"};function R(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var m={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var a={}.hasOwnProperty;function u(){for(var t="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(t=o(t,p(n)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return u.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var n in t)a.call(t,n)&&t[n]&&(r=o(r,n));return r}function o(t,r){return r?t?t+" "+r:t+r:t}e.exports?(u.default=u,e.exports=u):window.classNames=u})()})(m);var I=m.exports;const E=R(I),N="_rotate_7s2g1_1",V="_dash_7s2g1_1",l={"purpur-spinner":"_purpur-spinner_7s2g1_1",rotate:N,"purpur-spinner--xxs":"_purpur-spinner--xxs_7s2g1_4","purpur-spinner--xs":"_purpur-spinner--xs_7s2g1_8","purpur-spinner--sm":"_purpur-spinner--sm_7s2g1_12","purpur-spinner--md":"_purpur-spinner--md_7s2g1_16","purpur-spinner--lg":"_purpur-spinner--lg_7s2g1_20","purpur-spinner__circle":"_purpur-spinner__circle_7s2g1_24",dash:V,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_7s2g1_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_7s2g1_36","purpur-spinner__circle--negative-disabled":"_purpur-spinner__circle--negative-disabled_7s2g1_39"},f="purpur-spinner",h={PRIMARY:"primary",DISABLED:"disabled",NEGATIVE:"negative",NEGATIVE_DISABLED:"negative-disabled"},P={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},w=({["data-testid"]:e,size:a=P.SM,variant:u=h.PRIMARY,...p})=>c("div",{className:E([l[f],l[`${f}--${a}`]]),"data-testid":e,...p,children:c("svg",{viewBox:"0 0 50 50",children:c("circle",{className:E(l[`${f}__circle`],l[`${f}__circle--${u}`]),cx:"25",cy:"25",r:"20"})})});function D(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var x={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(e){(function(){var a={}.hasOwnProperty;function u(){for(var t="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(t=o(t,p(n)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return u.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var n in t)a.call(t,n)&&t[n]&&(r=o(r,n));return r}function o(t,r){return r?t?t+" "+r:t+r:t}e.exports?(u.default=u,e.exports=u):window.classNames=u})()})(x);var O=x.exports;const $=D(O),s={"purpur-button":"_purpur-button_1fna2_1","purpur-button--sm":"_purpur-button--sm_1fna2_33","purpur-button--icon-only":"_purpur-button--icon-only_1fna2_36","purpur-button--md":"_purpur-button--md_1fna2_39","purpur-button--lg":"_purpur-button--lg_1fna2_45","purpur-button--full-width":"_purpur-button--full-width_1fna2_51","purpur-button--primary":"_purpur-button--primary_1fna2_54","purpur-button--disabled":"_purpur-button--disabled_1fna2_58","purpur-button--primary-negative":"_purpur-button--primary-negative_1fna2_64","purpur-button--secondary":"_purpur-button--secondary_1fna2_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_1fna2_87","purpur-button--expressive":"_purpur-button--expressive_1fna2_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_1fna2_108","purpur-button--negative":"_purpur-button--negative_1fna2_120","purpur-button--destructive":"_purpur-button--destructive_1fna2_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_1fna2_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_1fna2_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_1fna2_160","purpur-button--text-negative":"_purpur-button--text-negative_1fna2_175","purpur-button--text":"_purpur-button--text_1fna2_175"},M=b("BUTTON_VARIANT",{..._,DESTRUCTIVE:"destructive",DESTRUCTIVE_NEGATIVE:"destructive-negative",TERTIARY_PURPLE:"tertiary-purple",TERTIARY_PURPLE_NEGATVIE:"tertiary-purple-negative",TEXT:"text",TEXT_NEGATIVE:"text-negative"}),U=b("buttonVariants",Object.values(M)),i="purpur-button",j=b("Button",g(({children:e,className:a,["data-testid"]:u,disabled:p=!1,fullWidth:o=!1,iconOnly:t,loading:r=!1,onClick:n,size:S=y.MD,variant:d,type:G="button",...A},B)=>{if(t&&d==="destructive")return null;const C=$([s[i],s[`${i}--${d}`],s[`${i}--${S}`]],{[s[`${i}--icon-only`]]:t,[s[`${i}--negative`]]:d.endsWith("negative"),[s[`${i}--full-width`]]:o,[s[`${i}--disabled`]]:p||r},a),Y=T=>{p||r?T.preventDefault():n&&n(T)},L=()=>d.endsWith("negative")?"negative-disabled":"disabled";return v.createElement("button",{className:C,"data-testid":u,type:G,ref:B,"aria-disabled":A["aria-disabled"]||p||r,onClick:Y,...A},r&&v.createElement(w,{size:S===y.LG?"xs":"xxs",variant:L()})," ",e)}));j.displayName="Button"}}});
+//# sourceMappingURL=button.system.js.map

package/dist/button.system.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.system.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/button.tsx"],"sourcesContent":["const e = {\n PRIMARY: \"primary\",\n PRIMARY_NEGATIVE: \"primary-negative\",\n SECONDARY: \"secondary\",\n SECONDARY_NEGATIVE: \"secondary-negative\",\n EXPRESSIVE: \"expressive\",\n EXPRESSIVE_NEGATIVE: \"expressive-negative\"\n}, E = Object.values(e), s = {\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, a = Object.values(s);\nexport {\n s as SIZE,\n e as VARIANT,\n a as sizes,\n E as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction g(s) {\n return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, \"default\") ? s.default : s;\n}\nvar l = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n(function(s) {\n (function() {\n var u = {}.hasOwnProperty;\n function n() {\n for (var r = \"\", e = 0; e < arguments.length; e++) {\n var t = arguments[e];\n t && (r = a(r, _(t)));\n }\n return r;\n }\n function _(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return n.apply(null, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var e = \"\";\n for (var t in r)\n u.call(r, t) && r[t] && (e = a(e, t));\n return e;\n }\n function a(r, e) {\n return e ? r ? r + \" \" + e : r + e : r;\n }\n s.exports ? (n.default = n, s.exports = n) : window.classNames = n;\n })();\n})(l);\nvar m = l.exports;\nconst o = /* @__PURE__ */ g(m), v = \"_rotate_7s2g1_1\", S = \"_dash_7s2g1_1\", p = {\n \"purpur-spinner\": \"_purpur-spinner_7s2g1_1\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_7s2g1_4\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_7s2g1_8\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_7s2g1_12\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_7s2g1_16\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_7s2g1_20\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_7s2g1_24\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_7s2g1_33\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_7s2g1_36\",\n \"purpur-spinner__circle--negative-disabled\": \"_purpur-spinner__circle--negative-disabled_7s2g1_39\"\n}, i = \"purpur-spinner\", d = {\n PRIMARY: \"primary\",\n DISABLED: \"disabled\",\n NEGATIVE: \"negative\",\n NEGATIVE_DISABLED: \"negative-disabled\"\n}, b = Object.values(d), f = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, N = Object.values(f), y = ({\n [\"data-testid\"]: s,\n size: u = f.SM,\n variant: n = d.PRIMARY,\n ..._\n}) => /* @__PURE__ */ c(\n \"div\",\n {\n className: o([p[i], p[`${i}--${u}`]]),\n \"data-testid\": s,\n ..._,\n children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n \"circle\",\n {\n className: o(\n p[`${i}__circle`],\n p[`${i}__circle--${n}`]\n ),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n ) })\n }\n);\nexport {\n f as SPINNER_SIZE,\n d as SPINNER_VARIANT,\n y as Spinner,\n N as spinnerSizes,\n b as spinnerVariants\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from \"react\";\nimport { ActionProps, SIZE as BUTTON_SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n ...VARIANT,\n DESTRUCTIVE: \"destructive\",\n DESTRUCTIVE_NEGATIVE: \"destructive-negative\",\n TERTIARY_PURPLE: \"tertiary-purple\",\n TERTIARY_PURPLE_NEGATVIE: \"tertiary-purple-negative\",\n TEXT: \"text\",\n TEXT_NEGATIVE: \"text-negative\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst rootClassName = \"purpur-button\";\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n {\n children,\n className,\n [\"data-testid\"]: dataTestid,\n disabled = false,\n fullWidth = false,\n iconOnly,\n loading = false,\n onClick,\n size = BUTTON_SIZE.MD,\n variant,\n type = \"button\",\n ...props\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) => {\n if (iconOnly && variant === \"destructive\") {\n return null;\n }\n\n const classes = c(\n [\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n styles[`${rootClassName}--${size}`],\n ],\n {\n [styles[`${rootClassName}--icon-only`]]: iconOnly,\n [styles[`${rootClassName}--negative`]]: variant.endsWith(\"negative\"),\n [styles[`${rootClassName}--full-width`]]: fullWidth,\n [styles[`${rootClassName}--disabled`]]: disabled || loading,\n },\n className\n );\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) {\n e.preventDefault();\n } else if (onClick) {\n onClick(e);\n }\n };\n\n const getSpinnerVariant = () => (variant.endsWith(\"negative\") ? \"negative-disabled\" : \"disabled\");\n\n return (\n <button\n className={classes}\n data-testid={dataTestid}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={ref}\n aria-disabled={props[\"aria-disabled\"] || disabled || loading}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner size={size === BUTTON_SIZE.LG ? \"xs\" : \"xxs\"} variant={getSpinnerVariant()} />\n )}{\" \"}\n {children}\n </button>\n );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","g","l","u","n","r","t","a","_","m","o","v","S","p","i","d","f","y","c","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","exports","VARIANT","buttonVariants","rootClassName","Button","forwardRef","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","onClick","size","BUTTON_SIZE","variant","type","props","ref","styles","handleClick","getSpinnerVariant","React","Spinner"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ ._purpur-button_1fna2_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-button_1fna2_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-button_1fna2_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_1fna2_1 svg{display:block}._purpur-button--sm_1fna2_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_1fna2_33._purpur-button--icon-only_1fna2_36{padding:var(--purpur-spacing-100)}._purpur-button--md_1fna2_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_1fna2_39._purpur-button--icon-only_1fna2_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_1fna2_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_1fna2_45._purpur-button--icon-only_1fna2_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_1fna2_51{width:100%}._purpur-button--primary_1fna2_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_1fna2_54:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_1fna2_54:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_1fna2_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_1fna2_64:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-button--primary-negative_1fna2_64:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-button--secondary_1fna2_76{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-button--secondary_1fna2_76:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_1fna2_76:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_1fna2_87{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--secondary-negative_1fna2_87:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-button--secondary-negative_1fna2_87:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-button--expressive_1fna2_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_1fna2_98:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_1fna2_98:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_1fna2_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_1fna2_108:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-button--expressive-negative_1fna2_108:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-button--negative_1fna2_120._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_1fna2_76._purpur-button--disabled_1fna2_58,._purpur-button--secondary-negative_1fna2_87._purpur-button--disabled_1fna2_58{box-shadow:none}._purpur-button--destructive_1fna2_127{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_1fna2_127:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_1fna2_127:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_1fna2_137{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_1fna2_137:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_1fna2_137:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_1fna2_147{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_1fna2_147._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple_1fna2_147:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_1fna2_147:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_1fna2_160{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_1fna2_160._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple-negative_1fna2_160:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--tertiary-purple-negative_1fna2_160:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text-negative_1fna2_175{border-radius:0;padding-left:0;padding-right:0;background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_1fna2_175:focus-visible:before{border-radius:0}._purpur-button--text-negative_1fna2_175._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--text-negative_1fna2_175:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--text-negative_1fna2_175:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text_1fna2_175{border-radius:0;padding-left:0;padding-right:0;background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_1fna2_175:focus-visible:before{border-radius:0}._purpur-button--text_1fna2_175._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-weak)}._purpur-button--text_1fna2_175:hover:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_1fna2_175:active:not(._purpur-button--disabled_1fna2_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_1fna2_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}

package/package.json ADDED Viewed

@@ -0,0 +1,63 @@
+{
+  "name": "@purpurds/button",
+  "version": "3.0.0",
+  "license": "AGPL-3.0-only",
+  "main": "./dist/button.cjs.js",
+  "types": "./dist/button.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/button.cjs.js",
+      "systemjs": "./dist/button.system.js",
+      "types": "./dist/button.d.ts",
+      "default": "./dist/button.es.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "source": "src/button.tsx",
+  "dependencies": {
+    "classnames": "~2.5.0",
+    "@purpurds/action": "3.0.0",
+    "@purpurds/icon": "3.0.0",
+    "@purpurds/tokens": "3.0.0",
+    "@purpurds/spinner": "3.0.0"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "~1.7.0",
+    "@storybook/blocks": "~7.6.0",
+    "@storybook/react": "~7.6.0",
+    "@telia/base-rig": "~8.2.0",
+    "@telia/react-rig": "~3.2.0",
+    "@testing-library/dom": "~9.3.3",
+    "@testing-library/jest-dom": "~6.3.0",
+    "@testing-library/react": "~14.1.2",
+    "@types/node": "18",
+    "@types/react-dom": "~18.2.17",
+    "@types/react": "~18.2.42",
+    "eslint-plugin-testing-library": "~6.2.0",
+    "eslint": "~8.56.0",
+    "jsdom": "~22.1.0",
+    "lint-staged": "~10.5.3",
+    "prettier": "~2.8.8",
+    "react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "typescript": "~5.2.2",
+    "vite": "~5.0.6",
+    "vitest": "~1.2.0",
+    "@purpurds/component-rig": "1.0.0",
+    "@purpurds/icon": "3.0.0"
+  },
+  "scripts": {
+    "build:dev": "vite",
+    "build:watch": "vite build --watch",
+    "build": "rm -rf dist && vite build && vite build --mode systemjs",
+    "ci:build": "rushx build",
+    "coverage": "vitest run --coverage",
+    "lint:fix": "eslint . --fix",
+    "lint": "lint-staged --no-stash 2>&1",
+    "sbdev": "rush sbdev",
+    "test:unit": "vitest run --passWithNoTests",
+    "test:watch": "vitest --watch",
+    "test": "rushx test:unit",
+    "typecheck": "tsc -p ./tsconfig.json"
+  }
+}

package/readme.mdx ADDED Viewed

@@ -0,0 +1,56 @@
+import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
+import * as ButtonStories from "./src/button.stories";
+import packageInfo from "./package.json";
+<Meta name="Docs" title="Components/Button" of={ButtonStories} />
+# Button
+<Subtitle>Version {packageInfo.version}</Subtitle>
+### Showcase
+<Primary />
+### Properties
+<ArgTypes />
+### Installation
+#### Via NPM
+Add the dependency to your consumer app like `"@purpurds/button": "x.y.z"`
+#### From outside the monorepo (build-time)
+To install this package, you need to setup access to the artifactory. [Click here to go to the guide on how to do that](https://github.com/telia-company/jfrog-documentation/blob/main/doc/JFrog/JFrog_Onboarding.md#getting-access-to-artifactory-and-other-jfrog-applications).
+---
+In MyApp.tsx
+```tsx
+import "@purpurds/tokens/index.css";
+```
+and
+```tsx
+import "@purpurds/button/styles";
+```
+In MyComponent.tsx
+```tsx
+import { Button } from "@purpurds/button";
+export const MyComponent = () => {
+  return (
+    <div>
+      <Button {...someProps}>Some content</Button>
+    </div>
+  );
+};
+```

package/src/button.module.scss ADDED Viewed

@@ -0,0 +1,125 @@
+@import "@purpurds/action/src/action.scss";
+$root: ".purpur-button";
+@mixin purple-negative {
+  background-color: var(--purpur-color-background-interactive-transparent);
+  color: var(--purpur-color-text-interactive-primary-negative);
+  &#{$root}--disabled {
+    background-color: var(--purpur-color-background-interactive-transparent);
+  }
+  &:hover:not(#{$root}--disabled) {
+    background-color: var(--purpur-color-background-interactive-transparent-negative-hover);
+    color: var(--purpur-color-text-interactive-primary-negative-hover);
+  }
+  &:active:not(#{$root}--disabled) {
+    background-color: var(--purpur-color-background-interactive-transparent-negative-active);
+    color: var(--purpur-color-text-interactive-primary-negative-active);
+  }
+}
+@mixin red {
+  background-color: var(--purpur-color-background-interactive-destructive);
+  color: var(--purpur-color-text-interactive-on-destructive);
+  &:hover:not(#{$root}--disabled) {
+    background-color: var(--purpur-color-background-interactive-destructive-hover);
+  }
+  &:active:not(#{$root}--disabled) {
+    background-color: var(--purpur-color-background-interactive-destructive-active);
+  }
+}
+@mixin square {
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+  &:focus-visible {
+    &::before {
+      border-radius: 0;
+    }
+  }
+}
+#{$root} {
+  @include action();
+  &--negative {
+    &#{$root}--disabled {
+      background-color: var(--purpur-color-background-interactive-disabled-negative);
+      color: var(--purpur-color-text-weak-negative);
+    }
+  }
+  &--secondary,
+  &--secondary-negative {
+    &#{$root}--disabled {
+      box-shadow: none;
+    }
+  }
+  &--destructive {
+    @include red();
+  }
+  &--destructive-negative {
+    @include red();
+  }
+  &--tertiary-purple {
+    background-color: var(--purpur-color-background-interactive-transparent);
+    color: var(--purpur-color-text-interactive-primary);
+    &#{$root}--disabled {
+      background-color: var(--purpur-color-background-interactive-transparent);
+    }
+    &:hover:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-hover);
+    }
+    &:active:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-active);
+    }
+  }
+  &--tertiary-purple-negative {
+    @include purple-negative();
+  }
+  &--text-negative {
+    @include square();
+    @include purple-negative();
+  }
+  &--text {
+    @include square();
+    background-color: var(--purpur-color-background-interactive-transparent);
+    color: var(--purpur-color-text-interactive-primary);
+    &#{$root}--disabled {
+      background-color: var(--purpur-color-background-interactive-transparent);
+      color: var(--purpur-color-text-weak);
+    }
+    &:hover:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-hover);
+    }
+    &:active:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-active);
+    }
+  }
+  &--disabled {
+    background-color: var(--purpur-color-background-interactive-disabled);
+    color: var(--purpur-color-text-weak);
+    cursor: not-allowed;
+  }
+}

package/src/button.stories.tsx ADDED Viewed

@@ -0,0 +1,109 @@
+import React from "react";
+import { sizes } from "@purpurds/action";
+import { Icon, plus } from "@purpurds/icon";
+import type { Meta, StoryObj } from "@storybook/react";
+import "@purpurds/icon/styles";
+import "@purpurds/spinner/styles";
+import { Button, ButtonVariant, buttonVariants } from "./button";
+const meta: Meta<typeof Button> = {
+  title: "Inputs/Button",
+  component: Button,
+  parameters: {
+    design: [
+      {
+        name: "Button",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-Library?type=design&node-id=0%3A1&mode=design&t=XdU5MnI58cJ1D1e5-1",
+      },
+    ],
+  },
+  argTypes: {
+    disabled: { control: { type: "boolean" } },
+    fullWidth: { control: { type: "boolean" } },
+    size: {
+      options: sizes,
+      control: { type: "select" },
+    },
+    variant: {
+      options: buttonVariants,
+      control: { type: "select" },
+    },
+    ["data-testid"]: { control: { type: "text" } },
+    className: { control: { type: "text" } },
+    children: { control: { type: "text" } },
+  },
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+const adaptiveBackground = (variant: ButtonVariant) => ({
+  margin: "calc(var(--purpur-spacing-250) * -1)",
+  padding: "var(--purpur-spacing-250)",
+  background: variant?.includes("negative") ? "var(--purpur-color-purple-900)" : "transparent",
+});
+export const Showcase: Story = {
+  args: {
+    children: "Button label",
+    disabled: false,
+    fullWidth: false,
+    variant: "primary",
+  },
+  render: ({ children, ...args }) => (
+    <div style={adaptiveBackground(args.variant)}>
+      <Button {...args}>{children}</Button>
+    </div>
+  ),
+};
+export const ButtonWithLeftIcon: Story = {
+  name: "Button with left icon",
+  args: {
+    children: "Button label",
+    variant: "primary",
+  },
+  render: ({ children, ...args }) => (
+    <div style={adaptiveBackground(args.variant)}>
+      <Button {...args}>
+        <Icon svg={plus} size="xs" /> {children}
+      </Button>
+    </div>
+  ),
+};
+export const ButtonWithRightIcon: Story = {
+  name: "Button with right icon",
+  args: {
+    children: "Button label",
+    variant: "primary",
+  },
+  render: ({ children, ...args }) => (
+    <div style={adaptiveBackground(args.variant)}>
+      <Button {...args}>
+        {children} <Icon svg={plus} size="xs" />
+      </Button>
+    </div>
+  ),
+};
+export const ButtonWithOnlyIcon: Story = {
+  name: "Button with only icon",
+  parameters: {
+    controls: { exclude: ["children"] },
+  },
+  args: {
+    variant: "primary",
+    iconOnly: true,
+    ["aria-label"]: "Button label",
+  },
+  render: ({ ...args }) => (
+    <div style={adaptiveBackground(args.variant)}>
+      <Button {...args}>
+        <Icon svg={plus} size="xs" />
+      </Button>
+    </div>
+  ),
+};

package/src/button.test.tsx ADDED Viewed

@@ -0,0 +1,45 @@
+import React from "react";
+import * as matchers from "@testing-library/jest-dom/matchers";
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { Button } from "./button";
+expect.extend(matchers);
+describe("Button", () => {
+  afterEach(() => {
+    cleanup();
+  });
+  it("should render", () => {
+    render(
+      <Button variant="primary" data-testid="button">
+        Some text content
+      </Button>
+    );
+    expect(screen.getByTestId("button")).toHaveTextContent("Some text content");
+  });
+  it("should use correct class for primary variant", () => {
+    render(
+      <Button variant="primary" data-testid="button">
+        Some text content
+      </Button>
+    );
+    expect(screen.getByTestId("button").classList.contains("purpur-button--primary")).toBeTruthy();
+  });
+  it("should handle click", () => {
+    const handleClick = vi.fn();
+    render(
+      <Button variant="secondary" onClick={handleClick}>
+        Click Me
+      </Button>
+    );
+    fireEvent.click(screen.getByText(/click me/i));
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+});

package/src/button.tsx ADDED Viewed

@@ -0,0 +1,92 @@
+import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from "react";
+import { ActionProps, SIZE as BUTTON_SIZE, VARIANT } from "@purpurds/action";
+import { Spinner } from "@purpurds/spinner";
+import c from "classnames";
+import styles from "./button.module.scss";
+export const BUTTON_VARIANT = {
+  ...VARIANT,
+  DESTRUCTIVE: "destructive",
+  DESTRUCTIVE_NEGATIVE: "destructive-negative",
+  TERTIARY_PURPLE: "tertiary-purple",
+  TERTIARY_PURPLE_NEGATVIE: "tertiary-purple-negative",
+  TEXT: "text",
+  TEXT_NEGATIVE: "text-negative",
+} as const;
+export const buttonVariants = Object.values(BUTTON_VARIANT);
+export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
+const rootClassName = "purpur-button";
+export type ButtonProps = ActionProps<ButtonVariant> &
+  ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };
+const ButtonComponent = (
+  {
+    children,
+    className,
+    ["data-testid"]: dataTestid,
+    disabled = false,
+    fullWidth = false,
+    iconOnly,
+    loading = false,
+    onClick,
+    size = BUTTON_SIZE.MD,
+    variant,
+    type = "button",
+    ...props
+  }: ButtonProps,
+  ref: ForwardedRef<HTMLButtonElement>
+) => {
+  if (iconOnly && variant === "destructive") {
+    return null;
+  }
+  const classes = c(
+    [
+      styles[rootClassName],
+      styles[`${rootClassName}--${variant}`],
+      styles[`${rootClassName}--${size}`],
+    ],
+    {
+      [styles[`${rootClassName}--icon-only`]]: iconOnly,
+      [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
+      [styles[`${rootClassName}--full-width`]]: fullWidth,
+      [styles[`${rootClassName}--disabled`]]: disabled || loading,
+    },
+    className
+  );
+  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {
+    if (disabled || loading) {
+      e.preventDefault();
+    } else if (onClick) {
+      onClick(e);
+    }
+  };
+  const getSpinnerVariant = () => (variant.endsWith("negative") ? "negative-disabled" : "disabled");
+  return (
+    <button
+      className={classes}
+      data-testid={dataTestid}
+      // eslint-disable-next-line react/button-has-type
+      type={type}
+      ref={ref}
+      aria-disabled={props["aria-disabled"] || disabled || loading}
+      onClick={handleClick}
+      {...props}
+    >
+      {loading && (
+        <Spinner size={size === BUTTON_SIZE.LG ? "xs" : "xxs"} variant={getSpinnerVariant()} />
+      )}{" "}
+      {children}
+    </button>
+  );
+};
+export const Button = forwardRef(ButtonComponent);
+Button.displayName = "Button";

package/src/global.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+declare module "*.scss" {
+  const styles: { [className: string]: string };
+  export default styles;
+}