Export pressScale and focusRing utilities from S2 (#7078)

* Export pressScale and focusRing utilities from S2

* Also export StyleString type

Author: devongovett

packages/@react-spectrum/s2/chromatic/ActionButton.stories.tsx

@@ -17,7 +17,7 @@ import type {Meta} from '@storybook/react';
 import NewIcon from '../s2wf-icons/S2_Icon_New_20_N.svg';
 import {shortName} from './utils';
 import {StaticColorProvider} from '../stories/utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof ActionButton> = {
   component: ActionButton,

packages/@react-spectrum/s2/chromatic/Avatar.stories.tsx

@@ -12,7 +12,7 @@
 
 import {Avatar} from '../src';
 import type {Meta} from '@storybook/react';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof Avatar> = {
   component: Avatar,

packages/@react-spectrum/s2/chromatic/Badge.stories.tsx

@@ -15,7 +15,7 @@ import {Example} from '../stories/Badge.stories';
 import {generatePowerset} from '@react-spectrum/story-utils';
 import type {Meta} from '@storybook/react';
 import {shortName} from './utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof Badge> = {
   component: Badge,

packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx

@@ -15,7 +15,7 @@ import {generatePowerset} from '@react-spectrum/story-utils';
 import {Many} from '../stories/Breadcrumbs.stories';
 import type {Meta, StoryObj} from '@storybook/react';
 import {shortName} from './utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 import {userEvent, within} from '@storybook/testing-library';
 
 const meta: Meta<typeof Breadcrumbs> = {

packages/@react-spectrum/s2/chromatic/Button.stories.tsx

@@ -16,7 +16,7 @@ import type {Meta} from '@storybook/react';
 import NewIcon from '../s2wf-icons/S2_Icon_New_20_N.svg';
 import {shortName} from './utils';
 import {StaticColorProvider} from '../stories/utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 import {Example as WithWrapping} from '../stories/Button.stories';
 
 const meta: Meta<typeof Button> = {

packages/@react-spectrum/s2/chromatic/ButtonGroup.stories.tsx

@@ -15,7 +15,7 @@ import {generatePowerset} from '@react-spectrum/story-utils';
 import type {Meta} from '@storybook/react';
 import NewIcon from '../s2wf-icons/S2_Icon_New_20_N.svg';
 import {shortName} from './utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof ButtonGroup> = {
   component: ButtonGroup,

packages/@react-spectrum/s2/chromatic/Checkbox.stories.tsx

@@ -14,7 +14,7 @@ import {Checkbox} from '../src';
 import {generateComboChunks, shortName} from './utils';
 import {LongLabel} from '../stories/Checkbox.stories';
 import type {Meta} from '@storybook/react';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,

packages/@react-spectrum/s2/chromatic/CheckboxGroup.stories.tsx

@@ -13,7 +13,7 @@
 import {Checkbox, CheckboxGroup, Content, ContextualHelp, Heading} from '../src';
 import {generateComboChunks, shortName} from './utils';
 import type {Meta} from '@storybook/react';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof CheckboxGroup> = {
   component: CheckboxGroup,

packages/@react-spectrum/s2/chromatic/ColorField.stories.tsx

@@ -13,7 +13,7 @@
 import {ColorField} from '../src';
 import {generateComboChunks, shortName} from './utils';
 import type {Meta} from '@storybook/react';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof ColorField> = {
   component: ColorField,

packages/@react-spectrum/s2/chromatic/ColorSlider.stories.tsx

@@ -14,7 +14,7 @@ import {ColorSlider, Content, ContextualHelp, Heading} from '../src';
 import {generatePowerset} from '@react-spectrum/story-utils';
 import type {Meta} from '@storybook/react';
 import {shortName} from './utils';
-import {style} from '../style/spectrum-theme' with { type: 'macro' };
+import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof ColorSlider> = {
   component: ColorSlider,