Include space values for tablet reference width

Amsterdam · Jun 28, 2024 · 400b2f9 · 400b2f9
1 parent c6d6003
commit 400b2f9
Showing 1 changed file with 18 additions and 14 deletions.
diff --git 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