new spacing tokens + spacing docs + margin props for input components

[balzss]

INSTUI-4387
INSTUI-4367

test plan:

• read new spacing docs, check for errors and missing info
• try the new space tokens on some components (like buttons or view)
• try the new margin prop in the following components (do it in your IDE, see if it suggests specific values):
  • DateInput2
  • TextInput
  • NumberInput
  • ColorPicker
  • FormField
  • TextArea

[github-actions]

PR Preview Action v1.6.0
🚀 View preview at https://instructure.github.io/instructure-ui/pr-preview/pr-1812/
Built to branch gh-pages at 2025-02-12 11:57 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[balzss]

@matyasf @HerrTopi this is the first part of the spacing update. this pr adds the tokens, the guide and the margin prop for some components. in order to keep the pr normal size and make the review easier, other components will get the margin prop in other PRs

[matyasf]

Nice work, I like it so far :)

It would be good to have a visual test for all these margins. I suggest to make a large single test (like withTooltipPositioning.tsx) that has all the components with a set margin besides each other

[HerrTopi]

Lgtm when the already mentioned issues are fixed.

Nice work!

[matyasf]

Looks good except that the Margin prop stories are not in Storybook, I think you need to add them to stories.ts
Also can you check the Storybook stories and accept them if they look good?