@consumidor-positivo/aurora 0.0.135 → 0.0.136
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/Icon/index.es.js +1 -0
- package/dist/components/Icon/index.es.js.map +1 -1
- package/dist/components/Icon/styles.css +1 -1
- package/dist/components/default/index.es.js +2 -0
- package/dist/components/default/index.es.js.map +1 -1
- package/dist/components/icons/Icon.d.ts +1 -1
- package/dist/components/icons/IconId/index.es.js +16 -0
- package/dist/components/icons/IconId/index.es.js.map +1 -0
- package/dist/components/icons/default/IconId.d.ts +3 -0
- package/dist/components/icons/default/index.d.ts +1 -0
- package/dist/components/icons/index.es.js +2 -0
- package/dist/components/icons/index.es.js.map +1 -1
- package/dist/main.es.js +2 -0
- package/dist/main.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ import './styles.css';const Icon = ({
|
|
|
17
17
|
"au-icon--color-raw": !!rawColor,
|
|
18
18
|
"au-icon--color-dark": color === "dark",
|
|
19
19
|
"au-icon--color-info": color === "info",
|
|
20
|
+
"au-icon--color-success": color === "success",
|
|
20
21
|
"au-icon--size-large": size === "large",
|
|
21
22
|
"au-icon--size-small": size === "small",
|
|
22
23
|
[`${className}`]: !!className
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type IconSize = 'large' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default'\n\nexport type IconProps = {\n size?: IconSize\n color?: IconColor\n rawColor?: string\n className?: string\n onClick?: () => void\n}\ntype BaseIconProps = IconProps & {\n markup?: string\n name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n markup,\n name,\n size,\n color,\n rawColor,\n className,\n onClick,\n}: BaseIconProps) => {\n const iconStyle: React.CSSProperties = {\n ...(rawColor && { color: rawColor }),\n }\n\n const componentClass = classNames('au-icon', {\n [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n 'au-icon--color-raw': !!rawColor,\n 'au-icon--color-dark': color === 'dark',\n 'au-icon--color-info': color === 'info',\n 'au-icon--size-large': size === 'large',\n 'au-icon--size-small': size === 'small',\n [`${className}`]: !!className,\n })\n\n return (\n <div\n style={iconStyle}\n onClick={onClick}\n className={componentClass}\n dangerouslySetInnerHTML={{\n __html: markup || '',\n }}\n />\n )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAS;AAAA,EAAA;AAG9B,QAAA,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,SAAS;AAAA,IAChC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,UAAU;AAAA,MACpB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type IconSize = 'large' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default' | 'success'\n\nexport type IconProps = {\n size?: IconSize\n color?: IconColor\n rawColor?: string\n className?: string\n onClick?: () => void\n}\ntype BaseIconProps = IconProps & {\n markup?: string\n name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n markup,\n name,\n size,\n color,\n rawColor,\n className,\n onClick,\n}: BaseIconProps) => {\n const iconStyle: React.CSSProperties = {\n ...(rawColor && { color: rawColor }),\n }\n\n const componentClass = classNames('au-icon', {\n [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n 'au-icon--color-raw': !!rawColor,\n 'au-icon--color-dark': color === 'dark',\n 'au-icon--color-info': color === 'info',\n 'au-icon--color-success': color === 'success',\n 'au-icon--size-large': size === 'large',\n 'au-icon--size-small': size === 'small',\n [`${className}`]: !!className,\n })\n\n return (\n <div\n style={iconStyle}\n onClick={onClick}\n className={componentClass}\n dangerouslySetInnerHTML={{\n __html: markup || '',\n }}\n />\n )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAS;AAAA,EAAA;AAG9B,QAAA,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,0BAA0B,UAAU;AAAA,IACpC,uBAAuB,SAAS;AAAA,IAChC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,UAAU;AAAA,MACpB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-icon,.au-icon>svg{width:24px;height:24px;color:#0048db;display:flex;align-items:center;justify-content:center}.au-icon--size-large,.au-icon--size-large svg{width:32px;height:32px}.au-icon--size-small,.au-icon--size-small svg{width:16px;height:16px}.au-icon--color-dark>svg{color:#454a54}.au-icon--color-info>svg{color:#6728e5}.au-icon--color-raw>svg{color:inherit}
|
|
1
|
+
.au-icon,.au-icon>svg{width:24px;height:24px;color:#0048db;display:flex;align-items:center;justify-content:center}.au-icon--size-large,.au-icon--size-large svg{width:32px;height:32px}.au-icon--size-small,.au-icon--size-small svg{width:16px;height:16px}.au-icon--color-dark>svg{color:#454a54}.au-icon--color-info>svg{color:#6728e5}.au-icon--color-success>svg{color:#026441}.au-icon--color-raw>svg{color:inherit}
|
|
@@ -141,6 +141,7 @@ import { IconHelpCircle } from "../icons/IconHelpCircle/index.es.js";
|
|
|
141
141
|
import { IconHexagon } from "../icons/IconHexagon/index.es.js";
|
|
142
142
|
import { IconHome } from "../icons/IconHome/index.es.js";
|
|
143
143
|
import { IconHomeChimney } from "../icons/IconHomeChimney/index.es.js";
|
|
144
|
+
import { IconId } from "../icons/IconId/index.es.js";
|
|
144
145
|
import { IconImage } from "../icons/IconImage/index.es.js";
|
|
145
146
|
import { IconInbox } from "../icons/IconInbox/index.es.js";
|
|
146
147
|
import { IconInfo } from "../icons/IconInfo/index.es.js";
|
|
@@ -456,6 +457,7 @@ export {
|
|
|
456
457
|
IconHexagon,
|
|
457
458
|
IconHome,
|
|
458
459
|
IconHomeChimney,
|
|
460
|
+
IconId,
|
|
459
461
|
IconImage,
|
|
460
462
|
IconInbox,
|
|
461
463
|
IconInfo,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import Icon from "../../Icon/index.es.js";
|
|
3
|
+
function IconId(props) {
|
|
4
|
+
return /* @__PURE__ */ jsx(
|
|
5
|
+
Icon,
|
|
6
|
+
{
|
|
7
|
+
markup: "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='ID'><path id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M3 6C2.44772 6 2 6.44772 2 7V17C2 17.5523 2.44772 18 3 18H21C21.5523 18 22 17.5523 22 17V7C22 6.44772 21.5523 6 21 6H3ZM0 7C0 5.34315 1.34315 4 3 4H21C22.6569 4 24 5.34315 24 7V17C24 18.6569 22.6569 20 21 20H3C1.34315 20 0 18.6569 0 17V7Z' fill='currentColor'/><path id='Vector 77' d='M4 16V16C4 14.8954 4.89543 14 6 14H9C10.1046 14 11 14.8954 11 16V16' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><circle id='Ellipse 307' cx='7.5' cy='9.5' r='1.75' stroke='currentColor' stroke-width='1.5'/><path id='Vector 78' d='M14 9H20' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><path id='Vector 79' d='M14 12H20' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><path id='Vector 80' d='M14 15H18.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/></g></svg>",
|
|
8
|
+
name: "IconId",
|
|
9
|
+
...props
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
IconId
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../../lib/components/icons/default/IconId.tsx"],"sourcesContent":["\n// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon, { IconProps } from \"../Icon\";\n\nexport function IconId(props: IconProps) {\n return (\n <Icon\n markup={\"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='ID'><path id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M3 6C2.44772 6 2 6.44772 2 7V17C2 17.5523 2.44772 18 3 18H21C21.5523 18 22 17.5523 22 17V7C22 6.44772 21.5523 6 21 6H3ZM0 7C0 5.34315 1.34315 4 3 4H21C22.6569 4 24 5.34315 24 7V17C24 18.6569 22.6569 20 21 20H3C1.34315 20 0 18.6569 0 17V7Z' fill='currentColor'/><path id='Vector 77' d='M4 16V16C4 14.8954 4.89543 14 6 14H9C10.1046 14 11 14.8954 11 16V16' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><circle id='Ellipse 307' cx='7.5' cy='9.5' r='1.75' stroke='currentColor' stroke-width='1.5'/><path id='Vector 78' d='M14 9H20' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><path id='Vector 79' d='M14 12H20' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/><path id='Vector 80' d='M14 15H18.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/></g></svg>\"}\n name=\"IconId\"\n {...props}\n />\n );\n}\n\n"],"names":[],"mappings":";;AAKO,SAAS,OAAO,OAAkB;AAErC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -141,6 +141,7 @@ export { IconHelpCircle } from './IconHelpCircle';
|
|
|
141
141
|
export { IconHexagon } from './IconHexagon';
|
|
142
142
|
export { IconHome } from './IconHome';
|
|
143
143
|
export { IconHomeChimney } from './IconHomeChimney';
|
|
144
|
+
export { IconId } from './IconId';
|
|
144
145
|
export { IconImage } from './IconImage';
|
|
145
146
|
export { IconInbox } from './IconInbox';
|
|
146
147
|
export { IconInfo } from './IconInfo';
|
|
@@ -141,6 +141,7 @@ import { IconHelpCircle } from "./IconHelpCircle/index.es.js";
|
|
|
141
141
|
import { IconHexagon } from "./IconHexagon/index.es.js";
|
|
142
142
|
import { IconHome } from "./IconHome/index.es.js";
|
|
143
143
|
import { IconHomeChimney } from "./IconHomeChimney/index.es.js";
|
|
144
|
+
import { IconId } from "./IconId/index.es.js";
|
|
144
145
|
import { IconImage } from "./IconImage/index.es.js";
|
|
145
146
|
import { IconInbox } from "./IconInbox/index.es.js";
|
|
146
147
|
import { IconInfo } from "./IconInfo/index.es.js";
|
|
@@ -457,6 +458,7 @@ export {
|
|
|
457
458
|
IconHexagon,
|
|
458
459
|
IconHome,
|
|
459
460
|
IconHomeChimney,
|
|
461
|
+
IconId,
|
|
460
462
|
IconImage,
|
|
461
463
|
IconInbox,
|
|
462
464
|
IconInfo,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/main.es.js
CHANGED
|
@@ -169,6 +169,7 @@ import { IconHelpCircle } from "./components/icons/IconHelpCircle/index.es.js";
|
|
|
169
169
|
import { IconHexagon } from "./components/icons/IconHexagon/index.es.js";
|
|
170
170
|
import { IconHome } from "./components/icons/IconHome/index.es.js";
|
|
171
171
|
import { IconHomeChimney } from "./components/icons/IconHomeChimney/index.es.js";
|
|
172
|
+
import { IconId } from "./components/icons/IconId/index.es.js";
|
|
172
173
|
import { IconImage } from "./components/icons/IconImage/index.es.js";
|
|
173
174
|
import { IconInbox } from "./components/icons/IconInbox/index.es.js";
|
|
174
175
|
import { IconInfo } from "./components/icons/IconInfo/index.es.js";
|
|
@@ -592,6 +593,7 @@ export {
|
|
|
592
593
|
IconHexagon,
|
|
593
594
|
IconHome,
|
|
594
595
|
IconHomeChimney,
|
|
596
|
+
IconId,
|
|
595
597
|
IconImage,
|
|
596
598
|
IconInbox,
|
|
597
599
|
IconInfo,
|
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;"}
|