react-better-html 1.1.155 → 1.1.157

package/dist/index.mjs

@@ -1565,10 +1565,24 @@ import styled from "styled-components";
 import { jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 var IconElement = styled.svg.withConfig({
-  shouldForwardProp: (prop) => !["normalStyle", "hoverStyle"].includes(prop)
+  shouldForwardProp: (prop) => !["theme", "normalStyle", "hoverStyle", "hoverColor"].includes(prop)
 })`
    ${(props) => props.normalStyle}
 
+   path {
+      ${(props) => props.hoverColor ? `transition: ${props.theme.styles.transition};` : ""}
+   }
+
+   &:hover {
+      path.react-better-html-icon-path-with-fill {
+         fill: ${(props) => props.hoverColor};
+      }
+
+      path.react-better-html-icon-path-with-stroke {
+         stroke: ${(props) => props.hoverColor};
+      }
+   }
+
    &:hover {
       ${(props) => props.hoverStyle}
    }
@@ -1581,6 +1595,7 @@ var Icon = forwardRef(function Icon2({ name, size = 16, ...props }, ref) {
   const ariaProps = useComponentPropsWithPrefix(props, "aria");
   const restProps = useComponentPropsWithoutStyle(props);
   const svgColor = props.color ?? theme2.colors.textPrimary;
+  const svgHoverColorColor = props.colorHover;
   useEffect(() => {
     if (!icons2[name.toString()])
       console.warn(
@@ -1595,6 +1610,8 @@ var Icon = forwardRef(function Icon2({ name, size = 16, ...props }, ref) {
       viewBox: `0 0 ${icons2[name.toString()]?.width ?? 0} ${icons2[name.toString()]?.height ?? 0}`,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      theme: theme2,
+      hoverColor: svgHoverColorColor,
       ...styledComponentStyles,
       ...dataProps,
       ...ariaProps,
@@ -1604,6 +1621,7 @@ var Icon = forwardRef(function Icon2({ name, size = 16, ...props }, ref) {
         "path",
         {
           ...path,
+          className: path.type === "fill" ? "react-better-html-icon-path-with-fill" : "react-better-html-icon-path-with-stroke",
           fill: path.type === "fill" ? svgColor : void 0,
           stroke: path.type === "stroke" ? svgColor : void 0,
           key: path.d
@@ -2778,6 +2796,7 @@ function usePageScroll() {
 function useMediaQuery() {
   const { width } = usePageResize();
   return {
+    screenWidth: width,
     size320: width <= 320,
     size400: width <= 400,
     size500: width <= 500,
@@ -3618,7 +3637,7 @@ var PageHeaderComponent = forwardRef8(function PageHeader({
     {
       alignItems: "center",
       gap: theme2.styles.space,
-      marginBottom: marginBottom || theme2.styles.space * 2,
+      marginBottom: marginBottom ?? theme2.styles.space * 2,
       ref,
       children: [
         imageUrl && /* @__PURE__ */ jsx13(Image_default.profileImage, { src: imageUrl, size: imageSize ?? (mediaQuery.size600 ? 46 : 60) }),
@@ -5374,6 +5393,16 @@ var formatPhoneNumber = (phoneNumber) => {
 var getFormErrorObject = (formValues) => {
   return {};
 };
+var eventPreventDefault = (event) => {
+  event.preventDefault();
+};
+var eventStopPropagation = (event) => {
+  event.stopPropagation();
+};
+var eventPreventStop = (event) => {
+  event.preventDefault();
+  event.stopPropagation();
+};
 
 // src/components/Label.tsx
 import { memo as memo15 } from "react";
@@ -7161,12 +7190,12 @@ var FormComponent = forwardRef13(function Form({
   form,
   submitButtonText,
   submitButtonLoaderName,
+  submitButtonIsLoading,
   submitButtonId,
   submitButtonIsDisabled,
   cancelButtonText,
   actionButtonsLocation = "right",
   gap,
-  isSubmitting,
   isDestructive,
   withDividers,
   renderActionButtons,
@@ -7203,7 +7232,7 @@ var FormComponent = forwardRef13(function Form({
             SubmitButtonTag,
             {
               text: submitButtonText,
-              isLoading: isSubmitting || form?.isSubmitting,
+              isLoading: submitButtonIsLoading || form?.isSubmitting,
               loaderName: submitButtonLoaderName,
               disabled: submitButtonIsDisabledFinal,
               id: submitButtonId,
@@ -8991,6 +9020,9 @@ export {
   darkenColor,
   defaultAlertsPluginOptions,
   desaturateColor,
+  eventPreventDefault,
+  eventPreventStop,
+  eventStopPropagation,
   formatPhoneNumber,
   generateRandomString,
   getBrowser,