aural-ui 3.0.1 → 3.0.2

package/dist/components/button/Button.stories.tsx

@@ -67,7 +67,7 @@ export const Secondary: Story = {
     variant: "secondary",
     children: "Secondary Button",
     size: "md",
-    noise: "medium",
+    noise: "low",
   },
 }
 
@@ -242,9 +242,7 @@ export const AllVariants: Story = {
         <Button variant="primary" noise="medium">
           Primary
         </Button>
-        <Button variant="secondary" noise="medium">
-          Secondary
-        </Button>
+        <Button variant="secondary">Secondary</Button>
         <Button variant="outline" noise="none">
           Outline
         </Button>
@@ -287,13 +285,12 @@ export const WithToolTip: Story = {
       </Button>
       <Button
         variant="secondary"
-        tooltip="Secondary Variant with Low Noise"
+        tooltip="Secondary (default: low noise)"
         tooltipContentProps={{
           align: "center",
           side: "bottom",
           sideOffset: 10,
         }}
-        noise="low"
       >
         Secondary
       </Button>

package/dist/components/button/index.tsx

@@ -133,7 +133,7 @@ export const innerButtonVariants = cva(
       variant: "primary",
       disabled: "default",
       size: "md",
-      noise: "medium",
+      noise: "none",
     },
   }
 )
@@ -156,7 +156,7 @@ export const RawButton = forwardRef<HTMLButtonElement, ButtonProps>(
     {
       variant = "primary",
       size = "md",
-      noise = "medium",
+      noise: noiseProp,
       children,
       className = "",
       innerClassName = "",
@@ -168,6 +168,14 @@ export const RawButton = forwardRef<HTMLButtonElement, ButtonProps>(
     },
     ref
   ) => {
+    const noise =
+      noiseProp ??
+      (variant === "primary"
+        ? "medium"
+        : variant === "secondary"
+          ? "low"
+          : "none")
+
     const iconColor = isDisabled
       ? "var(--icon-fm-inactive)"
       : variant === "text"

package/dist/components/input/index.tsx

@@ -32,7 +32,7 @@ interface InputComponent extends ForwardRefExoticComponent<
 // CVA for input variants
 export const inputVariants = cva(
   // Base styles
-  "block w-full focus:outline-none transition-all duration-200 border-solid tracking-wide placeholder:text-fm-placeholder font-fm-text text-fm-primary",
+  "block w-full focus:outline-none transition-all duration-200 border-solid tracking-wide placeholder:text-fm-tertiary font-fm-text text-fm-primary",
   {
     variants: {
       variant: {

package/dist/components/slider/index.tsx

@@ -157,7 +157,7 @@ function Slider({
           key={index}
           aria-label={getThumbAriaLabel(index, _values[index])}
           className={cn(
-            "block shrink-0 transition-[color,box-shadow] hover:ring-2 focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+            "block shrink-0 cursor-pointer transition-[color,box-shadow] hover:ring-2 focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
             sliderThumbVariants({ size, variant }),
             classes?.thumb
           )}