react-better-html 1.1.245 → 1.1.247

package/dist/index.d.mts

@@ -186,10 +186,12 @@ type PageHeaderProps = {
     title?: string | React.ReactNode;
     /** @default "h1" */
     titleAs?: TextAs;
+    titleFontSize?: React.CSSProperties["fontSize"];
     /** @default textPrimary */
     titleColor?: React.CSSProperties["color"];
     titleRightElement?: React.ReactNode;
     description?: string | React.ReactNode;
+    descriptionFontSize?: React.CSSProperties["fontSize"];
     /** @default textSecondary */
     descriptionColor?: React.CSSProperties["color"];
     textAlign?: React.CSSProperties["textAlign"];

package/dist/index.d.ts

@@ -186,10 +186,12 @@ type PageHeaderProps = {
     title?: string | React.ReactNode;
     /** @default "h1" */
     titleAs?: TextAs;
+    titleFontSize?: React.CSSProperties["fontSize"];
     /** @default textPrimary */
     titleColor?: React.CSSProperties["color"];
     titleRightElement?: React.ReactNode;
     description?: string | React.ReactNode;
+    descriptionFontSize?: React.CSSProperties["fontSize"];
     /** @default textSecondary */
     descriptionColor?: React.CSSProperties["color"];
     textAlign?: React.CSSProperties["textAlign"];

package/dist/index.js

@@ -1377,9 +1377,11 @@ var import_react_better_core2 = require("react-better-core");
 var import_styled_components = __toESM(require("styled-components"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var TextStyledComponent = import_styled_components.default.p.withConfig({
-  shouldForwardProp: (prop) => !["style", "hoverStyle"].includes(prop)
+  shouldForwardProp: (prop) => !["theme", "style", "hoverStyle", "isP"].includes(prop)
 })`
-   font-size: ${(props) => props.theme.styles.fontSize}px;
+   ${(props) => props.isP ? import_styled_components.css`
+              font-size: ${props.theme.styles.fontSize}px;
+           ` : ""}
 
    ${(props) => props.style}
 
@@ -1387,7 +1389,7 @@ var TextStyledComponent = import_styled_components.default.p.withConfig({
       ${(props) => props.hoverStyle}
    }
 `;
-var TextComponent = (0, import_react2.forwardRef)(function Text({ htmlContentTranslate, children, ...props }, ref) {
+var TextComponent = (0, import_react2.forwardRef)(function Text({ as: asValue, htmlContentTranslate, children, ...props }, ref) {
   const theme2 = (0, import_react_better_core2.useTheme)();
   const { style, hoverStyle, restProps } = useComponentPropsGrouper(props);
   const dataProps = useComponentPropsWithPrefix(restProps, "data");
@@ -1395,11 +1397,12 @@ var TextComponent = (0, import_react2.forwardRef)(function Text({ htmlContentTra
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     TextStyledComponent,
     {
-      as: props.as,
+      as: asValue,
       theme: theme2,
       translate: htmlContentTranslate,
       style,
       hoverStyle,
+      isP: asValue === "p",
       ...restProps,
       ...dataProps,
       ...ariaProps,
@@ -1654,9 +1657,11 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
   imageAzProfileImage,
   title,
   titleAs = "h1",
+  titleFontSize,
   titleColor,
   titleRightElement,
   description,
+  descriptionFontSize,
   descriptionColor,
   textAlign,
   rightElement,
@@ -1706,6 +1711,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
                       Text_default,
                       {
                         as: titleAs,
+                        fontSize: titleFontSize,
                         textAlign,
                         color: titleColor ?? (lightMode ? theme2.colors.base : theme2.colors.textPrimary),
                         children: title
@@ -1719,6 +1725,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
                 Text_default,
                 {
                   maxWidth: !mediaQuery.size600 ? app.contentMaxWidth * 0.6 : void 0,
+                  fontSize: descriptionFontSize,
                   textAlign,
                   color: descriptionColor ?? (lightMode ? theme2.colors.base : theme2.colors.textSecondary),
                   opacity: lightMode ? 0.7 : void 0,
@@ -4465,11 +4472,13 @@ var TextareaElement = import_styled_components11.default.textarea.withConfig({
       color: ${(props) => props.theme.colors.textSecondary}80;
    }
 
-   ${(props) => props.withNoBorder ? import_styled_components11.css`
-              filter: ${props.hoverStyle.filter ?? filterHover().z1};
-           ` : import_styled_components11.css`
-              border-color: ${props.theme.colors.primary};
-           `}
+   &:focus {
+      ${(props) => props.withNoBorder ? import_styled_components11.css`
+                 filter: ${props.hoverStyle.filter ?? filterHover().z1};
+              ` : import_styled_components11.css`
+                 border-color: ${props.theme.colors.primary};
+              `}
+   }
 
    ${(props) => props.style}