@pipelinesolucoes/button 1.1.1-beta.5 → 1.2.0-beta.10

package/README.md

@@ -19,8 +19,8 @@ A biblioteca inclui os seguintes componentes:
 - **DownloadButton**
   Componente que renderiza um link estilizado como botão para **download de arquivos** usando a tag `<a>` com o atributo `download`, permitindo customização visual via props.  
 
-- **FormButtonGroup**  
-  Agrupador de botões *Deletar*, *Cancelar* e *Salvar* para uso **dentro de formulários**.
+- **SubmitButton**  
+  Botão de submit estilizado, baseado no tema e com tipografia configurável via `variant`.
 
 - **NavigationButton**  
   Botão de navegação reutilizável baseado em link (`<a>`), estilizado com Material UI.
@@ -30,6 +30,100 @@ A biblioteca inclui os seguintes componentes:
 
 ---
 
+## Theme (opcional) — habilitar `kind` com tokens do tema
+
+Os componentes de botão desta lib suportam a prop `kind` (ex.: `primary`, `secondary`, `tertiary`, `delete`) para aplicar **tokens de estilo** definidos no tema do projeto.
+
+**Observação**
+ - Se o tema não estiver configurado, os componentes permitem estilização via props (fallback), e kind não aplicará tokens do tema.
+ - Se você adicionar/alterar global.d.ts ou declarations.d.ts, pode ser necessário reiniciar o TypeScript Server no editor.
+
+Para que o TypeScript reconheça `pipesol` em `createTheme` e para que o `kind` funcione corretamente, siga os passos abaixo.
+
+---
+
+### 1) Carregar a tipagem do tema (TypeScript)
+
+Adicione **uma única vez** no seu projeto (recomendado em `global.d.ts` ou `declarations.d.ts`):
+
+```ts
+import "@pipelinesolucoes/button/mui-theme";
+export {};
+```
+
+### 2) Configurar os tokens no tema do projeto
+
+No seu tema (theme.ts, theme.tsx, etc.), inclua pipesol.buttons com os estilos desejados:
+import { createTheme } from "@mui/material/styles";
+
+```ts
+export const theme = createTheme({
+  pipesol: {
+    buttons: {
+      primary: {
+        background: "#216fed",
+        backgroundHover: "#005ce3",
+        color: "#fff",
+        colorHover: "#fff",
+        borderRadius: "9999px",
+        padding: "8px 24px",
+      },
+      secondary: {
+        background: "#fff",
+        backgroundHover: "#fff",
+        color: "#216fed",
+        colorHover: "#005ce3",
+        borderRadius: "9999px",
+        padding: "8px 24px",
+      },
+      // opcionais
+      delete: {
+        background: "#F44336",
+        backgroundHover: "#D32F2F",
+        color: "#fff",
+        colorHover: "#fff",
+        borderRadius: "9999px",
+        padding: "8px 24px",
+      },
+    },
+  },
+});
+```
+Tokens disponíveis por botão:
+ - background
+ - backgroundHover
+ - color
+ - colorHover
+ - borderRadius
+ - padding
+ - boxShadow (opcional)
+
+### 3) Usar kind nos componentes
+
+Com o tema configurado, basta usar a prop kind:
+
+```ts
+import { NavigationButton } from "@pipelinesolucoes/button";
+
+export function Example() {
+  return (
+    <>
+      <NavigationButton kind="primary" url="#contato" aria_label="Ir para contato" width="fit-content">
+        Fale conosco
+      </NavigationButton>
+
+      <NavigationButton kind="secondary" url="/sobre" aria_label="Ir para sobre" width="fit-content">
+        Saiba mais
+      </NavigationButton>
+
+      <NavigationButton kind="delete" url="#remover" aria_label="Remover" width="fit-content">
+        Remover
+      </NavigationButton>
+    </>
+  );
+}
+```
+
 ## ✨ Características
 
 - ✅ Pronto para produção

package/dist/components/ActionButton.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TypographyVariant } from "@mui/material/styles";
 import { CommonStyleProps } from "../types/style/CommonStyleProps";
-import { ButtonKind } from "../types/pipesol-buttons";
+import { ButtonKind } from "@pipelinesolucoes/theme";
 export interface ActionButtonProps extends CommonStyleProps {
     kind?: ButtonKind;
     text: string;
@@ -14,10 +14,19 @@ export interface ActionButtonProps extends CommonStyleProps {
 /**
  * Botão estilizado baseado no tema e com tipografia configurável via `variant`.
  *
+ *  Uso da prop `kind`:
+ * - A prop `kind` aplica estilos automaticamente a partir dos tokens
+ *   definidos no tema do projeto (`theme.pipelinesolucoes?.buttons`) conforme README”.
+ * - Para utilizar `kind`, é necessário que o projeto implemente essa
+ *   estrutura no `ThemeProvider`.
+ * - Caso o tema não possua essa configuração, o componente continuará
+ *   funcionando normalmente, utilizando apenas os valores informados
+ *   via props ou os padrões do Material UI.
+ *
  * @param {string} text Texto exibido dentro do botão.
  * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
  * @param {React.ReactNode} icon Ícone opcional exibido antes do texto.
- * @param {'none' | 'primary' | 'secondary'} [kind="none"] Token visual aplicado ao botão.
+ * @param {ButtonKind} [kind="none"] Token visual aplicado ao botão.
  * @param {string} [width="auto"] Largura do botão.
  * @param {string} [height="auto"] Altura do botão.
  * @param {string} [padding="12px 20px"] Espaçamento interno.
@@ -31,6 +40,7 @@ export interface ActionButtonProps extends CommonStyleProps {
  * @param {string} [boxShadow="none"] Sombra do botão.
  * @param {Function} onClick Evento de clique.
  * @param {string} aria_label Texto para acessibilidade.
+ * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
  *
  * @example
  * ```tsx

package/dist/components/ActionButton.js

@@ -1,13 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Typography from "@mui/material/Typography";
 import { StyledButtonKind } from "./StyledButton";
 /**
  * Botão estilizado baseado no tema e com tipografia configurável via `variant`.
  *
+ *  Uso da prop `kind`:
+ * - A prop `kind` aplica estilos automaticamente a partir dos tokens
+ *   definidos no tema do projeto (`theme.pipelinesolucoes?.buttons`) conforme README”.
+ * - Para utilizar `kind`, é necessário que o projeto implemente essa
+ *   estrutura no `ThemeProvider`.
+ * - Caso o tema não possua essa configuração, o componente continuará
+ *   funcionando normalmente, utilizando apenas os valores informados
+ *   via props ou os padrões do Material UI.
+ *
  * @param {string} text Texto exibido dentro do botão.
  * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
  * @param {React.ReactNode} icon Ícone opcional exibido antes do texto.
- * @param {'none' | 'primary' | 'secondary'} [kind="none"] Token visual aplicado ao botão.
+ * @param {ButtonKind} [kind="none"] Token visual aplicado ao botão.
  * @param {string} [width="auto"] Largura do botão.
  * @param {string} [height="auto"] Altura do botão.
  * @param {string} [padding="12px 20px"] Espaçamento interno.
@@ -21,6 +29,7 @@ import { StyledButtonKind } from "./StyledButton";
  * @param {string} [boxShadow="none"] Sombra do botão.
  * @param {Function} onClick Evento de clique.
  * @param {string} aria_label Texto para acessibilidade.
+ * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
  *
  * @example
  * ```tsx
@@ -31,8 +40,8 @@ import { StyledButtonKind } from "./StyledButton";
  * />
  * ```
  */
-const ActionButton = ({ kind = "none", width = "auto", height = "auto", padding = "12px 20px", margin = "0", text, icon, disabled = false, onClick, background = "transparent", backgroundHover, colorText, colorHover, borderRadius = "0", boxShadow = "none", variant = "body1", aria_label }) => {
-    return (_jsx(StyledButtonKind, { kind: kind, width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, background: background, backgroundHover: backgroundHover, colorText: colorText, colorHover: colorHover, borderRadius: borderRadius, boxShadow: boxShadow, "aria-label": aria_label, children: _jsx(Typography, { variant: variant, children: text }) }));
+const ActionButton = ({ kind = "none", width, height, padding, margin, text, icon, disabled = false, onClick, background, backgroundHover, color, colorHover, borderRadius, boxShadow, variant, aria_label }) => {
+    return (_jsx(StyledButtonKind, { kind: kind, width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, background: background, backgroundHover: backgroundHover, colorText: color, colorHover: colorHover, borderRadius: borderRadius, boxShadow: boxShadow, "aria-label": aria_label, variantButton: variant, children: text }));
 };
 ActionButton.displayName = "ActionButton";
 export default ActionButton;

package/dist/components/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAelD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,WAAW,EACrB,MAAM,GAAG,GAAG,EACZ,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,SAAS,EACT,UAAU,EACV,YAAY,GAAG,GAAG,EAClB,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,OAAO,EACjB,UAAU,EACX,EAAE,EAAE;IACH,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,gBACR,UAAU,YAEtB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GAChC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAelD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,GAAG,MAAM,EACb,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,EACX,EAAE,EAAE;IAEH,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,gBACR,UAAU,EACtB,aAAa,EAAE,OAAO,YAErB,IAAI,GACY,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}

package/dist/components/NavigationButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TypographyVariant } from '@mui/material/styles';
-import { ButtonKind } from "../types/pipesol-buttons";
 import { CommonStyleProps } from "../types/style/CommonStyleProps";
+import { ButtonKind } from '@pipelinesolucoes/theme';
 interface NavigationButtonProps extends CommonStyleProps {
     kind?: ButtonKind;
     variant?: TypographyVariant;
@@ -18,7 +18,7 @@ interface NavigationButtonProps extends CommonStyleProps {
  *
  * Uso da prop `kind`:
  * - A prop `kind` aplica estilos automaticamente a partir dos tokens
- *   definidos no tema do projeto (`theme.palette.custom`) conforme README”.
+ *   definidos no tema do projeto (`theme.pipesol?.buttons`) conforme README”.
  * - Para utilizar `kind`, é necessário que o projeto implemente essa
  *   estrutura no `ThemeProvider`.
  * - Caso o tema não possua essa configuração, o componente continuará

package/dist/components/NavigationButton.js

@@ -1,42 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
-import { Typography } from '@mui/material';
-const ButtonStyled = styled('a', {
-    shouldForwardProp: (prop) => !['kind', ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
-})(({ theme, kind, background, backgroundHover, colorText, colorHover, padding, borderRadius, border, width, margin, boxShadow, }) => {
-    var _a, _b;
-    let tokens;
-    switch (kind) {
-        case "primary":
-        case "secondary":
-        case "tertiary":
-        case "delete":
-            tokens = (_b = (_a = theme.pipesol) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b[kind];
-            break;
-    }
-    return {
-        width: width !== null && width !== void 0 ? width : 'auto',
-        margin: margin !== null && margin !== void 0 ? margin : '0',
-        padding: tokens ? tokens.padding : padding,
-        borderRadius: tokens ? tokens.borderRadius : borderRadius,
-        boxShadow: tokens ? tokens.boxShadow : boxShadow,
-        border,
-        textDecoration: 'none',
-        textTransform: 'none',
-        cursor: 'pointer',
-        textAlign: 'center',
-        background: tokens ? tokens.background : background,
-        color: tokens ? tokens.color : colorText,
-        '&:hover': {
-            background: tokens
-                ? tokens.backgroundHover
-                : backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background,
-            color: tokens ? tokens.colorHover : colorHover !== null && colorHover !== void 0 ? colorHover : colorText,
-        },
-    };
-});
+import { ButtonNavigationStyled } from './StyledButton';
 /**
  * Botão de navegação reutilizável baseado em um link (`<a>`), estilizado com Material UI.
  *
@@ -46,7 +10,7 @@ const ButtonStyled = styled('a', {
  *
  * Uso da prop `kind`:
  * - A prop `kind` aplica estilos automaticamente a partir dos tokens
- *   definidos no tema do projeto (`theme.palette.custom`) conforme README”.
+ *   definidos no tema do projeto (`theme.pipesol?.buttons`) conforme README”.
  * - Para utilizar `kind`, é necessário que o projeto implemente essa
  *   estrutura no `ThemeProvider`.
  * - Caso o tema não possua essa configuração, o componente continuará
@@ -81,11 +45,11 @@ const ButtonStyled = styled('a', {
  * </NavigationButton>
  * ```
  */
-const NavigationButton = ({ url, text, kind = 'none', aria_label, background, backgroundHover, colorText, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none', width, margin = '0', padding = '8px 24px', variant = "body1", }) => {
+const NavigationButton = ({ url, text, kind = 'none', aria_label, background, backgroundHover, color, colorHover, borderRadius, border, boxShadow, width, margin, padding, variant, }) => {
     if (url.includes('http')) {
-        return (_jsx(ButtonStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, colorText: colorText, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", boxShadow: boxShadow, children: _jsx(Typography, { variant: variant, children: text }) }));
+        return (_jsx(ButtonNavigationStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", boxShadow: boxShadow, variantButton: variant, children: text }));
     }
-    return (_jsx(ButtonStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, colorText: colorText, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, boxShadow: boxShadow, children: _jsx(Typography, { variant: variant, children: text }) }));
+    return (_jsx(ButtonNavigationStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, boxShadow: boxShadow, variantButton: variant, children: text }));
 };
 NavigationButton.displayName = 'NavigationButton';
 export default NavigationButton;

package/dist/components/NavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAUxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IAEH,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACF,UAAU,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,YAErB,IAAI,GACkB,CAC1B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACF,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,YAErB,IAAI,GACkB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,eAAe,gBAAgB,CAAC"}

package/dist/components/NavigationLink.d.ts

@@ -1,10 +1,6 @@
 import React from 'react';
 import { TypographyVariant } from '@mui/material/styles';
-import { LayoutProps } from '../types/style/LayoutProps';
-import { ColorProps } from '../types/style/ColorProps';
-export interface LinkStyleProps extends LayoutProps, ColorProps {
-    textDecoration: 'none' | 'underline';
-}
+import { LinkStyleProps } from './StyledButton';
 interface NavigationLinkProps extends LinkStyleProps {
     url: string;
     aria_label: string;

package/dist/components/NavigationLink.js

@@ -1,34 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { Typography } from '@mui/material';
-const ButtonStyled = styled('a', {
-    shouldForwardProp: (prop) => ![
-        "width",
-        "height",
-        "padding",
-        "margin",
-        "background",
-        "backgroundHover",
-        "colorText",
-        "colorHover",
-    ].includes(prop),
-})(({ background, backgroundHover, colorText, colorHover, padding, width, margin, textDecoration }) => ({
-    width: width,
-    cursor: 'pointer',
-    textDecoration: textDecoration,
-    textTransform: 'none',
-    textAlign: 'center',
-    backgroundColor: background,
-    color: colorText,
-    padding: padding,
-    margin: margin,
-    '&:hover': {
-        backgroundColor: backgroundHover,
-        borderBottom: `1px solid ${colorHover}`,
-        color: colorHover,
-    },
-}));
+import { LinkStyled } from './StyledButton';
 /**
  * Componente que renderiza um link de navegação estilizado usando `styled` do Material UI.
  * Ele aplica estilos customizáveis (layout e cores) e encapsula o texto com `Typography`.
@@ -86,15 +59,15 @@ const ButtonStyled = styled('a', {
  * };
  * ```
  */
-const NavigationLink = ({ url, aria_label, background = 'transparent', backgroundHover, colorText, colorHover, textDecoration = 'none', width, margin = '0', padding = '0', text, variant = "body1", }) => {
+const NavigationLink = ({ url, aria_label, background = 'transparent', backgroundHover, color, colorHover, textDecoration = 'none', width, margin = '0', padding = '0', text, variant = "body1", }) => {
     const backgroundColor = background;
     const backgroundColorHover = backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : backgroundColor;
-    const color_hover = colorHover ? colorHover : (colorText !== null && colorText !== void 0 ? colorText : 'black');
+    const color_hover = colorHover ? colorHover : (color !== null && color !== void 0 ? color : 'black');
     if (url.indexOf('http') != -1) {
-        return (_jsx(ButtonStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, colorText: colorText, colorHover: color_hover, padding: padding, margin: margin, textDecoration: textDecoration, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: _jsx(Typography, { variant: variant, children: text }) }));
+        return (_jsx(LinkStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, color: color, colorHover: color_hover, padding: padding, margin: margin, textDecoration: textDecoration, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: _jsx(Typography, { variant: variant, children: text }) }));
     }
     else {
-        return (_jsx(ButtonStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, colorText: colorText, colorHover: color_hover, padding: padding, margin: margin, "aria-label": aria_label, textDecoration: textDecoration, children: _jsx(Typography, { variant: variant, children: text }) }));
+        return (_jsx(LinkStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, color: color, colorHover: color_hover, padding: padding, margin: margin, "aria-label": aria_label, textDecoration: textDecoration, children: _jsx(Typography, { variant: variant, children: text }) }));
     }
 };
 export default NavigationLink;

package/dist/components/NavigationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationLink.js","sourceRoot":"","sources":["../../src/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAqB,MAAM,sBAAsB,CAAC;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,OAAO;QACP,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,iBAAiB;QACjB,WAAW;QACX,YAAY;KACb,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAAiB,CAAC,EAClB,UAAU,EACV,eAAe,EACf,SAAS,EACT,UAAU,EACV,OAAO,EACP,KAAK,EACL,MAAM,EACN,cAAc,EACf,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,eAAe,EAAE,UAAU;IAC3B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,eAAe;QAChC,YAAY,EAAE,aAAa,UAAU,EAAE;QACvC,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAC,CAAC;AAUJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,GAAG,EAAE,UAAU,EAAE,UAAU,GAAC,aAAa,EAAE,eAAe,EAC1D,SAAS,EAAE,UAAU,EAAE,cAAc,GAAG,MAAM,EAC9C,KAAK,EAAE,MAAM,GAAC,GAAG,EAAE,OAAO,GAAC,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,GAAK,EAAE,EAAE;IAE9D,MAAM,eAAe,GAAY,UAAU,CAAC;IAC5C,MAAM,oBAAoB,GAAY,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,eAAe,CAAC;IACzE,MAAM,WAAW,GAAY,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,CAAC,CAAC;IAE9E,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,gBACjB,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACzB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACpC,CAChB,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,EACvB,cAAc,EAAE,cAAc,YAE9B,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACpC,CAChB,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"NavigationLink.js","sourceRoot":"","sources":["../../src/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAW5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,GAAG,EAAE,UAAU,EAAE,UAAU,GAAC,aAAa,EAAE,eAAe,EAC1D,KAAK,EAAE,UAAU,EAAE,cAAc,GAAG,MAAM,EAC1C,KAAK,EAAE,MAAM,GAAC,GAAG,EAAE,OAAO,GAAC,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,GAAK,EAAE,EAAE;IAE9D,MAAM,eAAe,GAAY,UAAU,CAAC;IAC5C,MAAM,oBAAoB,GAAY,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,eAAe,CAAC;IACzE,MAAM,WAAW,GAAY,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,CAAC,CAAC;IAE1E,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,gBACjB,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACzB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACtC,CACd,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,EACvB,cAAc,EAAE,cAAc,YAE9B,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACtC,CACd,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/StyledButton.d.ts

@@ -1,6 +1,14 @@
-import { ButtonKind } from "../types/pipesol-buttons";
+import { ButtonKind, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
 import { CommonStyleProps } from "../types/style/CommonStyleProps";
+import { TypographyVariant } from "@mui/material";
 export interface ButtonStyleProps extends CommonStyleProps {
     kind: ButtonKind;
+    variantButton?: TypographyVariant | undefined;
 }
-export declare const StyledButtonKind: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "children" | "sx" | "className" | "tabIndex" | "classes" | "href" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, {}, {}>;
+export declare const StyledButtonKind: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "style" | "children" | "sx" | "className" | "tabIndex" | "classes" | "href" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, {}, {}>;
+export declare const ButtonNavigationStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export interface LinkStyleProps extends LayoutProps, ColorProps {
+    textDecoration: 'none' | 'underline';
+    variant?: TypographyVariant;
+}
+export declare const LinkStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LinkStyleProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;

package/dist/components/StyledButton.js

@@ -1,42 +1,92 @@
 import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
 import { Button, styled } from "@mui/material";
 export const StyledButtonKind = styled(Button, {
-    shouldForwardProp: (prop) => !["kind", ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
-})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
-    var _a, _b;
-    let tokens;
+    shouldForwardProp: (prop) => !["kind", "variantButton", ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
+})(({ theme, kind = 'none', width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow, variantButton }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    let tokens = undefined;
     switch (kind) {
+        case "none":
+            tokens = undefined;
+            break;
         case "primary":
         case "secondary":
         case "tertiary":
         case "delete":
-            tokens = (_b = (_a = theme.pipesol) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b[kind];
+            tokens = (_c = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c[kind];
             break;
     }
-    return {
+    const typo = (_h = (_e = (_d = (variantButton && theme.typography[variantButton])) !== null && _d !== void 0 ? _d : tokens === null || tokens === void 0 ? void 0 : tokens.typography) !== null && _e !== void 0 ? _e : (_g = (_f = theme.pipelinesolucoes) === null || _f === void 0 ? void 0 : _f.buttons) === null || _g === void 0 ? void 0 : _g.typography) !== null && _h !== void 0 ? _h : theme.typography.body1;
+    return Object.assign(Object.assign({ 
         // Dimensões
-        width: width,
-        height: height,
-        margin: margin,
-        padding: tokens ? tokens.padding : padding,
+        width: width, height: height, margin: margin, padding: tokens ? tokens.padding : padding }, (typo !== null && typo !== void 0 ? typo : {})), { 
         // Visual
-        textTransform: "none",
-        borderRadius: tokens ? tokens.borderRadius : borderRadius,
-        boxShadow: tokens ? tokens.boxShadow : boxShadow,
+        textTransform: "none", borderRadius: tokens ? tokens.borderRadius : borderRadius, boxShadow: tokens ? tokens.boxShadow : boxShadow, 
         // Cores
-        background: tokens ? tokens.background : background,
-        color: tokens ? tokens.color : colorText,
-        "&:hover": {
+        background: tokens ? tokens.background : background, color: tokens ? tokens.color : colorText, "&:hover": {
             background: tokens ? tokens.backgroundHover : (backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background),
             color: tokens ? tokens.colorHover : (colorHover !== null && colorHover !== void 0 ? colorHover : colorText),
             boxShadow: tokens ? tokens.boxShadow : boxShadow,
-        },
+        }, 
         // Estado disabled
         "&.Mui-disabled": {
             background: theme.palette.grey[300],
             color: theme.palette.text.disabled,
             boxShadow: "none",
-        },
-    };
+        } });
+});
+export const ButtonNavigationStyled = styled('a', {
+    shouldForwardProp: (prop) => !['kind', 'variantButton', ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
+})(({ theme, kind = 'none', height, background, backgroundHover, color, colorHover, padding, borderRadius, border, width, margin, boxShadow, variantButton }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    let tokens = undefined;
+    switch (kind) {
+        case "none":
+            tokens = undefined;
+            break;
+        case "primary":
+        case "secondary":
+        case "tertiary":
+        case "delete":
+            tokens = (_c = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c[kind];
+            break;
+    }
+    const typo = (_g = (_d = (variantButton && theme.typography[variantButton])) !== null && _d !== void 0 ? _d : (_f = (_e = theme.pipelinesolucoes) === null || _e === void 0 ? void 0 : _e.buttons) === null || _f === void 0 ? void 0 : _f.typography) !== null && _g !== void 0 ? _g : theme.typography.body1;
+    return Object.assign(Object.assign({ 
+        // Dimensões
+        width: width !== null && width !== void 0 ? width : 'auto', height: height, margin: margin !== null && margin !== void 0 ? margin : '0', padding: tokens ? tokens.padding : padding }, (typo !== null && typo !== void 0 ? typo : {})), { 
+        // Visual
+        textTransform: "none", borderRadius: tokens ? tokens.borderRadius : borderRadius, boxShadow: tokens ? tokens.boxShadow : boxShadow, border, textDecoration: 'none', cursor: 'pointer', textAlign: 'center', 
+        // Cores
+        background: tokens ? tokens.background : background, color: tokens ? tokens.color : color, '&:hover': {
+            background: tokens
+                ? tokens.backgroundHover
+                : backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background,
+            color: tokens ? tokens.colorHover : colorHover !== null && colorHover !== void 0 ? colorHover : color,
+        } });
+});
+;
+export const LinkStyled = styled("a", {
+    shouldForwardProp: (prop) => ![
+        "width",
+        "height",
+        "padding",
+        "margin",
+        "background",
+        "backgroundHover",
+        "colorHover",
+        "variant",
+        "textDecoration",
+    ].includes(prop),
+})(({ theme, background, backgroundHover, color, colorHover, padding, width, margin, textDecoration = "none", variant, }) => {
+    var _a, _b, _c, _d, _e;
+    const typo = (_d = (_a = (variant && theme.typography[variant])) !== null && _a !== void 0 ? _a : (_c = (_b = theme.pipelinesolucoes) === null || _b === void 0 ? void 0 : _b.buttons) === null || _c === void 0 ? void 0 : _c.typography) !== null && _d !== void 0 ? _d : theme.typography.body1;
+    return Object.assign(Object.assign({}, typo), { display: "inline-block", width,
+        margin,
+        padding, cursor: "pointer", textDecoration, textTransform: "none", textAlign: "center", backgroundColor: background, color, "&:hover": {
+            backgroundColor: backgroundHover,
+            color: colorHover !== null && colorHover !== void 0 ? colorHover : color,
+            borderBottom: `1px solid ${(_e = colorHover !== null && colorHover !== void 0 ? colorHover : color) !== null && _e !== void 0 ? _e : "currentColor"}`,
+        } });
 });
 //# sourceMappingURL=StyledButton.js.map

package/dist/components/StyledButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAM/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,0BAA0B,CAAE,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC/F,CAAC,CAEA,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE;;IAE5I,IAAI,MAAuC,CAAC;IAC5C,QAAQ,IAAI,EAAE,CAAC;QACf,KAAK,SAAS,CAAC;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ;YACX,MAAM,GAAG,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,OAAO,0CAAG,IAAI,CAAC,CAAC;YACxC,MAAM;IACR,CAAC;IAGD,OAAO;QACL,YAAY;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QAE1C,SAAS;QACT,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;QACzD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAEhD,QAAQ;QACR,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACnD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAExC,SAAS,EAAE;YACT,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,UAAU,CAAC;YAC9E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS,CAAC;YAC7D,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACjD;QAED,kBAAkB;QAClB,gBAAgB,EAAE;YAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;YAClC,SAAS,EAAE,MAAM;SAClB;KACF,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/SubmitButton.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import { CommonStyleProps } from "../types/style/CommonStyleProps";
+import { ButtonKind } from "@pipelinesolucoes/theme";
+import { TypographyVariant } from "@mui/material";
+export interface SubmitButtonProps extends CommonStyleProps {
+    kind?: ButtonKind;
+    text: string;
+    aria_label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    variant?: TypographyVariant;
+    form?: string;
+}
+/**
+ * Botão de submit estilizado baseado no tema e com tipografia configurável via `variant`.
+ *
+ *  Uso da prop `kind`:
+ * - A prop `kind` aplica estilos automaticamente a partir dos tokens
+ *   definidos no tema do projeto (`theme.pipelinesolucoes?.buttons`) conforme README”.
+ * - Para utilizar `kind`, é necessário que o projeto implemente essa
+ *   estrutura no `ThemeProvider`.
+ * - Caso o tema não possua essa configuração, o componente continuará
+ *   funcionando normalmente, utilizando apenas os valores informados
+ *   via props ou os padrões do Material UI.
+ *
+ * @param {string} text Texto exibido dentro do botão.
+ * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
+ * @param {React.ReactNode} icon Ícone opcional exibido antes do texto.
+ * @param {ButtonKind} [kind="none"] Token visual aplicado ao botão.
+ * @param {string} [width="auto"] Largura do botão.
+ * @param {string} [height="auto"] Altura do botão.
+ * @param {string} [padding="12px 20px"] Espaçamento interno.
+ * @param {string} [margin="0"] Margem externa.
+ * @param {boolean} [disabled=false] Estado desabilitado.
+ * @param {string} [background="transparent"] Cor de fundo.
+ * @param {string} backgroundHover Cor de fundo no hover.
+ * @param {string} colorText Cor do texto.
+ * @param {string} colorHover Cor do texto no hover.
+ * @param {string} [borderRadius="0"] Raio da borda.
+ * @param {string} [boxShadow="none"] Sombra do botão.
+ * @param {string} aria_label Texto para acessibilidade.
+ * @param {TypographyVariant} [variant="body1"] Variante da tipografia usada no texto.
+ *
+ * @example
+ * ```tsx
+ * <SubmitButton
+ *   text="Enviar"
+ *   variant="h6"
+ *   onClick={() => console.log("clicou")}
+ * />
+ * ```
+ */
+declare const SubmitButton: React.FC<SubmitButtonProps>;
+export default SubmitButton;