@purpurds/button 8.3.1 → 8.5.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 +2 -2
- package/dist/button.cjs.js +3 -3
- package/dist/button.cjs.js.map +1 -1
- package/dist/button.d.ts.map +1 -1
- package/dist/button.es.js +60 -56
- package/dist/button.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +7 -7
- package/src/button.module.scss +4 -0
- package/src/button.tsx +1 -0
package/dist/LICENSE.txt
CHANGED
package/dist/button.cjs.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),R=require("react"),w={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},A={LG:"lg"};function B(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var v={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
|
-
*/var y;function
|
|
5
|
+
*/var y;function P(){return y||(y=1,(function(u){(function(){var i={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=p(t,o.call(this,e)))}return t}function o(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)i.call(t,e)&&t[e]&&(r=p(r,this&&this[e]||e));return r}function p(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()})(v)),v.exports}var V=P();const I=B(V),M="_rotate_12t9p_1",U="_dash_12t9p_1",Y={"purpur-spinner":"_purpur-spinner_12t9p_2",rotate:M,"purpur-spinner--xxs":"_purpur-spinner--xxs_12t9p_6","purpur-spinner--xs":"_purpur-spinner--xs_12t9p_10","purpur-spinner--sm":"_purpur-spinner--sm_12t9p_14","purpur-spinner--md":"_purpur-spinner--md_12t9p_18","purpur-spinner--lg":"_purpur-spinner--lg_12t9p_22","purpur-spinner__circle":"_purpur-spinner__circle_12t9p_26",dash:U,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_12t9p_41","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_12t9p_44"},x=I.bind(Y),_="purpur-spinner",q={SM:"sm"},g=({disabled:u=!1,negative:i=!1,size:n=q.SM,className:o,...p})=>a.jsx("div",{className:x(_,`${_}--${n}`,o),...p,children:a.jsx("svg",{viewBox:"0 0 50 50",children:a.jsx("circle",{className:x(`${_}__circle`,{[`${_}__circle--disabled`]:u,[`${_}__circle--negative`]:i}),cx:"25",cy:"25",r:"20"})})});g.displayName="Spinner";function C(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var l={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
|
-
*/var
|
|
9
|
+
*/var j;function D(){return j||(j=1,(function(u){(function(){var i={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=p(t,o.call(this,e)))}return t}function o(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)i.call(t,e)&&t[e]&&(r=p(r,this&&this[e]||e));return r}function p(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()})(l)),l.exports}var L=D();const G=C(L),X={"purpur-button":"_purpur-button_10jh0_1","purpur-button--xs":"_purpur-button--xs_10jh0_22","purpur-button--icon-only":"_purpur-button--icon-only_10jh0_25","purpur-button--sm":"_purpur-button--sm_10jh0_28","purpur-button--md":"_purpur-button--md_10jh0_34","purpur-button--lg":"_purpur-button--lg_10jh0_40","purpur-button--full-width":"_purpur-button--full-width_10jh0_46","purpur-button--primary":"_purpur-button--primary_10jh0_64","purpur-button--disabled":"_purpur-button--disabled_10jh0_68","purpur-button--primary-negative":"_purpur-button--primary-negative_10jh0_74","purpur-button--secondary":"_purpur-button--secondary_10jh0_86","purpur-button--secondary-negative":"_purpur-button--secondary-negative_10jh0_97","purpur-button--expressive":"_purpur-button--expressive_10jh0_108","purpur-button--expressive-negative":"_purpur-button--expressive-negative_10jh0_118","purpur-button--negative":"_purpur-button--negative_10jh0_130","purpur-button--destructive":"_purpur-button--destructive_10jh0_137","purpur-button--destructive-negative":"_purpur-button--destructive-negative_10jh0_147","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_10jh0_157","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_10jh0_170","purpur-button--text-negative":"_purpur-button--text-negative_10jh0_185","purpur-button--text":"_purpur-button--text_10jh0_185","purpur-button__spinner":"_purpur-button__spinner_10jh0_235"},S={...w,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},z=Object.values(S),m=G.bind(X),s="purpur-button",F=["button","submit","reset"],T=R.forwardRef(({children:u,className:i,disabled:n=!1,fullWidth:o=!1,iconOnly:p,loading:t=!1,negative:r=!1,onClick:e,size:b="md",variant:c,type:N="button",...d},$)=>{if(p&&c==="destructive")return null;const O=m([s,`${s}--${r?`${c}-negative`:c}`,`${s}--${b}`],{[`${s}--icon-only`]:p,[`${s}--negative`]:r,[`${s}--full-width`]:o,[`${s}--disabled`]:n||t},i),E=h=>{n||t?h.preventDefault():e&&e(h)},f=!!d["aria-disabled"]||n||t;return a.jsxs("button",{className:O,type:N,ref:$,"aria-disabled":f,onClick:E,...d,children:[t&&a.jsx(g,{size:b===A.LG?"xs":"xxs",negative:r,disabled:f,className:m(`${s}__spinner`)})," ",u]})});T.displayName="Button";exports.BUTTON_TYPES=F;exports.BUTTON_VARIANT=S;exports.Button=T;exports.buttonVariants=z;
|
|
10
10
|
//# sourceMappingURL=button.cjs.js.map
|
package/dist/button.cjs.js.map
CHANGED
|
@@ -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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n PRIMARY: \"primary\",\n SECONDARY: \"secondary\",\n EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, c = Object.values(e);\nexport {\n e as SIZE,\n s as VARIANT,\n c as sizes,\n t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction d(e) {\n return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar _ = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n return l || (l = 1, (function(e) {\n (function() {\n var i = {}.hasOwnProperty;\n function t() {\n for (var r = \"\", n = 0; n < arguments.length; n++) {\n var p = arguments[n];\n p && (r = o(r, u.call(this, p)));\n }\n return r;\n }\n function u(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return this && this[r] || r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return t.apply(this, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var n = \"\";\n for (var p in r)\n i.call(r, p) && r[p] && (n = o(n, this && this[p] || p));\n return n;\n }\n function o(r, n) {\n return n ? r ? r + \" \" + n : r + n : r;\n }\n e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n })();\n })(_)), _.exports;\n}\nvar h = x();\nconst m = /* @__PURE__ */ d(h), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, a = m.bind(b), s = \"purpur-spinner\", f = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, N = Object.values(f), j = ({\n disabled: e = !1,\n negative: i = !1,\n size: t = f.SM,\n ...u\n}) => /* @__PURE__ */ c(\"div\", { className: a(s, `${s}--${t}`), ...u, children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n \"circle\",\n {\n className: a(`${s}__circle`, {\n [`${s}__circle--disabled`]: e,\n [`${s}__circle--negative`]: i\n }),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n) }) });\nexport {\n f as SPINNER_SIZE,\n j as Spinner,\n N 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, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n HTMLButtonElement,\n Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n (\n {\n children,\n className,\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 },\n ref\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 type={type}\n ref={ref}\n aria-disabled={_disabled}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner\n size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n negative={negative}\n disabled={_disabled}\n />\n )}{\" \"}\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","d","_","l","x","t","r","n","p","o","u","h","m","v","S","b","a","f","j","c","hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"mappings":"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","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 XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, c = Object.values(e);\nexport {\n e as SIZE,\n s as VARIANT,\n c as sizes,\n t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as _ } from \"react/jsx-runtime\";\nfunction f(e) {\n return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar o = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar a;\nfunction m() {\n return a || (a = 1, (function(e) {\n (function() {\n var u = {}.hasOwnProperty;\n function t() {\n for (var r = \"\", n = 0; n < arguments.length; n++) {\n var p = arguments[n];\n p && (r = i(r, c.call(this, p)));\n }\n return r;\n }\n function c(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return this && this[r] || r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return t.apply(this, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var n = \"\";\n for (var p in r)\n u.call(r, p) && r[p] && (n = i(n, this && this[p] || p));\n return n;\n }\n function i(r, n) {\n return n ? r ? r + \" \" + n : r + n : r;\n }\n e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n })();\n })(o)), o.exports;\n}\nvar x = m();\nconst h = /* @__PURE__ */ f(x), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, l = h.bind(b), s = \"purpur-spinner\", d = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, j = Object.values(d), y = ({\n disabled: e = !1,\n negative: u = !1,\n size: t = d.SM,\n className: c,\n ...i\n}) => /* @__PURE__ */ _(\"div\", { className: l(s, `${s}--${t}`, c), ...i, children: /* @__PURE__ */ _(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ _(\n \"circle\",\n {\n className: l(`${s}__circle`, {\n [`${s}__circle--disabled`]: e,\n [`${s}__circle--negative`]: u\n }),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n) }) });\ny.displayName = \"Spinner\";\nexport {\n d as SPINNER_SIZE,\n y as Spinner,\n j 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, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n HTMLButtonElement,\n Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n (\n {\n children,\n className,\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 },\n ref\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 type={type}\n ref={ref}\n aria-disabled={_disabled}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner\n size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n negative={negative}\n disabled={_disabled}\n className={cx(`${rootClassName}__spinner`)}\n />\n )}{\" \"}\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","f","o","a","m","u","t","r","n","p","i","c","x","h","v","S","b","l","d","y","_","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"mappings":"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","x_google_ignoreList":[2]}
|
package/dist/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAA+B,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD,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,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,eAAO,MAAM,MAAM;WAEoB,UAAU;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAA+B,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD,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,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,eAAO,MAAM,MAAM;WAEoB,UAAU;mDAoEhD,CAAC"}
|
package/dist/button.es.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx as a, jsxs as E } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
const
|
|
2
|
+
import { forwardRef as O } from "react";
|
|
3
|
+
const T = {
|
|
4
4
|
PRIMARY: "primary",
|
|
5
5
|
SECONDARY: "secondary",
|
|
6
6
|
EXPRESSIVE: "expressive"
|
|
7
|
-
},
|
|
7
|
+
}, R = {
|
|
8
8
|
LG: "lg"
|
|
9
9
|
};
|
|
10
|
-
function
|
|
10
|
+
function A(u) {
|
|
11
11
|
return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
|
|
12
12
|
}
|
|
13
|
-
var
|
|
13
|
+
var v = { exports: {} };
|
|
14
14
|
/*!
|
|
15
15
|
Copyright (c) 2018 Jed Watson.
|
|
16
16
|
Licensed under the MIT License (MIT), see
|
|
17
17
|
http://jedwatson.github.io/classnames
|
|
18
18
|
*/
|
|
19
19
|
var y;
|
|
20
|
-
function
|
|
20
|
+
function P() {
|
|
21
21
|
return y || (y = 1, (function(u) {
|
|
22
22
|
(function() {
|
|
23
23
|
var i = {}.hasOwnProperty;
|
|
@@ -47,29 +47,30 @@ function R() {
|
|
|
47
47
|
}
|
|
48
48
|
u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
|
|
49
49
|
})();
|
|
50
|
-
})(
|
|
50
|
+
})(v)), v.exports;
|
|
51
51
|
}
|
|
52
|
-
var
|
|
53
|
-
const
|
|
52
|
+
var B = P();
|
|
53
|
+
const I = /* @__PURE__ */ A(B), M = "_rotate_12t9p_1", V = "_dash_12t9p_1", C = {
|
|
54
54
|
"purpur-spinner": "_purpur-spinner_12t9p_2",
|
|
55
|
-
rotate:
|
|
55
|
+
rotate: M,
|
|
56
56
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
|
|
57
57
|
"purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
|
|
58
58
|
"purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
|
|
59
59
|
"purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
|
|
60
60
|
"purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
|
|
61
61
|
"purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
|
|
62
|
-
dash:
|
|
62
|
+
dash: V,
|
|
63
63
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
|
|
64
64
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
|
|
65
|
-
}, m =
|
|
65
|
+
}, m = I.bind(C), _ = "purpur-spinner", D = {
|
|
66
66
|
SM: "sm"
|
|
67
|
-
},
|
|
67
|
+
}, g = ({
|
|
68
68
|
disabled: u = !1,
|
|
69
69
|
negative: i = !1,
|
|
70
|
-
size: n =
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
size: n = D.SM,
|
|
71
|
+
className: o,
|
|
72
|
+
...p
|
|
73
|
+
}) => /* @__PURE__ */ a("div", { className: m(_, `${_}--${n}`, o), ...p, children: /* @__PURE__ */ a("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ a(
|
|
73
74
|
"circle",
|
|
74
75
|
{
|
|
75
76
|
className: m(`${_}__circle`, {
|
|
@@ -81,7 +82,8 @@ const P = /* @__PURE__ */ j(A), B = "_rotate_12t9p_1", I = "_dash_12t9p_1", M =
|
|
|
81
82
|
r: "20"
|
|
82
83
|
}
|
|
83
84
|
) }) });
|
|
84
|
-
|
|
85
|
+
g.displayName = "Spinner";
|
|
86
|
+
function U(u) {
|
|
85
87
|
return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
|
|
86
88
|
}
|
|
87
89
|
var l = { exports: {} };
|
|
@@ -91,7 +93,7 @@ var l = { exports: {} };
|
|
|
91
93
|
http://jedwatson.github.io/classnames
|
|
92
94
|
*/
|
|
93
95
|
var x;
|
|
94
|
-
function
|
|
96
|
+
function Y() {
|
|
95
97
|
return x || (x = 1, (function(u) {
|
|
96
98
|
(function() {
|
|
97
99
|
var i = {}.hasOwnProperty;
|
|
@@ -123,35 +125,36 @@ function U() {
|
|
|
123
125
|
})();
|
|
124
126
|
})(l)), l.exports;
|
|
125
127
|
}
|
|
126
|
-
var
|
|
127
|
-
const
|
|
128
|
-
"purpur-button": "_purpur-
|
|
129
|
-
"purpur-button--xs": "_purpur-button--
|
|
130
|
-
"purpur-button--icon-only": "_purpur-button--icon-
|
|
131
|
-
"purpur-button--sm": "_purpur-button--
|
|
132
|
-
"purpur-button--md": "_purpur-button--
|
|
133
|
-
"purpur-button--lg": "_purpur-button--
|
|
134
|
-
"purpur-button--full-width": "_purpur-button--full-
|
|
135
|
-
"purpur-button--primary": "_purpur-button--
|
|
136
|
-
"purpur-button--disabled": "_purpur-button--
|
|
137
|
-
"purpur-button--primary-negative": "_purpur-button--primary-
|
|
138
|
-
"purpur-button--secondary": "_purpur-button--
|
|
139
|
-
"purpur-button--secondary-negative": "_purpur-button--secondary-
|
|
140
|
-
"purpur-button--expressive": "_purpur-button--
|
|
141
|
-
"purpur-button--expressive-negative": "_purpur-button--expressive-
|
|
142
|
-
"purpur-button--negative": "_purpur-button--
|
|
143
|
-
"purpur-button--destructive": "_purpur-button--
|
|
144
|
-
"purpur-button--destructive-negative": "_purpur-button--destructive-
|
|
145
|
-
"purpur-button--tertiary-purple": "_purpur-button--tertiary-
|
|
146
|
-
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-
|
|
147
|
-
"purpur-button--text-negative": "_purpur-button--text-
|
|
148
|
-
"purpur-button--text": "_purpur-button--
|
|
149
|
-
|
|
150
|
-
|
|
128
|
+
var L = Y();
|
|
129
|
+
const q = /* @__PURE__ */ U(L), G = {
|
|
130
|
+
"purpur-button": "_purpur-button_10jh0_1",
|
|
131
|
+
"purpur-button--xs": "_purpur-button--xs_10jh0_22",
|
|
132
|
+
"purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
|
|
133
|
+
"purpur-button--sm": "_purpur-button--sm_10jh0_28",
|
|
134
|
+
"purpur-button--md": "_purpur-button--md_10jh0_34",
|
|
135
|
+
"purpur-button--lg": "_purpur-button--lg_10jh0_40",
|
|
136
|
+
"purpur-button--full-width": "_purpur-button--full-width_10jh0_46",
|
|
137
|
+
"purpur-button--primary": "_purpur-button--primary_10jh0_64",
|
|
138
|
+
"purpur-button--disabled": "_purpur-button--disabled_10jh0_68",
|
|
139
|
+
"purpur-button--primary-negative": "_purpur-button--primary-negative_10jh0_74",
|
|
140
|
+
"purpur-button--secondary": "_purpur-button--secondary_10jh0_86",
|
|
141
|
+
"purpur-button--secondary-negative": "_purpur-button--secondary-negative_10jh0_97",
|
|
142
|
+
"purpur-button--expressive": "_purpur-button--expressive_10jh0_108",
|
|
143
|
+
"purpur-button--expressive-negative": "_purpur-button--expressive-negative_10jh0_118",
|
|
144
|
+
"purpur-button--negative": "_purpur-button--negative_10jh0_130",
|
|
145
|
+
"purpur-button--destructive": "_purpur-button--destructive_10jh0_137",
|
|
146
|
+
"purpur-button--destructive-negative": "_purpur-button--destructive-negative_10jh0_147",
|
|
147
|
+
"purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_10jh0_157",
|
|
148
|
+
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_10jh0_170",
|
|
149
|
+
"purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
|
|
150
|
+
"purpur-button--text": "_purpur-button--text_10jh0_185",
|
|
151
|
+
"purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
|
|
152
|
+
}, X = {
|
|
153
|
+
...T,
|
|
151
154
|
DESTRUCTIVE: "destructive",
|
|
152
155
|
TERTIARY_PURPLE: "tertiary-purple",
|
|
153
156
|
TEXT: "text"
|
|
154
|
-
}, J = Object.values(
|
|
157
|
+
}, J = Object.values(X), j = q.bind(G), s = "purpur-button", K = ["button", "submit", "reset"], z = O(
|
|
155
158
|
({
|
|
156
159
|
children: u,
|
|
157
160
|
className: i,
|
|
@@ -163,12 +166,12 @@ const L = /* @__PURE__ */ D(Y), q = {
|
|
|
163
166
|
onClick: e,
|
|
164
167
|
size: b = "md",
|
|
165
168
|
variant: c,
|
|
166
|
-
type:
|
|
169
|
+
type: S = "button",
|
|
167
170
|
...d
|
|
168
|
-
},
|
|
171
|
+
}, $) => {
|
|
169
172
|
if (p && c === "destructive")
|
|
170
173
|
return null;
|
|
171
|
-
const
|
|
174
|
+
const N = j(
|
|
172
175
|
[
|
|
173
176
|
s,
|
|
174
177
|
`${s}--${r ? `${c}-negative` : c}`,
|
|
@@ -181,25 +184,26 @@ const L = /* @__PURE__ */ D(Y), q = {
|
|
|
181
184
|
[`${s}--disabled`]: n || t
|
|
182
185
|
},
|
|
183
186
|
i
|
|
184
|
-
), w = (
|
|
185
|
-
n || t ?
|
|
187
|
+
), w = (h) => {
|
|
188
|
+
n || t ? h.preventDefault() : e && e(h);
|
|
186
189
|
}, f = !!d["aria-disabled"] || n || t;
|
|
187
190
|
return /* @__PURE__ */ E(
|
|
188
191
|
"button",
|
|
189
192
|
{
|
|
190
|
-
className:
|
|
191
|
-
type:
|
|
192
|
-
ref:
|
|
193
|
+
className: N,
|
|
194
|
+
type: S,
|
|
195
|
+
ref: $,
|
|
193
196
|
"aria-disabled": f,
|
|
194
197
|
onClick: w,
|
|
195
198
|
...d,
|
|
196
199
|
children: [
|
|
197
200
|
t && /* @__PURE__ */ a(
|
|
198
|
-
|
|
201
|
+
g,
|
|
199
202
|
{
|
|
200
|
-
size: b ===
|
|
203
|
+
size: b === R.LG ? "xs" : "xxs",
|
|
201
204
|
negative: r,
|
|
202
|
-
disabled: f
|
|
205
|
+
disabled: f,
|
|
206
|
+
className: j(`${s}__spinner`)
|
|
203
207
|
}
|
|
204
208
|
),
|
|
205
209
|
" ",
|
|
@@ -212,7 +216,7 @@ const L = /* @__PURE__ */ D(Y), q = {
|
|
|
212
216
|
z.displayName = "Button";
|
|
213
217
|
export {
|
|
214
218
|
K as BUTTON_TYPES,
|
|
215
|
-
|
|
219
|
+
X as BUTTON_VARIANT,
|
|
216
220
|
z as Button,
|
|
217
221
|
J as buttonVariants
|
|
218
222
|
};
|
package/dist/button.es.js.map
CHANGED
|
@@ -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/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n PRIMARY: \"primary\",\n SECONDARY: \"secondary\",\n EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, c = Object.values(e);\nexport {\n e as SIZE,\n s as VARIANT,\n c as sizes,\n t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction d(e) {\n return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar _ = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n return l || (l = 1, (function(e) {\n (function() {\n var i = {}.hasOwnProperty;\n function t() {\n for (var r = \"\", n = 0; n < arguments.length; n++) {\n var p = arguments[n];\n p && (r = o(r, u.call(this, p)));\n }\n return r;\n }\n function u(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return this && this[r] || r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return t.apply(this, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var n = \"\";\n for (var p in r)\n i.call(r, p) && r[p] && (n = o(n, this && this[p] || p));\n return n;\n }\n function o(r, n) {\n return n ? r ? r + \" \" + n : r + n : r;\n }\n e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n })();\n })(_)), _.exports;\n}\nvar h = x();\nconst m = /* @__PURE__ */ d(h), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, a = m.bind(b), s = \"purpur-spinner\", f = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, N = Object.values(f), j = ({\n disabled: e = !1,\n negative: i = !1,\n size: t = f.SM,\n ...u\n}) => /* @__PURE__ */ c(\"div\", { className: a(s, `${s}--${t}`), ...u, children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n \"circle\",\n {\n className: a(`${s}__circle`, {\n [`${s}__circle--disabled`]: e,\n [`${s}__circle--negative`]: i\n }),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n) }) });\nexport {\n f as SPINNER_SIZE,\n j as Spinner,\n N 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, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n HTMLButtonElement,\n Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n (\n {\n children,\n className,\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 },\n ref\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 type={type}\n ref={ref}\n aria-disabled={_disabled}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner\n size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n negative={negative}\n disabled={_disabled}\n />\n )}{\" \"}\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","d","_","l","x","t","r","n","p","o","u","h","m","v","S","b","a","f","j","c","hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"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 XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, c = Object.values(e);\nexport {\n e as SIZE,\n s as VARIANT,\n c as sizes,\n t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as _ } from \"react/jsx-runtime\";\nfunction f(e) {\n return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar o = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar a;\nfunction m() {\n return a || (a = 1, (function(e) {\n (function() {\n var u = {}.hasOwnProperty;\n function t() {\n for (var r = \"\", n = 0; n < arguments.length; n++) {\n var p = arguments[n];\n p && (r = i(r, c.call(this, p)));\n }\n return r;\n }\n function c(r) {\n if (typeof r == \"string\" || typeof r == \"number\")\n return this && this[r] || r;\n if (typeof r != \"object\")\n return \"\";\n if (Array.isArray(r))\n return t.apply(this, r);\n if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n return r.toString();\n var n = \"\";\n for (var p in r)\n u.call(r, p) && r[p] && (n = i(n, this && this[p] || p));\n return n;\n }\n function i(r, n) {\n return n ? r ? r + \" \" + n : r + n : r;\n }\n e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n })();\n })(o)), o.exports;\n}\nvar x = m();\nconst h = /* @__PURE__ */ f(x), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n rotate: v,\n \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n dash: S,\n \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, l = h.bind(b), s = \"purpur-spinner\", d = {\n XXS: \"xxs\",\n XS: \"xs\",\n SM: \"sm\",\n MD: \"md\",\n LG: \"lg\"\n}, j = Object.values(d), y = ({\n disabled: e = !1,\n negative: u = !1,\n size: t = d.SM,\n className: c,\n ...i\n}) => /* @__PURE__ */ _(\"div\", { className: l(s, `${s}--${t}`, c), ...i, children: /* @__PURE__ */ _(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ _(\n \"circle\",\n {\n className: l(`${s}__circle`, {\n [`${s}__circle--disabled`]: e,\n [`${s}__circle--negative`]: u\n }),\n cx: \"25\",\n cy: \"25\",\n r: \"20\"\n }\n) }) });\ny.displayName = \"Spinner\";\nexport {\n d as SPINNER_SIZE,\n y as Spinner,\n j 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, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n HTMLButtonElement,\n Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n (\n {\n children,\n className,\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 },\n ref\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 type={type}\n ref={ref}\n aria-disabled={_disabled}\n onClick={handleClick}\n {...props}\n >\n {loading && (\n <Spinner\n size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n negative={negative}\n disabled={_disabled}\n className={cx(`${rootClassName}__spinner`)}\n />\n )}{\" \"}\n {children}\n </button>\n );\n }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","f","o","a","m","u","t","r","n","p","i","c","x","h","v","S","b","l","d","y","_","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"mappings":"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","x_google_ignoreList":[2]}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-
|
|
1
|
+
._purpur-button_10jh0_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);text-decoration:none;width:auto}._purpur-button_10jh0_1:focus:before{border-radius:var(--purpur-border-radius-full)}._purpur-button_10jh0_1 svg{display:block}._purpur-button--xs_10jh0_22{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-button--xs_10jh0_22._purpur-button--icon-only_10jh0_25{padding:var(--purpur-spacing-100)}._purpur-button--sm_10jh0_28{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-button--sm_10jh0_28._purpur-button--icon-only_10jh0_25{padding:var(--purpur-spacing-100)}._purpur-button--md_10jh0_34{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-button--md_10jh0_34._purpur-button--icon-only_10jh0_25{padding:var(--purpur-spacing-150)}._purpur-button--lg_10jh0_40{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-button--lg_10jh0_40._purpur-button--icon-only_10jh0_25{padding:var(--purpur-spacing-200)}._purpur-button--full-width_10jh0_46{width:100%}._purpur-button_10jh0_1{position:relative;outline:0;transition:all var(--purpur-motion-duration-100) ease}._purpur-button_10jh0_1:focus:before{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_10jh0_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-button--primary_10jh0_64{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-button--primary_10jh0_64:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-button--primary_10jh0_64:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-button--primary-negative_10jh0_74{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-button--primary-negative_10jh0_74:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-primary-hover-negative);border-color:var(--purpur-color-background-interactive-primary-hover-negative)}._purpur-button--primary-negative_10jh0_74:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-primary-active-negative);border-color:var(--purpur-color-background-interactive-primary-active-negative)}._purpur-button--secondary_10jh0_86{background-color: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_10jh0_86:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--secondary_10jh0_86:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--secondary-negative_10jh0_97{background-color: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_10jh0_97:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover-negative)}._purpur-button--secondary-negative_10jh0_97:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active-negative)}._purpur-button--expressive_10jh0_108{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-button--expressive_10jh0_108:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-button--expressive_10jh0_108:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-button--expressive-negative_10jh0_118{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-button--expressive-negative_10jh0_118:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-expressive-hover-negative);color:var(--purpur-color-text-interactive-on-expressive-hover-negative)}._purpur-button--expressive-negative_10jh0_118:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-expressive-active-negative);color:var(--purpur-color-text-interactive-on-expressive-active-negative)}._purpur-button--negative_10jh0_130._purpur-button--disabled_10jh0_68{background-color:var(--purpur-color-background-interactive-disabled-negative);color:var(--purpur-color-text-weak-negative)}._purpur-button--secondary_10jh0_86._purpur-button--disabled_10jh0_68,._purpur-button--secondary-negative_10jh0_97._purpur-button--disabled_10jh0_68{box-shadow:none}._purpur-button--destructive_10jh0_137{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive_10jh0_137:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive_10jh0_137:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--destructive-negative_10jh0_147{background-color:var(--purpur-color-background-interactive-destructive);color:var(--purpur-color-text-interactive-on-destructive)}._purpur-button--destructive-negative_10jh0_147:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-destructive-hover)}._purpur-button--destructive-negative_10jh0_147:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-destructive-active)}._purpur-button--tertiary-purple_10jh0_157{background-color:transparent;color:var(--purpur-color-text-interactive-primary)}._purpur-button--tertiary-purple_10jh0_157._purpur-button--disabled_10jh0_68{background-color:transparent}._purpur-button--tertiary-purple_10jh0_157:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--tertiary-purple_10jh0_157:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--tertiary-purple-negative_10jh0_170{background-color:transparent;color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--tertiary-purple-negative_10jh0_170._purpur-button--disabled_10jh0_68{background-color:transparent}._purpur-button--tertiary-purple-negative_10jh0_170:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover-negative);color:var(--purpur-color-text-interactive-primary-hover-negative)}._purpur-button--tertiary-purple-negative_10jh0_170:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active-negative);color:var(--purpur-color-text-interactive-primary-active-negative)}._purpur-button--text-negative_10jh0_185{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text-negative_10jh0_185:focus-visible:before{border-radius:0}._purpur-button--text-negative_10jh0_185{background-color:transparent;color:var(--purpur-color-text-interactive-primary-negative)}._purpur-button--text-negative_10jh0_185._purpur-button--disabled_10jh0_68{background-color:transparent}._purpur-button--text-negative_10jh0_185:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover-negative);color:var(--purpur-color-text-interactive-primary-hover-negative)}._purpur-button--text-negative_10jh0_185:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active-negative);color:var(--purpur-color-text-interactive-primary-active-negative)}._purpur-button--text_10jh0_185{border-radius:0;padding-left:0;padding-right:0}._purpur-button--text_10jh0_185:focus-visible:before{border-radius:0}._purpur-button--text_10jh0_185{background-color:transparent;color:var(--purpur-color-text-interactive-primary)}._purpur-button--text_10jh0_185._purpur-button--disabled_10jh0_68{background-color:transparent;color:var(--purpur-color-text-weak)}._purpur-button--text_10jh0_185:hover:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-button--text_10jh0_185:active:not(._purpur-button--disabled_10jh0_68){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-button--disabled_10jh0_68{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-button__spinner_10jh0_235{flex-shrink:0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/button",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.5.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/button.cjs.js",
|
|
6
6
|
"types": "./dist/button.d.ts",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"source": "src/button.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/action": "8.
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/icon": "8.
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
19
|
+
"@purpurds/action": "8.5.0",
|
|
20
|
+
"@purpurds/spinner": "8.5.0",
|
|
21
|
+
"@purpurds/icon": "8.5.0",
|
|
22
|
+
"@purpurds/tokens": "8.5.0",
|
|
23
|
+
"@purpurds/common-types": "8.5.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@storybook/react-vite": "^9.0.18",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"vite": "^6.2.1",
|
|
42
42
|
"vitest": "^3.1.2",
|
|
43
43
|
"@purpurds/component-rig": "1.0.0",
|
|
44
|
-
"@purpurds/icon": "8.
|
|
44
|
+
"@purpurds/icon": "8.5.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@types/react": "^18 || ^19",
|
package/src/button.module.scss
CHANGED