@prosistemas/sca-web-kit 3.4.6 → 3.4.8

package/dist/components/shared/info-header/info-header.d.ts

@@ -1,9 +1,10 @@
 import { IconProps, IconWeight } from '@phosphor-icons/react';
-import { HTMLAttributeAnchorTarget } from 'react';
+import { CSSProperties, HTMLAttributeAnchorTarget } from 'react';
 interface InfoHeaderProps {
     className?: string;
     tagLabel?: string;
     tagLabelClassName?: string;
+    tagLabelStyle?: CSSProperties;
     tagLabelHref?: string;
     tagLabelTarget?: HTMLAttributeAnchorTarget;
     tagLabelLeadingIcon?: React.ComponentType<IconProps>;
@@ -18,9 +19,11 @@ interface InfoHeaderProps {
     tagLabelTrailingIconClassName?: string;
     title: string;
     titleClassName?: string;
+    titleStyle?: CSSProperties;
     titleH1?: boolean;
     subtitle?: string;
     subtitleClassName?: string;
+    subtitleStyle?: CSSProperties;
     buttonLabel?: string;
     buttonClassName?: string;
     buttonHref?: string;
@@ -29,5 +32,5 @@ interface InfoHeaderProps {
     gap?: string;
     dark?: boolean;
 }
-export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelHref, tagLabelTarget, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleH1, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, dark, }: InfoHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelStyle, tagLabelHref, tagLabelTarget, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleStyle, titleH1, subtitle, subtitleClassName, subtitleStyle, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, dark, }: InfoHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/shared/info-header/info-header.js

@@ -4,9 +4,9 @@ import TagLabel from '../../ui/tag-label/tag-label';
 import Title from '../../ui/title/title';
 import Subtitle from '../../ui/subtitle/subtitle';
 import Button from '../../ui/button/button';
-export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelHref, tagLabelTarget, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleH1 = false, subtitle, subtitleClassName, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, dark, }) {
+export default function InfoHeader({ className, tagLabel, tagLabelClassName, tagLabelStyle, tagLabelHref, tagLabelTarget, tagLabelLeadingIcon, tagLabelLeadingIconSize, tagLabelLeadingIconColor, tagLabelLeadingIconWeight, tagLabelLeadingIconClassName, tagLabelTrailingIcon, tagLabelTrailingIconSize, tagLabelTrailingIconColor, tagLabelTrailingIconWeight, tagLabelTrailingIconClassName, title, titleClassName, titleStyle, titleH1 = false, subtitle, subtitleClassName, subtitleStyle, buttonLabel, buttonClassName, buttonHref, buttonInternalHref, buttonTarget, dark, }) {
     return (_jsxs("div", { className: `${styles['info-header']} ${className}`, children: [tagLabel &&
-                _jsx(TagLabel, { className: `${tagLabelClassName} ${styles['tag-label']}`, label: tagLabel, dark: dark, href: tagLabelHref, target: tagLabelTarget, leadingIcon: tagLabelLeadingIcon, leadingIconSize: tagLabelLeadingIconSize, leadingIconColor: tagLabelLeadingIconColor, leadingIconWeight: tagLabelLeadingIconWeight, leadingIconClassName: tagLabelLeadingIconClassName, trailingIcon: tagLabelTrailingIcon, trailingIconSize: tagLabelTrailingIconSize, trailingIconColor: tagLabelTrailingIconColor, trailingIconWeight: tagLabelTrailingIconWeight, trailingIconClassName: tagLabelTrailingIconClassName }), _jsx(Title, { className: `${titleClassName} ${styles['title']}`, h1: titleH1, text: title, dark: dark }), subtitle &&
-                _jsx(Subtitle, { className: `${subtitleClassName} ${styles['subtitle']}`, text: subtitle, dark: dark }), buttonLabel &&
+                _jsx(TagLabel, { className: `${tagLabelClassName} ${styles['tag-label']}`, style: tagLabelStyle, label: tagLabel, dark: dark, href: tagLabelHref, target: tagLabelTarget, leadingIcon: tagLabelLeadingIcon, leadingIconSize: tagLabelLeadingIconSize, leadingIconColor: tagLabelLeadingIconColor, leadingIconWeight: tagLabelLeadingIconWeight, leadingIconClassName: tagLabelLeadingIconClassName, trailingIcon: tagLabelTrailingIcon, trailingIconSize: tagLabelTrailingIconSize, trailingIconColor: tagLabelTrailingIconColor, trailingIconWeight: tagLabelTrailingIconWeight, trailingIconClassName: tagLabelTrailingIconClassName }), _jsx(Title, { className: `${titleClassName} ${styles['title']}`, style: titleStyle, h1: titleH1, text: title, dark: dark }), subtitle &&
+                _jsx(Subtitle, { className: `${subtitleClassName} ${styles['subtitle']}`, style: subtitleStyle, text: subtitle, dark: dark }), buttonLabel &&
                 _jsx(Button, { className: `${buttonClassName} ${styles['button']}`, label: buttonLabel, href: buttonHref, internalHref: buttonInternalHref, target: buttonTarget })] }));
 }

package/dist/components/ui/button/button.d.ts

@@ -1,7 +1,9 @@
+import { CSSProperties } from 'react';
 import { IconProps, IconWeight } from '@phosphor-icons/react';
 interface ButtonProps {
     label?: string;
     className?: string;
+    style?: CSSProperties;
     loading?: boolean;
     loadingSize?: number;
     loadingColor?: string;
@@ -30,5 +32,5 @@ interface ButtonProps {
     ariaLabel?: string;
     disabled?: boolean;
 }
-export default function Button({ label, className, loading, loadingSize, loadingColor, loadingClassName, icon: Icon, iconSize, iconColor, iconWeight, iconClassName, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, href, internalHref, target, type, round, onClick, ariaLabel, disabled, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ label, className, style, loading, loadingSize, loadingColor, loadingClassName, icon: Icon, iconSize, iconColor, iconWeight, iconClassName, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, href, internalHref, target, type, round, onClick, ariaLabel, disabled, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/button/button.js

@@ -3,7 +3,7 @@ import styles from './button.module.scss';
 import { inter } from '../../../fonts';
 import Link from 'next/link';
 import { PulseLoader } from 'react-spinners';
-export default function Button({ label, className, 
+export default function Button({ label, className, style, 
 // Carregando (overwrite no ícone/label central caso true)
 loading = false, loadingSize = 5, loadingColor = 'white', loadingClassName, 
 // Ícone central
@@ -14,7 +14,7 @@ leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight,
 trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, 
 // Etc
 href, internalHref, target, type, round = false, onClick, ariaLabel, disabled = false, }) {
-    const button = (_jsxs("button", { onClick: onClick, type: type, disabled: disabled, "aria-label": ariaLabel, className: `${styles['button']} ${disabled && styles['disabled']} ${className}`, style: {
+    const button = (_jsxs("button", { onClick: onClick, type: type, disabled: disabled, "aria-label": ariaLabel, className: `${styles['button']} ${disabled && styles['disabled']} ${className}`, style: style ? style : {
             borderRadius: round ? '50%' : '8px',
             padding: round ? '8px' : '16px 42px',
             cursor: disabled ? 'not-allowed' : 'pointer',

package/dist/components/ui/input/input.js

@@ -11,7 +11,7 @@ export default function Input({ id, label, placeholder, className, inputClassNam
             ${inputClassName}
             ${error && styles['input-error']}
           `, placeholder: placeholder, autoFocus: autoFocus, required: required, disabled: disabled, defaultValue: defaultValue, type: inputType, onChange: onChange, maxLength: maxLength }), type === 'password' &&
-                        _jsxs("button", { className: styles['reveal-password'], onClick: () => {
+                        _jsxs("button", { type: 'button', className: styles['reveal-password'], onClick: () => {
                                 if (inputType === 'text')
                                     setInputType('password');
                                 else

package/dist/components/ui/subtitle/subtitle.d.ts

@@ -1,5 +1,7 @@
-export default function Subtitle({ text, className, dark, }: {
+import { CSSProperties } from 'react';
+export default function Subtitle({ text, style, className, dark, }: {
     text: string;
+    style?: CSSProperties;
     className?: string;
     dark?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/subtitle/subtitle.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './subtitle.module.scss';
-export default function Subtitle({ text, className, dark = false, }) {
-    return (_jsx("p", { className: `
+export default function Subtitle({ text, style, className, dark = false, }) {
+    return (_jsx("p", { style: style, className: `
         ${styles['subtitle']}
         ${dark && styles['dark']}
         ${className}

package/dist/components/ui/tag-label/tag-label.d.ts

@@ -1,8 +1,9 @@
 import { IconProps, IconWeight } from '@phosphor-icons/react';
-import { HTMLAttributeAnchorTarget } from 'react';
+import { CSSProperties, HTMLAttributeAnchorTarget } from 'react';
 interface TagLabelProps {
     label: string;
     className?: string;
+    style?: CSSProperties;
     dark?: boolean;
     href?: string;
     target?: HTMLAttributeAnchorTarget;
@@ -17,5 +18,5 @@ interface TagLabelProps {
     trailingIconWeight?: IconWeight;
     trailingIconClassName?: string;
 }
-export default function TagLabel({ label, className, dark, href, target, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, }: TagLabelProps): import("react/jsx-runtime").JSX.Element;
+export default function TagLabel({ label, className, style, dark, href, target, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, }: TagLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/tag-label/tag-label.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import styles from './tag-label.module.scss';
 import { montserrat } from '../../../fonts';
 import Link from 'next/link';
-export default function TagLabel({ label, className, dark, href, target, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, }) {
+export default function TagLabel({ label, className, style, dark, href, target, leadingIcon: LeadingIcon, leadingIconSize, leadingIconColor, leadingIconWeight, leadingIconClassName, trailingIcon: TrailingIcon, trailingIconSize, trailingIconColor, trailingIconWeight, trailingIconClassName, }) {
     const content = (_jsxs(_Fragment, { children: [LeadingIcon && (
             // Ícone da esquerda
             _jsx(LeadingIcon, { size: leadingIconSize, color: leadingIconColor, weight: leadingIconWeight, className: leadingIconClassName })), label, TrailingIcon && (
             // Ícone da direita
             _jsx(TrailingIcon, { size: trailingIconSize, color: trailingIconColor, weight: trailingIconWeight, className: trailingIconClassName }))] }));
     if (href)
-        return (_jsx(Link, { href: href, target: target, className: `
+        return (_jsx(Link, { href: href, target: target, style: style, className: `
           ${styles['tag-label']}
           ${styles['link']}
           ${montserrat.className}
@@ -21,5 +21,5 @@ export default function TagLabel({ label, className, dark, href, target, leading
         ${montserrat.className}
         ${className}
         ${dark && styles['dark']}
-      `, children: content }));
+      `, style: style, children: content }));
 }

package/dist/components/ui/title/title.d.ts

@@ -1,5 +1,7 @@
-export default function Title({ text, className, dark, h1, id, }: {
+import { CSSProperties } from 'react';
+export default function Title({ text, style, className, dark, h1, id, }: {
     text: string;
+    style?: CSSProperties;
     className?: string;
     fontSize?: string;
     fontWeight?: string;

package/dist/components/ui/title/title.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './title.module.scss';
 import { montserrat } from '../../../fonts';
-export default function Title({ text, className, dark = false, h1 = false, id, }) {
+export default function Title({ text, style, className, dark = false, h1 = false, id, }) {
     const Tag = h1 ? 'h1' : 'h2';
-    return (_jsx(Tag, { id: id, className: `
+    return (_jsx(Tag, { id: id, style: style, className: `
         ${styles['title']} 
         ${montserrat.className}
         ${dark && styles['dark']}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosistemas/sca-web-kit",
-  "version": "3.4.6",
+  "version": "3.4.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [