improve checkbox styles

1 files changed, 10 insertions, 0 deletions

diff --git a/src/components/input.style.js b/src/components/input.style.js
index 985d5412..b1c9f3db 100644
--- a/src/components/input.style.js
+++ b/src/components/input.style.js
@@ -12,6 +12,10 @@ const hoverGlow = {
 export default {
   name: 'Input',
   selector: '.input',
+  variant: {
+    checkbox: '.-checkbox',
+    radio: '.-radio'
+  },
   states: {
     disabled: ':disabled',
     hover: ':hover:not(:disabled)',
@@ -22,6 +26,12 @@ export default {
   ],
   defaultRules: [
     {
+      variant: 'checkbox',
+      directives: {
+        roundness: 1
+      }
+    },
+    {
       directives: {
         background: '--fg, -5',
         roundness: 3,