fix: checkbox focus

Author: abelflopes

packages/components/base/src/boolean-input/styles/index.module.scss

@@ -18,6 +18,8 @@
   cursor: pointer;
   z-index: 1;
   margin: 0;
+
+  @include theme.focus;
 }
 
 .disabled {

packages/docs/stories/src/test-form-alignment.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { type Meta, type StoryObj } from "@storybook/react";
-import { FormField, Grid, Input, Button, Select, Chip, Manager } from "react-ck";
+import { FormField, Grid, Input, Button, Select, Chip, Manager, Checkbox } from "react-ck";
 
 const meta: Meta = {
   title: "Test/Form Alignment",
@@ -81,6 +81,16 @@ export const demo: Story = {
             </Select>
           </FormField>
         </Grid.Column>
+        <Grid.Column size={1}>
+          <FormField variation="inline">
+            <Checkbox />
+          </FormField>
+        </Grid.Column>
+        <Grid.Column size={1}>
+          <FormField variation="inline">
+            <Checkbox isToggle />
+          </FormField>
+        </Grid.Column>
       </Grid>
       <Grid align="start">
         <Grid.Column size={1}>