From ff4719632116a72d6b6a90d7fbfb3097b48b3c10 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 28 Nov 2024 19:01:54 +0000
Subject: [PATCH] Update spacing-table.tsx

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../canon/src/components/Box/docs/spacing-table.tsx    | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/canon/src/components/Box/docs/spacing-table.tsx b/packages/canon/src/components/Box/docs/spacing-table.tsx
index 8ce9d357b1..93c38457d4 100644
--- a/packages/canon/src/components/Box/docs/spacing-table.tsx
+++ b/packages/canon/src/components/Box/docs/spacing-table.tsx
@@ -17,8 +17,8 @@
 import React from 'react';
 import * as Table from '../../../../docs/components';
 import { Chip } from '../../../../docs/components';
-import { listResponsiveValues } from '../../../../docs/utils/argTypes';
-import { boxProperties } from '../sprinkles.css';
+import { spacingProperties } from '../../../layout/sprinkles.css';
+import { space } from '../../../layout/properties';
 
 export const SpacingTable = () => {
   return (
@@ -30,7 +30,7 @@ export const SpacingTable = () => {
         </Table.HeaderRow>
       </Table.Header>
       <Table.Body>
-        {Object.keys(boxProperties.styles)
+        {Object.keys(spacingProperties.styles)
           .filter(n =>
             [
               'padding',
@@ -55,9 +55,7 @@ export const SpacingTable = () => {
                 <Chip head>{n}</Chip>
               </Table.Cell>
               <Table.Cell>
-                {listResponsiveValues(
-                  'paddingTop' as keyof typeof boxProperties.styles,
-                ).map(value => (
+                {Object.keys(space).map(value => (
                   <Chip key={value}>{value}</Chip>
                 ))}
               </Table.Cell>