revert export of theme object since it was breaking inference

Author: LFDanLu

packages/@react-spectrum/s2/style/index.ts

@@ -15,7 +15,7 @@ import {Inset, fontRelative as internalFontRelative, size as internalSize, space
 import type {MacroContext} from '@parcel/macros';
 import {StyleString} from './types';
 
-export {baseColor, color, edgeToText, lightDark, linearGradient, colorMix, style, themeConfig} from './spectrum-theme';
+export {baseColor, color, edgeToText, lightDark, linearGradient, colorMix, style} from './spectrum-theme';
 export type {StyleString} from './types';
 
 // Wrap these functions in arbitrary value syntax when called from the outside.

packages/@react-spectrum/s2/style/spectrum-theme.ts

@@ -535,7 +535,7 @@ const minFontSize = 10;
 const maxFontSize = 32;
 const lineHeightCalc = `round(1em * (${minFontScale} + (1 - ((min(${maxFontSize}, ${fontSizeCalc}) - ${minFontSize})) / ${maxFontSize - minFontSize}) * ${(maxFontScale - minFontScale).toFixed(2)}), 2px)`;
 
-export const themeConfig = {
+export const style = createTheme({
   properties: {
     // colors
     color: new SpectrumColorProperty('color', {
@@ -1044,6 +1044,4 @@ export const themeConfig = {
     xl: `@media (min-width: ${pxToRem(1280)})`,
     '2xl': `@media (min-width: ${pxToRem(1536)})`
   }
-} as const;
-
-export const style = createTheme(themeConfig);
+});

packages/dev/s2-docs/src/styleProperties.ts

@@ -34,7 +34,6 @@ const sizingProperties = new Set([
 // manually defined
 const propertyValues: {[key: string]: string[]} = {
   display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'grid', 'inline-grid', 'contents', 'list-item', 'none'],
-  // TODO: this doesn't actually seem to reflect the actual usage?
   top: ['0', '2', '4', '8', '12', '16', '20', '24', '28', '32', '36', '40', '44', '48', '56', '64', '80', '96', '-2', '-4', '-8', '-12', '-16', '-20', '-24', '-28', '-32', '-36', '-40', '-44', '-48', '-56', '-64', '-80', '-96', 'auto', 'full'],
   height: ['auto', 'full', 'min', 'max', 'fit', 'screen']
 };