Add checkbox for testing

Author: coderitual

src/components/card2/CardCheckbox.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import cx from 'classnames';
+import Checkbox from '../form-elements/checkbox/Checkbox';
 
 export interface CardCheckboxPropsType {
   /**
@@ -27,12 +28,13 @@ const CardCheckbox = ({
   };
 
   return (
-    <div
+    <label
       className={cx('sg-card-radio', className)}
       style={{...style, ...cssVariables}}
     >
+      <Checkbox />
       {children}
-    </div>
+    </label>
   );
 };
 

src/components/card2/card.scss

@@ -1,10 +1,18 @@
 .sg-card-button,
-.sg-card-radio {
+.sg-card-radio,
+.sg-card-checkbox {
+  display: block;
   width: var(--card-width, auto);
   height: var(--card-height, auto);
   border-radius: 8px;
   border: 2px solid #e1eaf1;
 
+  transition: transform $durationModerate2 $easingRegular;
+
+  &:active:not([disabled]) {
+    transform: scale(0.98);
+  }
+
   &:hover {
     border-color: #46535f;
   }