### Acceptance criteria

Add a **Switch** component and a **Switch Field** pattern to the design system:

* The S**witch** **component** has:
* a height of 1.25 rem
* a fixed witdh of 2.25 rem
* has two states
* ON (primary colour, blue in default colour set)
* OFF (grey)
* There can be a disabled version of both states (opacity: 50%)
* The **Switch field pattern** consists of the switch + a label:
* The label can be either left or right of the switch itself
* The label extends the clickable zone of the switch
* There is a 0.5rem spacing between switch and the label
* The label's width is determined by its content;
* For very long titles, the element wraps around its container, with the switch aligned vertically top-aligned

### Example use

In the new datepicker (12.3):

<img class="op-uc-image op-uc-image_inline" Begin of the insertionsrc="/api/v3/attachments/38672/content">End of the insertion Begin of the deletion src="/api/v3/attachments/38665/content">End of the deletion

### Visuals

**Docs in Figma for now:**
https://www.figma.com/file/XhCsrvs6rePifqbBpKYRWD/Components-Library?node-id=2478%3A8791