Skip to content

Commit

Permalink
Merge branch 'develop' into dependabot/npm_and_yarn/patch-and-minor-d…
Browse files Browse the repository at this point in the history 
…ev-dependencies-024555a0e4
  • Loading branch information
@VincentSmedinga
VincentSmedinga authored Feb 3, 2025
2 parents 7d88510 + 40b0d56 commit 8f07f8d
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions storybook/src/foundation/design-tokens/space.docs.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,11 +73,11 @@ In Compact Mode, the medium grid space grows from 16 to 40 pixels between window

| Token name | ≤ 1088 | 1344 | 1600 | 1856 | 2112 | 2368 | ≥ 2624 | Example |
| ------------------- | :---------: | :----: | :----: | :----: | :----: | :----: | :---------: | ----------------------------------------------------------------------------------------------------------------------- |
| `ams-space-grid-xs` | 4 | 5 | 6 | 7 | 8 | 9 | 10 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-sm)" }} /> |
| `ams-space-grid-md` | 8 | 10 | 12 | 14 | 16 | 18 | 20 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-sm)" }} /> |
| `ams-space-grid-lg` | **16** | **20** | **24** | **28** | **32** | **36** | **40** | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-md)" }} /> |
| `ams-space-grid-xl` | 24 | 30 | 36 | 42 | 48 | 54 | 60 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-lg)" }} /> |
| `ams-space-grid-xs` | 32 | 40 | 48 | 56 | 64 | 72 | 80 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-xl)" }} /> |
| `ams-space-grid-xs` | 4 | 5 | 6 | 7 | 8 | 9 | 10 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-xs)" }} /> |
| `ams-space-grid-sm` | 8 | 10 | 12 | 14 | 16 | 18 | 20 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-sm)" }} /> |
| `ams-space-grid-md` | **16** | **20** | **24** | **28** | **32** | **36** | **40** | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-md)" }} /> |
| `ams-space-grid-lg` | 24 | 30 | 36 | 42 | 48 | 54 | 60 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-lg)" }} /> |
| `ams-space-grid-xl` | 32 | 40 | 48 | 56 | 64 | 72 | 80 | <div className="ams-theme--compact ams-docs-token-example--space" style={{ inlineSize: "var(--ams-space-grid-xl)" }} /> |

## Type Space

Expand Down

0 comments on commit 8f07f8d

Please sign in to comment.