@consumidor-positivo/aurora 0.0.98 → 0.0.99
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/components/Spinner/index.d.ts +7 -0
- package/dist/components/Spinner/index.es.js +44 -0
- package/dist/components/Spinner/index.es.js.map +1 -0
- package/dist/components/Spinner/styles.css +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.es.js +2 -0
- package/dist/main.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import './styles.css';const Spinner = ({ size, color }) => {
|
|
3
|
+
return /* @__PURE__ */ jsx("div", { className: "au-spinner", children: /* @__PURE__ */ jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
viewBox: "0 0 64 64",
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
color,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
|
|
13
|
+
"linearGradient",
|
|
14
|
+
{
|
|
15
|
+
id: `au-loading-${color}`,
|
|
16
|
+
gradientUnits: "objectBoundingBox",
|
|
17
|
+
x1: "10%",
|
|
18
|
+
y1: "0%",
|
|
19
|
+
x2: "90%",
|
|
20
|
+
y2: "10%",
|
|
21
|
+
children: [
|
|
22
|
+
/* @__PURE__ */ jsx("stop", { offset: "0", "stop-color": color, "stop-opacity": "1" }),
|
|
23
|
+
/* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": color, "stop-opacity": "0" })
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
) }),
|
|
27
|
+
/* @__PURE__ */ jsxs("g", { "stroke-width": "7", "stroke-linecap": "round", fill: "none", children: [
|
|
28
|
+
/* @__PURE__ */ jsx("path", { stroke: color, d: "M60,32 A28,28 0 1 1 4,32" }),
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
"path",
|
|
31
|
+
{
|
|
32
|
+
d: "M60,32 A28,28.5 0 1 0 4,32",
|
|
33
|
+
stroke: `url(#au-loading-${color})`
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
] })
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
) });
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
Spinner
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Spinner/index.tsx"],"sourcesContent":["import './styles.scss'\n\ntype SpinnerProps = {\n size: number\n color: string\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ size, color }) => {\n return (\n <div className=\"au-spinner\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 64 64\"\n width={size}\n height={size}\n color={color}>\n <defs>\n <linearGradient\n id={`au-loading-${color}`}\n gradientUnits=\"objectBoundingBox\"\n x1=\"10%\"\n y1=\"0%\"\n x2=\"90%\"\n y2=\"10%\">\n <stop offset=\"0\" stop-color={color} stop-opacity=\"1\" />\n <stop offset=\"1\" stop-color={color} stop-opacity=\"0\" />\n </linearGradient>\n </defs>\n <g stroke-width=\"7\" stroke-linecap=\"round\" fill=\"none\">\n <path stroke={color} d=\"M60,32 A28,28 0 1 1 4,32\" />\n\n <path\n d=\"M60,32 A28,28.5 0 1 0 4,32\"\n stroke={`url(#au-loading-${color})`}\n />\n </g>\n </svg>\n </div>\n )\n}\n"],"names":[],"mappings":";AAOO,MAAM,UAAkC,CAAC,EAAE,MAAM,YAAY;AAEhE,SAAA,oBAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,UAAA;AAAA,QAAA,oBAAC,QACC,EAAA,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,cAAc,KAAK;AAAA,YACvB,eAAc;AAAA,YACd,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,UAAA;AAAA,cAAA,oBAAC,UAAK,QAAO,KAAI,cAAY,OAAO,gBAAa,KAAI;AAAA,kCACpD,QAAK,EAAA,QAAO,KAAI,cAAY,OAAO,gBAAa,KAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEzD;AAAA,6BACC,KAAE,EAAA,gBAAa,KAAI,kBAAe,SAAQ,MAAK,QAC9C,UAAA;AAAA,UAAA,oBAAC,QAAK,EAAA,QAAQ,OAAO,GAAE,4BAA2B;AAAA,UAElD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAQ,mBAAmB,KAAK;AAAA,YAAA;AAAA,UAClC;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.au-spinner svg{animation:rotate 1.2s linear infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}
|
package/dist/main.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export { Alert } from './components/Alert';
|
|
|
21
21
|
export { Card } from './components/Card';
|
|
22
22
|
export { Filter } from './components/Filter';
|
|
23
23
|
export { Skeleton } from './components/Skeleton';
|
|
24
|
+
export { Spinner } from './components/Spinner';
|
|
24
25
|
export { useDrawer } from './components/Drawer/hooks';
|
|
25
26
|
export * from './components/Logo';
|
|
26
27
|
export * from './components/icons';
|
package/dist/main.es.js
CHANGED
|
@@ -20,6 +20,7 @@ import { Alert } from "./components/Alert/index.es.js";
|
|
|
20
20
|
import { Card } from "./components/Card/index.es.js";
|
|
21
21
|
import { Filter } from "./components/Filter/index.es.js";
|
|
22
22
|
import { Skeleton } from "./components/Skeleton/index.es.js";
|
|
23
|
+
import { Spinner } from "./components/Spinner/index.es.js";
|
|
23
24
|
import { useState } from "react";
|
|
24
25
|
import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
|
|
25
26
|
import { IconActivity } from "./components/icons/IconActivity/index.es.js";
|
|
@@ -800,6 +801,7 @@ export {
|
|
|
800
801
|
af as SPACING_900,
|
|
801
802
|
SelectField,
|
|
802
803
|
Skeleton,
|
|
804
|
+
Spinner,
|
|
803
805
|
Text,
|
|
804
806
|
TextAreaField,
|
|
805
807
|
TokenField,
|
package/dist/main.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n function handleOpenDrawer(name: string) {\n setDrawerOpen((prev) => {\n return {\n ...prev,\n [name]: !prev[name],\n }\n })\n }\n\n return {\n handleOpenDrawer,\n drawerOpen,\n }\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n function handleOpenDrawer(name: string) {\n setDrawerOpen((prev) => {\n return {\n ...prev,\n [name]: !prev[name],\n }\n })\n }\n\n return {\n handleOpenDrawer,\n drawerOpen,\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
|