From d0d6c54ca89707e2364a4eb2f49856f3ef7464ae Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Thu, 28 Nov 2024 14:27:02 +0000
Subject: [PATCH] Fix Box component

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .../src/components/Box/docs/spacing-table.tsx |  2 --
 .../canon/src/components/Box/sprinkles.css.ts | 23 +------------------
 packages/canon/static/favicon.svg             |  4 ++++
 3 files changed, 5 insertions(+), 24 deletions(-)
 create mode 100644 packages/canon/static/favicon.svg

diff --git a/packages/canon/src/components/Box/docs/spacing-table.tsx b/packages/canon/src/components/Box/docs/spacing-table.tsx
index 7d98576b0e..32b1eac1b9 100644
--- a/packages/canon/src/components/Box/docs/spacing-table.tsx
+++ b/packages/canon/src/components/Box/docs/spacing-table.tsx
@@ -20,8 +20,6 @@ import { Chip } from '../../../../docs/components';
 import { listResponsiveValues } from '../../../utils/list-values';
 import { responsiveProperties } from '../sprinkles.css';
 
-console.log(responsiveProperties.styles);
-
 export const SpacingTable = () => {
   return (
     <Table.Root>
diff --git a/packages/canon/src/components/Box/sprinkles.css.ts b/packages/canon/src/components/Box/sprinkles.css.ts
index 3d7086c296..2785822eab 100644
--- a/packages/canon/src/components/Box/sprinkles.css.ts
+++ b/packages/canon/src/components/Box/sprinkles.css.ts
@@ -21,28 +21,7 @@ import {
   ConditionalValue,
   createMapValueFn,
 } from '@vanilla-extract/sprinkles';
-
-/** @public */
-export const breakpoints = {
-  xs: {},
-  sm: { '@media': 'screen and (min-width: 640px)' },
-  md: { '@media': 'screen and (min-width: 768px)' },
-  lg: { '@media': 'screen and (min-width: 1024px)' },
-  xl: { '@media': 'screen and (min-width: 1280px)' },
-  '2xl': { '@media': 'screen and (min-width: 1536px)' },
-};
-
-/** @public */
-export const space = {
-  none: 0,
-  xxs: 'var(--canon-space-xxs)',
-  xs: 'var(--canon-space-xs)',
-  sm: 'var(--canon-space-sm)',
-  md: 'var(--canon-space-md)',
-  lg: 'var(--canon-space-lg)',
-  xl: 'var(--canon-space-xl)',
-  xxl: 'var(--canon-space-xxl)',
-};
+import { breakpoints, space } from './properties';
 
 /** @public */
 export const responsiveProperties = defineProperties({
diff --git a/packages/canon/static/favicon.svg b/packages/canon/static/favicon.svg
new file mode 100644
index 0000000000..12cad81e95
--- /dev/null
+++ b/packages/canon/static/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M370.766 153.765C377.563 166.716 371.236 182.114 359.357 190.647C323.005 216.758 299.326 259.411 299.326 307.597C299.326 365.997 334.107 416.27 384.077 438.817C395.235 443.852 403.478 454.368 403.478 466.609V640H382.864C224.433 640 96 511.517 96 353.025L96 20.6143C96 9.22934 105.229 0 116.614 0V0C226.982 3.14552e-06 322.792 62.3523 370.766 153.765Z" fill="black"/>
+<path d="M438.772 411.19C496.335 411.19 543 364.454 543 306.803C543 249.152 496.335 202.417 438.772 202.417C381.208 202.417 334.543 249.152 334.543 306.803C334.543 364.454 381.208 411.19 438.772 411.19Z" fill="black"/>
+</svg>