@purpurds/button 4.6.0 → 5.1.0

package/dist/LICENSE.txt

@@ -1,12 +1,12 @@
 Name: @purpurds/action
-Version: 4.5.1
+Version: 5.0.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/spinner
-Version: 4.5.1
+Version: 5.0.0
 License: AGPL-3.0-only
 Private: false
 

package/dist/button.cjs.js

@@ -1,10 +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:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),T=require("react"),O={PRIMARY:"primary",PRIMARY_NEGATIVE:"primary-negative",SECONDARY:"secondary",SECONDARY_NEGATIVE:"secondary-negative",EXPRESSIVE:"expressive",EXPRESSIVE_NEGATIVE:"expressive-negative"},x={SM:"sm",MD:"md",LG:"lg"};function $(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var g={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 n(){for(var t="",r=0;r<arguments.length;r++){var u=arguments[r];u&&(t=i(t,p(u)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var u in t)s.call(t,u)&&t[u]&&(r=i(r,u));return r}function i(t,r){return r?t?t+" "+r:t+r:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(m);var P=m.exports;const f=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"},v="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:n=M.PRIMARY,...p})=>_.jsx("div",{className:f([l[v],l[`${v}--${s}`]]),"data-testid":e,...p,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:f(l[`${v}__circle`],l[`${v}__circle--${n}`]),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:{}};/*!
+*/(function(u){(function(){var o={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=s(t,p(e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)o.call(t,e)&&t[e]&&(r=s(r,e));return r}function s(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()})(g);var z=g.exports;const m=$(z),w="_rotate_1xozj_1",I="_dash_1xozj_1",_={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:w,"purpur-spinner--xxs":"_purpur-spinner--xxs_1xozj_4","purpur-spinner--xs":"_purpur-spinner--xs_1xozj_8","purpur-spinner--sm":"_purpur-spinner--sm_1xozj_12","purpur-spinner--md":"_purpur-spinner--md_1xozj_16","purpur-spinner--lg":"_purpur-spinner--lg_1xozj_20","purpur-spinner__circle":"_purpur-spinner__circle_1xozj_24",dash:I,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},c="purpur-spinner",M={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},P=({["data-testid"]:u,disabled:o=!1,negative:n=!1,size:p=M.SM,...s})=>l.jsx("div",{className:m([_[c],_[`${c}--${p}`]]),"data-testid":u,...s,children:l.jsx("svg",{viewBox:"0 0 50 50",children:l.jsx("circle",{className:m(_[`${c}__circle`],{[_[`${c}__circle--disabled`]]:o,[_[`${c}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function V(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var j={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 n(){for(var t="",r=0;r<arguments.length;r++){var u=arguments[r];u&&(t=i(t,p(u)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var u in t)s.call(t,u)&&t[u]&&(r=i(r,u));return r}function i(t,r){return r?t?t+" "+r:t+r:t}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(x);var B=x.exports;const Y=G(B),o={"purpur-button":"_purpur-button_u2yv5_1","purpur-button--sm":"_purpur-button--sm_u2yv5_33","purpur-button--icon-only":"_purpur-button--icon-only_u2yv5_36","purpur-button--md":"_purpur-button--md_u2yv5_39","purpur-button--lg":"_purpur-button--lg_u2yv5_45","purpur-button--full-width":"_purpur-button--full-width_u2yv5_51","purpur-button--primary":"_purpur-button--primary_u2yv5_54","purpur-button--disabled":"_purpur-button--disabled_u2yv5_58","purpur-button--primary-negative":"_purpur-button--primary-negative_u2yv5_64","purpur-button--secondary":"_purpur-button--secondary_u2yv5_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_u2yv5_87","purpur-button--expressive":"_purpur-button--expressive_u2yv5_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_u2yv5_108","purpur-button--negative":"_purpur-button--negative_u2yv5_120","purpur-button--destructive":"_purpur-button--destructive_u2yv5_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_u2yv5_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_u2yv5_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_u2yv5_160","purpur-button--text-negative":"_purpur-button--text-negative_u2yv5_175","purpur-button--text":"_purpur-button--text_u2yv5_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),a="purpur-button",L=({children:e,className:s,["data-testid"]:n,disabled:p=!1,fullWidth:i=!1,iconOnly:t,loading:r=!1,onClick:u,size:d=g.MD,variant:c,type:T="button",...b},A)=>{if(t&&c==="destructive")return null;const R=Y([o[a],o[`${a}--${c}`],o[`${a}--${d}`]],{[o[`${a}--icon-only`]]:t,[o[`${a}--negative`]]:c.endsWith("negative"),[o[`${a}--full-width`]]:i,[o[`${a}--disabled`]]:p||r},s),I=y=>{p||r?y.preventDefault():u&&u(y)},N=()=>c.endsWith("negative")?"negative-disabled":"disabled";return _.jsxs("button",{className:R,"data-testid":n,type:T,ref:A,"aria-disabled":b["aria-disabled"]||p||r,onClick:I,...b,children:[r&&_.jsx(w,{size:d===g.LG?"xs":"xxs",variant:N()})," ",e]})},S=h.forwardRef(L);S.displayName="Button";exports.BUTTON_VARIANT=E;exports.Button=S;exports.buttonVariants=C;
+*/(function(u){(function(){var o={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=s(t,p(e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)o.call(t,e)&&t[e]&&(r=s(r,e));return r}function s(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()})(j);var D=j.exports;const B=V(D),i={"purpur-button":"_purpur-button_u2yv5_1","purpur-button--sm":"_purpur-button--sm_u2yv5_33","purpur-button--icon-only":"_purpur-button--icon-only_u2yv5_36","purpur-button--md":"_purpur-button--md_u2yv5_39","purpur-button--lg":"_purpur-button--lg_u2yv5_45","purpur-button--full-width":"_purpur-button--full-width_u2yv5_51","purpur-button--primary":"_purpur-button--primary_u2yv5_54","purpur-button--disabled":"_purpur-button--disabled_u2yv5_58","purpur-button--primary-negative":"_purpur-button--primary-negative_u2yv5_64","purpur-button--secondary":"_purpur-button--secondary_u2yv5_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_u2yv5_87","purpur-button--expressive":"_purpur-button--expressive_u2yv5_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_u2yv5_108","purpur-button--negative":"_purpur-button--negative_u2yv5_120","purpur-button--destructive":"_purpur-button--destructive_u2yv5_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_u2yv5_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_u2yv5_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_u2yv5_160","purpur-button--text-negative":"_purpur-button--text-negative_u2yv5_175","purpur-button--text":"_purpur-button--text_u2yv5_175"},S={...O,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},C=Object.values(S),a="purpur-button",G=({children:u,className:o,["data-testid"]:n,disabled:p=!1,fullWidth:s=!1,iconOnly:t,loading:r=!1,negative:e=!1,onClick:d,size:b=x.MD,variant:v,type:N="button",...y},h)=>{if(t&&v==="destructive")return null;const A=B([i[a],i[`${a}--${e?`${v}-negative`:v}`],i[`${a}--${b}`]],{[i[`${a}--icon-only`]]:t,[i[`${a}--negative`]]:e,[i[`${a}--full-width`]]:s,[i[`${a}--disabled`]]:p||r},o),R=f=>{p||r?f.preventDefault():d&&d(f)};return l.jsxs("button",{className:A,"data-testid":n,type:N,ref:h,"aria-disabled":y["aria-disabled"]||p||r,onClick:R,...y,children:[r&&l.jsx(P,{size:b===x.LG?"xs":"xxs",negative:e,disabled:p})," ",u]})},E=T.forwardRef(G);E.displayName="Button";exports.BUTTON_VARIANT=S;exports.Button=E;exports.buttonVariants=C;
 //# sourceMappingURL=button.cjs.js.map

package/dist/button.cjs.js.map

@@ -1 +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, 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 = 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 && <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} variant={getSpinnerVariant()} />}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","g","l","u","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","SIZE","variant","type","props","ref","styles","handleClick","getSpinnerVariant","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}
+{"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 _ } from \"react/jsx-runtime\";\nfunction d(n) {\n  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, \"default\") ? n.default : n;\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(n) {\n  (function() {\n    var o = {}.hasOwnProperty;\n    function s() {\n      for (var r = \"\", e = 0; e < arguments.length; e++) {\n        var t = arguments[e];\n        t && (r = u(r, c(t)));\n      }\n      return r;\n    }\n    function c(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 s.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        o.call(r, t) && r[t] && (e = u(e, t));\n      return e;\n    }\n    function u(r, e) {\n      return e ? r ? r + \" \" + e : r + e : r;\n    }\n    n.exports ? (s.default = s, n.exports = s) : window.classNames = s;\n  })();\n})(l);\nvar x = l.exports;\nconst a = /* @__PURE__ */ d(x), m = \"_rotate_1xozj_1\", j = \"_dash_1xozj_1\", p = {\n  \"purpur-spinner\": \"_purpur-spinner_1xozj_1\",\n  rotate: m,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_1xozj_4\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_1xozj_8\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_1xozj_12\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_1xozj_16\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_1xozj_20\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_1xozj_24\",\n  dash: j,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_1xozj_33\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_1xozj_36\"\n}, i = \"purpur-spinner\", f = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, S = Object.values(f), z = ({\n  [\"data-testid\"]: n,\n  disabled: o = !1,\n  negative: s = !1,\n  size: c = f.SM,\n  ...u\n}) => /* @__PURE__ */ _(\n  \"div\",\n  {\n    className: a([p[i], p[`${i}--${c}`]]),\n    \"data-testid\": n,\n    ...u,\n    children: /* @__PURE__ */ _(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ _(\n      \"circle\",\n      {\n        className: a(p[`${i}__circle`], {\n          [p[`${i}__circle--disabled`]]: o,\n          [p[`${i}__circle--negative`]]: s\n        }),\n        cx: \"25\",\n        cy: \"25\",\n        r: \"20\"\n      }\n    ) })\n  }\n);\nexport {\n  f as SPINNER_SIZE,\n  z as Spinner,\n  S as spinnerSizes\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, 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  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\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    negative = false,\n    onClick,\n    size = 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  const classes = c(\n    [\n      styles[rootClassName],\n      styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],\n      styles[`${rootClassName}--${size}`],\n    ],\n    {\n      [styles[`${rootClassName}--icon-only`]]: iconOnly,\n      [styles[`${rootClassName}--negative`]]: 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  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 === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={disabled} />\n      )}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","d","n","l","r","t","u","c","x","a","m","j","p","i","f","z","_","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","styles","handleClick","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/button.d.ts

@@ -3,11 +3,8 @@ import { default as React, ButtonHTMLAttributes } from 'react';
 
 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";
@@ -15,7 +12,7 @@ export declare const BUTTON_VARIANT: {
     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 declare const buttonVariants: ("destructive" | "tertiary-purple" | "text" | "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;

package/dist/button.d.ts.map

@@ -1 +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,EAAiB,MAAM,kBAAkB,CAAC;AAM9D,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;AAiElE,eAAO,MAAM,MAAM,uFAA8B,CAAC"}
+{"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,EAAiB,MAAM,kBAAkB,CAAC;AAM9D,eAAO,MAAM,cAAc;;;;;;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,6JAAgC,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;AAiElE,eAAO,MAAM,MAAM,uFAA8B,CAAC"}

package/dist/button.es.js

@@ -1,99 +1,94 @@
-import { jsx as v, jsxs as I } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-const h = {
+import { jsx as l, jsxs as A } from "react/jsx-runtime";
+import { forwardRef as R } from "react";
+const $ = {
   PRIMARY: "primary",
   PRIMARY_NEGATIVE: "primary-negative",
   SECONDARY: "secondary",
   SECONDARY_NEGATIVE: "secondary-negative",
   EXPRESSIVE: "expressive",
   EXPRESSIVE_NEGATIVE: "expressive-negative"
-}, f = {
+}, x = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function V(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function z(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var m = { exports: {} };
+var g = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(u) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function n() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (t = i(t, p(u)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var e = arguments[t];
+        e && (r = s(r, p(e)));
       }
-      return t;
+      return r;
     }
-    function p(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var u in t)
-        s.call(t, u) && t[u] && (r = i(r, u));
-      return r;
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var e in r)
+        o.call(r, e) && r[e] && (t = s(t, e));
+      return t;
     }
-    function i(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
+    function s(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
-})(m);
-var P = m.exports;
-const g = /* @__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 = {
+})(g);
+var w = g.exports;
+const m = /* @__PURE__ */ z(w), O = "_rotate_1xozj_1", T = "_dash_1xozj_1", a = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: O,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: T,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, c = "purpur-spinner", I = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, O = ({
-  ["data-testid"]: e,
-  size: s = M.SM,
-  variant: n = w.PRIMARY,
-  ...p
-}) => /* @__PURE__ */ v(
+}, M = ({
+  ["data-testid"]: u,
+  disabled: o = !1,
+  negative: n = !1,
+  size: p = I.SM,
+  ...s
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: g([c[l], c[`${l}--${s}`]]),
-    "data-testid": e,
-    ...p,
-    children: /* @__PURE__ */ v("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ v(
+    className: m([a[c], a[`${c}--${p}`]]),
+    "data-testid": u,
+    ...s,
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: g(
-          c[`${l}__circle`],
-          c[`${l}__circle--${n}`]
-        ),
+        className: m(a[`${c}__circle`], {
+          [a[`${c}__circle--disabled`]]: o,
+          [a[`${c}__circle--negative`]]: n
+        }),
         cx: "25",
         cy: "25",
         r: "20"
@@ -101,47 +96,47 @@ const g = /* @__PURE__ */ V(P), D = "_rotate_7s2g1_1", $ = "_dash_7s2g1_1", c =
     ) })
   }
 );
-function G(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function P(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var E = { exports: {} };
+var j = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(u) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var o = {}.hasOwnProperty;
     function n() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var u = arguments[r];
-        u && (t = i(t, p(u)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var e = arguments[t];
+        e && (r = s(r, p(e)));
       }
-      return t;
+      return r;
     }
-    function p(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
+    function p(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
         return "";
-      if (Array.isArray(t))
-        return n.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var u in t)
-        s.call(t, u) && t[u] && (r = i(r, u));
-      return r;
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var t = "";
+      for (var e in r)
+        o.call(r, e) && r[e] && (t = s(t, e));
+      return t;
     }
-    function i(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
+    function s(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
-})(E);
-var j = E.exports;
-const Y = /* @__PURE__ */ G(j), o = {
+})(j);
+var V = j.exports;
+const D = /* @__PURE__ */ P(V), i = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -162,68 +157,66 @@ const Y = /* @__PURE__ */ G(j), o = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
   "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, B = {
-  ...h,
+}, C = {
+  ...$,
   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), a = "purpur-button", C = ({
-  children: e,
-  className: s,
+  TEXT: "text"
+}, L = Object.values(C), _ = "purpur-button", G = ({
+  children: u,
+  className: o,
   ["data-testid"]: n,
   disabled: p = !1,
-  fullWidth: i = !1,
-  iconOnly: t,
-  loading: r = !1,
-  onClick: u,
-  size: d = f.MD,
-  variant: _,
-  type: x = "button",
+  fullWidth: s = !1,
+  iconOnly: r,
+  loading: t = !1,
+  negative: e = !1,
+  onClick: d,
+  size: y = x.MD,
+  variant: v,
+  type: S = "button",
   ...b
-}, S) => {
-  if (t && _ === "destructive")
+}, E) => {
+  if (r && v === "destructive")
     return null;
-  const A = Y(
+  const h = D(
     [
-      o[a],
-      o[`${a}--${_}`],
-      o[`${a}--${d}`]
+      i[_],
+      i[`${_}--${e ? `${v}-negative` : v}`],
+      i[`${_}--${y}`]
     ],
     {
-      [o[`${a}--icon-only`]]: t,
-      [o[`${a}--negative`]]: _.endsWith("negative"),
-      [o[`${a}--full-width`]]: i,
-      [o[`${a}--disabled`]]: p || r
+      [i[`${_}--icon-only`]]: r,
+      [i[`${_}--negative`]]: e,
+      [i[`${_}--full-width`]]: s,
+      [i[`${_}--disabled`]]: p || t
     },
-    s
-  ), T = (y) => {
-    p || r ? y.preventDefault() : u && u(y);
-  }, R = () => _.endsWith("negative") ? "negative-disabled" : "disabled";
-  return /* @__PURE__ */ I(
+    o
+  ), N = (f) => {
+    p || t ? f.preventDefault() : d && d(f);
+  };
+  return /* @__PURE__ */ A(
     "button",
     {
-      className: A,
+      className: h,
       "data-testid": n,
-      type: x,
-      ref: S,
-      "aria-disabled": b["aria-disabled"] || p || r,
-      onClick: T,
+      type: S,
+      ref: E,
+      "aria-disabled": b["aria-disabled"] || p || t,
+      onClick: N,
       ...b,
       children: [
-        r && /* @__PURE__ */ v(O, { size: d === f.LG ? "xs" : "xxs", variant: R() }),
+        t && /* @__PURE__ */ l(M, { size: y === x.LG ? "xs" : "xxs", negative: e, disabled: p }),
         " ",
-        e
+        u
       ]
     }
   );
-}, L = N(C);
-L.displayName = "Button";
+}, X = R(G);
+X.displayName = "Button";
 export {
-  B as BUTTON_VARIANT,
-  L as Button,
-  W as buttonVariants
+  C as BUTTON_VARIANT,
+  X as Button,
+  L as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

package/dist/button.es.js.map

@@ -1 +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, 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 = 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 && <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} variant={getSpinnerVariant()} />}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","g","l","u","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","SIZE","variant","type","props","ref","styles","handleClick","getSpinnerVariant","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}
+{"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 _ } from \"react/jsx-runtime\";\nfunction d(n) {\n  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, \"default\") ? n.default : n;\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(n) {\n  (function() {\n    var o = {}.hasOwnProperty;\n    function s() {\n      for (var r = \"\", e = 0; e < arguments.length; e++) {\n        var t = arguments[e];\n        t && (r = u(r, c(t)));\n      }\n      return r;\n    }\n    function c(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 s.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        o.call(r, t) && r[t] && (e = u(e, t));\n      return e;\n    }\n    function u(r, e) {\n      return e ? r ? r + \" \" + e : r + e : r;\n    }\n    n.exports ? (s.default = s, n.exports = s) : window.classNames = s;\n  })();\n})(l);\nvar x = l.exports;\nconst a = /* @__PURE__ */ d(x), m = \"_rotate_1xozj_1\", j = \"_dash_1xozj_1\", p = {\n  \"purpur-spinner\": \"_purpur-spinner_1xozj_1\",\n  rotate: m,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_1xozj_4\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_1xozj_8\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_1xozj_12\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_1xozj_16\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_1xozj_20\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_1xozj_24\",\n  dash: j,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_1xozj_33\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_1xozj_36\"\n}, i = \"purpur-spinner\", f = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, S = Object.values(f), z = ({\n  [\"data-testid\"]: n,\n  disabled: o = !1,\n  negative: s = !1,\n  size: c = f.SM,\n  ...u\n}) => /* @__PURE__ */ _(\n  \"div\",\n  {\n    className: a([p[i], p[`${i}--${c}`]]),\n    \"data-testid\": n,\n    ...u,\n    children: /* @__PURE__ */ _(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ _(\n      \"circle\",\n      {\n        className: a(p[`${i}__circle`], {\n          [p[`${i}__circle--disabled`]]: o,\n          [p[`${i}__circle--negative`]]: s\n        }),\n        cx: \"25\",\n        cy: \"25\",\n        r: \"20\"\n      }\n    ) })\n  }\n);\nexport {\n  f as SPINNER_SIZE,\n  z as Spinner,\n  S as spinnerSizes\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, 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  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\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    negative = false,\n    onClick,\n    size = 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  const classes = c(\n    [\n      styles[rootClassName],\n      styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],\n      styles[`${rootClassName}--${size}`],\n    ],\n    {\n      [styles[`${rootClassName}--icon-only`]]: iconOnly,\n      [styles[`${rootClassName}--negative`]]: 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  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 === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={disabled} />\n      )}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["e","s","d","n","l","t","u","c","x","a","m","j","p","i","f","z","_","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","styles","handleClick","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/button",
-  "version": "4.6.0",
+  "version": "5.1.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/button.cjs.js",
   "types": "./dist/button.d.ts",
@@ -15,10 +15,10 @@
   "source": "src/button.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/action": "4.6.0",
-    "@purpurds/icon": "4.6.0",
-    "@purpurds/tokens": "4.6.0",
-    "@purpurds/spinner": "4.6.0"
+    "@purpurds/action": "5.1.0",
+    "@purpurds/icon": "5.1.0",
+    "@purpurds/spinner": "5.1.0",
+    "@purpurds/tokens": "5.1.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -43,7 +43,7 @@
     "vite": "~5.2.2",
     "vitest": "~1.5.0",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/icon": "4.6.0"
+    "@purpurds/icon": "5.1.0"
   },
   "scripts": {
     "build:dev": "vite",

package/src/button.stories.tsx

@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import "@purpurds/icon/styles";
 import "@purpurds/spinner/styles";
-import { Button, ButtonVariant, buttonVariants } from "./button";
+import { Button, buttonVariants } from "./button";
 
 const meta: Meta<typeof Button> = {
   title: "Inputs/Button",
@@ -34,15 +34,16 @@ const meta: Meta<typeof Button> = {
     className: { control: { type: "text" } },
     children: { control: { type: "text" } },
   },
+  args: { negative: false },
 };
 export default meta;
 
 type Story = StoryObj<typeof Button>;
 
-const adaptiveBackground = (variant: ButtonVariant) => ({
+const adaptiveBackground = (negative?: boolean) => ({
   margin: "calc(var(--purpur-spacing-250) * -1)",
   padding: "var(--purpur-spacing-250)",
-  background: variant?.includes("negative") ? "var(--purpur-color-purple-900)" : "transparent",
+  background: negative ? "var(--purpur-color-purple-900)" : "transparent",
 });
 
 export const Showcase: Story = {
@@ -53,7 +54,7 @@ export const Showcase: Story = {
     variant: "primary",
   },
   render: ({ children, ...args }) => (
-    <div style={adaptiveBackground(args.variant)}>
+    <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>{children}</Button>
     </div>
   ),
@@ -66,7 +67,7 @@ export const ButtonWithLeftIcon: Story = {
     variant: "primary",
   },
   render: ({ children, ...args }) => (
-    <div style={adaptiveBackground(args.variant)}>
+    <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>
         <Icon svg={plus} size="xs" /> {children}
       </Button>
@@ -81,7 +82,7 @@ export const ButtonWithRightIcon: Story = {
     variant: "primary",
   },
   render: ({ children, ...args }) => (
-    <div style={adaptiveBackground(args.variant)}>
+    <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>
         {children} <Icon svg={plus} size="xs" />
       </Button>
@@ -100,7 +101,7 @@ export const ButtonWithOnlyIcon: Story = {
     ["aria-label"]: "Button label",
   },
   render: ({ ...args }) => (
-    <div style={adaptiveBackground(args.variant)}>
+    <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>
         <Icon svg={plus} size="xs" />
       </Button>

package/src/button.tsx

@@ -8,11 +8,8 @@ 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);
@@ -32,6 +29,7 @@ const ButtonComponent = (
     fullWidth = false,
     iconOnly,
     loading = false,
+    negative = false,
     onClick,
     size = SIZE.MD,
     variant,
@@ -43,16 +41,15 @@ const ButtonComponent = (
   if (iconOnly && variant === "destructive") {
     return null;
   }
-
   const classes = c(
     [
       styles[rootClassName],
-      styles[`${rootClassName}--${variant}`],
+      styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],
       styles[`${rootClassName}--${size}`],
     ],
     {
       [styles[`${rootClassName}--icon-only`]]: iconOnly,
-      [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
+      [styles[`${rootClassName}--negative`]]: negative,
       [styles[`${rootClassName}--full-width`]]: fullWidth,
       [styles[`${rootClassName}--disabled`]]: disabled || loading,
     },
@@ -67,8 +64,6 @@ const ButtonComponent = (
     }
   };
 
-  const getSpinnerVariant = () => (variant.endsWith("negative") ? "negative-disabled" : "disabled");
-
   return (
     <button
       className={classes}
@@ -80,7 +75,9 @@ const ButtonComponent = (
       onClick={handleClick}
       {...props}
     >
-      {loading && <Spinner size={size === SIZE.LG ? "xs" : "xxs"} variant={getSpinnerVariant()} />}{" "}
+      {loading && (
+        <Spinner size={size === SIZE.LG ? "xs" : "xxs"} negative={negative} disabled={disabled} />
+      )}{" "}
       {children}
     </button>
   );