More control over padding of Box component

Hi

Box component has padding modifiers but each side/angle can have the same padding

Is it possible/suitable for adding additional modifiers to have different paddings on horizontal and vertical angles?
Something like:
```ts
type PaddingType = "xxs" | "xs" | "s" | "m" | "l" | "xl";

export type BoxPropsType = {
paddingY?: PaddingType;
paddingX?: PaddingType;
padding?: PaddingType;
};
```

Props can be separated with union types but I'm not sure that fits with the storybook.