@purpurds/button 5.10.1 → 5.11.1

package/dist/LICENSE.txt

@@ -1,12 +1,12 @@
 Name: @purpurds/action
-Version: 5.10.0
+Version: 5.11.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/spinner
-Version: 5.10.0
+Version: 5.11.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"),T=require("react"),w={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},x={SM:"sm",MD:"md",LG:"lg"};function R(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var g={exports:{}};/*!
+"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:{}};/*!
 	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})()})(g);var A=g.exports;const m=R(A),E="_rotate_1xozj_1",M="_dash_1xozj_1",_={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:E,"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:M,"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:m([_[a],_[`${a}--${p}`]]),"data-testid":u,...s,children:c.jsx("svg",{viewBox:"0 0 50 50",children:c.jsx("circle",{className:m(_[`${a}__circle`],{[_[`${a}__circle--disabled`]]:o,[_[`${a}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function D(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var j={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 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:{}};/*!
 	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})()})(j);var V=j.exports;const I=D(V),C={"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"},h={...w,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},X=Object.values(h),L=I.bind(C),i="purpur-button",U=({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:l,type:$="button",...v},z)=>{if(t&&l==="destructive")return null;const N=L([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=f=>{p||r?f.preventDefault():d&&d(f)},y=!!v["aria-disabled"]||p||r;return c.jsxs("button",{className:N,"data-testid":n,type:$,ref:z,"aria-disabled":y,onClick:O,...v,children:[r&&c.jsx(B,{size:b===x.LG?"xs":"xxs",negative:e,disabled:y})," ",u]})},S=T.forwardRef(U);S.displayName="Button";exports.BUTTON_VARIANT=h;exports.Button=S;exports.buttonVariants=X;
+*/(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;
 //# 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\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 = 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","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","handleClick","_disabled","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/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]}

package/dist/button.d.ts

@@ -11,8 +11,13 @@ export declare const BUTTON_VARIANT: {
 };
 export declare const buttonVariants: ("destructive" | "tertiary-purple" | "text" | "primary" | "secondary" | "expressive")[];
 export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
+type ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type">["type"];
+export declare const BUTTON_TYPES: ButtonType[];
 export type ButtonProps = ActionProps<ButtonVariant> & ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
 };
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "type"> & {
+    type: ButtonType;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=button.d.ts.map

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;;;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,yFAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAKjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmElE,eAAO,MAAM,MAAM,uFAA8B,CAAC"}
+{"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,yFAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAKjF,KAAK,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChF,eAAO,MAAM,YAAY,EAAE,UAAU,EAA2C,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmElE,eAAO,MAAM,MAAM;UAlDsB,UAAU;2CAkDF,CAAC"}

package/dist/button.es.js

@@ -1,10 +1,10 @@
-import { jsx as c, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as E } from "react";
-const N = {
+import { jsx as c, jsxs as z } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+const E = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   EXPRESSIVE: "expressive"
-}, x = {
+}, N = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -12,7 +12,7 @@ const N = {
 function O(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var g = { exports: {} };
+var y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -47,44 +47,44 @@ var g = { exports: {} };
     }
     u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
-})(g);
-var R = g.exports;
-const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", _ = {
+})(y);
+var T = y.exports;
+const m = /* @__PURE__ */ O(T), R = "_rotate_1xozj_1", A = "_dash_1xozj_1", a = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: A,
+  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: M,
+  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", T = {
+}, _ = "purpur-spinner", P = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, P = ({
+}, M = ({
   ["data-testid"]: u,
   disabled: o = !1,
   negative: n = !1,
-  size: p = T.SM,
+  size: p = P.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 +93,10 @@ const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", _ =
     ) })
   }
 );
-function D(u) {
+function B(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var h = { exports: {} };
+var g = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -131,35 +131,35 @@ var h = { exports: {} };
     }
     u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
   })();
-})(h);
-var B = h.exports;
-const C = /* @__PURE__ */ D(B), 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"
+})(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 = {
-  ...N,
+  ...E,
   DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, F = Object.values(V), X = C.bind(I), i = "purpur-button", L = ({
+}, F = Object.values(V), X = C.bind(I), i = "purpur-button", q = ["button", "submit", "reset"], L = ({
   children: u,
   className: o,
   ["data-testid"]: n,
@@ -169,18 +169,18 @@ const C = /* @__PURE__ */ D(B), I = {
   loading: r = !1,
   negative: e = !1,
   onClick: d,
-  size: v = x.MD,
+  size: b = "md",
   variant: l,
-  type: j = "button",
-  ...b
-}, S) => {
+  type: h = "button",
+  ...x
+}, j) => {
   if (t && l === "destructive")
     return null;
-  const $ = X(
+  const S = X(
     [
       i,
       `${i}--${e ? `${l}-negative` : l}`,
-      `${i}--${v}`
+      `${i}--${b}`
     ],
     {
       [`${i}--icon-only`]: t,
@@ -189,31 +189,32 @@ const C = /* @__PURE__ */ D(B), I = {
       [`${i}--disabled`]: p || r
     },
     o
-  ), z = (y) => {
-    p || r ? y.preventDefault() : d && d(y);
-  }, f = !!b["aria-disabled"] || p || r;
-  return /* @__PURE__ */ w(
+  ), $ = (v) => {
+    p || r ? v.preventDefault() : d && d(v);
+  }, f = !!x["aria-disabled"] || p || r;
+  return /* @__PURE__ */ z(
     "button",
     {
-      className: $,
+      className: S,
       "data-testid": n,
-      type: j,
-      ref: S,
+      type: h,
+      ref: j,
       "aria-disabled": f,
-      onClick: z,
-      ...b,
+      onClick: $,
+      ...x,
       children: [
-        r && /* @__PURE__ */ c(P, { size: v === x.LG ? "xs" : "xxs", negative: e, disabled: f }),
+        r && /* @__PURE__ */ c(M, { size: b === N.LG ? "xs" : "xxs", negative: e, disabled: f }),
         " ",
         u
       ]
     }
   );
-}, G = E(L);
-G.displayName = "Button";
+}, U = w(L);
+U.displayName = "Button";
 export {
+  q as BUTTON_TYPES,
   V as BUTTON_VARIANT,
-  G as Button,
+  U as Button,
   F 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\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 = 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","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":";;AAAK,MAACA,IAAI;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAAyBC,IAAI;AAAA,EAC3B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;ACPA,SAASC,EAAEC,GAAG;AACZ,SAAOA,KAAKA,EAAE,cAAc,OAAO,UAAU,eAAe,KAAKA,GAAG,SAAS,IAAIA,EAAE,UAAUA;AAC/F;AACA,IAAIC,IAAI,EAAE,SAAS,CAAA;AACnB;AAAA;AAAA;AAAA;AAAA;AAAA,CAKC,SAASD,GAAG;AACX,GAAC,WAAW;AACV,QAAI,IAAI,CAAE,EAAC;AACX,aAASH,IAAI;AACX,eAASK,IAAI,IAAIJ,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACjD,YAAIK,IAAI,UAAUL,CAAC;AACnB,QAAAK,MAAMD,IAAIE,EAAEF,GAAGG,EAAEF,CAAC,CAAC;AAAA,MACpB;AACD,aAAOD;AAAA,IACR;AACD,aAASG,EAAEH,GAAG;AACZ,UAAI,OAAOA,KAAK,YAAY,OAAOA,KAAK;AACtC,eAAOA;AACT,UAAI,OAAOA,KAAK;AACd,eAAO;AACT,UAAI,MAAM,QAAQA,CAAC;AACjB,eAAOL,EAAE,MAAM,MAAMK,CAAC;AACxB,UAAIA,EAAE,aAAa,OAAO,UAAU,YAAY,CAACA,EAAE,SAAS,WAAW,SAAS,eAAe;AAC7F,eAAOA,EAAE;AACX,UAAIJ,IAAI;AACR,eAASK,KAAKD;AACZ,UAAE,KAAKA,GAAGC,CAAC,KAAKD,EAAEC,CAAC,MAAML,IAAIM,EAAEN,GAAGK,CAAC;AACrC,aAAOL;AAAA,IACR;AACD,aAASM,EAAEF,GAAGJ,GAAG;AACf,aAAOA,IAAII,IAAIA,IAAI,MAAMJ,IAAII,IAAIJ,IAAII;AAAA,IACtC;AACD,IAAAF,EAAE,WAAWH,EAAE,UAAUA,GAAGG,EAAE,UAAUH,KAAK,OAAO,aAAaA;AAAA,EACrE;AACA,GAAGI,CAAC;AACJ,IAAIK,IAAIL,EAAE;AACL,MAACM,IAAoB,gBAAAR,EAAEO,CAAC,GAAGE,IAAI,mBAAmBC,IAAI,iBAAiBC,IAAI;AAAA,EAC9E,kBAAkB;AAAA,EAClB,QAAQF;AAAA,EACR,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,MAAMC;AAAA,EACN,oCAAoC;AAAA,EACpC,oCAAoC;AACtC,GAAGE,IAAI,kBAAkBC,IAAI;AAAA,EAC3B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAAyBC,IAAI,CAAC;AAAA,EAC5B,CAAC,gBAAgBb;AAAA,EACjB,UAAU,IAAI;AAAA,EACd,UAAUH,IAAI;AAAA,EACd,MAAMQ,IAAIO,EAAE;AAAA,EACZ,GAAGR;AACL,MAAsBU,gBAAAA;AAAAA,EACpB;AAAA,EACA;AAAA,IACE,WAAWP,EAAE,CAACG,EAAEC,CAAC,GAAGD,EAAE,GAAGC,CAAC,KAAKN,CAAC,EAAE,CAAC,CAAC;AAAA,IACpC,eAAeL;AAAA,IACf,GAAGI;AAAA,IACH,UAA0BU,gBAAAA,EAAE,OAAO,EAAE,SAAS,aAAa,UAA0BA,gBAAAA;AAAAA,MACnF;AAAA,MACA;AAAA,QACE,WAAWP,EAAEG,EAAE,GAAGC,CAAC,UAAU,GAAG;AAAA,UAC9B,CAACD,EAAE,GAAGC,CAAC,oBAAoB,CAAC,GAAG;AAAA,UAC/B,CAACD,EAAE,GAAGC,CAAC,oBAAoB,CAAC,GAAGd;AAAA,QACzC,CAAS;AAAA,QACD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAG;AAAA,MACJ;AAAA,IACP,GAAO;AAAA,EACJ;AACH;;;;;;;;;;;AC7EA,GAAC,WAAY;AAGZ,QAAIkB,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELN,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIO,IAAM,UAAUP,CAAC;AACrB,QAAIO,MACHD,IAAUE,EAAYF,GAASG,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,MAE1D;AAED,aAAOD;AAAA,IACP;AAED,aAASG,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOF,EAAW,MAAM,MAAME,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAID,IAAU;AAEd,eAASI,KAAOH;AACf,QAAIH,EAAO,KAAKG,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCJ,IAAUE,EAAYF,GAAS,QAAQ,KAAKI,CAAG,KAAKA,CAAG;AAIzD,aAAOJ;AAAA,IACP;AAED,aAASE,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CR,EAAW,UAAUA,GACrBQ,EAAA,UAAiBR,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;;;;;;;;;;;GCrEaS,IAAiB;AAAA,EAC5B,GAAGC;AAAAA,EACH,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,MAAM;AACR,GAEaC,IAAiB,OAAO,OAAOF,CAAc,GAGpDG,IAAKvB,EAAE,KAAKwB,CAAM,GAClBC,IAAgB,iBAKhBC,IAAkB,CACtB;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,CAAC,gBAAgBC;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,MAAAC,IAAOC,EAAK;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACC,MAAAT,KAAYM,MAAY;AACnB,WAAA;AAET,QAAM1B,IAAUW;AAAA,IACd;AAAA,MACEE;AAAA,MACA,GAAGA,CAAa,KAAKS,IAAW,GAAGI,CAAO,cAAcA,CAAO;AAAA,MAC/D,GAAGb,CAAa,KAAKW,CAAI;AAAA,IAC3B;AAAA,IACA;AAAA,MACE,CAAC,GAAGX,CAAa,aAAa,GAAGO;AAAA,MACjC,CAAC,GAAGP,CAAa,YAAY,GAAGS;AAAA,MAChC,CAAC,GAAGT,CAAa,cAAc,GAAGM;AAAA,MAClC,CAAC,GAAGN,CAAa,YAAY,GAAGK,KAAYG;AAAA,IAC9C;AAAA,IACAL;AAAA,EAAA,GAGIc,IAAc,CAACjD,MAAqC;AACxD,IAAIqC,KAAYG,IACdxC,EAAE,eAAe,IACR0C,KACTA,EAAQ1C,CAAC;AAAA,EACX,GAGIkD,IAAY,EAAQH,EAAM,eAAe,KAAMV,KAAYG;AAG/D,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWhC;AAAA,MACX,eAAaiB;AAAA,MAEb,MAAAU;AAAA,MACA,KAAAE;AAAA,MACA,iBAAeE;AAAA,MACf,SAASD;AAAA,MACR,GAAGF;AAAA,MAEH,UAAA;AAAA,QACCP,KAAA,gBAAAY,EAACC,GAAQ,EAAA,MAAMV,MAASC,EAAK,KAAK,OAAO,OAAO,UAAAH,GAAoB,UAAUS,EAAW,CAAA;AAAA,QACxF;AAAA,QACFhB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,GAEaoB,IAASC,EAAWtB,CAAe;AAChDqB,EAAO,cAAc;","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  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_u2yv5_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_u2yv5_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_u2yv5_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button_u2yv5_1 svg{display:block}._purpur-button--sm_u2yv5_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_u2yv5_33._purpur-button--icon-only_u2yv5_36{padding:var(--purpur-spacing-100)}._purpur-button--md_u2yv5_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_u2yv5_39._purpur-button--icon-only_u2yv5_36{padding:var(--purpur-spacing-150)}._purpur-button--lg_u2yv5_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_u2yv5_45._purpur-button--icon-only_u2yv5_36{padding:var(--purpur-spacing-200)}._purpur-button--full-width_u2yv5_51{width:100%}._purpur-button--primary_u2yv5_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_u2yv5_54:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_u2yv5_54:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_u2yv5_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_u2yv5_64:hover:not(._purpur-button--disabled_u2yv5_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_u2yv5_64:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-button--secondary_u2yv5_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_u2yv5_76:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_u2yv5_76:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_u2yv5_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_u2yv5_87:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-button--secondary-negative_u2yv5_87:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-button--expressive_u2yv5_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_u2yv5_98:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_u2yv5_98:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_u2yv5_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_u2yv5_108:hover:not(._purpur-button--disabled_u2yv5_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_u2yv5_108:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-button--negative_u2yv5_120._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_u2yv5_76._purpur-button--disabled_u2yv5_58,._purpur-button--secondary-negative_u2yv5_87._purpur-button--disabled_u2yv5_58{box-shadow:none}._purpur-button--destructive_u2yv5_127{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_u2yv5_127:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_u2yv5_127:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_u2yv5_137{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_u2yv5_137:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_u2yv5_137:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_u2yv5_147{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_u2yv5_147._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple_u2yv5_147:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_u2yv5_147:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_u2yv5_160{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_u2yv5_160._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--tertiary-purple-negative_u2yv5_160:hover:not(._purpur-button--disabled_u2yv5_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_u2yv5_160:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text-negative_u2yv5_175{border-radius:0;padding-left:0;padding-right:0;background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_u2yv5_175:focus-visible:before{border-radius:0}._purpur-button--text-negative_u2yv5_175._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-transparent)}._purpur-button--text-negative_u2yv5_175:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative-hover)}._purpur-button--text-negative_u2yv5_175:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-button--text_u2yv5_175{border-radius:0;padding-left:0;padding-right:0;background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_u2yv5_175:focus-visible:before{border-radius:0}._purpur-button--text_u2yv5_175._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-weak)}._purpur-button--text_u2yv5_175:hover:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_u2yv5_175:active:not(._purpur-button--disabled_u2yv5_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_u2yv5_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}
+._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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/button",
-  "version": "5.10.1",
+  "version": "5.11.1",
   "license": "AGPL-3.0-only",
   "main": "./dist/button.cjs.js",
   "types": "./dist/button.d.ts",
@@ -15,35 +15,35 @@
   "source": "src/button.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/action": "5.10.1",
-    "@purpurds/spinner": "5.10.1",
-    "@purpurds/tokens": "5.10.1",
-    "@purpurds/icon": "5.10.1"
+    "@purpurds/action": "5.11.1",
+    "@purpurds/icon": "5.11.1",
+    "@purpurds/tokens": "5.11.1",
+    "@purpurds/spinner": "5.11.1"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
-    "@storybook/blocks": "~7.6.0",
-    "@storybook/react": "~7.6.0",
+    "@storybook/react": "^8.2.6",
+    "storybook": "^8.2.6",
     "@telia/base-rig": "~8.2.0",
     "@telia/react-rig": "~3.2.0",
     "@testing-library/dom": "~9.3.3",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~14.3.0",
     "@types/node": "20.12.12",
-    "@types/react-dom": "~18.3.0",
-    "@types/react": "~18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.3",
     "eslint-plugin-testing-library": "~6.2.0",
-    "eslint": "~8.57.0",
+    "eslint": "^8.57.0",
     "jsdom": "~22.1.0",
     "lint-staged": "~10.5.3",
     "prettier": "~2.8.8",
-    "react-dom": "~18.3.0",
-    "react": "~18.3.0",
-    "typescript": "~5.4.2",
-    "vite": "~5.2.2",
+    "react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "typescript": "^5.5.4",
+    "vite": "5.3.4",
     "vitest": "~1.5.0",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/icon": "5.10.1"
+    "@purpurds/icon": "5.11.1"
   },
   "scripts": {
     "build:dev": "vite",

package/src/button.module.scss

@@ -3,52 +3,59 @@
 $root: ".purpur-button";
 
 @mixin purple-negative {
-  background-color: var(--purpur-color-background-interactive-transparent);
-  color: var(--purpur-color-text-interactive-primary-negative);
-
-  &#{$root}--disabled {
+  & {
     background-color: var(--purpur-color-background-interactive-transparent);
-  }
+    color: var(--purpur-color-text-interactive-primary-negative);
 
-  &:hover:not(#{$root}--disabled) {
-    background-color: var(--purpur-color-background-interactive-transparent-negative-hover);
-    color: var(--purpur-color-text-interactive-primary-negative-hover);
-  }
+    &#{$root}--disabled {
+      background-color: var(--purpur-color-background-interactive-transparent);
+    }
 
-  &:active:not(#{$root}--disabled) {
-    background-color: var(--purpur-color-background-interactive-transparent-negative-active);
-    color: var(--purpur-color-text-interactive-primary-negative-active);
+    &:hover:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-negative-hover);
+      color: var(--purpur-color-text-interactive-primary-negative-hover);
+    }
+
+    &:active:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-transparent-negative-active);
+      color: var(--purpur-color-text-interactive-primary-negative-active);
+    }
   }
 }
 
 @mixin red {
-  background-color: var(--purpur-color-background-interactive-destructive);
-  color: var(--purpur-color-text-interactive-on-destructive);
+  & {
+    background-color: var(--purpur-color-background-interactive-destructive);
+    color: var(--purpur-color-text-interactive-on-destructive);
 
-  &:hover:not(#{$root}--disabled) {
-    background-color: var(--purpur-color-background-interactive-destructive-hover);
-  }
+    &:hover:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-destructive-hover);
+    }
 
-  &:active:not(#{$root}--disabled) {
-    background-color: var(--purpur-color-background-interactive-destructive-active);
+    &:active:not(#{$root}--disabled) {
+      background-color: var(--purpur-color-background-interactive-destructive-active);
+    }
   }
 }
 
 @mixin square {
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-
-  &:focus-visible {
-    &::before {
-      border-radius: 0;
+  & {
+    border-radius: 0;
+    padding-left: 0;
+    padding-right: 0;
+
+    &:focus-visible {
+      &::before {
+        border-radius: 0;
+      }
     }
   }
 }
 
 #{$root} {
-  @include action();
-
+  & {
+    @include action();
+  }
   &--negative {
     &#{$root}--disabled {
       background-color: var(--purpur-color-background-interactive-disabled-negative);
@@ -64,11 +71,15 @@ $root: ".purpur-button";
   }
 
   &--destructive {
-    @include red();
+    & {
+      @include red();
+    }
   }
 
   &--destructive-negative {
-    @include red();
+    & {
+      @include red();
+    }
   }
 
   &--tertiary-purple {
@@ -89,19 +100,29 @@ $root: ".purpur-button";
   }
 
   &--tertiary-purple-negative {
-    @include purple-negative();
+    & {
+      @include purple-negative();
+    }
   }
 
   &--text-negative {
-    @include square();
-    @include purple-negative();
+    & {
+      @include square();
+    }
+    & {
+      @include purple-negative();
+    }
   }
 
   &--text {
-    @include square();
+    & {
+      @include square();
+    }
 
-    background-color: var(--purpur-color-background-interactive-transparent);
-    color: var(--purpur-color-text-interactive-primary);
+    & {
+      background-color: var(--purpur-color-background-interactive-transparent);
+      color: var(--purpur-color-text-interactive-primary);
+    }
 
     &#{$root}--disabled {
       background-color: var(--purpur-color-background-interactive-transparent);

package/src/button.stories.tsx

@@ -5,9 +5,9 @@ import type { Meta, StoryObj } from "@storybook/react";
 
 import "@purpurds/icon/styles";
 import "@purpurds/spinner/styles";
-import { Button, buttonVariants } from "./button";
+import { Button, BUTTON_TYPES, buttonVariants } from "./button";
 
-const meta: Meta<typeof Button> = {
+const meta = {
   title: "Inputs/Button",
   component: Button,
   parameters: {
@@ -23,19 +23,27 @@ const meta: Meta<typeof Button> = {
     disabled: { control: { type: "boolean" } },
     fullWidth: { control: { type: "boolean" } },
     size: {
-      options: sizes,
       control: { type: "select" },
+      options: sizes,
+      table: { type: { summary: sizes.map((x) => `"${x}"`).join(" | ") } },
     },
     variant: {
+      control: { type: "select" },
       options: buttonVariants,
+      table: { type: { summary: buttonVariants.map((x) => `"${x}"`).join(" | ") } },
+    },
+    type: {
       control: { type: "select" },
+      options: BUTTON_TYPES,
+      table: { type: { summary: BUTTON_TYPES.map((x) => `"${x}"`).join(" | ") } },
     },
     ["data-testid"]: { control: { type: "text" } },
     className: { control: { type: "text" } },
     children: { control: { type: "text" } },
   },
   args: { negative: false },
-};
+} satisfies Meta<typeof Button>;
+
 export default meta;
 
 type Story = StoryObj<typeof Button>;

package/src/button.tsx

@@ -18,6 +18,9 @@ export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT]
 const cx = c.bind(styles);
 const rootClassName = "purpur-button";
 
+type ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type">["type"];
+export const BUTTON_TYPES: ButtonType[] = ["button", "submit", "reset"] as const;
+
 export type ButtonProps = ActionProps<ButtonVariant> &
   ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };
 
@@ -32,11 +35,11 @@ const ButtonComponent = (
     loading = false,
     negative = false,
     onClick,
-    size = SIZE.MD,
+    size = "md",
     variant,
     type = "button",
     ...props
-  }: ButtonProps,
+  }: Omit<ButtonProps, "type"> & { type: ButtonType },
   ref: ForwardedRef<HTMLButtonElement>
 ) => {
   if (iconOnly && variant === "destructive") {

package/readme.mdx

@@ -1,44 +0,0 @@
-import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
-
-import * as ButtonStories from "./src/button.stories";
-import packageInfo from "./package.json";
-
-<Meta name="Docs" title="Components/Button" of={ButtonStories} />
-
-# Button
-
-<Subtitle>Version {packageInfo.version}</Subtitle>
-
-### Showcase
-
-<Primary />
-
-### Properties
-
-<ArgTypes />
-
-### Installation
-
-#### Via NPM
-
-Add the dependency to your consumer app like `"@purpurds/purpur": "^x.y.z"`
-
-In MyApp.tsx
-
-```tsx
-import "@purpurds/purpur/styles";
-```
-
-In MyComponent.tsx
-
-```tsx
-import { Button } from "@purpurds/purpur";
-
-export const MyComponent = () => {
-  return (
-    <div>
-      <Button {...someProps}>Some content</Button>
-    </div>
-  );
-};
-```