@purpurds/button 5.31.0 → 5.33.0

package/dist/LICENSE.txt

@@ -1,12 +1,12 @@
 Name: @purpurds/action
-Version: 5.30.1
+Version: 5.32.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/spinner
-Version: 5.30.1
+Version: 5.32.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 c=require("react/jsx-runtime"),$=require("react"),z={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},E={SM:"sm",MD:"md",LG:"lg"};function w(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var m={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),N=require("react"),O={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},$={XS:"xs",SM:"sm",MD:"md",LG:"lg"};function z(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var m={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(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})()})(m);var R=m.exports;const y=w(R),A="_rotate_1xozj_1",P="_dash_1xozj_1",a={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:A,"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:P,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},_="purpur-spinner",B={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},M=({["data-testid"]:u,disabled:o=!1,negative:n=!1,size:p=B.SM,...s})=>c.jsx("div",{className:y([a[_],a[`${_}--${p}`]]),"data-testid":u,...s,children:c.jsx("svg",{viewBox:"0 0 50 50",children:c.jsx("circle",{className:y(a[`${_}__circle`],{[a[`${_}__circle--disabled`]]:o,[a[`${_}__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 g={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})()})(m);var E=m.exports;const y=z(E),R="_rotate_1xozj_1",A="_dash_1xozj_1",_={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:R,"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:A,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},a="purpur-spinner",P={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},B=({["data-testid"]:u,disabled:o=!1,negative:n=!1,size:p=P.SM,...s})=>c.jsx("div",{className:y([_[a],_[`${a}--${p}`]]),"data-testid":u,...s,children:c.jsx("svg",{viewBox:"0 0 50 50",children:c.jsx("circle",{className:y(_[`${a}__circle`],{[_[`${a}__circle--disabled`]]:o,[_[`${a}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function M(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var w={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(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.call(this,e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,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,this&&this[e]||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 D=g.exports;const I=V(D),U={"purpur-button":"_purpur-button_1acxn_1","purpur-button--sm":"_purpur-button--sm_1acxn_33","purpur-button--icon-only":"_purpur-button--icon-only_1acxn_36","purpur-button--md":"_purpur-button--md_1acxn_39","purpur-button--lg":"_purpur-button--lg_1acxn_45","purpur-button--full-width":"_purpur-button--full-width_1acxn_51","purpur-button--primary":"_purpur-button--primary_1acxn_54","purpur-button--disabled":"_purpur-button--disabled_1acxn_58","purpur-button--primary-negative":"_purpur-button--primary-negative_1acxn_64","purpur-button--secondary":"_purpur-button--secondary_1acxn_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_1acxn_87","purpur-button--expressive":"_purpur-button--expressive_1acxn_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_1acxn_108","purpur-button--negative":"_purpur-button--negative_1acxn_120","purpur-button--destructive":"_purpur-button--destructive_1acxn_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_1acxn_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_1acxn_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_1acxn_160","purpur-button--text-negative":"_purpur-button--text-negative_1acxn_175","purpur-button--text":"_purpur-button--text_1acxn_175"},j={...z,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},C=Object.values(j),X=I.bind(U),i="purpur-button",Y=["button","submit","reset"],L=({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="md",variant:l,type:h="button",...x},T)=>{if(t&&l==="destructive")return null;const N=X([i,`${i}--${e?`${l}-negative`:l}`,`${i}--${b}`],{[`${i}--icon-only`]:t,[`${i}--negative`]:e,[`${i}--full-width`]:s,[`${i}--disabled`]:p||r},o),O=v=>{p||r?v.preventDefault():d&&d(v)},f=!!x["aria-disabled"]||p||r;return c.jsxs("button",{className:N,"data-testid":n,type:h,ref:T,"aria-disabled":f,onClick:O,...x,children:[r&&c.jsx(M,{size:b===E.LG?"xs":"xxs",negative:e,disabled:f})," ",u]})},S=$.forwardRef(L);S.displayName="Button";exports.BUTTON_TYPES=Y;exports.BUTTON_VARIANT=j;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.call(this,e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,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,this&&this[e]||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})()})(w);var V=w.exports;const D=M(V),I={"purpur-button":"_purpur-button_w455q_1","purpur-button--xs":"_purpur-button--xs_w455q_33","purpur-button--icon-only":"_purpur-button--icon-only_w455q_36","purpur-button--sm":"_purpur-button--sm_w455q_39","purpur-button--md":"_purpur-button--md_w455q_45","purpur-button--lg":"_purpur-button--lg_w455q_51","purpur-button--full-width":"_purpur-button--full-width_w455q_57","purpur-button--primary":"_purpur-button--primary_w455q_60","purpur-button--disabled":"_purpur-button--disabled_w455q_64","purpur-button--primary-negative":"_purpur-button--primary-negative_w455q_70","purpur-button--secondary":"_purpur-button--secondary_w455q_82","purpur-button--secondary-negative":"_purpur-button--secondary-negative_w455q_93","purpur-button--expressive":"_purpur-button--expressive_w455q_104","purpur-button--expressive-negative":"_purpur-button--expressive-negative_w455q_114","purpur-button--negative":"_purpur-button--negative_w455q_126","purpur-button--destructive":"_purpur-button--destructive_w455q_133","purpur-button--destructive-negative":"_purpur-button--destructive-negative_w455q_143","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_w455q_153","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_w455q_166","purpur-button--text-negative":"_purpur-button--text-negative_w455q_181","purpur-button--text":"_purpur-button--text_w455q_181"},g={...O,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},U=Object.values(g),X=D.bind(I),i="purpur-button",C=["button","submit","reset"],Y=({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="md",variant:l,type:S="button",...f},q)=>{if(t&&l==="destructive")return null;const h=X([i,`${i}--${e?`${l}-negative`:l}`,`${i}--${b}`],{[`${i}--icon-only`]:t,[`${i}--negative`]:e,[`${i}--full-width`]:s,[`${i}--disabled`]:p||r},o),T=v=>{p||r?v.preventDefault():d&&d(v)},x=!!f["aria-disabled"]||p||r;return c.jsxs("button",{className:h,"data-testid":n,type:S,ref:q,"aria-disabled":x,onClick:T,...f,children:[r&&c.jsx(B,{size:b===$.LG?"xs":"xxs",negative:e,disabled:x})," ",u]})},j=N.forwardRef(Y);j.displayName="Button";exports.BUTTON_TYPES=C;exports.BUTTON_VARIANT=g;exports.Button=j;exports.buttonVariants=U;
 //# 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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t 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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || 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/bind\";\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 cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\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 = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${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 _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\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={_disabled}\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":["s","e","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","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","Button","forwardRef"],"mappings":"wIAAMA,EAAI,CACR,QAAS,UACT,UAAW,YACX,WAAY,YACd,EAAyBC,EAAI,CAC3B,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,ECPA,SAASC,EAAEC,EAAG,CACZ,OAAOA,GAAKA,EAAE,YAAc,OAAO,UAAU,eAAe,KAAKA,EAAG,SAAS,EAAIA,EAAE,QAAUA,CAC/F,CACA,IAAIC,EAAI,CAAE,QAAS,CAAA,GACnB;AAAA;AAAA;AAAA;AAAA,GAKC,SAASD,EAAG,EACV,UAAW,CACV,IAAI,EAAI,CAAE,EAAC,eACX,SAASH,GAAI,CACX,QAASK,EAAI,GAAIJ,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CACjD,IAAIK,EAAI,UAAUL,CAAC,EACnBK,IAAMD,EAAIE,EAAEF,EAAGG,EAAEF,CAAC,CAAC,EACpB,CACD,OAAOD,CACR,CACD,SAASG,EAAEH,EAAG,CACZ,GAAI,OAAOA,GAAK,UAAY,OAAOA,GAAK,SACtC,OAAOA,EACT,GAAI,OAAOA,GAAK,SACd,MAAO,GACT,GAAI,MAAM,QAAQA,CAAC,EACjB,OAAOL,EAAE,MAAM,KAAMK,CAAC,EACxB,GAAIA,EAAE,WAAa,OAAO,UAAU,UAAY,CAACA,EAAE,SAAS,WAAW,SAAS,eAAe,EAC7F,OAAOA,EAAE,WACX,IAAIJ,EAAI,GACR,QAASK,KAAKD,EACZ,EAAE,KAAKA,EAAGC,CAAC,GAAKD,EAAEC,CAAC,IAAML,EAAIM,EAAEN,EAAGK,CAAC,GACrC,OAAOL,CACR,CACD,SAASM,EAAEF,EAAGJ,EAAG,CACf,OAAOA,EAAII,EAAIA,EAAI,IAAMJ,EAAII,EAAIJ,EAAII,CACtC,CACDF,EAAE,SAAWH,EAAE,QAAUA,EAAGG,EAAE,QAAUH,GAAK,OAAO,WAAaA,CACrE,IACA,GAAGI,CAAC,EACJ,IAAIK,EAAIL,EAAE,QACL,MAACM,EAAoBR,EAAEO,CAAC,EAAGE,EAAI,kBAAmBC,EAAI,gBAAiBC,EAAI,CAC9E,iBAAkB,0BAClB,OAAQF,EACR,sBAAuB,+BACvB,qBAAsB,8BACtB,qBAAsB,+BACtB,qBAAsB,+BACtB,qBAAsB,+BACtB,yBAA0B,mCAC1B,KAAMC,EACN,mCAAoC,6CACpC,mCAAoC,4CACtC,EAAGE,EAAI,iBAAkBC,EAAI,CAC3B,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAAyBC,EAAI,CAAC,CAC5B,CAAC,eAAgBb,EACjB,SAAU,EAAI,GACd,SAAUH,EAAI,GACd,KAAMQ,EAAIO,EAAE,GACZ,GAAGR,CACL,IAAsBU,EAAC,IACrB,MACA,CACE,UAAWP,EAAE,CAACG,EAAEC,CAAC,EAAGD,EAAE,GAAGC,CAAC,KAAKN,CAAC,EAAE,CAAC,CAAC,EACpC,cAAeL,EACf,GAAGI,EACH,SAA0BU,EAAC,IAAC,MAAO,CAAE,QAAS,YAAa,SAA0BA,EAAC,IACpF,SACA,CACE,UAAWP,EAAEG,EAAE,GAAGC,CAAC,UAAU,EAAG,CAC9B,CAACD,EAAE,GAAGC,CAAC,oBAAoB,CAAC,EAAG,EAC/B,CAACD,EAAE,GAAGC,CAAC,oBAAoB,CAAC,EAAGd,CACzC,CAAS,EACD,GAAI,KACJ,GAAI,KACJ,EAAG,IACJ,CACP,EAAO,CACJ,CACH;;;;gBC7EC,UAAY,CAGZ,IAAIkB,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELN,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIO,EAAM,UAAUP,CAAC,EACjBO,IACHD,EAAUE,EAAYF,EAASG,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE1D,CAED,OAAOD,CACP,CAED,SAASG,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOF,EAAW,MAAM,KAAME,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAID,EAAU,GAEd,QAASI,KAAOH,EACXH,EAAO,KAAKG,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCJ,EAAUE,EAAYF,EAAS,MAAQ,KAAKI,CAAG,GAAKA,CAAG,GAIzD,OAAOJ,CACP,CAED,SAASE,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CR,EAAW,QAAUA,EACrBQ,EAAA,QAAiBR,GAOjB,OAAO,WAAaA,CAEtB,o2CCrEaS,EAAiB,CAC5B,GAAGC,EACH,YAAa,cACb,gBAAiB,kBACjB,KAAM,MACR,EAEaC,EAAiB,OAAO,OAAOF,CAAc,EAGpDG,EAAKvB,EAAE,KAAKwB,CAAM,EAClBC,EAAgB,gBAGTC,EAA6B,CAAC,SAAU,SAAU,OAAO,EAKhEC,EAAkB,CACtB,CACE,SAAAC,EACA,UAAAC,EACA,CAAC,eAAgBC,EACjB,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,QAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EACAC,IACG,CACC,GAAAR,GAAYK,IAAY,cACnB,OAAA,KAET,MAAM1B,EAAUW,EACd,CACEE,EACA,GAAGA,CAAa,KAAKU,EAAW,GAAGG,CAAO,YAAcA,CAAO,GAC/D,GAAGb,CAAa,KAAKY,CAAI,EAC3B,EACA,CACE,CAAC,GAAGZ,CAAa,aAAa,EAAGQ,EACjC,CAAC,GAAGR,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,cAAc,EAAGO,EAClC,CAAC,GAAGP,CAAa,YAAY,EAAGM,GAAYG,CAC9C,EACAL,CAAA,EAGIa,EAAejD,GAAqC,CACpDsC,GAAYG,EACdzC,EAAE,eAAe,EACR2C,GACTA,EAAQ3C,CAAC,CACX,EAGIkD,EAAY,EAAQH,EAAM,eAAe,GAAMT,GAAYG,EAG/D,OAAAU,EAAA,KAAC,SAAA,CACC,UAAWhC,EACX,cAAakB,EAEb,KAAAS,EACA,IAAAE,EACA,gBAAeE,EACf,QAASD,EACR,GAAGF,EAEH,SAAA,CACCN,GAAAW,EAAAA,IAACC,EAAQ,CAAA,KAAMT,IAASU,EAAK,GAAK,KAAO,MAAO,SAAAZ,EAAoB,SAAUQ,CAAW,CAAA,EACxF,IACFf,CAAA,CAAA,CAAA,CAGP,EAEaoB,EAASC,aAAWtB,CAAe,EAChDqB,EAAO,YAAc","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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t 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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || 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/bind\";\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 cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\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 = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${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 _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\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={_disabled}\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":["s","e","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","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/button.es.js

@@ -1,15 +1,16 @@
-import { jsx as c, jsxs as z } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-const E = {
+import { jsx as c, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+const z = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   EXPRESSIVE: "expressive"
-}, N = {
+}, E = {
+  XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function O(u) {
+function N(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
 var y = { exports: {} };
@@ -48,43 +49,43 @@ var y = { exports: {} };
     u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
 })(y);
-var T = y.exports;
-const m = /* @__PURE__ */ O(T), R = "_rotate_1xozj_1", A = "_dash_1xozj_1", a = {
+var O = y.exports;
+const m = /* @__PURE__ */ N(O), T = "_rotate_1xozj_1", R = "_dash_1xozj_1", _ = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: R,
+  rotate: T,
   "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: A,
+  dash: R,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, _ = "purpur-spinner", P = {
+}, a = "purpur-spinner", A = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, M = ({
+}, P = ({
   ["data-testid"]: u,
   disabled: o = !1,
   negative: n = !1,
-  size: p = P.SM,
+  size: p = A.SM,
   ...s
 }) => /* @__PURE__ */ c(
   "div",
   {
-    className: m([a[_], a[`${_}--${p}`]]),
+    className: m([_[a], _[`${a}--${p}`]]),
     "data-testid": u,
     ...s,
     children: /* @__PURE__ */ c("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ c(
       "circle",
       {
-        className: m(a[`${_}__circle`], {
-          [a[`${_}__circle--disabled`]]: o,
-          [a[`${_}__circle--negative`]]: n
+        className: m(_[`${a}__circle`], {
+          [_[`${a}__circle--disabled`]]: o,
+          [_[`${a}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -93,10 +94,10 @@ const m = /* @__PURE__ */ O(T), R = "_rotate_1xozj_1", A = "_dash_1xozj_1", a =
     ) })
   }
 );
-function B(u) {
+function M(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var g = { exports: {} };
+var w = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -131,35 +132,36 @@ var g = { exports: {} };
     }
     u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
-})(g);
-var D = g.exports;
-const C = /* @__PURE__ */ B(D), I = {
-  "purpur-button": "_purpur-button_1acxn_1",
-  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
-  "purpur-button--md": "_purpur-button--md_1acxn_39",
-  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
-  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
-  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
-  "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, V = {
-  ...E,
+})(w);
+var B = w.exports;
+const D = /* @__PURE__ */ M(B), X = {
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
+  "purpur-button--text": "_purpur-button--text_w455q_181"
+}, C = {
+  ...z,
   DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, F = Object.values(V), X = C.bind(I), i = "purpur-button", q = ["button", "submit", "reset"], L = ({
+}, G = Object.values(C), I = D.bind(X), i = "purpur-button", F = ["button", "submit", "reset"], V = ({
   children: u,
   className: o,
   ["data-testid"]: n,
@@ -171,12 +173,12 @@ const C = /* @__PURE__ */ B(D), I = {
   onClick: d,
   size: b = "md",
   variant: l,
-  type: h = "button",
-  ...x
-}, j) => {
+  type: g = "button",
+  ...f
+}, h) => {
   if (t && l === "destructive")
     return null;
-  const S = X(
+  const j = I(
     [
       i,
       `${i}--${e ? `${l}-negative` : l}`,
@@ -189,32 +191,32 @@ const C = /* @__PURE__ */ B(D), I = {
       [`${i}--disabled`]: p || r
     },
     o
-  ), $ = (v) => {
+  ), q = (v) => {
     p || r ? v.preventDefault() : d && d(v);
-  }, f = !!x["aria-disabled"] || p || r;
-  return /* @__PURE__ */ z(
+  }, x = !!f["aria-disabled"] || p || r;
+  return /* @__PURE__ */ S(
     "button",
     {
-      className: S,
+      className: j,
       "data-testid": n,
-      type: h,
-      ref: j,
-      "aria-disabled": f,
-      onClick: $,
-      ...x,
+      type: g,
+      ref: h,
+      "aria-disabled": x,
+      onClick: q,
+      ...f,
       children: [
-        r && /* @__PURE__ */ c(M, { size: b === N.LG ? "xs" : "xxs", negative: e, disabled: f }),
+        r && /* @__PURE__ */ c(P, { size: b === E.LG ? "xs" : "xxs", negative: e, disabled: x }),
         " ",
         u
       ]
     }
   );
-}, U = w(L);
-U.displayName = "Button";
+}, L = $(V);
+L.displayName = "Button";
 export {
-  q as BUTTON_TYPES,
-  V as BUTTON_VARIANT,
-  U as Button,
-  F as buttonVariants
+  F as BUTTON_TYPES,
+  C as BUTTON_VARIANT,
+  L as Button,
+  G 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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t 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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || 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/bind\";\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 cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\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 = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${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 _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\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={_disabled}\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":["s","e","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","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t 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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || 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/bind\";\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 cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\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 = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${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 _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\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={_disabled}\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":["s","e","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","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-button_1acxn_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);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_1acxn_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_1acxn_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_1acxn_1 svg{display:block}._purpur-button--sm_1acxn_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_1acxn_33._purpur-button--icon-only_1acxn_36{padding:var(--purpur-spacing-100)}._purpur-button--md_1acxn_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_1acxn_39._purpur-button--icon-only_1acxn_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_1acxn_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_1acxn_45._purpur-button--icon-only_1acxn_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_1acxn_51{width:100%}._purpur-button--primary_1acxn_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_1acxn_54:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_1acxn_54:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_1acxn_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_1acxn_64:hover:not(._purpur-button--disabled_1acxn_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_1acxn_64:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-button--secondary_1acxn_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_1acxn_76:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_1acxn_76:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_1acxn_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_1acxn_87:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-button--secondary-negative_1acxn_87:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-button--expressive_1acxn_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_1acxn_98:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_1acxn_98:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_1acxn_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_1acxn_108:hover:not(._purpur-button--disabled_1acxn_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_1acxn_108:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-button--negative_1acxn_120._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_1acxn_76._purpur-button--disabled_1acxn_58,._purpur-button--secondary-negative_1acxn_87._purpur-button--disabled_1acxn_58{box-shadow:none}._purpur-button--destructive_1acxn_127{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_1acxn_127:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_1acxn_127:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_1acxn_137{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_1acxn_137:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_1acxn_137:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_1acxn_147{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_1acxn_147._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple_1acxn_147:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_1acxn_147:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_1acxn_160{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_1acxn_160._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple-negative_1acxn_160:hover:not(._purpur-button--disabled_1acxn_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_1acxn_160:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text-negative_1acxn_175{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text-negative_1acxn_175:focus-visible:before{border-radius:0}._purpur-button--text-negative_1acxn_175{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_1acxn_175._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--text-negative_1acxn_175:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--text-negative_1acxn_175:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text_1acxn_175{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text_1acxn_175:focus-visible:before{border-radius:0}._purpur-button--text_1acxn_175{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_1acxn_175._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-weak)}._purpur-button--text_1acxn_175:hover:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_1acxn_175:active:not(._purpur-button--disabled_1acxn_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_1acxn_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}
+._purpur-button_w455q_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);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_w455q_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_w455q_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_w455q_1 svg{display:block}._purpur-button--xs_w455q_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-button--xs_w455q_33._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-100)}._purpur-button--sm_w455q_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_w455q_39._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-100)}._purpur-button--md_w455q_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_w455q_45._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_w455q_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_w455q_51._purpur-button--icon-only_w455q_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_w455q_57{width:100%}._purpur-button--primary_w455q_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_w455q_60:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_w455q_60:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_w455q_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_w455q_70:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-button--primary-negative_w455q_70:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-button--secondary_w455q_82{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_w455q_82:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_w455q_82:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_w455q_93{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_w455q_93:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-button--secondary-negative_w455q_93:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-button--expressive_w455q_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_w455q_104:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_w455q_104:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_w455q_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_w455q_114:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-button--expressive-negative_w455q_114:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-button--negative_w455q_126._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_w455q_82._purpur-button--disabled_w455q_64,._purpur-button--secondary-negative_w455q_93._purpur-button--disabled_w455q_64{box-shadow:none}._purpur-button--destructive_w455q_133{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_w455q_133:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_w455q_133:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_w455q_143{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_w455q_143:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_w455q_143:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_w455q_153{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_w455q_153._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple_w455q_153:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_w455q_153:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_w455q_166{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_w455q_166._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple-negative_w455q_166:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--tertiary-purple-negative_w455q_166:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text-negative_w455q_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text-negative_w455q_181:focus-visible:before{border-radius:0}._purpur-button--text-negative_w455q_181{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_w455q_181._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--text-negative_w455q_181:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--text-negative_w455q_181:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text_w455q_181{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text_w455q_181:focus-visible:before{border-radius:0}._purpur-button--text_w455q_181{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_w455q_181._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-weak)}._purpur-button--text_w455q_181:hover:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_w455q_181:active:not(._purpur-button--disabled_w455q_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_w455q_64{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/button",
-  "version": "5.31.0",
+  "version": "5.33.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": "5.31.0",
-    "@purpurds/icon": "5.31.0",
-    "@purpurds/spinner": "5.31.0",
-    "@purpurds/tokens": "5.31.0"
+    "@purpurds/icon": "5.33.0",
+    "@purpurds/spinner": "5.33.0",
+    "@purpurds/action": "5.33.0",
+    "@purpurds/tokens": "5.33.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -43,7 +43,7 @@
     "typescript": "^5.6.3",
     "vite": "5.4.8",
     "vitest": "^2.1.2",
-    "@purpurds/icon": "5.31.0",
+    "@purpurds/icon": "5.33.0",
     "@purpurds/component-rig": "1.0.0"
   },
   "scripts": {

package/src/button.stories.tsx

@@ -20,8 +20,6 @@ const meta = {
     ],
   },
   argTypes: {
-    disabled: { control: { type: "boolean" } },
-    fullWidth: { control: { type: "boolean" } },
     size: {
       control: { type: "select" },
       options: sizes,
@@ -37,11 +35,22 @@ const meta = {
       options: BUTTON_TYPES,
       table: { type: { summary: BUTTON_TYPES.map((x) => `"${x}"`).join(" | ") } },
     },
+    disabled: { control: { type: "boolean" } },
+    fullWidth: { control: { type: "boolean" } },
     ["data-testid"]: { control: { type: "text" } },
     className: { control: { type: "text" } },
     children: { control: { type: "text" } },
   },
-  args: { negative: false },
+  args: {
+    variant: "primary",
+    size: "md",
+    loading: false,
+    disabled: false,
+    negative: false,
+    fullWidth: false,
+    type: "button",
+    children: "Button label",
+  },
 } satisfies Meta<typeof Button>;
 
 export default meta;
@@ -55,12 +64,6 @@ const adaptiveBackground = (negative?: boolean) => ({
 });
 
 export const Showcase: Story = {
-  args: {
-    children: "Button label",
-    disabled: false,
-    fullWidth: false,
-    variant: "primary",
-  },
   render: ({ children, ...args }) => (
     <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>{children}</Button>
@@ -71,10 +74,6 @@ export const Showcase: Story = {
 
 export const ButtonWithLeftIcon: Story = {
   name: "Button with left icon",
-  args: {
-    children: "Button label",
-    variant: "primary",
-  },
   render: ({ children, ...args }) => (
     <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>
@@ -87,10 +86,6 @@ export const ButtonWithLeftIcon: Story = {
 
 export const ButtonWithRightIcon: Story = {
   name: "Button with right icon",
-  args: {
-    children: "Button label",
-    variant: "primary",
-  },
   render: ({ children, ...args }) => (
     <div style={adaptiveBackground(args.negative)}>
       <Button {...args}>
@@ -107,7 +102,6 @@ export const ButtonWithOnlyIcon: Story = {
     controls: { exclude: ["children"] },
   },
   args: {
-    variant: "primary",
     iconOnly: true,
     ["aria-label"]: "Button label",
   },