Fix Box component

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

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>

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({

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>