diff --git a/storybook/src/docs/space.docs.mdx b/storybook/src/docs/space.docs.mdx index 1f75ca6359..a1caac9b1f 100644 --- a/storybook/src/docs/space.docs.mdx +++ b/storybook/src/docs/space.docs.mdx @@ -21,23 +21,27 @@ We offer 5 lengths. ### Spacious -| | | 320 | 1600 | -| --------------: | :--: | -----: | -----: | -| **Extra small** | `xs` | 4.5 | 6 | -| **Small** | `sm` | 9 | 12 | -| **Medium** | `md` | **18** | **24** | -| **Large** | `lg` | 27 | 36 | -| **Extra large** | `xl` | 36 | 48 | +In Spacious Mode, the medium space grows from 18 to 24 pixels between window widths of 320 and 1600. + +| | | 320 | 832 | 1600 | +| --------------: | :--: | -----: | -------: | -----: | +| **Extra small** | `xs` | 4.5 | 5.1 | 6 | +| **Small** | `sm` | 9 | 8.3 | 12 | +| **Medium** | `md` | **18** | **16.5** | **24** | +| **Large** | `lg` | 27 | 24.9 | 36 | +| **Extra large** | `xl` | 36 | 33.2 | 48 | ### Compact -| | | 320 | 1600 | -| --------------: | :--: | -----: | -----: | -| **Extra small** | `xs` | 3.5 | 4 | -| **Small** | `sm` | 7 | 8 | -| **Medium** | `md` | **14** | **16** | -| **Large** | `lg` | 21 | 24 | -| **Extra large** | `xl` | 28 | 32 | +In Compact Mode, the medium space grows from 14 to 16 pixels between window widths of 320 and 1600. + +| | | 320 | 832 | 1600 | +| --------------: | :--: | -----: | -------: | -----: | +| **Extra small** | `xs` | 3.5 | 3.7 | 4 | +| **Small** | `sm` | 7 | 6.8 | 8 | +| **Medium** | `md` | **14** | **13.5** | **16** | +| **Large** | `lg` | 21 | 20.3 | 24 | +| **Extra large** | `xl` | 28 | 27.1 | 32 | ## Grid Space