@veeqo/ui 14.13.0 → 14.13.1

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.
@@ -12,18 +12,18 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
- const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', }) => {
15
+ const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', label, }) => {
16
16
  const classNames = buildClassnames.buildClassnames([loader_module.loader, className]);
17
17
  switch (type) {
18
18
  case 'Grid': {
19
- return React__default.default.createElement(Grid.Grid, { className: classNames, height: height, width: width });
19
+ return React__default.default.createElement(Grid.Grid, { className: classNames, height: height, width: width, label: label });
20
20
  }
21
21
  case 'ThreeDots': {
22
- return React__default.default.createElement(ThreeDots.ThreeDots, { className: classNames, height: height, width: width });
22
+ return React__default.default.createElement(ThreeDots.ThreeDots, { className: classNames, height: height, width: width, label: label });
23
23
  }
24
24
  case 'TailSpin':
25
25
  default: {
26
- return React__default.default.createElement(TailSpin.TailSpin, { className: classNames, height: height, width: width });
26
+ return React__default.default.createElement(TailSpin.TailSpin, { className: classNames, height: height, width: width, label: label });
27
27
  }
28
28
  }
29
29
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.cjs","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} />;\n }\n }\n};\n"],"names":["buildClassnames","styles","React","Grid","ThreeDots","TailSpin"],"mappings":";;;;;;;;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOC,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACrE,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOD,sBAAA,CAAA,aAAA,CAACE,mBAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AAC1E,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOF,sBAAA,CAAA,aAAA,CAACG,iBAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACzE,QAAA;AACF;AACH;;;;"}
1
+ {"version":3,"file":"Loader.cjs","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n label,\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} label={label} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} label={label} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} label={label} />;\n }\n }\n};\n"],"names":["buildClassnames","styles","React","Grid","ThreeDots","TailSpin"],"mappings":";;;;;;;;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,EACjB,KAAK,GACO,KAAI;AAChB,IAAA,MAAM,UAAU,GAAGA,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOC,qCAACC,SAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACnF,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOD,qCAACE,mBAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACxF,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOF,qCAACG,iBAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACvF,QAAA;AACF;AACH;;;;"}
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { LoaderProps } from './loaderTypes';
3
- export declare const Loader: ({ className, height, width, type, }: LoaderProps) => React.JSX.Element;
3
+ export declare const Loader: ({ className, height, width, type, label, }: LoaderProps) => React.JSX.Element;
@@ -6,18 +6,18 @@ import { TailSpin } from './TailSpin.js';
6
6
  import { ThreeDots } from './ThreeDots.js';
7
7
  import styles from './loader.module.scss.js';
8
8
 
9
- const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', }) => {
9
+ const Loader = ({ className, height = 24, width = 24, type = 'TailSpin', label, }) => {
10
10
  const classNames = buildClassnames([styles.loader, className]);
11
11
  switch (type) {
12
12
  case 'Grid': {
13
- return React__default.createElement(Grid, { className: classNames, height: height, width: width });
13
+ return React__default.createElement(Grid, { className: classNames, height: height, width: width, label: label });
14
14
  }
15
15
  case 'ThreeDots': {
16
- return React__default.createElement(ThreeDots, { className: classNames, height: height, width: width });
16
+ return React__default.createElement(ThreeDots, { className: classNames, height: height, width: width, label: label });
17
17
  }
18
18
  case 'TailSpin':
19
19
  default: {
20
- return React__default.createElement(TailSpin, { className: classNames, height: height, width: width });
20
+ return React__default.createElement(TailSpin, { className: classNames, height: height, width: width, label: label });
21
21
  }
22
22
  }
23
23
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} />;\n }\n }\n};\n"],"names":["React"],"mappings":";;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,GACL,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACrE,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AAC1E,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;AACzE,QAAA;AACF;AACH;;;;"}
1
+ {"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../utils';\nimport { Grid } from './Grid';\nimport { TailSpin } from './TailSpin';\nimport { ThreeDots } from './ThreeDots';\nimport styles from './loader.module.scss';\n\nimport { LoaderProps } from './loaderTypes';\n\nexport const Loader = ({\n className,\n height = 24,\n width = 24,\n type = 'TailSpin',\n label,\n}: LoaderProps) => {\n const classNames = buildClassnames([styles.loader, className]);\n\n switch (type) {\n case 'Grid': {\n return <Grid className={classNames} height={height} width={width} label={label} />;\n }\n case 'ThreeDots': {\n return <ThreeDots className={classNames} height={height} width={width} label={label} />;\n }\n case 'TailSpin':\n default: {\n return <TailSpin className={classNames} height={height} width={width} label={label} />;\n }\n }\n};\n"],"names":["React"],"mappings":";;;;;;;;MAUa,MAAM,GAAG,CAAC,EACrB,SAAS,EACT,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,UAAU,EACjB,KAAK,GACO,KAAI;AAChB,IAAA,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAE9D,IAAA,QAAQ,IAAI;QACV,KAAK,MAAM,EAAE;AACX,YAAA,OAAOA,6BAAC,IAAI,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACnF,QAAA;QACD,KAAK,WAAW,EAAE;AAChB,YAAA,OAAOA,6BAAC,SAAS,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACxF,QAAA;AACD,QAAA,KAAK,UAAU;AACf,QAAA,SAAS;AACP,YAAA,OAAOA,6BAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI;AACvF,QAAA;AACF;AACH;;;;"}
@@ -6,11 +6,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
6
6
 
7
7
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
8
8
 
9
- const TailSpin = ({ width, height, className, label }) => (React__default.default.createElement("svg", { width: width, height: height, className: className, viewBox: "0 0 38 38", xmlns: "http://www.w3.org/2000/svg", "aria-label": label },
10
- React__default.default.createElement("g", { fill: "none", fillRule: "evenodd" },
11
- React__default.default.createElement("g", { transform: "translate(1 1)" },
12
- React__default.default.createElement("path", { d: "M36 18c0-9.94-8.06-18-18-18", id: "Oval-2", stroke: "currentColor", strokeWidth: "3" },
13
- React__default.default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" }))))));
9
+ const TailSpin = ({ width, height, className, label }) => (React__default.default.createElement("svg", { width: width, height: height, className: className, viewBox: "-2.5 -2.5 41 41", xmlns: "http://www.w3.org/2000/svg", role: label ? 'img' : undefined, "aria-label": label || undefined, "aria-hidden": !label || undefined },
10
+ React__default.default.createElement("path", { d: "M18 0 A18 18 0 1 1 0 18", fill: "none", stroke: "currentColor", strokeWidth: "3.3", strokeLinecap: "round" },
11
+ React__default.default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" }))));
14
12
 
15
13
  exports.TailSpin = TailSpin;
16
14
  //# sourceMappingURL=TailSpin.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"TailSpin.cjs","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 38 38\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label={label}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke=\"currentColor\" strokeWidth=\"3\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </g>\n </g>\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAiB,MACzEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,gBACtB,KAAK,EAAA;AAEjB,IAAAA,sBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAA;QAC/BA,sBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gBAAgB,EAAA;AAC3B,YAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6BAA6B,EAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAA;AACrF,gBAAAA,sBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACG,CACL,CACF,CACA;;;;"}
1
+ {"version":3,"file":"TailSpin.cjs","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"-2.5 -2.5 41 41\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role={label ? 'img' : undefined}\n aria-label={label || undefined}\n aria-hidden={!label || undefined}\n >\n <path\n d=\"M18 0 A18 18 0 1 1 0 18\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"3.3\"\n strokeLinecap=\"round\"\n >\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAiB,MACzEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,SAAS,EAAA,YAAA,EACnB,KAAK,IAAI,SAAS,EAAA,aAAA,EACjB,CAAC,KAAK,IAAI,SAAS,EAAA;AAEhC,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,yBAAyB,EAC3B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EAAA;QAErBA,sBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACG,CACH;;;;"}
@@ -1,10 +1,8 @@
1
1
  import React__default from 'react';
2
2
 
3
- const TailSpin = ({ width, height, className, label }) => (React__default.createElement("svg", { width: width, height: height, className: className, viewBox: "0 0 38 38", xmlns: "http://www.w3.org/2000/svg", "aria-label": label },
4
- React__default.createElement("g", { fill: "none", fillRule: "evenodd" },
5
- React__default.createElement("g", { transform: "translate(1 1)" },
6
- React__default.createElement("path", { d: "M36 18c0-9.94-8.06-18-18-18", id: "Oval-2", stroke: "currentColor", strokeWidth: "3" },
7
- React__default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" }))))));
3
+ const TailSpin = ({ width, height, className, label }) => (React__default.createElement("svg", { width: width, height: height, className: className, viewBox: "-2.5 -2.5 41 41", xmlns: "http://www.w3.org/2000/svg", role: label ? 'img' : undefined, "aria-label": label || undefined, "aria-hidden": !label || undefined },
4
+ React__default.createElement("path", { d: "M18 0 A18 18 0 1 1 0 18", fill: "none", stroke: "currentColor", strokeWidth: "3.3", strokeLinecap: "round" },
5
+ React__default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "0.9s", repeatCount: "indefinite" }))));
8
6
 
9
7
  export { TailSpin };
10
8
  //# sourceMappingURL=TailSpin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TailSpin.js","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"0 0 38 38\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label={label}\n >\n <g fill=\"none\" fillRule=\"evenodd\">\n <g transform=\"translate(1 1)\">\n <path d=\"M36 18c0-9.94-8.06-18-18-18\" id=\"Oval-2\" stroke=\"currentColor\" strokeWidth=\"3\">\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </g>\n </g>\n </svg>\n);\n"],"names":["React"],"mappings":";;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAiB,MACzEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,gBACtB,KAAK,EAAA;AAEjB,IAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAA;QAC/BA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,gBAAgB,EAAA;AAC3B,YAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6BAA6B,EAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAA;AACrF,gBAAAA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACG,CACL,CACF,CACA;;;;"}
1
+ {"version":3,"file":"TailSpin.js","sources":["../../../src/components/Loader/TailSpin.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TailSpinProps {\n width?: number;\n height?: number;\n className?: string;\n label?: string;\n}\n\nexport const TailSpin = ({ width, height, className, label }: TailSpinProps) => (\n <svg\n width={width}\n height={height}\n className={className}\n viewBox=\"-2.5 -2.5 41 41\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role={label ? 'img' : undefined}\n aria-label={label || undefined}\n aria-hidden={!label || undefined}\n >\n <path\n d=\"M18 0 A18 18 0 1 1 0 18\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"3.3\"\n strokeLinecap=\"round\"\n >\n <animateTransform\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 18 18\"\n to=\"360 18 18\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n);\n"],"names":["React"],"mappings":";;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAiB,MACzEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,SAAS,EAAA,YAAA,EACnB,KAAK,IAAI,SAAS,EAAA,aAAA,EACjB,CAAC,KAAK,IAAI,SAAS,EAAA;AAEhC,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,yBAAyB,EAC3B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EAAA;QAErBA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAC,MAAM,EACV,WAAW,EAAC,YAAY,EAAA,CACxB,CACG,CACH;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
4
4
 
5
- ___$insertStyle(":where(._loader_13ov0_1) {\n color: var(--colors-secondary-blue-base);\n}");
6
- var styles = {"loader":"_loader_13ov0_1"};
5
+ ___$insertStyle(":where(._loader_17d16_1) {\n color: var(--colors-secondary-blue-base);\n}\n\n._white_17d16_5 {\n color: white;\n}");
6
+ var styles = {"loader":"_loader_17d16_1"};
7
7
 
8
8
  module.exports = styles;
9
9
  //# sourceMappingURL=loader.module.scss.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"loader.module.scss.cjs","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,4EAAA;;;;;"}
1
+ {"version":3,"file":"loader.module.scss.cjs","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n\n.white {\n color: white;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,qHAAA;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import insertStyle from '../../_virtual/____insertStyle.js';
2
2
 
3
- insertStyle(":where(._loader_13ov0_1) {\n color: var(--colors-secondary-blue-base);\n}");
4
- var styles = {"loader":"_loader_13ov0_1"};
3
+ insertStyle(":where(._loader_17d16_1) {\n color: var(--colors-secondary-blue-base);\n}\n\n._white_17d16_5 {\n color: white;\n}");
4
+ var styles = {"loader":"_loader_17d16_1"};
5
5
 
6
6
  export { styles as default };
7
7
  //# sourceMappingURL=loader.module.scss.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"loader.module.scss.js","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,4EAAA;;;;;"}
1
+ {"version":3,"file":"loader.module.scss.js","sources":["../../../src/components/Loader/loader.module.scss"],"sourcesContent":[":where(.loader) {\n color: var(--colors-secondary-blue-base);\n}\n\n.white {\n color: white;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,qHAAA;;;;;"}
@@ -3,5 +3,10 @@ export interface LoaderProps {
3
3
  className?: string;
4
4
  height?: number;
5
5
  width?: number;
6
+ /**
7
+ * @default TailSpin
8
+ * @deprecated The `Grid` and `ThreeDots` types are deprecated. Use `TailSpin` instead.
9
+ */
6
10
  type?: LoaderType;
11
+ label?: string;
7
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veeqo/ui",
3
- "version": "14.13.0",
3
+ "version": "14.13.1",
4
4
  "description": "New optimised component library for Veeqo.",
5
5
  "author": "Robert Wealthall",
6
6
  "license": "ISC",