fix: update cursor for legend (#2087)

twilio-labs · Dec 1, 2021 · eb7fce3 · eb7fce3
1 parent 926abf3
commit eb7fce3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/.changeset/tricky-rules-wonder.md b/.changeset/tricky-rules-wonder.md
@@ -0,0 +1,6 @@
+---
+'@twilio-paste/label': patch
+'@twilio-paste/core': patch
+---
+
+[Label] Update the cursor
diff --git a/packages/paste-core/components/label/src/Label.tsx b/packages/paste-core/components/label/src/Label.tsx
@@ -27,6 +27,14 @@ const Label = React.forwardRef<HTMLLabelElement, LabelProps>(
     } else if (variant === 'inverse') {
       textColor = 'colorTextInverse';
     }
+
+    let cursor = 'pointer';
+    if (disabled) {
+      cursor = 'not-allowed';
+    } else if (as === 'legend') {
+      cursor = 'default';
+    }
+
     return (
       <Box
         {...safelySpreadBoxProps(props)}
@@ -44,7 +52,7 @@ const Label = React.forwardRef<HTMLLabelElement, LabelProps>(
         fontWeight="fontWeightBold"
         lineHeight="lineHeight30"
         color={textColor}
-        cursor={disabled ? 'not-allowed' : 'pointer'}
+        cursor={cursor}
         ref={ref}
       >
         <MediaObject verticalAlign="top">