react-better-html 1.1.156 → 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
@@ -5375,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";
@@ -8992,6 +9020,9 @@ export {
   darkenColor,
   defaultAlertsPluginOptions,
   desaturateColor,
+  eventPreventDefault,
+  eventPreventStop,
+  eventStopPropagation,
   formatPhoneNumber,
   generateRandomString,
   getBrowser,