@rovula/ui 0.1.4 → 0.1.5

package/dist/components/PasswordInput/PasswordInput.js

@@ -28,8 +28,8 @@ export const PasswordInput = forwardRef((_a, ref) => {
         onClickEndIcon === null || onClickEndIcon === void 0 ? void 0 : onClickEndIcon();
     };
     const toggleIcon = visible
-        ? showIcon !== null && showIcon !== void 0 ? showIcon : _jsx(Icon, { name: "eye", type: "lucide", size: "inherit", className: "size-full stroke-input-default-stroke hover:stroke-input-active-stroke", "aria-label": "Hide password" })
-        : hideIcon !== null && hideIcon !== void 0 ? hideIcon : _jsx(Icon, { name: "eye-closed", type: "lucide", size: "inherit", className: "size-full stroke-input-default-stroke hover:stroke-input-active-stroke", "aria-label": "Show password" });
+        ? showIcon !== null && showIcon !== void 0 ? showIcon : _jsx(Icon, { name: "eye", type: "lucide", size: "inherit", className: "size-full", "aria-label": "Hide password" })
+        : hideIcon !== null && hideIcon !== void 0 ? hideIcon : _jsx(Icon, { name: "eye-closed", type: "lucide", size: "inherit", className: "size-full", "aria-label": "Show password" });
     return (_jsx(TextInput, Object.assign({ iconMode: "flat" }, props, { ref: inputRef, type: visible ? "text" : "password", hasClearIcon: hasClearIcon, endIcon: showToggle ? toggleIcon : endIcon, renderEndIcon: renderEndIcon, onClickEndIcon: showToggle ? handleToggleVisibility : onClickEndIcon, autoComplete: (_b = props.autoComplete) !== null && _b !== void 0 ? _b : "current-password" })));
 });
 PasswordInput.displayName = "PasswordInput";

package/dist/components/PasswordInput/PasswordInput.stories.js

@@ -8,7 +8,7 @@ const meta = {
         layout: "fullscreen",
     },
     decorators: [
-        (Story) => (_jsx("div", { className: "p-5 flex w-full bg-[rgb(var(--base-bg-2))]", children: _jsx(Story, {}) })),
+        (Story) => (_jsx("div", { className: "p-5 flex w-full bg-base-bg2", children: _jsx(Story, {}) })),
     ],
 };
 export default meta;

package/dist/components/TextInput/TextInput.styles.js

@@ -359,10 +359,10 @@ export const helperTextVariant = cva(["typography-small1 flex flex-row items-cen
 });
 const iconInteractiveColorStateClasses = [
     "fill-input-default-text",
-    "peer-hover:fill-input-filled-text peer-focus:fill-input-filled-text peer-active:fill-input-filled-text",
+    "hover:fill-input-filled-text peer-hover:fill-input-filled-text peer-focus:fill-input-filled-text peer-active:fill-input-filled-text",
     "peer-disabled:fill-input-disable-stroke",
     "[&_svg]:text-input-default-text",
-    "peer-hover:[&_svg]:text-input-filled-text peer-focus:[&_svg]:text-input-filled-text peer-active:[&_svg]:text-input-filled-text",
+    "hover:[&_svg]:text-input-filled-text peer-hover:[&_svg]:text-input-filled-text peer-focus:[&_svg]:text-input-filled-text peer-active:[&_svg]:text-input-filled-text",
     "peer-disabled:[&_svg]:text-input-disable-stroke",
 ];
 export const inlineEndIconWrapperVariant = cva([
@@ -432,11 +432,11 @@ export const segmentedIconWrapperVariant = cva([
         position: {
             start: [
                 "inset-y-0 left-0 ",
-                "border-r border-r-input-default-stroke peer-hover:border-r-input-active-stroke peer-focus:border-r-input-active-stroke peer-disabled:border-r-input-disable-stroke",
+                "border-r border-r-input-default-stroke hover:border-r-input-active-stroke peer-hover:border-r-input-active-stroke peer-focus:border-r-input-active-stroke peer-disabled:border-r-input-disable-stroke",
             ],
             end: [
                 "inset-y-0 right-0 ",
-                "border-l border-l-input-default-stroke peer-hover:border-l-input-active-stroke peer-focus:border-l-input-active-stroke peer-disabled:border-l-input-disable-stroke",
+                "border-l border-l-input-default-stroke hover:border-l-input-active-stroke peer-hover:border-l-input-active-stroke peer-focus:border-l-input-active-stroke peer-disabled:border-l-input-disable-stroke",
             ],
         },
     },

package/dist/esm/bundle.css

@@ -4348,6 +4348,14 @@ input[type=number] {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
+.hover\:border-l-input-active-stroke:hover{
+  --tw-border-opacity: 1;
+  border-left-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
+}
+.hover\:border-r-input-active-stroke:hover{
+  --tw-border-opacity: 1;
+  border-right-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
+}
 .hover\:bg-\[var\(--dropdown-menu-hover-bg\)\]:hover{
   background-color: var(--dropdown-menu-hover-bg);
 }
@@ -4566,8 +4574,8 @@ input[type=number] {
 .hover\:fill-input-default-text:hover{
   fill: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
 }
-.hover\:stroke-input-active-stroke:hover{
-  stroke: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * 1), transparent);
+.hover\:fill-input-filled-text:hover{
+  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
 }
 .hover\:stroke-input-filled-text:hover{
   stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
@@ -6356,6 +6364,10 @@ input[type=number] {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
 }
+.hover\:\[\&_svg\]\:text-input-filled-text svg:hover{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
 .peer:hover ~ .peer-hover\:\[\&_svg\]\:text-input-filled-text svg{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);