@purpurds/button 5.4.3 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/LICENSE.txt CHANGED
@@ -1,12 +1,12 @@
1
1
  Name: @purpurds/action
2
- Version: 5.4.2
2
+ Version: 5.5.0
3
3
  License: AGPL-3.0-only
4
4
  Private: false
5
5
 
6
6
  ---
7
7
 
8
8
  Name: @purpurds/spinner
9
- Version: 5.4.2
9
+ Version: 5.5.0
10
10
  License: AGPL-3.0-only
11
11
  Private: false
12
12
 
@@ -1,10 +1,10 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=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:{}};/*!
1
+ "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:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(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",a={"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"},c="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})=>l.jsx("div",{className:m([a[c],a[`${c}--${p}`]]),"data-testid":u,...s,children:l.jsx("svg",{viewBox:"0 0 50 50",children:l.jsx("circle",{className:m(a[`${c}__circle`],{[a[`${c}__circle--disabled`]]:o,[a[`${c}__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:{}};/*!
5
+ */(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:{}};/*!
6
6
  Copyright (c) 2018 Jed Watson.
7
7
  Licensed under the MIT License (MIT), see
8
8
  http://jedwatson.github.io/classnames
9
- */(function(u){(function(){var o={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=s(t,p(e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)o.call(t,e)&&t[e]&&(r=s(r,e));return r}function s(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()})(j);var V=j.exports;const I=D(V),i={"purpur-button":"_purpur-button_u2yv5_1","purpur-button--sm":"_purpur-button--sm_u2yv5_33","purpur-button--icon-only":"_purpur-button--icon-only_u2yv5_36","purpur-button--md":"_purpur-button--md_u2yv5_39","purpur-button--lg":"_purpur-button--lg_u2yv5_45","purpur-button--full-width":"_purpur-button--full-width_u2yv5_51","purpur-button--primary":"_purpur-button--primary_u2yv5_54","purpur-button--disabled":"_purpur-button--disabled_u2yv5_58","purpur-button--primary-negative":"_purpur-button--primary-negative_u2yv5_64","purpur-button--secondary":"_purpur-button--secondary_u2yv5_76","purpur-button--secondary-negative":"_purpur-button--secondary-negative_u2yv5_87","purpur-button--expressive":"_purpur-button--expressive_u2yv5_98","purpur-button--expressive-negative":"_purpur-button--expressive-negative_u2yv5_108","purpur-button--negative":"_purpur-button--negative_u2yv5_120","purpur-button--destructive":"_purpur-button--destructive_u2yv5_127","purpur-button--destructive-negative":"_purpur-button--destructive-negative_u2yv5_137","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_u2yv5_147","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_u2yv5_160","purpur-button--text-negative":"_purpur-button--text-negative_u2yv5_175","purpur-button--text":"_purpur-button--text_u2yv5_175"},S={...w,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},C=Object.values(S),_="purpur-button",X=({children:u,className:o,["data-testid"]:n,disabled:p=!1,fullWidth:s=!1,iconOnly:t,loading:r=!1,negative:e=!1,onClick:d,size:b=x.MD,variant:v,type:$="button",...y},z)=>{if(t&&v==="destructive")return null;const N=I([i[_],i[`${_}--${e?`${v}-negative`:v}`],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)};return l.jsxs("button",{className:N,"data-testid":n,type:$,ref:z,"aria-disabled":y["aria-disabled"]||p||r,onClick:O,...y,children:[r&&l.jsx(B,{size:b===x.LG?"xs":"xxs",negative:e,disabled:p})," ",u]})},h=T.forwardRef(X);h.displayName="Button";exports.BUTTON_VARIANT=S;exports.Button=h;exports.buttonVariants=C;
9
+ */(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;
10
10
  //# sourceMappingURL=button.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.cjs.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/button.tsx"],"sourcesContent":["const 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(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from \"react\";\nimport { ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n ...VARIANT,\n DESTRUCTIVE: \"destructive\",\n TERTIARY_PURPLE: \"tertiary-purple\",\n TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst rootClassName = \"purpur-button\";\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n {\n children,\n className,\n [\"data-testid\"]: dataTestid,\n disabled = false,\n fullWidth = false,\n iconOnly,\n loading = false,\n negative = false,\n onClick,\n size = SIZE.MD,\n variant,\n type = \"button\",\n ...props\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) => {\n if (iconOnly && variant === \"destructive\") {\n return null;\n }\n const classes = c(\n [\n styles[rootClassName],\n styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],\n styles[`${rootClassName}--${size}`],\n ],\n {\n [styles[`${rootClassName}--icon-only`]]: iconOnly,\n [styles[`${rootClassName}--negative`]]: negative,\n [styles[`${rootClassName}--full-width`]]: fullWidth,\n [styles[`${rootClassName}--disabled`]]: disabled || loading,\n },\n className\n );\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) {\n e.preventDefault();\n } else if (onClick) {\n onClick(e);\n }\n };\n\n return (\n <button\n className={classes}\n data-testid={dataTestid}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={ref}\n aria-disabled={props[\"aria-disabled\"] || disabled || loading}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={disabled} />\n )}{\" \"}\n {children}\n </button>\n );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["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","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","styles","handleClick","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOD,CACP,CAED,SAASG,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,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,EAASI,CAAG,GAIpC,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,EAAgB,gBAKhBC,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,EAAOC,EAAK,GACZ,QAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EACAC,IACG,CACC,GAAAT,GAAYM,IAAY,cACnB,OAAA,KAET,MAAMxB,EAAUZ,EACd,CACEwC,EAAOjB,CAAa,EACpBiB,EAAO,GAAGjB,CAAa,KAAKS,EAAW,GAAGI,CAAO,YAAcA,CAAO,EAAE,EACxEI,EAAO,GAAGjB,CAAa,KAAKW,CAAI,EAAE,CACpC,EACA,CACE,CAACM,EAAO,GAAGjB,CAAa,aAAa,CAAC,EAAGO,EACzC,CAACU,EAAO,GAAGjB,CAAa,YAAY,CAAC,EAAGS,EACxC,CAACQ,EAAO,GAAGjB,CAAa,cAAc,CAAC,EAAGM,EAC1C,CAACW,EAAO,GAAGjB,CAAa,YAAY,CAAC,EAAGK,GAAYG,CACtD,EACAL,CAAA,EAGIe,EAAehD,GAAqC,CACpDmC,GAAYG,EACdtC,EAAE,eAAe,EACRwC,GACTA,EAAQxC,CAAC,CACX,EAIA,OAAAiD,EAAA,KAAC,SAAA,CACC,UAAW9B,EACX,cAAae,EAEb,KAAAU,EACA,IAAAE,EACA,gBAAeD,EAAM,eAAe,GAAKV,GAAYG,EACrD,QAASU,EACR,GAAGH,EAEH,SAAA,CACCP,GAAAY,EAAA,IAACC,GAAQ,KAAMV,IAASC,EAAK,GAAK,KAAO,MAAO,SAAAH,EAAoB,SAAAJ,CAAoB,CAAA,EACvF,IACFH,CAAA,CAAA,CAAA,CAGP,EAEaoB,EAASC,aAAWtB,CAAe,EAChDqB,EAAO,YAAc","x_google_ignoreList":[2]}
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]}
@@ -1 +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;AAIjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiElE,eAAO,MAAM,MAAM,uFAA8B,CAAC"}
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"}
package/dist/button.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as l, jsxs as w } from "react/jsx-runtime";
1
+ import { jsx as c, jsxs as w } from "react/jsx-runtime";
2
2
  import { forwardRef as E } from "react";
3
3
  const N = {
4
4
  PRIMARY: "primary",
@@ -22,34 +22,34 @@ var g = { exports: {} };
22
22
  (function() {
23
23
  var o = {}.hasOwnProperty;
24
24
  function n() {
25
- for (var r = "", t = 0; t < arguments.length; t++) {
26
- var e = arguments[t];
27
- e && (r = s(r, p(e)));
25
+ for (var t = "", r = 0; r < arguments.length; r++) {
26
+ var e = arguments[r];
27
+ e && (t = s(t, p(e)));
28
28
  }
29
- return r;
29
+ return t;
30
30
  }
31
- function p(r) {
32
- if (typeof r == "string" || typeof r == "number")
33
- return r;
34
- if (typeof r != "object")
31
+ function p(t) {
32
+ if (typeof t == "string" || typeof t == "number")
33
+ return t;
34
+ if (typeof t != "object")
35
35
  return "";
36
- if (Array.isArray(r))
37
- return n.apply(null, r);
38
- if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
39
- return r.toString();
40
- var t = "";
41
- for (var e in r)
42
- o.call(r, e) && r[e] && (t = s(t, e));
43
- return t;
36
+ if (Array.isArray(t))
37
+ return n.apply(null, t);
38
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
39
+ return t.toString();
40
+ var r = "";
41
+ for (var e in t)
42
+ o.call(t, e) && t[e] && (r = s(r, e));
43
+ return r;
44
44
  }
45
- function s(r, t) {
46
- return t ? r ? r + " " + t : r + t : r;
45
+ function s(t, r) {
46
+ return r ? t ? t + " " + r : t + r : t;
47
47
  }
48
48
  u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
49
49
  })();
50
50
  })(g);
51
51
  var R = g.exports;
52
- const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", a = {
52
+ const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", _ = {
53
53
  "purpur-spinner": "_purpur-spinner_1xozj_1",
54
54
  rotate: A,
55
55
  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -61,7 +61,7 @@ const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", a =
61
61
  dash: M,
62
62
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
63
63
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
64
- }, c = "purpur-spinner", T = {
64
+ }, a = "purpur-spinner", T = {
65
65
  XXS: "xxs",
66
66
  XS: "xs",
67
67
  SM: "sm",
@@ -73,18 +73,18 @@ const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", a =
73
73
  negative: n = !1,
74
74
  size: p = T.SM,
75
75
  ...s
76
- }) => /* @__PURE__ */ l(
76
+ }) => /* @__PURE__ */ c(
77
77
  "div",
78
78
  {
79
- className: m([a[c], a[`${c}--${p}`]]),
79
+ className: m([_[a], _[`${a}--${p}`]]),
80
80
  "data-testid": u,
81
81
  ...s,
82
- children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
82
+ children: /* @__PURE__ */ c("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ c(
83
83
  "circle",
84
84
  {
85
- className: m(a[`${c}__circle`], {
86
- [a[`${c}__circle--disabled`]]: o,
87
- [a[`${c}__circle--negative`]]: n
85
+ className: m(_[`${a}__circle`], {
86
+ [_[`${a}__circle--disabled`]]: o,
87
+ [_[`${a}__circle--negative`]]: n
88
88
  }),
89
89
  cx: "25",
90
90
  cy: "25",
@@ -96,7 +96,7 @@ const m = /* @__PURE__ */ O(R), A = "_rotate_1xozj_1", M = "_dash_1xozj_1", a =
96
96
  function D(u) {
97
97
  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
98
98
  }
99
- var j = { exports: {} };
99
+ var h = { exports: {} };
100
100
  /*!
101
101
  Copyright (c) 2018 Jed Watson.
102
102
  Licensed under the MIT License (MIT), see
@@ -106,34 +106,34 @@ var j = { exports: {} };
106
106
  (function() {
107
107
  var o = {}.hasOwnProperty;
108
108
  function n() {
109
- for (var r = "", t = 0; t < arguments.length; t++) {
110
- var e = arguments[t];
111
- e && (r = s(r, p(e)));
109
+ for (var t = "", r = 0; r < arguments.length; r++) {
110
+ var e = arguments[r];
111
+ e && (t = s(t, p.call(this, e)));
112
112
  }
113
- return r;
113
+ return t;
114
114
  }
115
- function p(r) {
116
- if (typeof r == "string" || typeof r == "number")
117
- return r;
118
- if (typeof r != "object")
115
+ function p(t) {
116
+ if (typeof t == "string" || typeof t == "number")
117
+ return this && this[t] || t;
118
+ if (typeof t != "object")
119
119
  return "";
120
- if (Array.isArray(r))
121
- return n.apply(null, r);
122
- if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
123
- return r.toString();
124
- var t = "";
125
- for (var e in r)
126
- o.call(r, e) && r[e] && (t = s(t, e));
127
- return t;
120
+ if (Array.isArray(t))
121
+ return n.apply(this, t);
122
+ if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
123
+ return t.toString();
124
+ var r = "";
125
+ for (var e in t)
126
+ o.call(t, e) && t[e] && (r = s(r, this && this[e] || e));
127
+ return r;
128
128
  }
129
- function s(r, t) {
130
- return t ? r ? r + " " + t : r + t : r;
129
+ function s(t, r) {
130
+ return r ? t ? t + " " + r : t + r : t;
131
131
  }
132
132
  u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
133
133
  })();
134
- })(j);
135
- var B = j.exports;
136
- const C = /* @__PURE__ */ D(B), i = {
134
+ })(h);
135
+ var B = h.exports;
136
+ const C = /* @__PURE__ */ D(B), I = {
137
137
  "purpur-button": "_purpur-button_u2yv5_1",
138
138
  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
139
139
  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -154,66 +154,66 @@ const C = /* @__PURE__ */ D(B), i = {
154
154
  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
155
155
  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
156
156
  "purpur-button--text": "_purpur-button--text_u2yv5_175"
157
- }, I = {
157
+ }, V = {
158
158
  ...N,
159
159
  DESTRUCTIVE: "destructive",
160
160
  TERTIARY_PURPLE: "tertiary-purple",
161
161
  TEXT: "text"
162
- }, U = Object.values(I), _ = "purpur-button", V = ({
162
+ }, F = Object.values(V), X = C.bind(I), i = "purpur-button", L = ({
163
163
  children: u,
164
164
  className: o,
165
165
  ["data-testid"]: n,
166
166
  disabled: p = !1,
167
167
  fullWidth: s = !1,
168
- iconOnly: r,
169
- loading: t = !1,
168
+ iconOnly: t,
169
+ loading: r = !1,
170
170
  negative: e = !1,
171
171
  onClick: d,
172
- size: b = x.MD,
173
- variant: v,
174
- type: S = "button",
175
- ...f
176
- }, h) => {
177
- if (r && v === "destructive")
172
+ size: v = x.MD,
173
+ variant: l,
174
+ type: j = "button",
175
+ ...b
176
+ }, S) => {
177
+ if (t && l === "destructive")
178
178
  return null;
179
- const $ = C(
179
+ const $ = X(
180
180
  [
181
- i[_],
182
- i[`${_}--${e ? `${v}-negative` : v}`],
183
- i[`${_}--${b}`]
181
+ i,
182
+ `${i}--${e ? `${l}-negative` : l}`,
183
+ `${i}--${v}`
184
184
  ],
185
185
  {
186
- [i[`${_}--icon-only`]]: r,
187
- [i[`${_}--negative`]]: e,
188
- [i[`${_}--full-width`]]: s,
189
- [i[`${_}--disabled`]]: p || t
186
+ [`${i}--icon-only`]: t,
187
+ [`${i}--negative`]: e,
188
+ [`${i}--full-width`]: s,
189
+ [`${i}--disabled`]: p || r
190
190
  },
191
191
  o
192
192
  ), z = (y) => {
193
- p || t ? y.preventDefault() : d && d(y);
194
- };
193
+ p || r ? y.preventDefault() : d && d(y);
194
+ }, f = !!b["aria-disabled"] || p || r;
195
195
  return /* @__PURE__ */ w(
196
196
  "button",
197
197
  {
198
198
  className: $,
199
199
  "data-testid": n,
200
- type: S,
201
- ref: h,
202
- "aria-disabled": f["aria-disabled"] || p || t,
200
+ type: j,
201
+ ref: S,
202
+ "aria-disabled": f,
203
203
  onClick: z,
204
- ...f,
204
+ ...b,
205
205
  children: [
206
- t && /* @__PURE__ */ l(P, { size: b === x.LG ? "xs" : "xxs", negative: e, disabled: p }),
206
+ r && /* @__PURE__ */ c(P, { size: v === x.LG ? "xs" : "xxs", negative: e, disabled: f }),
207
207
  " ",
208
208
  u
209
209
  ]
210
210
  }
211
211
  );
212
- }, X = E(V);
213
- X.displayName = "Button";
212
+ }, G = E(L);
213
+ G.displayName = "Button";
214
214
  export {
215
- I as BUTTON_VARIANT,
216
- X as Button,
217
- U as buttonVariants
215
+ V as BUTTON_VARIANT,
216
+ G as Button,
217
+ F as buttonVariants
218
218
  };
219
219
  //# sourceMappingURL=button.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.es.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/button.tsx"],"sourcesContent":["const 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(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from \"react\";\nimport { ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n ...VARIANT,\n DESTRUCTIVE: \"destructive\",\n TERTIARY_PURPLE: \"tertiary-purple\",\n TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst rootClassName = \"purpur-button\";\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n {\n children,\n className,\n [\"data-testid\"]: dataTestid,\n disabled = false,\n fullWidth = false,\n iconOnly,\n loading = false,\n negative = false,\n onClick,\n size = SIZE.MD,\n variant,\n type = \"button\",\n ...props\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) => {\n if (iconOnly && variant === \"destructive\") {\n return null;\n }\n const classes = c(\n [\n styles[rootClassName],\n styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],\n styles[`${rootClassName}--${size}`],\n ],\n {\n [styles[`${rootClassName}--icon-only`]]: iconOnly,\n [styles[`${rootClassName}--negative`]]: negative,\n [styles[`${rootClassName}--full-width`]]: fullWidth,\n [styles[`${rootClassName}--disabled`]]: disabled || loading,\n },\n className\n );\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (disabled || loading) {\n e.preventDefault();\n } else if (onClick) {\n onClick(e);\n }\n };\n\n return (\n <button\n className={classes}\n data-testid={dataTestid}\n // eslint-disable-next-line react/button-has-type\n type={type}\n ref={ref}\n aria-disabled={props[\"aria-disabled\"] || disabled || loading}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={disabled} />\n )}{\" \"}\n {children}\n </button>\n );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["s","e","d","n","l","t","u","c","x","a","m","j","p","i","f","z","_","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","rootClassName","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","SIZE","variant","type","props","ref","styles","handleClick","jsxs","jsx","Spinner","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}
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":"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","x_google_ignoreList":[2]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/button",
3
- "version": "5.4.3",
3
+ "version": "5.6.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/button.cjs.js",
6
6
  "types": "./dist/button.d.ts",
@@ -15,10 +15,10 @@
15
15
  "source": "src/button.tsx",
16
16
  "dependencies": {
17
17
  "classnames": "~2.5.0",
18
- "@purpurds/action": "5.4.3",
19
- "@purpurds/spinner": "5.4.3",
20
- "@purpurds/icon": "5.4.3",
21
- "@purpurds/tokens": "5.4.3"
18
+ "@purpurds/action": "5.6.0",
19
+ "@purpurds/tokens": "5.6.0",
20
+ "@purpurds/icon": "5.6.0",
21
+ "@purpurds/spinner": "5.6.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@rushstack/eslint-patch": "~1.10.0",
@@ -42,8 +42,8 @@
42
42
  "typescript": "~5.4.2",
43
43
  "vite": "~5.2.2",
44
44
  "vitest": "~1.5.0",
45
- "@purpurds/component-rig": "1.0.0",
46
- "@purpurds/icon": "5.4.3"
45
+ "@purpurds/icon": "5.6.0",
46
+ "@purpurds/component-rig": "1.0.0"
47
47
  },
48
48
  "scripts": {
49
49
  "build:dev": "vite",
package/src/button.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ButtonHTMLAttributes, ForwardedRef, forwardRef, MouseEvent } from "react";
2
2
  import { ActionProps, SIZE, VARIANT } from "@purpurds/action";
3
3
  import { Spinner } from "@purpurds/spinner";
4
- import c from "classnames";
4
+ import c from "classnames/bind";
5
5
 
6
6
  import styles from "./button.module.scss";
7
7
 
@@ -15,6 +15,7 @@ export const BUTTON_VARIANT = {
15
15
  export const buttonVariants = Object.values(BUTTON_VARIANT);
16
16
  export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
17
17
 
18
+ const cx = c.bind(styles);
18
19
  const rootClassName = "purpur-button";
19
20
 
20
21
  export type ButtonProps = ActionProps<ButtonVariant> &
@@ -41,17 +42,17 @@ const ButtonComponent = (
41
42
  if (iconOnly && variant === "destructive") {
42
43
  return null;
43
44
  }
44
- const classes = c(
45
+ const classes = cx(
45
46
  [
46
- styles[rootClassName],
47
- styles[`${rootClassName}--${negative ? `${variant}-negative` : variant}`],
48
- styles[`${rootClassName}--${size}`],
47
+ rootClassName,
48
+ `${rootClassName}--${negative ? `${variant}-negative` : variant}`,
49
+ `${rootClassName}--${size}`,
49
50
  ],
50
51
  {
51
- [styles[`${rootClassName}--icon-only`]]: iconOnly,
52
- [styles[`${rootClassName}--negative`]]: negative,
53
- [styles[`${rootClassName}--full-width`]]: fullWidth,
54
- [styles[`${rootClassName}--disabled`]]: disabled || loading,
52
+ [`${rootClassName}--icon-only`]: iconOnly,
53
+ [`${rootClassName}--negative`]: negative,
54
+ [`${rootClassName}--full-width`]: fullWidth,
55
+ [`${rootClassName}--disabled`]: disabled || loading,
55
56
  },
56
57
  className
57
58
  );
@@ -64,6 +65,8 @@ const ButtonComponent = (
64
65
  }
65
66
  };
66
67
 
68
+ const _disabled = Boolean(props["aria-disabled"]) || disabled || loading;
69
+
67
70
  return (
68
71
  <button
69
72
  className={classes}
@@ -71,12 +74,12 @@ const ButtonComponent = (
71
74
  // eslint-disable-next-line react/button-has-type
72
75
  type={type}
73
76
  ref={ref}
74
- aria-disabled={props["aria-disabled"] || disabled || loading}
77
+ aria-disabled={_disabled}
75
78
  onClick={handleClick}
76
79
  {...props}
77
80
  >
78
81
  {loading && (
79
- <Spinner size={size === SIZE.LG ? "xs" : "xxs"} negative={negative} disabled={disabled} />
82
+ <Spinner size={size === SIZE.LG ? "xs" : "xxs"} negative={negative} disabled={_disabled} />
80
83
  )}{" "}
81
84
  {children}
82
85
  </button>