fix(checkbox): remove cursor: pointer for checkbox skeleton (#11478)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · May 26, 2022 · 699b700 · 699b700
1 parent c93122f
commit 699b700
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/react/src/components/Checkbox/Checkbox.Skeleton.js b/packages/react/src/components/Checkbox/Checkbox.Skeleton.js
@@ -17,11 +17,15 @@ const CheckboxSkeleton = ({ className, ...rest }) => {
       className={cx(
         `${prefix}--form-item`,
         `${prefix}--checkbox-wrapper`,
-        `${prefix}--checkbox-label`,
+        `${prefix}--checkbox-skeleton`,
         className
       )}
       {...rest}>
-      <span className={`${prefix}--checkbox-label-text ${prefix}--skeleton`} />
+      <div className={`${prefix}--checkbox-label`}>
+        <span
+          className={`${prefix}--checkbox-label-text ${prefix}--skeleton`}
+        />
+      </div>
     </div>
   );
 };

diff --git a/packages/styles/scss/components/checkbox/_checkbox.scss b/packages/styles/scss/components/checkbox/_checkbox.scss
@@ -187,6 +187,9 @@
   //-----------------------------------------------
   // Skeleton
   //-----------------------------------------------
+  .#{$prefix}--checkbox-skeleton .#{$prefix}--checkbox-label {
+    cursor: default;
+  }
 
   .#{$prefix}--checkbox-label-text.#{$prefix}--skeleton {
     @include skeleton;