pipesol-button 1.0.1-beta.3 → 1.0.1-beta.5

package/dist/components/CircularIconLink.d.ts

@@ -14,16 +14,28 @@ export interface CircularIconLinkProps {
      * ```
      */
     children: ReactElement<HTMLImageElement> | ReactElement<SvgIconProps>;
-    /** URL a ser aberta em nova aba. */
+    /** URL a ser aberta */
     url: string;
-    /** Cor de fundo do círculo. */
+    /** Cor de fundo do círculo */
     background_color: string;
-    /** Texto para acessibilidade (`aria-label`). */
+    /** Texto para acessibilidade (`aria-label`) */
     aria_label: string;
     /** Padding interno do círculo. @default "4px" */
     padding?: string;
     /** Estilo da borda. @default "2px solid transparent" */
     border?: string;
+    /** Define se o link será aberto em nova aba. @default true */
+    openInNewTab?: boolean;
 }
+/**
+ * **CircularIconLink**
+ *
+ * Componente que exibe um **ícone ou imagem dentro de um círculo clicável**,
+ * permitindo criar links visuais para redes sociais, sites ou qualquer URL externa.
+ *
+ * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
+ * - O círculo possui cor de fundo, padding e borda personalizáveis.
+ * - Ao clicar, abre o link em nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
+ */
 declare const CircularIconLink: React.FC<CircularIconLinkProps>;
 export default CircularIconLink;

package/dist/components/CircularIconLink.js

@@ -6,13 +6,28 @@ const StyledBox = styled(Box, {
     shouldForwardProp: (prop) => !['background_color', 'padding', 'border'].includes(prop),
 })(({ background_color, padding, border }) => ({
     backgroundColor: background_color,
-    padding,
+    padding: padding,
     borderRadius: '50%',
     display: 'inline-block',
-    border,
+    border: border,
 }));
-const CircularIconLink = ({ url, background_color, aria_label, padding = '4px', border = '2px solid transparent', children, }) => {
-    return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: () => window.open(url, '_blank', 'noopener noreferrer'), children: children }) }));
+/**
+ * **CircularIconLink**
+ *
+ * Componente que exibe um **ícone ou imagem dentro de um círculo clicável**,
+ * permitindo criar links visuais para redes sociais, sites ou qualquer URL externa.
+ *
+ * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
+ * - O círculo possui cor de fundo, padding e borda personalizáveis.
+ * - Ao clicar, abre o link em nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
+ */
+const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, openInNewTab = true, }) => {
+    const handleClick = () => {
+        const target = openInNewTab ? '_blank' : '_self';
+        const features = openInNewTab ? 'noopener noreferrer' : '';
+        window.open(url, target, features);
+    };
+    return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: handleClick, children: children }) }));
 };
 export default CircularIconLink;
 //# sourceMappingURL=CircularIconLink.js.map

package/dist/components/CircularIconLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAkC9C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtE,CAAC,CAIC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EAAE,gBAAgB;IACjC,OAAO;IACP,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM;CACP,CAAC,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,EAChB,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,uBAAuB,EAChC,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBACG,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAE/D,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtE,CAAC,CAIC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAoCJ;;;;;;;;;GASG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAG,aAAa,EAChC,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAAE,OAAO,EAAE,WAAW,YACrD,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}