@rovula/ui 0.1.32 → 0.1.34

package/dist/src/theme/global.css

@@ -5358,10 +5358,6 @@ input[type=number] {
   border-style: solid;
 }
 
-.border-none {
-  border-style: none;
-}
-
 .\!border-action-button-solid-active-hover {
   --tw-border-opacity: 1 !important;
   border-color: color-mix(in srgb, var(--action-button-solid-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rovula/ui",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "main": "dist/cjs/bundle.js",
   "module": "dist/esm/bundle.js",
   "types": "dist/index.d.ts",

package/src/components/Popover/Popover.tsx

@@ -19,8 +19,8 @@ const PopoverContent = React.forwardRef<
       align={align}
       sideOffset={sideOffset}
       className={cn(
-        "z-50 min-w-72 rounded-md border bg-bg-bg1 border-none overflow-hidden p-0 text-common-black shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
+        "z-50 min-w-72 rounded-md border bg-modal-surface border-bg-stroke3 overflow-hidden p-0 text-text-contrast-max shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className,
       )}
       {...props}
     />

package/src/components/TextInput/TextInput.stories.tsx

@@ -55,8 +55,9 @@ export const NonFloatingLabel = {
     <div className="flex w-full max-w-4xl flex-col gap-8">
       <div className="flex flex-col gap-3">
         <h4 className="typography-subtitle4 text-text-g-contrast-medium">
-          Placeholder only — empty <code className="typography-small2">label</code>{" "}
-          (no floating label, no label node)
+          Placeholder only — empty{" "}
+          <code className="typography-small2">label</code> (no floating label,
+          no label node)
         </h4>
         <p className="typography-small2 text-text-g-contrast-low max-w-2xl">
           Tab order follows DOM, like native inputs in a row.
@@ -495,8 +496,8 @@ const TrimOnCommitDemo = () => {
     <div className="flex flex-col gap-6 w-full max-w-md">
       <p className="text-sm text-text-g-contrast-low">
         <code>trimOnCommit</code> trims leading and trailing whitespace when the
-        user blurs the input or presses Enter. Try typing{" "}
-        <code>"hello   "</code> then click outside or press Enter.
+        user blurs the input or presses Enter. Try typing <code>"hello "</code>{" "}
+        then click outside or press Enter.
       </p>
       <TextInput
         id="trim-commit-demo"

package/src/components/TextInput/TextInput.tsx

@@ -116,11 +116,7 @@ export const TextInput = forwardRef<HTMLInputElement, InputProps>(
     const hasRightSectionIcon = !!endIcon || !!renderEndIcon;
     const feedbackStatus =
       status ||
-      (error || !!errorMessage
-        ? "error"
-        : warning || !!warningMessage
-        ? "warning"
-        : "default");
+      (error ? "error" : warning || !!warningMessage ? "warning" : "default");
     const isError = feedbackStatus === "error";
     const isWarning = feedbackStatus === "warning";
     const feedbackMessage =