docs: add docs

src/elements/checkbox/checkbox/readme.md

@@ -43,10 +43,12 @@ The component can be displayed in `disabled` or `required` state by using the se
 
 ## Style
 
-The component has two `size`, named `s` and `m` (default).
+The component has three `size`, named `xs`, `s` and `m` (default).
 
 ```html
-<sbb-checkbox value="size" size="m">Size</sbb-checkbox>
+<sbb-checkbox value="size" size="xs">Size</sbb-checkbox>
+
+<sbb-checkbox value="size" size="a">Size</sbb-checkbox>
 ```
 
 The component's label can be displayed in bold using the `sbb-text--bold` class on a wrapper tag:

src/elements/visual-checkbox/readme.md

@@ -12,6 +12,16 @@ It has four different states related to the properties `checked`, `indeterminate
 - an indeterminate state (`checked` unset and `indeterminate` set to `true`): a horizontal line is displayed in the square;
 - a disabled state (`disabled` set to `true`): a grayed out empty square is shown.
 
+## Style
+
+The component has three `size`, named `xs`, `s` and `m` (default).
+
+```html
+<sbb-visual-checkbox size="xs"></sbb-visual-checkbox>
+
+<sbb-visual-checkbox size="a"></sbb-visual-checkbox>
+```
+
 <!-- Auto Generated Below -->
 
 ## Properties
@@ -22,4 +32,4 @@ It has four different states related to the properties `checked`, `indeterminate
 | `disabled`      | `disabled`      | public  | `boolean`         | `false` | Whether the component is disabled. |
 | `indeterminate` | `indeterminate` | public  | `boolean`         | `false` | Indeterminate state.               |
 | `negative`      | `negative`      | public  | `boolean`         | `false` | Negative coloring variant flag.    |
-| `size`          | `size`          | public  | `SbbCheckboxSize` | `'m'`   | Indeterminate state.               |
+| `size`          | `size`          | public  | `SbbCheckboxSize` | `'m'`   | Size of the checkbox.              |

src/elements/visual-checkbox/visual-checkbox.ts

@@ -20,7 +20,7 @@ export class SbbVisualCheckboxElement extends SbbDisabledMixin(SbbNegativeMixin(
   /** Indeterminate state. */
   @property({ reflect: true, type: Boolean }) public indeterminate = false;
 
-  /** Indeterminate state. */
+  /** Size of the checkbox. */
   @property({ reflect: true }) public size: SbbCheckboxSize = 'm';
 
   protected override render(): TemplateResult {