@purpurds/spinner 4.6.0 → 5.0.0

package/dist/spinner.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function S(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var f={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function x(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var d={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(s){(function(){var u={}.hasOwnProperty;function n(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=l(r,c(t)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var t in r)u.call(r,t)&&r[t]&&(e=l(e,t));return e}function l(r,e){return e?r?r+" "+e:r+e:r}s.exports?(n.default=n,s.exports=n):window.classNames=n})()})(f);var g=f.exports;const d=S(g),m="_rotate_7s2g1_1",v="_dash_7s2g1_1",p={"purpur-spinner":"_purpur-spinner_7s2g1_1",rotate:m,"purpur-spinner--xxs":"_purpur-spinner--xxs_7s2g1_4","purpur-spinner--xs":"_purpur-spinner--xs_7s2g1_8","purpur-spinner--sm":"_purpur-spinner--sm_7s2g1_12","purpur-spinner--md":"_purpur-spinner--md_7s2g1_16","purpur-spinner--lg":"_purpur-spinner--lg_7s2g1_20","purpur-spinner__circle":"_purpur-spinner__circle_7s2g1_24",dash:v,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_7s2g1_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_7s2g1_36","purpur-spinner__circle--negative-disabled":"_purpur-spinner__circle--negative-disabled_7s2g1_39"},i="purpur-spinner",a={PRIMARY:"primary",DISABLED:"disabled",NEGATIVE:"negative",NEGATIVE_DISABLED:"negative-disabled"},x=Object.values(a),o={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},N=Object.values(o),b=({["data-testid"]:s,size:u=o.SM,variant:n=a.PRIMARY,...c})=>_.jsx("div",{className:d([p[i],p[`${i}--${u}`]]),"data-testid":s,...c,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:d(p[`${i}__circle`],p[`${i}__circle--${n}`]),cx:"25",cy:"25",r:"20"})})});exports.SPINNER_SIZE=o;exports.SPINNER_VARIANT=a;exports.Spinner=b;exports.spinnerSizes=N;exports.spinnerVariants=x;
+*/(function(n){(function(){var o={}.hasOwnProperty;function s(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=u(r,c(t)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return s.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var t in r)o.call(r,t)&&r[t]&&(e=u(e,t));return e}function u(r,e){return e?r?r+" "+e:r+e:r}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(d);var f=d.exports;const l=x(f),j="_rotate_1xozj_1",S="_dash_1xozj_1",p={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:j,"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:S,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},i="purpur-spinner",a={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},m=Object.values(a),v=({["data-testid"]:n,disabled:o=!1,negative:s=!1,size:c=a.SM,...u})=>_.jsx("div",{className:l([p[i],p[`${i}--${c}`]]),"data-testid":n,...u,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:l(p[`${i}__circle`],{[p[`${i}__circle--disabled`]]:o,[p[`${i}__circle--negative`]]:s}),cx:"25",cy:"25",r:"20"})})});exports.SPINNER_SIZE=a;exports.Spinner=v;exports.spinnerSizes=m;
 //# sourceMappingURL=spinner.cjs.js.map

package/dist/spinner.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/spinner.tsx"],"sourcesContent":["/*!\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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./spinner.module.scss\";\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_VARIANT = {\n  PRIMARY: \"primary\",\n  DISABLED: \"disabled\",\n  NEGATIVE: \"negative\",\n  NEGATIVE_DISABLED: \"negative-disabled\",\n} as const;\n\nexport const spinnerVariants = Object.values(SPINNER_VARIANT);\nexport type SpinnerVariant = (typeof SPINNER_VARIANT)[keyof typeof SPINNER_VARIANT];\n\nexport const SPINNER_SIZE = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];\n\nexport type SpinnerProps = {\n  [\"data-testid\"]?: string;\n  size?: SpinnerSize;\n  variant?: SpinnerVariant;\n};\n\nexport const Spinner = ({\n  [\"data-testid\"]: dataTestid,\n  size = SPINNER_SIZE.SM,\n  variant = SPINNER_VARIANT.PRIMARY,\n  ...props\n}: SpinnerProps) => {\n  return (\n    <div\n      className={c([styles[rootClassName], styles[`${rootClassName}--${size}`]])}\n      data-testid={dataTestid}\n      {...props}\n    >\n      <svg viewBox=\"0 0 50 50\">\n        <circle\n          className={c(\n            styles[`${rootClassName}__circle`],\n            styles[`${rootClassName}__circle--${variant}`]\n          )}\n          cx=\"25\"\n          cy=\"25\"\n          r=\"20\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","SPINNER_VARIANT","spinnerVariants","SPINNER_SIZE","spinnerSizes","Spinner","dataTestid","size","variant","props","jsx","c","styles"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,8sBCxEMU,EAAgB,iBAETC,EAAkB,CAC7B,QAAS,UACT,SAAU,WACV,SAAU,WACV,kBAAmB,mBACrB,EAEaC,EAAkB,OAAO,OAAOD,CAAe,EAG/CE,EAAe,CAC1B,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAe,OAAO,OAAOD,CAAY,EASzCE,EAAU,CAAC,CACtB,CAAC,eAAgBC,EACjB,KAAAC,EAAOJ,EAAa,GACpB,QAAAK,EAAUP,EAAgB,QAC1B,GAAGQ,CACL,IAEIC,EAAA,IAAC,MAAA,CACC,UAAWC,EAAE,CAACC,EAAOZ,CAAa,EAAGY,EAAO,GAAGZ,CAAa,KAAKO,CAAI,EAAE,CAAC,CAAC,EACzE,cAAaD,EACZ,GAAGG,EAEJ,SAAAC,EAAA,IAAC,MAAI,CAAA,QAAQ,YACX,SAAAA,EAAA,IAAC,SAAA,CACC,UAAWC,EACTC,EAAO,GAAGZ,CAAa,UAAU,EACjCY,EAAO,GAAGZ,CAAa,aAAaQ,CAAO,EAAE,CAC/C,EACA,GAAG,KACH,GAAG,KACH,EAAE,IAAA,CAAA,EAEN,CAAA,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"spinner.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/spinner.tsx"],"sourcesContent":["/*!\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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./spinner.module.scss\";\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];\n\nexport type SpinnerProps = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  negative?: boolean;\n  size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n  [\"data-testid\"]: dataTestid,\n  disabled = false,\n  negative = false,\n  size = SPINNER_SIZE.SM,\n  ...props\n}: SpinnerProps) => {\n  return (\n    <div\n      className={c([styles[rootClassName], styles[`${rootClassName}--${size}`]])}\n      data-testid={dataTestid}\n      {...props}\n    >\n      <svg viewBox=\"0 0 50 50\">\n        <circle\n          className={c(styles[`${rootClassName}__circle`], {\n            [styles[`${rootClassName}__circle--disabled`]]: disabled,\n            [styles[`${rootClassName}__circle--negative`]]: negative,\n          })}\n          cx=\"25\"\n          cy=\"25\"\n          r=\"20\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","SPINNER_SIZE","spinnerSizes","Spinner","dataTestid","disabled","negative","size","props","jsx","c","styles"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,4mBCxEMU,EAAgB,iBAETC,EAAe,CAC1B,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAe,OAAO,OAAOD,CAAY,EAUzCE,EAAU,CAAC,CACtB,CAAC,eAAgBC,EACjB,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,KAAAC,EAAON,EAAa,GACpB,GAAGO,CACL,IAEIC,EAAA,IAAC,MAAA,CACC,UAAWC,EAAE,CAACC,EAAOX,CAAa,EAAGW,EAAO,GAAGX,CAAa,KAAKO,CAAI,EAAE,CAAC,CAAC,EACzE,cAAaH,EACZ,GAAGI,EAEJ,SAAAC,EAAA,IAAC,MAAI,CAAA,QAAQ,YACX,SAAAA,EAAA,IAAC,SAAA,CACC,UAAWC,EAAEC,EAAO,GAAGX,CAAa,UAAU,EAAG,CAC/C,CAACW,EAAO,GAAGX,CAAa,oBAAoB,CAAC,EAAGK,EAChD,CAACM,EAAO,GAAGX,CAAa,oBAAoB,CAAC,EAAGM,CAAA,CACjD,EACD,GAAG,KACH,GAAG,KACH,EAAE,IAAA,CAAA,EAEN,CAAA,CAAA","x_google_ignoreList":[0]}

package/dist/spinner.d.ts

@@ -1,13 +1,5 @@
 import { default as React } from 'react';
 
-export declare const SPINNER_VARIANT: {
-    readonly PRIMARY: "primary";
-    readonly DISABLED: "disabled";
-    readonly NEGATIVE: "negative";
-    readonly NEGATIVE_DISABLED: "negative-disabled";
-};
-export declare const spinnerVariants: ("primary" | "disabled" | "negative" | "negative-disabled")[];
-export type SpinnerVariant = (typeof SPINNER_VARIANT)[keyof typeof SPINNER_VARIANT];
 export declare const SPINNER_SIZE: {
     readonly XXS: "xxs";
     readonly XS: "xs";
@@ -19,8 +11,9 @@ export declare const spinnerSizes: ("xxs" | "xs" | "sm" | "md" | "lg")[];
 export type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];
 export type SpinnerProps = {
     ["data-testid"]?: string;
+    disabled?: boolean;
+    negative?: boolean;
     size?: SpinnerSize;
-    variant?: SpinnerVariant;
 };
-export declare const Spinner: ({ ["data-testid"]: dataTestid, size, variant, ...props }: SpinnerProps) => React.JSX.Element;
+export declare const Spinner: ({ ["data-testid"]: dataTestid, disabled, negative, size, ...props }: SpinnerProps) => React.JSX.Element;
 //# sourceMappingURL=spinner.d.ts.map

package/dist/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,eAAe;;;;;CAKlB,CAAC;AAEX,eAAO,MAAM,eAAe,+DAAiC,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEpF,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,YAAY,uCAA8B,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,6DAKjB,YAAY,sBAoBd,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,eAAO,MAAM,YAAY,uCAA8B,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,wEAMjB,YAAY,sBAoBd,CAAC"}

package/dist/spinner.es.js

@@ -1,6 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
-function g(s) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+import { jsx as _ } from "react/jsx-runtime";
+function d(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var l = { exports: {} };
 /*!
@@ -8,79 +8,74 @@ var l = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(s) {
+(function(n) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function n() {
+    var o = {}.hasOwnProperty;
+    function s() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var t = arguments[e];
-        t && (r = a(r, _(t)));
+        t && (r = u(r, c(t)));
       }
       return r;
     }
-    function _(r) {
+    function c(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return n.apply(null, r);
+        return s.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var e = "";
       for (var t in r)
-        u.call(r, t) && r[t] && (e = a(e, t));
+        o.call(r, t) && r[t] && (e = u(e, t));
       return e;
     }
-    function a(r, e) {
+    function u(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
-    s.exports ? (n.default = n, s.exports = n) : window.classNames = n;
+    n.exports ? (s.default = s, n.exports = s) : window.classNames = s;
   })();
 })(l);
-var m = l.exports;
-const o = /* @__PURE__ */ g(m), v = "_rotate_7s2g1_1", S = "_dash_7s2g1_1", p = {
-  "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: v,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
-  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
-  dash: S,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
-  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, i = "purpur-spinner", d = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled"
-}, b = Object.values(d), f = {
+var x = l.exports;
+const a = /* @__PURE__ */ d(x), m = "_rotate_1xozj_1", j = "_dash_1xozj_1", p = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: m,
+  "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: j,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, i = "purpur-spinner", f = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, N = Object.values(f), y = ({
-  ["data-testid"]: s,
-  size: u = f.SM,
-  variant: n = d.PRIMARY,
-  ..._
-}) => /* @__PURE__ */ c(
+}, S = Object.values(f), z = ({
+  ["data-testid"]: n,
+  disabled: o = !1,
+  negative: s = !1,
+  size: c = f.SM,
+  ...u
+}) => /* @__PURE__ */ _(
   "div",
   {
-    className: o([p[i], p[`${i}--${u}`]]),
-    "data-testid": s,
-    ..._,
-    children: /* @__PURE__ */ c("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ c(
+    className: a([p[i], p[`${i}--${c}`]]),
+    "data-testid": n,
+    ...u,
+    children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: o(
-          p[`${i}__circle`],
-          p[`${i}__circle--${n}`]
-        ),
+        className: a(p[`${i}__circle`], {
+          [p[`${i}__circle--disabled`]]: o,
+          [p[`${i}__circle--negative`]]: s
+        }),
         cx: "25",
         cy: "25",
         r: "20"
@@ -90,9 +85,7 @@ const o = /* @__PURE__ */ g(m), v = "_rotate_7s2g1_1", S = "_dash_7s2g1_1", p =
 );
 export {
   f as SPINNER_SIZE,
-  d as SPINNER_VARIANT,
-  y as Spinner,
-  N as spinnerSizes,
-  b as spinnerVariants
+  z as Spinner,
+  S as spinnerSizes
 };
 //# sourceMappingURL=spinner.es.js.map

package/dist/spinner.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/spinner.tsx"],"sourcesContent":["/*!\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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./spinner.module.scss\";\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_VARIANT = {\n  PRIMARY: \"primary\",\n  DISABLED: \"disabled\",\n  NEGATIVE: \"negative\",\n  NEGATIVE_DISABLED: \"negative-disabled\",\n} as const;\n\nexport const spinnerVariants = Object.values(SPINNER_VARIANT);\nexport type SpinnerVariant = (typeof SPINNER_VARIANT)[keyof typeof SPINNER_VARIANT];\n\nexport const SPINNER_SIZE = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];\n\nexport type SpinnerProps = {\n  [\"data-testid\"]?: string;\n  size?: SpinnerSize;\n  variant?: SpinnerVariant;\n};\n\nexport const Spinner = ({\n  [\"data-testid\"]: dataTestid,\n  size = SPINNER_SIZE.SM,\n  variant = SPINNER_VARIANT.PRIMARY,\n  ...props\n}: SpinnerProps) => {\n  return (\n    <div\n      className={c([styles[rootClassName], styles[`${rootClassName}--${size}`]])}\n      data-testid={dataTestid}\n      {...props}\n    >\n      <svg viewBox=\"0 0 50 50\">\n        <circle\n          className={c(\n            styles[`${rootClassName}__circle`],\n            styles[`${rootClassName}__circle--${variant}`]\n          )}\n          cx=\"25\"\n          cy=\"25\"\n          r=\"20\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","SPINNER_VARIANT","spinnerVariants","SPINNER_SIZE","spinnerSizes","Spinner","dataTestid","size","variant","props","jsx","c","styles"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;;;GCxEMU,IAAgB,kBAETC,IAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,mBAAmB;AACrB,GAEaC,IAAkB,OAAO,OAAOD,CAAe,GAG/CE,IAAe;AAAA,EAC1B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAe,OAAO,OAAOD,CAAY,GASzCE,IAAU,CAAC;AAAA,EACtB,CAAC,gBAAgBC;AAAA,EACjB,MAAAC,IAAOJ,EAAa;AAAA,EACpB,SAAAK,IAAUP,EAAgB;AAAA,EAC1B,GAAGQ;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAE,CAACC,EAAOZ,CAAa,GAAGY,EAAO,GAAGZ,CAAa,KAAKO,CAAI,EAAE,CAAC,CAAC;AAAA,IACzE,eAAaD;AAAA,IACZ,GAAGG;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAI,EAAA,SAAQ,aACX,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACTC,EAAO,GAAGZ,CAAa,UAAU;AAAA,UACjCY,EAAO,GAAGZ,CAAa,aAAaQ,CAAO,EAAE;AAAA,QAC/C;AAAA,QACA,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,MAAA;AAAA,IAAA,GAEN;AAAA,EAAA;AAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"spinner.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/spinner.tsx"],"sourcesContent":["/*!\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 from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./spinner.module.scss\";\nconst rootClassName = \"purpur-spinner\";\n\nexport const SPINNER_SIZE = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const spinnerSizes = Object.values(SPINNER_SIZE);\nexport type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];\n\nexport type SpinnerProps = {\n  [\"data-testid\"]?: string;\n  disabled?: boolean;\n  negative?: boolean;\n  size?: SpinnerSize;\n};\n\nexport const Spinner = ({\n  [\"data-testid\"]: dataTestid,\n  disabled = false,\n  negative = false,\n  size = SPINNER_SIZE.SM,\n  ...props\n}: SpinnerProps) => {\n  return (\n    <div\n      className={c([styles[rootClassName], styles[`${rootClassName}--${size}`]])}\n      data-testid={dataTestid}\n      {...props}\n    >\n      <svg viewBox=\"0 0 50 50\">\n        <circle\n          className={c(styles[`${rootClassName}__circle`], {\n            [styles[`${rootClassName}__circle--disabled`]]: disabled,\n            [styles[`${rootClassName}__circle--negative`]]: negative,\n          })}\n          cx=\"25\"\n          cy=\"25\"\n          r=\"20\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","SPINNER_SIZE","spinnerSizes","Spinner","dataTestid","disabled","negative","size","props","jsx","c","styles"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;;GCxEMU,IAAgB,kBAETC,IAAe;AAAA,EAC1B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAe,OAAO,OAAOD,CAAY,GAUzCE,IAAU,CAAC;AAAA,EACtB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAON,EAAa;AAAA,EACpB,GAAGO;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAE,CAACC,EAAOX,CAAa,GAAGW,EAAO,GAAGX,CAAa,KAAKO,CAAI,EAAE,CAAC,CAAC;AAAA,IACzE,eAAaH;AAAA,IACZ,GAAGI;AAAA,IAEJ,UAAA,gBAAAC,EAAC,OAAI,EAAA,SAAQ,aACX,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAEC,EAAO,GAAGX,CAAa,UAAU,GAAG;AAAA,UAC/C,CAACW,EAAO,GAAGX,CAAa,oBAAoB,CAAC,GAAGK;AAAA,UAChD,CAACM,EAAO,GAAGX,CAAa,oBAAoB,CAAC,GAAGM;AAAA,QAAA,CACjD;AAAA,QACD,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,MAAA;AAAA,IAAA,GAEN;AAAA,EAAA;AAAA;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-spinner_7s2g1_1{animation:_rotate_7s2g1_1 1s linear infinite}._purpur-spinner--xxs_7s2g1_4{height:var(--purpur-spacing-250);width:var(--purpur-spacing-250)}._purpur-spinner--xs_7s2g1_8{height:var(--purpur-spacing-300);width:var(--purpur-spacing-300)}._purpur-spinner--sm_7s2g1_12{height:var(--purpur-spacing-400);width:var(--purpur-spacing-400)}._purpur-spinner--md_7s2g1_16{height:var(--purpur-spacing-600);width:var(--purpur-spacing-600)}._purpur-spinner--lg_7s2g1_20{height:var(--purpur-spacing-800);width:var(--purpur-spacing-800)}._purpur-spinner__circle_7s2g1_24{--stroke-color: var(--purpur-color-border-interactive-primary);stroke-dasharray:150;animation:_dash_7s2g1_1 2s ease-in-out infinite;stroke-width:3;stroke-linecap:round;fill:transparent;stroke:var(--stroke-color)}._purpur-spinner__circle--disabled_7s2g1_33{--stroke-color: var(--purpur-color-border-weak)}._purpur-spinner__circle--negative_7s2g1_36{--stroke-color: var(--purpur-color-border-interactive-primary-negative)}._purpur-spinner__circle--negative-disabled_7s2g1_39{--stroke-color: var(--purpur-color-border-weak-negative)}@keyframes _rotate_7s2g1_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _dash_7s2g1_1{0%{stroke-dashoffset:125}50%{stroke-dashoffset:62.5}to{stroke-dashoffset:125}}
+._purpur-spinner_1xozj_1{animation:_rotate_1xozj_1 1s linear infinite}._purpur-spinner--xxs_1xozj_4{height:var(--purpur-spacing-250);width:var(--purpur-spacing-250)}._purpur-spinner--xs_1xozj_8{height:var(--purpur-spacing-300);width:var(--purpur-spacing-300)}._purpur-spinner--sm_1xozj_12{height:var(--purpur-spacing-400);width:var(--purpur-spacing-400)}._purpur-spinner--md_1xozj_16{height:var(--purpur-spacing-600);width:var(--purpur-spacing-600)}._purpur-spinner--lg_1xozj_20{height:var(--purpur-spacing-800);width:var(--purpur-spacing-800)}._purpur-spinner__circle_1xozj_24{--stroke-color: var(--purpur-color-border-interactive-primary);stroke-dasharray:150;animation:_dash_1xozj_1 2s ease-in-out infinite;stroke-width:3;stroke-linecap:round;fill:transparent;stroke:var(--stroke-color)}._purpur-spinner__circle--disabled_1xozj_33{--stroke-color: var(--purpur-color-border-weak)}._purpur-spinner__circle--negative_1xozj_36{--stroke-color: var(--purpur-color-border-interactive-primary-negative)}._purpur-spinner__circle--negative_1xozj_36._purpur-spinner__circle--disabled_1xozj_33{--stroke-color: var(--purpur-color-border-weak-negative)}@keyframes _rotate_1xozj_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _dash_1xozj_1{0%{stroke-dashoffset:125}50%{stroke-dashoffset:62.5}to{stroke-dashoffset:125}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/spinner",
-  "version": "4.6.0",
+  "version": "5.0.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/spinner.cjs.js",
   "types": "./dist/spinner.d.ts",
@@ -15,7 +15,7 @@
   "source": "src/spinner.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "4.6.0"
+    "@purpurds/tokens": "5.0.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",

package/src/spinner.module.scss

@@ -44,7 +44,7 @@
       --stroke-color: var(--purpur-color-border-interactive-primary-negative);
     }
 
-    &--negative-disabled {
+    &--negative#{&}--disabled {
       --stroke-color: var(--purpur-color-border-weak-negative);
     }
   }

package/src/spinner.stories.tsx

@@ -1,12 +1,12 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 
-import { Spinner, SpinnerVariant, spinnerSizes, spinnerVariants } from "./spinner";
+import { Spinner, spinnerSizes } from "./spinner";
 
-const adaptiveBackground = (variant?: SpinnerVariant) => ({
+const adaptiveBackground = (negative?: boolean) => ({
   margin: "calc(var(--purpur-spacing-250) * -1)",
   padding: "var(--purpur-spacing-250)",
-  background: variant?.includes("negative") ? "var(--purpur-color-purple-900)" : "transparent",
+  background: negative ? "var(--purpur-color-purple-900)" : "transparent",
 });
 
 const meta: Meta<typeof Spinner> = {
@@ -22,18 +22,12 @@ const meta: Meta<typeof Spinner> = {
     ],
   },
   argTypes: {
-    ["data-testid"]: {
-      control: { type: "text" },
-    },
     size: {
       options: spinnerSizes,
       control: { type: "select" },
     },
-    variant: {
-      options: spinnerVariants,
-      control: { type: "select" },
-    },
   },
+  args: { negative: false, disabled: false },
 };
 export default meta;
 
@@ -42,10 +36,9 @@ type Story = StoryObj<typeof Spinner>;
 export const Showcase: Story = {
   args: {
     size: spinnerSizes[0],
-    variant: spinnerVariants[0],
   },
   render: (args) => (
-    <div style={adaptiveBackground(args.variant)}>
+    <div style={adaptiveBackground(args.negative)}>
       <Spinner {...args} />
     </div>
   ),

package/src/spinner.tsx

@@ -4,16 +4,6 @@ import c from "classnames";
 import styles from "./spinner.module.scss";
 const rootClassName = "purpur-spinner";
 
-export const SPINNER_VARIANT = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled",
-} as const;
-
-export const spinnerVariants = Object.values(SPINNER_VARIANT);
-export type SpinnerVariant = (typeof SPINNER_VARIANT)[keyof typeof SPINNER_VARIANT];
-
 export const SPINNER_SIZE = {
   XXS: "xxs",
   XS: "xs",
@@ -27,14 +17,16 @@ export type SpinnerSize = (typeof SPINNER_SIZE)[keyof typeof SPINNER_SIZE];
 
 export type SpinnerProps = {
   ["data-testid"]?: string;
+  disabled?: boolean;
+  negative?: boolean;
   size?: SpinnerSize;
-  variant?: SpinnerVariant;
 };
 
 export const Spinner = ({
   ["data-testid"]: dataTestid,
+  disabled = false,
+  negative = false,
   size = SPINNER_SIZE.SM,
-  variant = SPINNER_VARIANT.PRIMARY,
   ...props
 }: SpinnerProps) => {
   return (
@@ -45,10 +37,10 @@ export const Spinner = ({
     >
       <svg viewBox="0 0 50 50">
         <circle
-          className={c(
-            styles[`${rootClassName}__circle`],
-            styles[`${rootClassName}__circle--${variant}`]
-          )}
+          className={c(styles[`${rootClassName}__circle`], {
+            [styles[`${rootClassName}__circle--disabled`]]: disabled,
+            [styles[`${rootClassName}__circle--negative`]]: negative,
+          })}
           cx="25"
           cy="25"
           r="20"