@purpurds/spinner 7.0.0 → 7.2.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.
@@ -1,6 +1,6 @@
1
- "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 a={exports:{}};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");function m(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var o={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 d;function j(){return d||(d=1,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})()}(a)),a.exports}var m=j();const f=x(m),S="_rotate_1xozj_1",v="_dash_1xozj_1",p={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:S,"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:v,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},i="purpur-spinner",l={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},z=Object.values(l),y=({["data-testid"]:n,disabled:o=!1,negative:s=!1,size:c=l.SM,...u})=>_.jsx("div",{className:f([p[i],p[`${i}--${c}`]]),"data-testid":n,...u,children:_.jsx("svg",{viewBox:"0 0 50 50",children:_.jsx("circle",{className:f(p[`${i}__circle`],{[p[`${i}__circle--disabled`]]:o,[p[`${i}__circle--negative`]]:s}),cx:"25",cy:"25",r:"20"})})});exports.SPINNER_SIZE=l;exports.Spinner=y;exports.spinnerSizes=z;
5
+ */var d;function S(){return d||(d=1,function(n){(function(){var c={}.hasOwnProperty;function s(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=u(r,_(t)))}return r}function _(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)c.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})()}(o)),o.exports}var x=S();const f=m(x),v="_rotate_12t9p_1",y="_dash_12t9p_1",p={"purpur-spinner":"_purpur-spinner_12t9p_2",rotate:v,"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:y,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_12t9p_41","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_12t9p_44"},i="purpur-spinner",l={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},b=Object.values(l),h=({["data-testid"]:n,disabled:c=!1,negative:s=!1,size:_=l.SM,...u})=>a.jsx("div",{className:f([p[i],p[`${i}--${_}`]]),"data-testid":n,...u,children:a.jsx("svg",{viewBox:"0 0 50 50",children:a.jsx("circle",{className:f(p[`${i}__circle`],{[p[`${i}__circle--disabled`]]:c,[p[`${i}__circle--negative`]]:s}),cx:"25",cy:"25",r:"20"})})});exports.SPINNER_SIZE=l;exports.Spinner=h;exports.spinnerSizes=b;
6
6
  //# sourceMappingURL=spinner.cjs.js.map
@@ -1 +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_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 spinnerSizes)[number];\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":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,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,EAElD,CAEE,OAAOF,CACT,CAEC,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,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,gnBCxEMU,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,CAEN,CAAA,CAAA,CACF","x_google_ignoreList":[0]}
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_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 spinnerSizes)[number];\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":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,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,EAElD,CAEE,OAAOF,CACT,CAEC,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,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,inBCxEMU,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,CAEN,CAAA,CAAA,CACF","x_google_ignoreList":[0]}
@@ -1,26 +1,26 @@
1
- import { jsx as _ } from "react/jsx-runtime";
2
- function x(n) {
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ function m(n) {
3
3
  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
4
4
  }
5
- var a = { exports: {} };
5
+ var o = { exports: {} };
6
6
  /*!
7
7
  Copyright (c) 2018 Jed Watson.
8
8
  Licensed under the MIT License (MIT), see
9
9
  http://jedwatson.github.io/classnames
10
10
  */
11
11
  var l;
12
- function m() {
12
+ function x() {
13
13
  return l || (l = 1, function(n) {
14
14
  (function() {
15
- var o = {}.hasOwnProperty;
15
+ var c = {}.hasOwnProperty;
16
16
  function s() {
17
17
  for (var r = "", e = 0; e < arguments.length; e++) {
18
18
  var t = arguments[e];
19
- t && (r = u(r, c(t)));
19
+ t && (r = u(r, _(t)));
20
20
  }
21
21
  return r;
22
22
  }
23
- function c(r) {
23
+ function _(r) {
24
24
  if (typeof r == "string" || typeof r == "number")
25
25
  return r;
26
26
  if (typeof r != "object")
@@ -31,7 +31,7 @@ function m() {
31
31
  return r.toString();
32
32
  var e = "";
33
33
  for (var t in r)
34
- o.call(r, t) && r[t] && (e = u(e, t));
34
+ c.call(r, t) && r[t] && (e = u(e, t));
35
35
  return e;
36
36
  }
37
37
  function u(r, e) {
@@ -39,44 +39,44 @@ function m() {
39
39
  }
40
40
  n.exports ? (s.default = s, n.exports = s) : window.classNames = s;
41
41
  })();
42
- }(a)), a.exports;
42
+ }(o)), o.exports;
43
43
  }
44
- var j = m();
45
- const f = /* @__PURE__ */ x(j), v = "_rotate_1xozj_1", S = "_dash_1xozj_1", p = {
46
- "purpur-spinner": "_purpur-spinner_1xozj_1",
47
- rotate: v,
48
- "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
49
- "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
50
- "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
51
- "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
52
- "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
53
- "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
54
- dash: S,
55
- "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
56
- "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
44
+ var v = x();
45
+ const f = /* @__PURE__ */ m(v), S = "_rotate_12t9p_1", h = "_dash_12t9p_1", p = {
46
+ "purpur-spinner": "_purpur-spinner_12t9p_2",
47
+ rotate: S,
48
+ "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
49
+ "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
50
+ "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
51
+ "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
52
+ "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
53
+ "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
54
+ dash: h,
55
+ "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
56
+ "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
57
57
  }, i = "purpur-spinner", d = {
58
58
  XXS: "xxs",
59
59
  XS: "xs",
60
60
  SM: "sm",
61
61
  MD: "md",
62
62
  LG: "lg"
63
- }, h = Object.values(d), y = ({
63
+ }, b = Object.values(d), N = ({
64
64
  ["data-testid"]: n,
65
- disabled: o = !1,
65
+ disabled: c = !1,
66
66
  negative: s = !1,
67
- size: c = d.SM,
67
+ size: _ = d.SM,
68
68
  ...u
69
- }) => /* @__PURE__ */ _(
69
+ }) => /* @__PURE__ */ a(
70
70
  "div",
71
71
  {
72
- className: f([p[i], p[`${i}--${c}`]]),
72
+ className: f([p[i], p[`${i}--${_}`]]),
73
73
  "data-testid": n,
74
74
  ...u,
75
- children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
75
+ children: /* @__PURE__ */ a("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ a(
76
76
  "circle",
77
77
  {
78
78
  className: f(p[`${i}__circle`], {
79
- [p[`${i}__circle--disabled`]]: o,
79
+ [p[`${i}__circle--disabled`]]: c,
80
80
  [p[`${i}__circle--negative`]]: s
81
81
  }),
82
82
  cx: "25",
@@ -88,7 +88,7 @@ const f = /* @__PURE__ */ x(j), v = "_rotate_1xozj_1", S = "_dash_1xozj_1", p =
88
88
  );
89
89
  export {
90
90
  d as SPINNER_SIZE,
91
- y as Spinner,
92
- h as spinnerSizes
91
+ N as Spinner,
92
+ b as spinnerSizes
93
93
  };
94
94
  //# sourceMappingURL=spinner.es.js.map
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._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}}
1
+ @media (prefers-reduced-motion: no-preference){._purpur-spinner_12t9p_2{animation:_rotate_12t9p_1 1s linear infinite}}._purpur-spinner--xxs_12t9p_6{height:var(--purpur-spacing-250);width:var(--purpur-spacing-250)}._purpur-spinner--xs_12t9p_10{height:var(--purpur-spacing-300);width:var(--purpur-spacing-300)}._purpur-spinner--sm_12t9p_14{height:var(--purpur-spacing-400);width:var(--purpur-spacing-400)}._purpur-spinner--md_12t9p_18{height:var(--purpur-spacing-600);width:var(--purpur-spacing-600)}._purpur-spinner--lg_12t9p_22{height:var(--purpur-spacing-800);width:var(--purpur-spacing-800)}._purpur-spinner__circle_12t9p_26{--stroke-color: var(--purpur-color-border-interactive-primary);stroke-dasharray:150;stroke-width:3;stroke-linecap:round;stroke:var(--stroke-color);stroke-dashoffset:46.875;fill:transparent}@media (prefers-reduced-motion: no-preference){._purpur-spinner__circle_12t9p_26{stroke-dashoffset:125;animation:_dash_12t9p_1 2s ease-in-out infinite}}._purpur-spinner__circle--disabled_12t9p_41{--stroke-color: var(--purpur-color-border-weak)}._purpur-spinner__circle--negative_12t9p_44{--stroke-color: var(--purpur-color-border-interactive-primary-negative)}._purpur-spinner__circle--negative_12t9p_44._purpur-spinner__circle--disabled_12t9p_41{--stroke-color: var(--purpur-color-border-weak-negative)}@keyframes _rotate_12t9p_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _dash_12t9p_1{0%{stroke-dashoffset:125}50%{stroke-dashoffset:62.5}to{stroke-dashoffset:125}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/spinner",
3
- "version": "7.0.0",
3
+ "version": "7.2.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/spinner.cjs.js",
6
6
  "types": "./dist/spinner.d.ts",
@@ -16,7 +16,7 @@
16
16
  "source": "src/spinner.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/tokens": "7.0.0"
19
+ "@purpurds/tokens": "7.2.0"
20
20
  },
21
21
  "devDependencies": {
22
22
  "eslint": "9.24.0",
@@ -1,5 +1,7 @@
1
1
  .purpur-spinner {
2
- animation: rotate 1s linear infinite;
2
+ @media (prefers-reduced-motion: no-preference) {
3
+ animation: rotate 1s linear infinite;
4
+ }
3
5
 
4
6
  &--xxs {
5
7
  height: var(--purpur-spacing-250);
@@ -29,12 +31,16 @@
29
31
  &__circle {
30
32
  --stroke-color: var(--purpur-color-border-interactive-primary);
31
33
  stroke-dasharray: 150;
32
- animation: dash 2s ease-in-out infinite;
33
34
  stroke-width: 3;
34
35
  stroke-linecap: round;
35
-
36
- fill: transparent;
37
36
  stroke: var(--stroke-color);
37
+ stroke-dashoffset: 46.875;
38
+ fill: transparent;
39
+
40
+ @media (prefers-reduced-motion: no-preference) {
41
+ stroke-dashoffset: 125;
42
+ animation: dash 2s ease-in-out infinite;
43
+ }
38
44
 
39
45
  &--disabled {
40
46
  --stroke-color: var(--purpur-color-border-weak);