diff --git a/.circleci/config.yml b/.circleci/config.yml index 4ca3c8660de..40286df011e 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -68,15 +68,15 @@ commands: circleci-agent step halt fi - aws-s3/sync: - arguments: --cache-control public,max-age=300,stale-while-revalidate=300 --exclude * --include *.html --include *.txt --include *.json --include *.md --include *.xml + arguments: --cache-control public,max-age=31536000,immutable --include * --exclude *.html --exclude *.rsc --exclude *.txt --exclude *.json --exclude *.md --exclude *.xml from: /tmp/dist/s2-docs/<< parameters.dir >> to: << parameters.bucket >> - aws-s3/sync: - arguments: --cache-control public,max-age=300,stale-while-revalidate=300 --content-type text/x-component;charset=utf-8 --exclude * --include *.rsc + arguments: --cache-control public,max-age=300,stale-while-revalidate=300 --exclude * --include *.html --include *.txt --include *.json --include *.md --include *.xml from: /tmp/dist/s2-docs/<< parameters.dir >> to: << parameters.bucket >> - aws-s3/sync: - arguments: --cache-control public,max-age=31536000,immutable --include * --exclude *.html --exclude *.rsc --exclude *.txt --exclude *.json --exclude *.md --exclude *.xml + arguments: --cache-control public,max-age=300,stale-while-revalidate=300 --content-type text/x-component;charset=utf-8 --exclude * --include *.rsc from: /tmp/dist/s2-docs/<< parameters.dir >> to: << parameters.bucket >> diff --git a/.yarn/patches/@parcel-packager-react-static-npm-2.16.1-138e4b8f05.patch b/.yarn/patches/@parcel-packager-react-static-npm-2.16.1-138e4b8f05.patch index 6f42707f858..2b0d8b956e0 100644 --- a/.yarn/patches/@parcel-packager-react-static-npm-2.16.1-138e4b8f05.patch +++ b/.yarn/patches/@parcel-packager-react-static-npm-2.16.1-138e4b8f05.patch @@ -1,7 +1,18 @@ diff --git a/lib/ReactStaticPackager.js b/lib/ReactStaticPackager.js -index 551b6071819ea7c8c28106281793841d63791856..00ee58c81302cf433ad27a8a8ce2c2d1be5ce716 100644 +index 551b6071819ea7c8c28106281793841d63791856..1556a6abc7a38fc1959eec279810a14614c08772 100644 --- a/lib/ReactStaticPackager.js +++ b/lib/ReactStaticPackager.js +@@ -291,8 +291,9 @@ async function loadBundleUncached(bundle, bundleGraph, getInlineBundleContents) + packagingBundles.set(entryBundle, getInlineBundleContents(entryBundle, bundleGraph)); + } + let packagedBundle = await (0, _nullthrows().default)(packagingBundles.get(entryBundle)); ++ let inlineType = (0, _nullthrows().default)(entryBundle.getMainEntry()).meta.inlineType; + let contents = await (0, _utils().blobToString)(packagedBundle.contents); +- contents = `module.exports = ${contents}`; ++ contents = `module.exports = ${inlineType === 'string' ? JSON.stringify(contents) : contents}`; + return [[entryBundle.id, [entryBundle, (0, _nullthrows().default)(entryBundle.getMainEntry()), contents]]]; + }); + } else if ((entryBundle === null || entryBundle === void 0 ? void 0 : entryBundle.type) === 'js') { @@ -597,7 +597,7 @@ function runModule(code, filename, id, require, parcelRequire) { return module.exports; } diff --git a/Makefile b/Makefile index 177a21cc062..9cdfaecf903 100644 --- a/Makefile +++ b/Makefile @@ -157,13 +157,13 @@ s2-docs-stage: DOCS_ENV=stage PUBLIC_URL=/ $(MAKE) build-s2-docs cp packages/dev/docs/pages/disallow-robots.txt dist/s2-docs/react-aria/robots.txt cp packages/dev/docs/pages/disallow-robots.txt dist/s2-docs/s2/robots.txt - $(MAKE) starters + $(MAKE) build-starters s2-docs-production: DOCS_ENV=prod PUBLIC_URL=/ $(MAKE) build-s2-docs cp packages/dev/docs/pages/robots.txt dist/s2-docs/react-aria/robots.txt cp packages/dev/docs/pages/robots.txt dist/s2-docs/s2/robots.txt - $(MAKE) starters + $(MAKE) build-starters build-s2-docs: yarn workspace @react-spectrum/s2-docs generate:md @@ -184,7 +184,7 @@ build-s2-docs: yarn parcel build 'packages/@react-spectrum/*/docs/*.mdx' 'packages/dev/docs/pages/{react-spectrum,releases}/**/*.mdx' --dist-dir dist/s2-docs/s2/$(PUBLIC_URL) --public-url $(PUBLIC_URL) yarn parcel build 'packages/@react-{aria,stately}/*/docs/*.mdx' --dist-dir dist/s2-docs/react-aria/$(PUBLIC_URL) --public-url $(PUBLIC_URL) -starters: +build-starters: $(MAKE) starter-zip $(MAKE) tailwind-starter mv starters/docs/storybook-static dist/s2-docs/react-aria-starter diff --git a/packages/@react-aria/datepicker/docs/datepicker-anatomy.svg b/packages/@react-aria/datepicker/docs/datepicker-anatomy.svg index c2aa884b884..74d972f0ce9 100644 --- a/packages/@react-aria/datepicker/docs/datepicker-anatomy.svg +++ b/packages/@react-aria/datepicker/docs/datepicker-anatomy.svg @@ -167,7 +167,7 @@ - Dialog + Popover diff --git a/packages/@react-aria/datepicker/docs/daterangepicker-anatomy.svg b/packages/@react-aria/datepicker/docs/daterangepicker-anatomy.svg index f03ddde5199..58c03e7dfea 100644 --- a/packages/@react-aria/datepicker/docs/daterangepicker-anatomy.svg +++ b/packages/@react-aria/datepicker/docs/daterangepicker-anatomy.svg @@ -175,12 +175,12 @@ - Calendar + RangeCalendar - Dialog + Popover diff --git a/packages/@react-aria/gridlist/src/useGridListItem.ts b/packages/@react-aria/gridlist/src/useGridListItem.ts index 2ecfc4f8125..f4c32cdfa31 100644 --- a/packages/@react-aria/gridlist/src/useGridListItem.ts +++ b/packages/@react-aria/gridlist/src/useGridListItem.ts @@ -283,10 +283,10 @@ export function useGridListItem(props: AriaGridListItemOptions, state: ListSt onKeyDown, onFocus, // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '), - 'aria-label': node.textValue || undefined, + 'aria-label': node['aria-label'] || node.textValue || undefined, 'aria-selected': state.selectionManager.canSelectItem(node.key) ? state.selectionManager.isSelected(node.key) : undefined, 'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined, - 'aria-labelledby': descriptionId && node.textValue ? `${getRowId(state, node.key)} ${descriptionId}` : undefined, + 'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${getRowId(state, node.key)} ${descriptionId}` : undefined, id: getRowId(state, node.key) }); diff --git a/packages/@react-aria/spinbutton/src/useSpinButton.ts b/packages/@react-aria/spinbutton/src/useSpinButton.ts index de772fa5106..ded3f65984c 100644 --- a/packages/@react-aria/spinbutton/src/useSpinButton.ts +++ b/packages/@react-aria/spinbutton/src/useSpinButton.ts @@ -57,15 +57,17 @@ export function useSpinButton( } = props; const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/spinbutton'); - let prevTouchPosition = useRef<{x: number, y: number} | null>(null); let isSpinning = useRef(false); - const clearAsync = () => { + const clearAsync = useCallback(() => { clearTimeout(_async.current); isSpinning.current = false; - }; + }, []); + const clearAsyncEvent = useEffectEvent(() => { + clearAsync(); + }); useEffect(() => { - return () => clearAsync(); + return () => clearAsyncEvent(); }, []); let onKeyDown = (e) => { @@ -140,21 +142,13 @@ export function useSpinButton( }, [ariaTextValue]); // For touch users, if they move their finger like they're scrolling, we don't want to trigger a spin. - let onTouchMove = useCallback((e) => { - if (!prevTouchPosition.current) { - prevTouchPosition.current = {x: e.touches[0].clientX, y: e.touches[0].clientY}; - } - let touchPosition = {x: e.touches[0].clientX, y: e.touches[0].clientY}; - // Arbitrary distance that worked in testing, even with slight movements or a slow-ish start to scrolling. - if (Math.abs(touchPosition.x - prevTouchPosition.current.x) > 1 || Math.abs(touchPosition.y - prevTouchPosition.current.y) > 1) { - clearAsync(); - } - prevTouchPosition.current = touchPosition; - }, []); + let onPointerCancel = useCallback(() => { + clearAsync(); + }, [clearAsync]); const onIncrementPressStart = useEffectEvent( (initialStepDelay: number) => { - clearAsync(); + clearAsyncEvent(); isSpinning.current = true; onIncrement?.(); // Start spinning after initial delay @@ -171,7 +165,7 @@ export function useSpinButton( const onDecrementPressStart = useEffectEvent( (initialStepDelay: number) => { - clearAsync(); + clearAsyncEvent(); isSpinning.current = true; onDecrement?.(); // Start spinning after initial delay @@ -239,7 +233,7 @@ export function useSpinButton( clearAsync(); } - addGlobalListener(window, 'touchmove', onTouchMove, {capture: true}); + addGlobalListener(window, 'pointercancel', onPointerCancel, {capture: true}); isUp.current = false; // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if // the control isn't spinning. @@ -253,7 +247,6 @@ export function useSpinButton( if (e.pointerType === 'touch') { isUp.current = true; } - prevTouchPosition.current = null; clearAsync(); removeAllGlobalListeners(); setIsIncrementPressed(null); @@ -263,6 +256,8 @@ export function useSpinButton( if (!isSpinning.current && isUp.current) { onIncrement?.(); } + } else { + clearAsync(); } isUp.current = false; setIsIncrementPressed(null); @@ -279,7 +274,7 @@ export function useSpinButton( clearAsync(); } - addGlobalListener(window, 'touchmove', onTouchMove, {capture: true}); + addGlobalListener(window, 'pointercancel', onPointerCancel, {capture: true}); isUp.current = false; // For touch users, don't trigger a decrement on press start, we'll wait for the press end to trigger it if // the control isn't spinning. @@ -292,7 +287,6 @@ export function useSpinButton( if (e.pointerType === 'touch') { isUp.current = true; } - prevTouchPosition.current = null; clearAsync(); removeAllGlobalListeners(); setIsDecrementPressed(null); @@ -302,6 +296,8 @@ export function useSpinButton( if (!isSpinning.current && isUp.current) { onDecrement?.(); } + } else { + clearAsync(); } isUp.current = false; setIsDecrementPressed(null); diff --git a/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx b/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx index 76996eea018..7fa983a51b1 100644 --- a/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Breadcrumbs.stories.tsx @@ -12,7 +12,7 @@ import {Breadcrumb, Breadcrumbs} from '../src'; import {generatePowerset} from '@react-spectrum/story-utils'; -import {Many} from '../stories/Breadcrumbs.stories'; +import {type IMany, Many} from '../stories/Breadcrumbs.stories'; import type {Meta, StoryObj} from '@storybook/react'; import {ReactNode} from 'react'; import {shortName} from './utils'; @@ -27,7 +27,7 @@ const meta: Meta = { export default meta; -export const Dynamic: StoryObj = { +export const Dynamic: StoryObj = { ...Many, parameters: { // TODO: move these options back to meta above once we get strings for ar-AE. This is just to prevent the RTL story's config from actually applying diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json index cb644b964bc..30c3ec6099e 100644 --- a/packages/@react-spectrum/s2/package.json +++ b/packages/@react-spectrum/s2/package.json @@ -140,7 +140,7 @@ "postpack": "git checkout -- package.json" }, "devDependencies": { - "@adobe/spectrum-tokens": "^13.15.1", + "@adobe/spectrum-tokens": "^14.0.0", "@react-aria/test-utils": "^1.0.0-alpha.8", "@storybook/jest": "^0.2.3", "@testing-library/dom": "^10.1.0", @@ -164,6 +164,7 @@ "@react-stately/utils": "^3.10.8", "@react-types/dialog": "^3.5.22", "@react-types/grid": "^3.3.6", + "@react-types/overlays": "^3.9.2", "@react-types/provider": "^3.8.13", "@react-types/shared": "^3.32.1", "@react-types/table": "^3.13.4", diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx index 9239fa9322c..5fdaa36606d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3D.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3D_L from 'illustration:./S2_fill_3D_generic1_160.svg'; import _3D_M from 'illustration:./S2_fill_3D_generic1_96.svg'; import _3D_S from 'illustration:./S2_fill_3D_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx index 3250052537f..a73fb748a30 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/3Dasset.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3Dasset_L from 'illustration:./S2_fill_3Dasset_generic1_160.svg'; import _3Dasset_M from 'illustration:./S2_fill_3Dasset_generic1_96.svg'; import _3Dasset_S from 'illustration:./S2_fill_3Dasset_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx index 55f8f4d71b8..3163842c44d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerate_L from 'illustration:./S2_fill_AIGenerate_generic1_160.svg'; import AIGenerate_M from 'illustration:./S2_fill_AIGenerate_generic1_96.svg'; import AIGenerate_S from 'illustration:./S2_fill_AIGenerate_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx index c5a32ff9c39..e6ef34728ee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIGenerateImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerateImage_L from 'illustration:./S2_fill_AIGenerateImage_generic1_160.svg'; import AIGenerateImage_M from 'illustration:./S2_fill_AIGenerateImage_generic1_96.svg'; import AIGenerateImage_S from 'illustration:./S2_fill_AIGenerateImage_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx index 72781349830..2b06894f375 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AIchat.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIchat_L from 'illustration:./S2_fill_AIchat_generic1_160.svg'; import AIchat_M from 'illustration:./S2_fill_AIchat_generic1_96.svg'; import AIchat_S from 'illustration:./S2_fill_AIchat_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx index 3114aced332..1c34f77b2e0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Accessibility.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Accessibility_L from 'illustration:./S2_fill_accessibility_generic1_160.svg'; import Accessibility_M from 'illustration:./S2_fill_accessibility_generic1_96.svg'; import Accessibility_S from 'illustration:./S2_fill_accessibility_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx index f0c24c0da39..2a57d101105 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Animation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Animation_L from 'illustration:./S2_fill_animation_generic1_160.svg'; import Animation_M from 'illustration:./S2_fill_animation_generic1_96.svg'; import Animation_S from 'illustration:./S2_fill_animation_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx index 2ee5a949589..ae1ee37f222 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Apps.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Apps_L from 'illustration:./S2_fill_apps_generic1_160.svg'; import Apps_M from 'illustration:./S2_fill_apps_generic1_96.svg'; import Apps_S from 'illustration:./S2_fill_apps_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx index 068ec81b5ae..244314661f4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Artboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Artboard_L from 'illustration:./S2_fill_artboard_generic1_160.svg'; import Artboard_M from 'illustration:./S2_fill_artboard_generic1_96.svg'; import Artboard_S from 'illustration:./S2_fill_artboard_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx index 6ba77e31fa6..22ffd9b19b9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Assets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Assets_L from 'illustration:./S2_fill_assets_generic1_160.svg'; import Assets_M from 'illustration:./S2_fill_assets_generic1_96.svg'; import Assets_S from 'illustration:./S2_fill_assets_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx index b410ba86511..eb82e5e673e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/AudioWave.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AudioWave_L from 'illustration:./S2_fill_audioWave_generic1_160.svg'; import AudioWave_M from 'illustration:./S2_fill_audioWave_generic1_96.svg'; import AudioWave_S from 'illustration:./S2_fill_audioWave_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx index 3960726148a..b3006dd1029 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BadgeVerified.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BadgeVerified_L from 'illustration:./S2_fill_badgeVerified_generic1_160.svg'; import BadgeVerified_M from 'illustration:./S2_fill_badgeVerified_generic1_96.svg'; import BadgeVerified_S from 'illustration:./S2_fill_badgeVerified_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx index 37b2fc90486..278e8a9d5f2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bell.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bell_L from 'illustration:./S2_fill_bell_generic1_160.svg'; import Bell_M from 'illustration:./S2_fill_bell_generic1_96.svg'; import Bell_S from 'illustration:./S2_fill_bell_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx index 2b4f383d1f2..256fa639220 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Bolt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bolt_L from 'illustration:./S2_fill_bolt_generic1_160.svg'; import Bolt_M from 'illustration:./S2_fill_bolt_generic1_96.svg'; import Bolt_S from 'illustration:./S2_fill_bolt_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx index 15026a3c447..1e15528b1fb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brand_L from 'illustration:./S2_fill_brand_generic1_160.svg'; import Brand_M from 'illustration:./S2_fill_brand_generic1_96.svg'; import Brand_S from 'illustration:./S2_fill_brand_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx index b530cc2cdbf..43a2148d8d1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Briefcase.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Briefcase_L from 'illustration:./S2_fill_briefcase_generic1_160.svg'; import Briefcase_M from 'illustration:./S2_fill_briefcase_generic1_96.svg'; import Briefcase_S from 'illustration:./S2_fill_briefcase_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx index 3d1877ca6af..f8661287744 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BrightnessContrast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BrightnessContrast_L from 'illustration:./S2_fill_brightnessContrast_generic1_160.svg'; import BrightnessContrast_M from 'illustration:./S2_fill_brightnessContrast_generic1_96.svg'; import BrightnessContrast_S from 'illustration:./S2_fill_brightnessContrast_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx index e698d9b3905..70d4bbdd054 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Browser.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Browser_L from 'illustration:./S2_fill_browser_generic1_160.svg'; import Browser_M from 'illustration:./S2_fill_browser_generic1_96.svg'; import Browser_S from 'illustration:./S2_fill_browser_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx index eec91006219..4a5ab873775 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Brush.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brush_L from 'illustration:./S2_fill_brush_generic1_160.svg'; import Brush_M from 'illustration:./S2_fill_brush_generic1_96.svg'; import Brush_S from 'illustration:./S2_fill_brush_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx index 99fbb30a79c..96a67470f90 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/BuildTable.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BuildTable_L from 'illustration:./S2_fill_buildTable_generic1_160.svg'; import BuildTable_M from 'illustration:./S2_fill_buildTable_generic1_96.svg'; import BuildTable_S from 'illustration:./S2_fill_buildTable_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx index 899a5c066aa..a1e15c68163 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Buildings.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Buildings_L from 'illustration:./S2_fill_buildings_generic1_160.svg'; import Buildings_M from 'illustration:./S2_fill_buildings_generic1_96.svg'; import Buildings_S from 'illustration:./S2_fill_buildings_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx index 618a7a3cd67..3ab8992dd3e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Calendar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Calendar_L from 'illustration:./S2_fill_calendar_generic1_160.svg'; import Calendar_M from 'illustration:./S2_fill_calendar_generic1_96.svg'; import Calendar_S from 'illustration:./S2_fill_calendar_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx index e82429a4783..17961a746f6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Camera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Camera_L from 'illustration:./S2_fill_camera_generic1_160.svg'; import Camera_M from 'illustration:./S2_fill_camera_generic1_96.svg'; import Camera_S from 'illustration:./S2_fill_camera_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx index 5587b1665c0..af94acf0be4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CardTapPayment.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CardTapPayment_L from 'illustration:./S2_fill_cardTapPayment_generic1_160.svg'; import CardTapPayment_M from 'illustration:./S2_fill_cardTapPayment_generic1_96.svg'; import CardTapPayment_S from 'illustration:./S2_fill_cardTapPayment_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx index d836121081d..9d8d04d1c31 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Channel.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Channel_L from 'illustration:./S2_fill_channel_generic1_160.svg'; import Channel_M from 'illustration:./S2_fill_channel_generic1_96.svg'; import Channel_S from 'illustration:./S2_fill_channel_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx index 4dcb7012521..55779990a9f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ChartAreaStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ChartAreaStack_L from 'illustration:./S2_fill_chartAreaStack_generic1_160.svg'; import ChartAreaStack_M from 'illustration:./S2_fill_chartAreaStack_generic1_96.svg'; import ChartAreaStack_S from 'illustration:./S2_fill_chartAreaStack_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx index df2a75b3fcf..8b3e3c9a24f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Chatbubble.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Chatbubble_L from 'illustration:./S2_fill_chatbubble_generic1_160.svg'; import Chatbubble_M from 'illustration:./S2_fill_chatbubble_generic1_96.svg'; import Chatbubble_S from 'illustration:./S2_fill_chatbubble_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx index dcaad219c5f..b6a102803dc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Checkmark.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Checkmark_L from 'illustration:./S2_fill_checkmark_generic1_160.svg'; import Checkmark_M from 'illustration:./S2_fill_checkmark_generic1_96.svg'; import Checkmark_S from 'illustration:./S2_fill_checkmark_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx index f735c32c63c..31b26bfcf42 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clipboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clipboard_L from 'illustration:./S2_fill_clipboard_generic1_160.svg'; import Clipboard_M from 'illustration:./S2_fill_clipboard_generic1_96.svg'; import Clipboard_S from 'illustration:./S2_fill_clipboard_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx index b59c4a71ba6..c8ca94c9f52 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Clock.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clock_L from 'illustration:./S2_fill_clock_generic1_160.svg'; import Clock_M from 'illustration:./S2_fill_clock_generic1_96.svg'; import Clock_S from 'illustration:./S2_fill_clock_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx index c07da529515..9312a6f7a78 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cloud.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cloud_L from 'illustration:./S2_fill_cloud_generic1_160.svg'; import Cloud_M from 'illustration:./S2_fill_cloud_generic1_96.svg'; import Cloud_S from 'illustration:./S2_fill_cloud_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx index 2ff147512db..3c72ecc8ca3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CloudUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CloudUpload_L from 'illustration:./S2_fill_cloudUpload_generic1_160.svg'; import CloudUpload_M from 'illustration:./S2_fill_cloudUpload_generic1_96.svg'; import CloudUpload_S from 'illustration:./S2_fill_cloudUpload_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx index 00ad70c8e34..1c4f75ca123 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CodeBrackets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CodeBrackets_L from 'illustration:./S2_fill_CodeBrackets_generic1_160.svg'; import CodeBrackets_M from 'illustration:./S2_fill_CodeBrackets_generic1_96.svg'; import CodeBrackets_S from 'illustration:./S2_fill_CodeBrackets_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx index c0fad5e8de3..7a429876a20 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Color.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Color_L from 'illustration:./S2_fill_color_generic1_160.svg'; import Color_M from 'illustration:./S2_fill_color_generic1_96.svg'; import Color_S from 'illustration:./S2_fill_color_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx index 4580d6b0349..f31ae6b8fbd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/CommentText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CommentText_L from 'illustration:./S2_fill_commentText_generic1_160.svg'; import CommentText_M from 'illustration:./S2_fill_commentText_generic1_96.svg'; import CommentText_S from 'illustration:./S2_fill_commentText_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx index da55321b2af..22454d93cf3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Confetti.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Confetti_L from 'illustration:./S2_fill_confetti_generic1_160.svg'; import Confetti_M from 'illustration:./S2_fill_confetti_generic1_96.svg'; import Confetti_S from 'illustration:./S2_fill_confetti_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx index 74ff704b317..9d055875209 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg'; import Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg'; import Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx index 3e45a1297e7..05e09ce0c34 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Crop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Crop_L from 'illustration:./S2_fill_crop_generic1_160.svg'; import Crop_M from 'illustration:./S2_fill_crop_generic1_96.svg'; import Crop_S from 'illustration:./S2_fill_crop_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx index 81173d7e841..ba879fd573e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cursor.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cursor_L from 'illustration:./S2_fill_cursor_generic1_160.svg'; import Cursor_M from 'illustration:./S2_fill_cursor_generic1_96.svg'; import Cursor_S from 'illustration:./S2_fill_cursor_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx index 15f3b70d5af..d115f178cc8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Cut.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cut_L from 'illustration:./S2_fill_cut_generic1_160.svg'; import Cut_M from 'illustration:./S2_fill_cut_generic1_96.svg'; import Cut_S from 'illustration:./S2_fill_cut_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx index 49f1bb2b00c..9cdd94503e1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Data.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Data_L from 'illustration:./S2_fill_data_generic1_160.svg'; import Data_M from 'illustration:./S2_fill_data_generic1_96.svg'; import Data_S from 'illustration:./S2_fill_data_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx index f7af5c8e5a2..438f6d63aaf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DataAnalytics.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DataAnalytics_L from 'illustration:./S2_fill_dataAnalytics_generic1_160.svg'; import DataAnalytics_M from 'illustration:./S2_fill_dataAnalytics_generic1_96.svg'; import DataAnalytics_S from 'illustration:./S2_fill_dataAnalytics_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx index 0a4bc59fb28..68cd8c9f301 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Desktop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Desktop_L from 'illustration:./S2_fill_desktop_generic1_160.svg'; import Desktop_M from 'illustration:./S2_fill_desktop_generic1_96.svg'; import Desktop_S from 'illustration:./S2_fill_desktop_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx index d341ae2be08..bd3da255dc3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Diamond.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Diamond_L from 'illustration:./S2_fill_diamond_generic1_160.svg'; import Diamond_M from 'illustration:./S2_fill_diamond_generic1_96.svg'; import Diamond_S from 'illustration:./S2_fill_diamond_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx index e9b5c47b01a..11fef6e56dd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Document.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Document_L from 'illustration:./S2_fill_document_generic1_160.svg'; import Document_M from 'illustration:./S2_fill_document_generic1_96.svg'; import Document_S from 'illustration:./S2_fill_document_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx index 15ea7b73af5..06d68171711 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Download.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Download_L from 'illustration:./S2_fill_download_generic1_160.svg'; import Download_M from 'illustration:./S2_fill_download_generic1_96.svg'; import Download_S from 'illustration:./S2_fill_download_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx index 66be3c581eb..25a613e0aaf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/DropToUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DropToUpload_L from 'illustration:./S2_fill_dropToUpload_generic1_160.svg'; import DropToUpload_M from 'illustration:./S2_fill_dropToUpload_generic1_96.svg'; import DropToUpload_S from 'illustration:./S2_fill_dropToUpload_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx index 9db62402495..90ee5c0fe57 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Education.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Education_L from 'illustration:./S2_fill_education_generic1_160.svg'; import Education_M from 'illustration:./S2_fill_education_generic1_96.svg'; import Education_S from 'illustration:./S2_fill_education_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx index d4b8633496a..dab620e8a73 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Effects.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Effects_L from 'illustration:./S2_fill_effects_generic1_160.svg'; import Effects_M from 'illustration:./S2_fill_effects_generic1_96.svg'; import Effects_S from 'illustration:./S2_fill_effects_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx index 16065b71e61..e764c8302d7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Emoji.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Emoji_L from 'illustration:./S2_fill_emoji_generic1_160.svg'; import Emoji_M from 'illustration:./S2_fill_emoji_generic1_96.svg'; import Emoji_S from 'illustration:./S2_fill_emoji_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx index 8f8c75a2346..1491a4fce35 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/EmptyStateExport.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import EmptyStateExport_L from 'illustration:./S2_fill_EmptyStateExport_generic1_160.svg'; import EmptyStateExport_M from 'illustration:./S2_fill_EmptyStateExport_generic1_96.svg'; import EmptyStateExport_S from 'illustration:./S2_fill_EmptyStateExport_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx index f46ec15a345..b87c7b31b0e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Explosion.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Explosion_L from 'illustration:./S2_fill_explosion_generic1_160.svg'; import Explosion_M from 'illustration:./S2_fill_explosion_generic1_96.svg'; import Explosion_S from 'illustration:./S2_fill_explosion_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx index 872e1c296a2..ee45278412c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ExportTo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ExportTo_L from 'illustration:./S2_fill_exportTo_generic1_160.svg'; import ExportTo_M from 'illustration:./S2_fill_exportTo_generic1_96.svg'; import ExportTo_S from 'illustration:./S2_fill_exportTo_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx index c08c29b85e9..b4148b112d5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Exposure.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Exposure_L from 'illustration:./S2_fill_exposure_generic1_160.svg'; import Exposure_M from 'illustration:./S2_fill_exposure_generic1_96.svg'; import Exposure_S from 'illustration:./S2_fill_exposure_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx index 0ddd2120ae8..aaca1069d70 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileImage_L from 'illustration:./S2_fill_fileImage_generic1_160.svg'; import FileImage_M from 'illustration:./S2_fill_fileImage_generic1_96.svg'; import FileImage_S from 'illustration:./S2_fill_fileImage_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx index aaf1a927ec1..b541c0c1cfd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileShared.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileShared_L from 'illustration:./S2_fill_fileShared_generic1_160.svg'; import FileShared_M from 'illustration:./S2_fill_fileShared_generic1_96.svg'; import FileShared_S from 'illustration:./S2_fill_fileShared_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx index fa7c1d24efb..16f2c0218b0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileText_L from 'illustration:./S2_fill_fileText_generic1_160.svg'; import FileText_M from 'illustration:./S2_fill_fileText_generic1_96.svg'; import FileText_S from 'illustration:./S2_fill_fileText_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx index 1c9978af13f..e498140d619 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileVideo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileVideo_L from 'illustration:./S2_fill_fileVideo_generic1_160.svg'; import FileVideo_M from 'illustration:./S2_fill_fileVideo_generic1_96.svg'; import FileVideo_S from 'illustration:./S2_fill_fileVideo_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx index f75d5916928..7e4370b215f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FileZip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileZip_L from 'illustration:./S2_fill_fileZip_generic1_160.svg'; import FileZip_M from 'illustration:./S2_fill_fileZip_generic1_96.svg'; import FileZip_S from 'illustration:./S2_fill_fileZip_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx index 505f99541c8..2b5660abe41 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filmstrip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filmstrip_L from 'illustration:./S2_fill_filmstrip_generic1_160.svg'; import Filmstrip_M from 'illustration:./S2_fill_filmstrip_generic1_96.svg'; import Filmstrip_S from 'illustration:./S2_fill_filmstrip_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx index 42034b162b9..a90c998e17b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filter.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filter_L from 'illustration:./S2_fill_filter_generic1_160.svg'; import Filter_M from 'illustration:./S2_fill_filter_generic1_96.svg'; import Filter_S from 'illustration:./S2_fill_filter_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx index a402bb15d49..21e074a009f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Filters.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filters_L from 'illustration:./S2_fill_filters_generic1_160.svg'; import Filters_M from 'illustration:./S2_fill_filters_generic1_96.svg'; import Filters_S from 'illustration:./S2_fill_filters_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx index 81c083d58cb..46304b46e8e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Fireworks.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Fireworks_L from 'illustration:./S2_fill_fireworks_generic1_160.svg'; import Fireworks_M from 'illustration:./S2_fill_fireworks_generic1_96.svg'; import Fireworks_S from 'illustration:./S2_fill_fireworks_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx index 183ee4a4912..7b1edff8f67 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Flag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Flag_L from 'illustration:./S2_fill_flag_generic1_160.svg'; import Flag_M from 'illustration:./S2_fill_flag_generic1_96.svg'; import Flag_S from 'illustration:./S2_fill_flag_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx index 78b8ac6867b..1fe1dde69a1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCheckmark.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCheckmark_L from 'illustration:./S2_fill_flagCheckmark_generic1_160.svg'; import FlagCheckmark_M from 'illustration:./S2_fill_flagCheckmark_generic1_96.svg'; import FlagCheckmark_S from 'illustration:./S2_fill_flagCheckmark_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx index 19d43e591dc..002a8c0d547 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FlagCross.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCross_L from 'illustration:./S2_fill_flagCross_generic1_160.svg'; import FlagCross_M from 'illustration:./S2_fill_flagCross_generic1_96.svg'; import FlagCross_S from 'illustration:./S2_fill_flagCross_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx index f3eb62ca43a..a13f9ebde4e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderClose_L from 'illustration:./S2_fill_folderClose_generic1_160.svg'; import FolderClose_M from 'illustration:./S2_fill_folderClose_generic1_96.svg'; import FolderClose_S from 'illustration:./S2_fill_folderClose_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx index ca16c17cd23..09d4fc886cd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderOpen_L from 'illustration:./S2_fill_folderOpen_generic1_160.svg'; import FolderOpen_M from 'illustration:./S2_fill_folderOpen_generic1_96.svg'; import FolderOpen_S from 'illustration:./S2_fill_folderOpen_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx index 86be278e7b3..d38303653e5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/FolderShared.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderShared_L from 'illustration:./S2_fill_folderShared_generic1_160.svg'; import FolderShared_M from 'illustration:./S2_fill_folderShared_generic1_96.svg'; import FolderShared_S from 'illustration:./S2_fill_folderShared_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx index 6568ccb60a1..e0516faae1f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GearSetting.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GearSetting_L from 'illustration:./S2_fill_gearSetting_generic1_160.svg'; import GearSetting_M from 'illustration:./S2_fill_gearSetting_generic1_96.svg'; import GearSetting_S from 'illustration:./S2_fill_gearSetting_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx index 762e244ac11..b669092497c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Gift.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Gift_L from 'illustration:./S2_fill_gift_generic1_160.svg'; import Gift_M from 'illustration:./S2_fill_gift_generic1_96.svg'; import Gift_S from 'illustration:./S2_fill_gift_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx index 21213ee3fa4..2042e4ed931 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Globe.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Globe_L from 'illustration:./S2_fill_globe_generic1_160.svg'; import Globe_M from 'illustration:./S2_fill_globe_generic1_96.svg'; import Globe_S from 'illustration:./S2_fill_globe_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx index 8429c8f4b3e..4a8a6d440bc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GlobeGrid.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GlobeGrid_L from 'illustration:./S2_fill_globeGrid_generic1_160.svg'; import GlobeGrid_M from 'illustration:./S2_fill_globeGrid_generic1_96.svg'; import GlobeGrid_S from 'illustration:./S2_fill_globeGrid_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx index 57833d6c603..f6a44afae1f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/GraphBarChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GraphBarChart_L from 'illustration:./S2_fill_graphBarChart_generic1_160.svg'; import GraphBarChart_M from 'illustration:./S2_fill_graphBarChart_generic1_96.svg'; import GraphBarChart_S from 'illustration:./S2_fill_graphBarChart_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx index fb80412368a..c3defcce7ba 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Hand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Hand_L from 'illustration:./S2_fill_hand_generic1_160.svg'; import Hand_M from 'illustration:./S2_fill_hand_generic1_96.svg'; import Hand_S from 'illustration:./S2_fill_hand_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx index e1a2bc17a84..a23b42c3fa9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Handshake.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Handshake_L from 'illustration:./S2_fill_handshake_generic1_160.svg'; import Handshake_M from 'illustration:./S2_fill_handshake_generic1_96.svg'; import Handshake_S from 'illustration:./S2_fill_handshake_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx index 53cb66ef390..5ea79a4adda 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Heart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Heart_L from 'illustration:./S2_fill_heart_generic1_160.svg'; import Heart_M from 'illustration:./S2_fill_heart_generic1_96.svg'; import Heart_S from 'illustration:./S2_fill_heart_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx index a22067f8807..a765a6e9a78 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/HelpCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import HelpCircle_L from 'illustration:./S2_fill_helpCircle_generic1_160.svg'; import HelpCircle_M from 'illustration:./S2_fill_helpCircle_generic1_96.svg'; import HelpCircle_S from 'illustration:./S2_fill_helpCircle_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx index 39a6eb4c91b..1d582735266 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Home.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Home_L from 'illustration:./S2_fill_home_generic1_160.svg'; import Home_M from 'illustration:./S2_fill_home_generic1_96.svg'; import Home_S from 'illustration:./S2_fill_home_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx index e23105dfc61..df7a8430632 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Illustration.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Illustration_L from 'illustration:./S2_fill_illustration_generic1_160.svg'; import Illustration_M from 'illustration:./S2_fill_illustration_generic1_96.svg'; import Illustration_S from 'illustration:./S2_fill_illustration_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx index ca6ed1e968d..5499b59afe0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Image.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Image_L from 'illustration:./S2_fill_image_generic1_160.svg'; import Image_M from 'illustration:./S2_fill_image_generic1_96.svg'; import Image_S from 'illustration:./S2_fill_image_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx index 1dffed46262..591df857424 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ImageStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ImageStack_L from 'illustration:./S2_fill_imageStack_generic1_160.svg'; import ImageStack_M from 'illustration:./S2_fill_imageStack_generic1_96.svg'; import ImageStack_S from 'illustration:./S2_fill_imageStack_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx index bb55e88307d..ea738ccb058 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/InfiniteLooping.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import InfiniteLooping_L from 'illustration:./S2_fill_infiniteLooping_generic1_160.svg'; import InfiniteLooping_M from 'illustration:./S2_fill_infiniteLooping_generic1_96.svg'; import InfiniteLooping_S from 'illustration:./S2_fill_infiniteLooping_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx index 35b53de0888..1cdfff81c02 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Information.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Information_L from 'illustration:./S2_fill_information_generic1_160.svg'; import Information_M from 'illustration:./S2_fill_information_generic1_96.svg'; import Information_S from 'illustration:./S2_fill_information_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx index 9456a33fc78..5f8ad49219c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Interaction.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Interaction_L from 'illustration:./S2_fill_interaction_generic1_160.svg'; import Interaction_M from 'illustration:./S2_fill_interaction_generic1_96.svg'; import Interaction_S from 'illustration:./S2_fill_interaction_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx index bd2da36b87a..8f2d8f5c84e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Laptop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Laptop_L from 'illustration:./S2_fill_laptop_generic1_160.svg'; import Laptop_M from 'illustration:./S2_fill_laptop_generic1_96.svg'; import Laptop_S from 'illustration:./S2_fill_laptop_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx index 93f5ec23628..f853619acca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Layers.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Layers_L from 'illustration:./S2_fill_layers_generic1_160.svg'; import Layers_M from 'illustration:./S2_fill_layers_generic1_96.svg'; import Layers_S from 'illustration:./S2_fill_layers_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx index ab41ef018fc..8341c97d036 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Libraries.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Libraries_L from 'illustration:./S2_fill_libraries_generic1_160.svg'; import Libraries_M from 'illustration:./S2_fill_libraries_generic1_96.svg'; import Libraries_S from 'illustration:./S2_fill_libraries_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx index 98e11b83ae5..d3423e2df32 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lightbulb.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lightbulb_L from 'illustration:./S2_fill_lightbulb_generic1_160.svg'; import Lightbulb_M from 'illustration:./S2_fill_lightbulb_generic1_96.svg'; import Lightbulb_S from 'illustration:./S2_fill_lightbulb_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx index 7423fea24ba..f21e5a18b34 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LightbulbRays.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LightbulbRays_L from 'illustration:./S2_fill_lightbulbRays_generic1_160.svg'; import LightbulbRays_M from 'illustration:./S2_fill_lightbulbRays_generic1_96.svg'; import LightbulbRays_S from 'illustration:./S2_fill_lightbulbRays_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx index 3cbe481f3db..f14ddd79675 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Lighten.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lighten_L from 'illustration:./S2_fill_lighten_generic1_160.svg'; import Lighten_M from 'illustration:./S2_fill_lighten_generic1_96.svg'; import Lighten_S from 'illustration:./S2_fill_lighten_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx index 55e870fe617..bc9a2a94168 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Link.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Link_L from 'illustration:./S2_fill_link_generic1_160.svg'; import Link_M from 'illustration:./S2_fill_link_generic1_96.svg'; import Link_S from 'illustration:./S2_fill_link_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx index fce080f505d..d41250baeae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Location.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Location_L from 'illustration:./S2_fill_location_generic1_160.svg'; import Location_M from 'illustration:./S2_fill_location_generic1_96.svg'; import Location_S from 'illustration:./S2_fill_location_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx index ce062dc3500..3bff1fc2745 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockClose_L from 'illustration:./S2_fill_lockClose_generic1_160.svg'; import LockClose_M from 'illustration:./S2_fill_lockClose_generic1_96.svg'; import LockClose_S from 'illustration:./S2_fill_lockClose_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx index 0c10df8cbac..ad27638b728 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/LockOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockOpen_L from 'illustration:./S2_fill_lockOpen_generic1_160.svg'; import LockOpen_M from 'illustration:./S2_fill_lockOpen_generic1_96.svg'; import LockOpen_S from 'illustration:./S2_fill_lockOpen_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx index 244e0e36b52..3fe59612520 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Logo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Logo_L from 'illustration:./S2_fill_logo_generic1_160.svg'; import Logo_M from 'illustration:./S2_fill_logo_generic1_96.svg'; import Logo_S from 'illustration:./S2_fill_logo_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx index 21793e99381..1296c05978c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MagicWand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MagicWand_L from 'illustration:./S2_fill_magicWand_generic1_160.svg'; import MagicWand_M from 'illustration:./S2_fill_magicWand_generic1_96.svg'; import MagicWand_S from 'illustration:./S2_fill_magicWand_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx index 8b23d1570f6..b3ed412740b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailClose_L from 'illustration:./S2_fill_mailClose_generic1_160.svg'; import MailClose_M from 'illustration:./S2_fill_mailClose_generic1_96.svg'; import MailClose_S from 'illustration:./S2_fill_mailClose_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx index bf09f16d533..aaa6bacf3d2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MailOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailOpen_L from 'illustration:./S2_fill_mailOpen_generic1_160.svg'; import MailOpen_M from 'illustration:./S2_fill_mailOpen_generic1_96.svg'; import MailOpen_S from 'illustration:./S2_fill_mailOpen_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx index 0fd35a9f316..c29c674dbd7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Market.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Market_L from 'illustration:./S2_fill_market_generic1_160.svg'; import Market_M from 'illustration:./S2_fill_market_generic1_96.svg'; import Market_S from 'illustration:./S2_fill_market_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx index 2322f3c07fb..9065d7739e7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromote_L from 'illustration:./S2_fill_megaphonePromote_generic1_160.svg'; import MegaphonePromote_M from 'illustration:./S2_fill_megaphonePromote_generic1_96.svg'; import MegaphonePromote_S from 'illustration:./S2_fill_megaphonePromote_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx index 3384df87af3..abb949cc31f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MegaphonePromote2.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromote2_L from 'illustration:./S2_fill_megaphonePromote2_generic1_160.svg'; import MegaphonePromote2_M from 'illustration:./S2_fill_megaphonePromote2_generic1_96.svg'; import MegaphonePromote2_S from 'illustration:./S2_fill_megaphonePromote2_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx index 4ec4560f402..8fa7c4f55db 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Mention.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Mention_L from 'illustration:./S2_fill_mention_generic1_160.svg'; import Mention_M from 'illustration:./S2_fill_mention_generic1_96.svg'; import Mention_S from 'illustration:./S2_fill_mention_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx index 3d4137b03d3..5a2867aadd5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Microphone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Microphone_L from 'illustration:./S2_fill_microphone_generic1_160.svg'; import Microphone_M from 'illustration:./S2_fill_microphone_generic1_96.svg'; import Microphone_S from 'illustration:./S2_fill_microphone_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx index afecc59bd45..90152d85165 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Minimize.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Minimize_L from 'illustration:./S2_fill_minimize_generic1_160.svg'; import Minimize_M from 'illustration:./S2_fill_minimize_generic1_96.svg'; import Minimize_S from 'illustration:./S2_fill_minimize_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx index 556a379ed63..ba6e8c008f4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MovieCamera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MovieCamera_L from 'illustration:./S2_fill_movieCamera_generic1_160.svg'; import MovieCamera_M from 'illustration:./S2_fill_movieCamera_generic1_96.svg'; import MovieCamera_S from 'illustration:./S2_fill_movieCamera_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx index 2db9e63020a..c0b8e846062 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/MusicNote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MusicNote_L from 'illustration:./S2_fill_musicNote_generic1_160.svg'; import MusicNote_M from 'illustration:./S2_fill_musicNote_generic1_96.svg'; import MusicNote_S from 'illustration:./S2_fill_musicNote_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx index 15eca4886dc..144cdcfb819 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/NoElements.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoElements_L from 'illustration:./S2_fill_noElements_generic1_160.svg'; import NoElements_M from 'illustration:./S2_fill_noElements_generic1_96.svg'; import NoElements_S from 'illustration:./S2_fill_noElements_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx index 8b5224246db..81fcc98ee00 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperairplane.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperairplane_L from 'illustration:./S2_fill_paperairplane_generic1_160.svg'; import Paperairplane_M from 'illustration:./S2_fill_paperairplane_generic1_96.svg'; import Paperairplane_S from 'illustration:./S2_fill_paperairplane_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx index 8f057f0690e..da8a90399dd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Paperclip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperclip_L from 'illustration:./S2_fill_paperclip_generic1_160.svg'; import Paperclip_M from 'illustration:./S2_fill_paperclip_generic1_96.svg'; import Paperclip_S from 'illustration:./S2_fill_paperclip_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx index 7038b69fc40..bd504e5a946 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pause.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pause_L from 'illustration:./S2_fill_pause_generic1_160.svg'; import Pause_M from 'illustration:./S2_fill_pause_generic1_96.svg'; import Pause_S from 'illustration:./S2_fill_pause_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx index 3d64aa3c9f0..02381e67b72 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pencil.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pencil_L from 'illustration:./S2_fill_pencil_generic1_160.svg'; import Pencil_M from 'illustration:./S2_fill_pencil_generic1_96.svg'; import Pencil_S from 'illustration:./S2_fill_pencil_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx index c1fd3313aee..2e46d382cd1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Phone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Phone_L from 'illustration:./S2_fill_phone_generic1_160.svg'; import Phone_M from 'illustration:./S2_fill_phone_generic1_96.svg'; import Phone_S from 'illustration:./S2_fill_phone_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx index 32aff3bd056..fa82452667c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PieChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PieChart_L from 'illustration:./S2_fill_pieChart_generic1_160.svg'; import PieChart_M from 'illustration:./S2_fill_pieChart_generic1_96.svg'; import PieChart_S from 'illustration:./S2_fill_pieChart_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx index 45127aa7432..82e7d7f4b32 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PiggyBank.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PiggyBank_L from 'illustration:./S2_fill_piggyBank_generic1_160.svg'; import PiggyBank_M from 'illustration:./S2_fill_piggyBank_generic1_96.svg'; import PiggyBank_S from 'illustration:./S2_fill_piggyBank_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx index a71f7320083..439d26094db 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Pin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pin_L from 'illustration:./S2_fill_pin_generic1_160.svg'; import Pin_M from 'illustration:./S2_fill_pin_generic1_96.svg'; import Pin_S from 'illustration:./S2_fill_pin_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx index 23de4a221bb..1b56e807478 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Play.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Play_L from 'illustration:./S2_fill_play_generic1_160.svg'; import Play_M from 'illustration:./S2_fill_play_generic1_96.svg'; import Play_S from 'illustration:./S2_fill_play_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx index 4112fb7569e..aef2a2f919e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/PlayTriangle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PlayTriangle_L from 'illustration:./S2_fill_playTriangle_generic1_160.svg'; import PlayTriangle_M from 'illustration:./S2_fill_playTriangle_generic1_96.svg'; import PlayTriangle_S from 'illustration:./S2_fill_playTriangle_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx index a23bc85e2c9..dc5027817e7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Plugin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Plugin_L from 'illustration:./S2_fill_plugin_generic1_160.svg'; import Plugin_M from 'illustration:./S2_fill_plugin_generic1_96.svg'; import Plugin_S from 'illustration:./S2_fill_plugin_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx index 0e92ef52cfe..8c6c51d65e4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Prompt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Prompt_L from 'illustration:./S2_fill_prompt_generic1_160.svg'; import Prompt_M from 'illustration:./S2_fill_prompt_generic1_96.svg'; import Prompt_S from 'illustration:./S2_fill_prompt_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx index 91f8aca7f40..52aa3d65e10 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Properties.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Properties_L from 'illustration:./S2_fill_properties_generic1_160.svg'; import Properties_M from 'illustration:./S2_fill_properties_generic1_96.svg'; import Properties_S from 'illustration:./S2_fill_properties_generic1_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx index 033c23717ef..b5bc8ce8c29 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Redo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Redo_L from 'illustration:./S2_fill_redo_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx index 5acdab8fe5a..e6942c0932d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Remix.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Remix_L from 'illustration:./S2_fill_remix_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx index 8cf8f892e79..bd054dde9ca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Replace.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Replace_L from 'illustration:./S2_fill_replace_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx index 859c7ee7fde..405e5a01153 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Revert.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Revert_L from 'illustration:./S2_fill_revert_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx index 84aa06c1a71..32ad18a7b93 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ribbon.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Ribbon_L from 'illustration:./S2_fill_ribbon_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx index a3e5791478f..913684ea19c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Rocket.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Rocket_L from 'illustration:./S2_fill_rocket_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx index eb77dd00c8d..14704a0242c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import RotateCCW_L from 'illustration:./S2_fill_rotateCCW_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx index dcd4512d855..8d5c145224e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/RotateCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import RotateCW_L from 'illustration:./S2_fill_rotateCW_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx index ccfe0af42bb..63fe2cc31d2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Ruler.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Ruler_L from 'illustration:./S2_fill_ruler_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx index d8ec1b48882..b66a72e5023 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Search.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Search_L from 'illustration:./S2_fill_search_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx index c65358928b2..2a4c558b8a3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Segmentation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Segmentation_L from 'illustration:./S2_fill_segmentation_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx index 9d5b171b839..420d1e8c03d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Server.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Server_L from 'illustration:./S2_fill_server_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx index 353617b97dd..f3808f0b037 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Shapes.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Shapes_L from 'illustration:./S2_fill_shapes_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx index 14cb9c92b54..bc93e93d166 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingBag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ShoppingBag_L from 'illustration:./S2_fill_shoppingBag_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx index 745a95fdef8..54e245495ab 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ShoppingCart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ShoppingCart_L from 'illustration:./S2_fill_shoppingCart_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx index f51711b8772..9f609b5b767 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Sparkles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Sparkles_L from 'illustration:./S2_fill_sparkles_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx index 952f0f4c660..0a1e06391dc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/SpeedFast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import SpeedFast_L from 'illustration:./S2_fill_speedFast_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx index c4c15fc990e..128e0acdf70 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StampClone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import StampClone_L from 'illustration:./S2_fill_stampClone_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx index 3eae2279731..c8995e3f8b1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Star.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Star_L from 'illustration:./S2_fill_star_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx index 801762b8b78..fc325e4b1f0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/StepForward.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import StepForward_L from 'illustration:./S2_fill_stepForward_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx index 7030d695074..e18dad82b89 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Switch.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Switch_L from 'illustration:./S2_fill_switch_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx index 5750524f767..91773114657 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tablet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Tablet_L from 'illustration:./S2_fill_tablet_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx index 46fee28098b..1d776ddd72c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Tag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Tag_L from 'illustration:./S2_fill_tag_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx index 1776c737196..3a804d0cb70 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Targeted.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Targeted_L from 'illustration:./S2_fill_targeted_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx index 301ee85aa73..f9fe2af83b2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Text.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Text_L from 'illustration:./S2_fill_text_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx index 74cdba1f126..384d8791e63 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThreeArrowsCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ThreeArrowsCircle_L from 'illustration:./S2_fill_threeArrowsCircle_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx index 84b2a0d5fbd..6c8293f5722 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/ThumbsUp.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ThumbsUp_L from 'illustration:./S2_fill_thumbsUp_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx index 78a594f417b..de32ee93a97 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Transform.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Transform_L from 'illustration:./S2_fill_transform_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx index 8e2fba37fb0..c459d01bfc9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Translate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Translate_L from 'illustration:./S2_fill_translate_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx index c0c918267b3..bc2d9847724 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trash.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Trash_L from 'illustration:./S2_fill_trash_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx index 1abf4f1cd41..d1ba88085d1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Trophy.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Trophy_L from 'illustration:./S2_fill_trophy_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx index 68cb384c631..d6b65ec6b6c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Update.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Update_L from 'illustration:./S2_fill_update_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx index 5b6874eb6fa..fc6349c73ba 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Upload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Upload_L from 'illustration:./S2_fill_upload_generic1_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx index 8e8799ca452..3c9de971f41 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/User.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx index 74648e7c5ec..b1f3d224bf2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserAvatar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx index ae1c41c58c2..4a588589438 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/UserGroup.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx index 1edbf9aa757..dd7c054fc21 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VectorDraw.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx index 615815ecbe6..56b8609bcff 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Video.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx index abd41027299..72f60c72584 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Volume.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx index c0a9de197b8..cdeef3226ae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/VolumeOne.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx index 0f02a464f52..676da52c546 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Wallet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx index 303e3d0fd5b..9d0242e552f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3D.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3D_L from 'illustration:./S2_fill_3D_generic2_160.svg'; import _3D_M from 'illustration:./S2_fill_3D_generic2_96.svg'; import _3D_S from 'illustration:./S2_fill_3D_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx index 870304921f1..b02d02e9ac5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/3Dasset.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3Dasset_L from 'illustration:./S2_fill_3Dasset_generic2_160.svg'; import _3Dasset_M from 'illustration:./S2_fill_3Dasset_generic2_96.svg'; import _3Dasset_S from 'illustration:./S2_fill_3Dasset_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx index a8c6d6f5ad8..46333c41268 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerate_L from 'illustration:./S2_fill_AIGenerate_generic2_160.svg'; import AIGenerate_M from 'illustration:./S2_fill_AIGenerate_generic2_96.svg'; import AIGenerate_S from 'illustration:./S2_fill_AIGenerate_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx index 9d608156ce3..73bae747120 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIGenerateImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerateImage_L from 'illustration:./S2_fill_AIGenerateImage_generic2_160.svg'; import AIGenerateImage_M from 'illustration:./S2_fill_AIGenerateImage_generic2_96.svg'; import AIGenerateImage_S from 'illustration:./S2_fill_AIGenerateImage_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx index e9baa6031c3..4b1980c88f8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AIchat.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIchat_L from 'illustration:./S2_fill_AIchat_generic2_160.svg'; import AIchat_M from 'illustration:./S2_fill_AIchat_generic2_96.svg'; import AIchat_S from 'illustration:./S2_fill_AIchat_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx index 827e1af7c66..20e97972f08 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Accessibility.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Accessibility_L from 'illustration:./S2_fill_accessibility_generic2_160.svg'; import Accessibility_M from 'illustration:./S2_fill_accessibility_generic2_96.svg'; import Accessibility_S from 'illustration:./S2_fill_accessibility_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx index 17efad21863..d50aa5076b5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Animation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Animation_L from 'illustration:./S2_fill_animation_generic2_160.svg'; import Animation_M from 'illustration:./S2_fill_animation_generic2_96.svg'; import Animation_S from 'illustration:./S2_fill_animation_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx index 0f40110a02e..96790597b33 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Apps.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Apps_L from 'illustration:./S2_fill_apps_generic2_160.svg'; import Apps_M from 'illustration:./S2_fill_apps_generic2_96.svg'; import Apps_S from 'illustration:./S2_fill_apps_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx index 240edd55e58..2182141bee1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Artboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Artboard_L from 'illustration:./S2_fill_artboard_generic2_160.svg'; import Artboard_M from 'illustration:./S2_fill_artboard_generic2_96.svg'; import Artboard_S from 'illustration:./S2_fill_artboard_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx index c1223e9cc18..e0b34b7d8c0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Assets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Assets_L from 'illustration:./S2_fill_assets_generic2_160.svg'; import Assets_M from 'illustration:./S2_fill_assets_generic2_96.svg'; import Assets_S from 'illustration:./S2_fill_assets_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx index 3ba67aee9f6..7da52022f6c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/AudioWave.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AudioWave_L from 'illustration:./S2_fill_audioWave_generic2_160.svg'; import AudioWave_M from 'illustration:./S2_fill_audioWave_generic2_96.svg'; import AudioWave_S from 'illustration:./S2_fill_audioWave_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx index 947cfee412a..cde5e93784a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BadgeVerified.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BadgeVerified_L from 'illustration:./S2_fill_badgeVerified_generic2_160.svg'; import BadgeVerified_M from 'illustration:./S2_fill_badgeVerified_generic2_96.svg'; import BadgeVerified_S from 'illustration:./S2_fill_badgeVerified_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx index 6326c781039..1e86d0b307a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bell.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bell_L from 'illustration:./S2_fill_bell_generic2_160.svg'; import Bell_M from 'illustration:./S2_fill_bell_generic2_96.svg'; import Bell_S from 'illustration:./S2_fill_bell_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx index dc3848d4942..d1a4af218ee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Bolt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bolt_L from 'illustration:./S2_fill_bolt_generic2_160.svg'; import Bolt_M from 'illustration:./S2_fill_bolt_generic2_96.svg'; import Bolt_S from 'illustration:./S2_fill_bolt_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx index d2788aa331b..f6a94219489 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brand_L from 'illustration:./S2_fill_brand_generic2_160.svg'; import Brand_M from 'illustration:./S2_fill_brand_generic2_96.svg'; import Brand_S from 'illustration:./S2_fill_brand_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx index 085ea96e90e..4b32fb07fee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Briefcase.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Briefcase_L from 'illustration:./S2_fill_briefcase_generic2_160.svg'; import Briefcase_M from 'illustration:./S2_fill_briefcase_generic2_96.svg'; import Briefcase_S from 'illustration:./S2_fill_briefcase_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx index 8de257eeb3a..d3a42f44343 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BrightnessContrast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BrightnessContrast_L from 'illustration:./S2_fill_brightnessContrast_generic2_160.svg'; import BrightnessContrast_M from 'illustration:./S2_fill_brightnessContrast_generic2_96.svg'; import BrightnessContrast_S from 'illustration:./S2_fill_brightnessContrast_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx index 0547f8a8e07..6953e63eb38 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Browser.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Browser_L from 'illustration:./S2_fill_browser_generic2_160.svg'; import Browser_M from 'illustration:./S2_fill_browser_generic2_96.svg'; import Browser_S from 'illustration:./S2_fill_browser_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx index 1f2b834170f..5afcb37af51 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Brush.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brush_L from 'illustration:./S2_fill_brush_generic2_160.svg'; import Brush_M from 'illustration:./S2_fill_brush_generic2_96.svg'; import Brush_S from 'illustration:./S2_fill_brush_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx index 6eecbeb21d9..5883bc4ee9d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/BuildTable.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BuildTable_L from 'illustration:./S2_fill_buildTable_generic2_160.svg'; import BuildTable_M from 'illustration:./S2_fill_buildTable_generic2_96.svg'; import BuildTable_S from 'illustration:./S2_fill_buildTable_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx index c219ee7b244..661754c8ee3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Buildings.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Buildings_L from 'illustration:./S2_fill_buildings_generic2_160.svg'; import Buildings_M from 'illustration:./S2_fill_buildings_generic2_96.svg'; import Buildings_S from 'illustration:./S2_fill_buildings_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx index d19e35a41d5..9fae896e6f7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Calendar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Calendar_L from 'illustration:./S2_fill_calendar_generic2_160.svg'; import Calendar_M from 'illustration:./S2_fill_calendar_generic2_96.svg'; import Calendar_S from 'illustration:./S2_fill_calendar_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx index 1f830a72489..5e1dc3fcbb3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Camera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Camera_L from 'illustration:./S2_fill_camera_generic2_160.svg'; import Camera_M from 'illustration:./S2_fill_camera_generic2_96.svg'; import Camera_S from 'illustration:./S2_fill_camera_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx index a439c61dc91..1ffe5edb8eb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CardTapPayment.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CardTapPayment_L from 'illustration:./S2_fill_cardTapPayment_generic2_160.svg'; import CardTapPayment_M from 'illustration:./S2_fill_cardTapPayment_generic2_96.svg'; import CardTapPayment_S from 'illustration:./S2_fill_cardTapPayment_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx index e107f2595ca..954fe0723bf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Channel.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Channel_L from 'illustration:./S2_fill_channel_generic2_160.svg'; import Channel_M from 'illustration:./S2_fill_channel_generic2_96.svg'; import Channel_S from 'illustration:./S2_fill_channel_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx index 54b43d88b5b..0730f78e58e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ChartAreaStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ChartAreaStack_L from 'illustration:./S2_fill_chartAreaStack_generic2_160.svg'; import ChartAreaStack_M from 'illustration:./S2_fill_chartAreaStack_generic2_96.svg'; import ChartAreaStack_S from 'illustration:./S2_fill_chartAreaStack_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx index c6d4565bbb4..f3999ab8909 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Chatbubble.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Chatbubble_L from 'illustration:./S2_fill_chatbubble_generic2_160.svg'; import Chatbubble_M from 'illustration:./S2_fill_chatbubble_generic2_96.svg'; import Chatbubble_S from 'illustration:./S2_fill_chatbubble_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx index 97cb46b0426..da8340d125a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Checkmark.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Checkmark_L from 'illustration:./S2_fill_checkmark_generic2_160.svg'; import Checkmark_M from 'illustration:./S2_fill_checkmark_generic2_96.svg'; import Checkmark_S from 'illustration:./S2_fill_checkmark_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx index d295d37b905..37fad1f76c3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clipboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clipboard_L from 'illustration:./S2_fill_clipboard_generic2_160.svg'; import Clipboard_M from 'illustration:./S2_fill_clipboard_generic2_96.svg'; import Clipboard_S from 'illustration:./S2_fill_clipboard_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx index 18861bb9001..30786d2a03a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Clock.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clock_L from 'illustration:./S2_fill_clock_generic2_160.svg'; import Clock_M from 'illustration:./S2_fill_clock_generic2_96.svg'; import Clock_S from 'illustration:./S2_fill_clock_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx index e0411575032..c30faa87523 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cloud.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cloud_L from 'illustration:./S2_fill_cloud_generic2_160.svg'; import Cloud_M from 'illustration:./S2_fill_cloud_generic2_96.svg'; import Cloud_S from 'illustration:./S2_fill_cloud_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx index 8045cff4c2b..a80bc2b13a1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CloudUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CloudUpload_L from 'illustration:./S2_fill_cloudUpload_generic2_160.svg'; import CloudUpload_M from 'illustration:./S2_fill_cloudUpload_generic2_96.svg'; import CloudUpload_S from 'illustration:./S2_fill_cloudUpload_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx index 07e2d94c63d..8c93ba7b89c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CodeBrackets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CodeBrackets_L from 'illustration:./S2_fill_CodeBrackets_generic2_160.svg'; import CodeBrackets_M from 'illustration:./S2_fill_CodeBrackets_generic2_96.svg'; import CodeBrackets_S from 'illustration:./S2_fill_CodeBrackets_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx index 23f037b4e53..a1a5dd85042 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Color.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Color_L from 'illustration:./S2_fill_color_generic2_160.svg'; import Color_M from 'illustration:./S2_fill_color_generic2_96.svg'; import Color_S from 'illustration:./S2_fill_color_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx index dad5769d17e..a279b9b78aa 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/CommentText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CommentText_L from 'illustration:./S2_fill_commentText_generic2_160.svg'; import CommentText_M from 'illustration:./S2_fill_commentText_generic2_96.svg'; import CommentText_S from 'illustration:./S2_fill_commentText_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx index bf56836fcbd..b149b5e1d3a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Confetti.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Confetti_L from 'illustration:./S2_fill_confetti_generic2_160.svg'; import Confetti_M from 'illustration:./S2_fill_confetti_generic2_96.svg'; import Confetti_S from 'illustration:./S2_fill_confetti_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx index 4c1cae662f0..c815dc280ae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg'; import Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg'; import Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx index 86b0d946d8a..dc401beb9f3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Crop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Crop_L from 'illustration:./S2_fill_crop_generic2_160.svg'; import Crop_M from 'illustration:./S2_fill_crop_generic2_96.svg'; import Crop_S from 'illustration:./S2_fill_crop_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx index 7fc8e5e8d4a..90851232b6e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cursor.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cursor_L from 'illustration:./S2_fill_cursor_generic2_160.svg'; import Cursor_M from 'illustration:./S2_fill_cursor_generic2_96.svg'; import Cursor_S from 'illustration:./S2_fill_cursor_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx index 11b6d1ac976..9a3cf2b6a11 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Cut.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cut_L from 'illustration:./S2_fill_cut_generic2_160.svg'; import Cut_M from 'illustration:./S2_fill_cut_generic2_96.svg'; import Cut_S from 'illustration:./S2_fill_cut_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx index 35268818eda..913341a14f7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Data.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Data_L from 'illustration:./S2_fill_data_generic2_160.svg'; import Data_M from 'illustration:./S2_fill_data_generic2_96.svg'; import Data_S from 'illustration:./S2_fill_data_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx index c92aec2b8bd..6e60dbc6c50 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DataAnalytics.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DataAnalytics_L from 'illustration:./S2_fill_dataAnalytics_generic2_160.svg'; import DataAnalytics_M from 'illustration:./S2_fill_dataAnalytics_generic2_96.svg'; import DataAnalytics_S from 'illustration:./S2_fill_dataAnalytics_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx index fc1901b54b7..85dda72d881 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Desktop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Desktop_L from 'illustration:./S2_fill_desktop_generic2_160.svg'; import Desktop_M from 'illustration:./S2_fill_desktop_generic2_96.svg'; import Desktop_S from 'illustration:./S2_fill_desktop_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx index 75ce17bcc77..424f9dffe79 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Diamond.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Diamond_L from 'illustration:./S2_fill_diamond_generic2_160.svg'; import Diamond_M from 'illustration:./S2_fill_diamond_generic2_96.svg'; import Diamond_S from 'illustration:./S2_fill_diamond_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx index 73a7be049f5..30cc87f4ba3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Document.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Document_L from 'illustration:./S2_fill_document_generic2_160.svg'; import Document_M from 'illustration:./S2_fill_document_generic2_96.svg'; import Document_S from 'illustration:./S2_fill_document_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx index 48e6334ac00..4c0c7ed0da8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Download.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Download_L from 'illustration:./S2_fill_download_generic2_160.svg'; import Download_M from 'illustration:./S2_fill_download_generic2_96.svg'; import Download_S from 'illustration:./S2_fill_download_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx index 2360b363312..110b3b5129c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/DropToUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DropToUpload_L from 'illustration:./S2_fill_dropToUpload_generic2_160.svg'; import DropToUpload_M from 'illustration:./S2_fill_dropToUpload_generic2_96.svg'; import DropToUpload_S from 'illustration:./S2_fill_dropToUpload_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx index 0cfc8443bce..81d3b6df8c5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Education.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Education_L from 'illustration:./S2_fill_education_generic2_160.svg'; import Education_M from 'illustration:./S2_fill_education_generic2_96.svg'; import Education_S from 'illustration:./S2_fill_education_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx index c35adc055f1..ec801568cd4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Effects.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Effects_L from 'illustration:./S2_fill_effects_generic2_160.svg'; import Effects_M from 'illustration:./S2_fill_effects_generic2_96.svg'; import Effects_S from 'illustration:./S2_fill_effects_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx index b7cac0983d5..b1b00e848ff 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Emoji.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Emoji_L from 'illustration:./S2_fill_emoji_generic2_160.svg'; import Emoji_M from 'illustration:./S2_fill_emoji_generic2_96.svg'; import Emoji_S from 'illustration:./S2_fill_emoji_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx index 13b47cb8499..736d429d00f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/EmptyStateExport.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import EmptyStateExport_L from 'illustration:./S2_fill_EmptyStateExport_generic2_160.svg'; import EmptyStateExport_M from 'illustration:./S2_fill_EmptyStateExport_generic2_96.svg'; import EmptyStateExport_S from 'illustration:./S2_fill_EmptyStateExport_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx index 7778aa12d7f..d76ea88df4d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Explosion.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Explosion_L from 'illustration:./S2_fill_explosion_generic2_160.svg'; import Explosion_M from 'illustration:./S2_fill_explosion_generic2_96.svg'; import Explosion_S from 'illustration:./S2_fill_explosion_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx index 453ce5c6e48..530ef34251f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ExportTo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ExportTo_L from 'illustration:./S2_fill_exportTo_generic2_160.svg'; import ExportTo_M from 'illustration:./S2_fill_exportTo_generic2_96.svg'; import ExportTo_S from 'illustration:./S2_fill_exportTo_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx index 5f095732177..d2e8a182b8a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Exposure.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Exposure_L from 'illustration:./S2_fill_exposure_generic2_160.svg'; import Exposure_M from 'illustration:./S2_fill_exposure_generic2_96.svg'; import Exposure_S from 'illustration:./S2_fill_exposure_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx index fa5be3f193a..f010b8713a5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileImage_L from 'illustration:./S2_fill_fileImage_generic2_160.svg'; import FileImage_M from 'illustration:./S2_fill_fileImage_generic2_96.svg'; import FileImage_S from 'illustration:./S2_fill_fileImage_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx index a5799aa302a..f063d929e73 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileShared.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileShared_L from 'illustration:./S2_fill_fileShared_generic2_160.svg'; import FileShared_M from 'illustration:./S2_fill_fileShared_generic2_96.svg'; import FileShared_S from 'illustration:./S2_fill_fileShared_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx index 3012003eebd..e3a44957903 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileText_L from 'illustration:./S2_fill_fileText_generic2_160.svg'; import FileText_M from 'illustration:./S2_fill_fileText_generic2_96.svg'; import FileText_S from 'illustration:./S2_fill_fileText_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx index 6251cc456ec..5e9fb2cefcb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileVideo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileVideo_L from 'illustration:./S2_fill_fileVideo_generic2_160.svg'; import FileVideo_M from 'illustration:./S2_fill_fileVideo_generic2_96.svg'; import FileVideo_S from 'illustration:./S2_fill_fileVideo_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx index 460b9ee0021..1a047770024 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FileZip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileZip_L from 'illustration:./S2_fill_fileZip_generic2_160.svg'; import FileZip_M from 'illustration:./S2_fill_fileZip_generic2_96.svg'; import FileZip_S from 'illustration:./S2_fill_fileZip_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx index 24274491b54..661778ac2d7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filmstrip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filmstrip_L from 'illustration:./S2_fill_filmstrip_generic2_160.svg'; import Filmstrip_M from 'illustration:./S2_fill_filmstrip_generic2_96.svg'; import Filmstrip_S from 'illustration:./S2_fill_filmstrip_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx index e9d103e406b..0b1c3bff75b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filter.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filter_L from 'illustration:./S2_fill_filter_generic2_160.svg'; import Filter_M from 'illustration:./S2_fill_filter_generic2_96.svg'; import Filter_S from 'illustration:./S2_fill_filter_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx index 5b7fd62e928..5247d3e38bb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Filters.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filters_L from 'illustration:./S2_fill_filters_generic2_160.svg'; import Filters_M from 'illustration:./S2_fill_filters_generic2_96.svg'; import Filters_S from 'illustration:./S2_fill_filters_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx index d9282a81279..7a31f085538 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Fireworks.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Fireworks_L from 'illustration:./S2_fill_fireworks_generic2_160.svg'; import Fireworks_M from 'illustration:./S2_fill_fireworks_generic2_96.svg'; import Fireworks_S from 'illustration:./S2_fill_fireworks_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx index aca1d14bb87..f6186fd55ce 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Flag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Flag_L from 'illustration:./S2_fill_flag_generic2_160.svg'; import Flag_M from 'illustration:./S2_fill_flag_generic2_96.svg'; import Flag_S from 'illustration:./S2_fill_flag_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx index db540ef8ca1..d178bbdfcee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCheckmark.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCheckmark_L from 'illustration:./S2_fill_flagCheckmark_generic2_160.svg'; import FlagCheckmark_M from 'illustration:./S2_fill_flagCheckmark_generic2_96.svg'; import FlagCheckmark_S from 'illustration:./S2_fill_flagCheckmark_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx index 17a1b09ff2e..122bc7d0850 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FlagCross.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCross_L from 'illustration:./S2_fill_flagCross_generic2_160.svg'; import FlagCross_M from 'illustration:./S2_fill_flagCross_generic2_96.svg'; import FlagCross_S from 'illustration:./S2_fill_flagCross_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx index 8f6d85ff11f..84c7e005382 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderClose_L from 'illustration:./S2_fill_folderClose_generic2_160.svg'; import FolderClose_M from 'illustration:./S2_fill_folderClose_generic2_96.svg'; import FolderClose_S from 'illustration:./S2_fill_folderClose_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx index 7d1f5e2af7d..061a8ca7fe6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderOpen_L from 'illustration:./S2_fill_folderOpen_generic2_160.svg'; import FolderOpen_M from 'illustration:./S2_fill_folderOpen_generic2_96.svg'; import FolderOpen_S from 'illustration:./S2_fill_folderOpen_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx index 88f369dbc80..3b2ea8ae83d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/FolderShared.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderShared_L from 'illustration:./S2_fill_folderShared_generic2_160.svg'; import FolderShared_M from 'illustration:./S2_fill_folderShared_generic2_96.svg'; import FolderShared_S from 'illustration:./S2_fill_folderShared_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx index 13a6e603686..76ca6b6ba10 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GearSetting.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GearSetting_L from 'illustration:./S2_fill_gearSetting_generic2_160.svg'; import GearSetting_M from 'illustration:./S2_fill_gearSetting_generic2_96.svg'; import GearSetting_S from 'illustration:./S2_fill_gearSetting_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx index 54ac29d3471..b63befa0ed4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Gift.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Gift_L from 'illustration:./S2_fill_gift_generic2_160.svg'; import Gift_M from 'illustration:./S2_fill_gift_generic2_96.svg'; import Gift_S from 'illustration:./S2_fill_gift_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx index 6ca54394ea7..fa1498e8a1e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Globe.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Globe_L from 'illustration:./S2_fill_globe_generic2_160.svg'; import Globe_M from 'illustration:./S2_fill_globe_generic2_96.svg'; import Globe_S from 'illustration:./S2_fill_globe_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx index 0ff335010c5..c33a5b2b62a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GlobeGrid.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GlobeGrid_L from 'illustration:./S2_fill_globeGrid_generic2_160.svg'; import GlobeGrid_M from 'illustration:./S2_fill_globeGrid_generic2_96.svg'; import GlobeGrid_S from 'illustration:./S2_fill_globeGrid_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx index ce6056937f8..5a27396ffc1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/GraphBarChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GraphBarChart_L from 'illustration:./S2_fill_graphBarChart_generic2_160.svg'; import GraphBarChart_M from 'illustration:./S2_fill_graphBarChart_generic2_96.svg'; import GraphBarChart_S from 'illustration:./S2_fill_graphBarChart_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx index 1f7fd4d1995..6422d01da52 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Hand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Hand_L from 'illustration:./S2_fill_hand_generic2_160.svg'; import Hand_M from 'illustration:./S2_fill_hand_generic2_96.svg'; import Hand_S from 'illustration:./S2_fill_hand_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx index 3d93bfdd2f2..feb1eead46e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Handshake.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Handshake_L from 'illustration:./S2_fill_handshake_generic2_160.svg'; import Handshake_M from 'illustration:./S2_fill_handshake_generic2_96.svg'; import Handshake_S from 'illustration:./S2_fill_handshake_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx index f1eb672aa82..5bf64cf9b4f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Heart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Heart_L from 'illustration:./S2_fill_heart_generic2_160.svg'; import Heart_M from 'illustration:./S2_fill_heart_generic2_96.svg'; import Heart_S from 'illustration:./S2_fill_heart_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx index f118530c2cd..f5ed7117acc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/HelpCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import HelpCircle_L from 'illustration:./S2_fill_helpCircle_generic2_160.svg'; import HelpCircle_M from 'illustration:./S2_fill_helpCircle_generic2_96.svg'; import HelpCircle_S from 'illustration:./S2_fill_helpCircle_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx index 1db379fedff..b1ae690a1bb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Home.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Home_L from 'illustration:./S2_fill_home_generic2_160.svg'; import Home_M from 'illustration:./S2_fill_home_generic2_96.svg'; import Home_S from 'illustration:./S2_fill_home_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx index afc6435c9ba..ffae10c4961 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Illustration.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Illustration_L from 'illustration:./S2_fill_illustration_generic2_160.svg'; import Illustration_M from 'illustration:./S2_fill_illustration_generic2_96.svg'; import Illustration_S from 'illustration:./S2_fill_illustration_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx index a26ce819ef6..55229251937 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Image.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Image_L from 'illustration:./S2_fill_image_generic2_160.svg'; import Image_M from 'illustration:./S2_fill_image_generic2_96.svg'; import Image_S from 'illustration:./S2_fill_image_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx index 62503d240bf..66ab51f4e13 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ImageStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ImageStack_L from 'illustration:./S2_fill_imageStack_generic2_160.svg'; import ImageStack_M from 'illustration:./S2_fill_imageStack_generic2_96.svg'; import ImageStack_S from 'illustration:./S2_fill_imageStack_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx index f02fdad017e..66fdfed3ea4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/InfiniteLooping.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import InfiniteLooping_L from 'illustration:./S2_fill_infiniteLooping_generic2_160.svg'; import InfiniteLooping_M from 'illustration:./S2_fill_infiniteLooping_generic2_96.svg'; import InfiniteLooping_S from 'illustration:./S2_fill_infiniteLooping_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx index 1d282ff2e19..308795d5630 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Information.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Information_L from 'illustration:./S2_fill_information_generic2_160.svg'; import Information_M from 'illustration:./S2_fill_information_generic2_96.svg'; import Information_S from 'illustration:./S2_fill_information_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx index 00072e154ee..a5038f14177 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Interaction.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Interaction_L from 'illustration:./S2_fill_interaction_generic2_160.svg'; import Interaction_M from 'illustration:./S2_fill_interaction_generic2_96.svg'; import Interaction_S from 'illustration:./S2_fill_interaction_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx index 3707167be01..fee7c17c1a1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Laptop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Laptop_L from 'illustration:./S2_fill_laptop_generic2_160.svg'; import Laptop_M from 'illustration:./S2_fill_laptop_generic2_96.svg'; import Laptop_S from 'illustration:./S2_fill_laptop_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx index 33808443877..d617c3181aa 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Layers.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Layers_L from 'illustration:./S2_fill_layers_generic2_160.svg'; import Layers_M from 'illustration:./S2_fill_layers_generic2_96.svg'; import Layers_S from 'illustration:./S2_fill_layers_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx index c3d2bcfc5df..ae78af8f4a2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Libraries.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Libraries_L from 'illustration:./S2_fill_libraries_generic2_160.svg'; import Libraries_M from 'illustration:./S2_fill_libraries_generic2_96.svg'; import Libraries_S from 'illustration:./S2_fill_libraries_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx index bc202ce8aab..f7269938870 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lightbulb.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lightbulb_L from 'illustration:./S2_fill_lightbulb_generic2_160.svg'; import Lightbulb_M from 'illustration:./S2_fill_lightbulb_generic2_96.svg'; import Lightbulb_S from 'illustration:./S2_fill_lightbulb_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx index b932864b66c..d9b43ff6300 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LightbulbRays.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LightbulbRays_L from 'illustration:./S2_fill_lightbulbRays_generic2_160.svg'; import LightbulbRays_M from 'illustration:./S2_fill_lightbulbRays_generic2_96.svg'; import LightbulbRays_S from 'illustration:./S2_fill_lightbulbRays_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx index f3610973eaf..e830e346d73 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Lighten.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lighten_L from 'illustration:./S2_fill_lighten_generic2_160.svg'; import Lighten_M from 'illustration:./S2_fill_lighten_generic2_96.svg'; import Lighten_S from 'illustration:./S2_fill_lighten_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx index 44a211db6f6..b746286b778 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Link.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Link_L from 'illustration:./S2_fill_link_generic2_160.svg'; import Link_M from 'illustration:./S2_fill_link_generic2_96.svg'; import Link_S from 'illustration:./S2_fill_link_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx index 28856e541df..b40a57f775b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Location.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Location_L from 'illustration:./S2_fill_location_generic2_160.svg'; import Location_M from 'illustration:./S2_fill_location_generic2_96.svg'; import Location_S from 'illustration:./S2_fill_location_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx index 4f882226883..cd174a97cca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockClose_L from 'illustration:./S2_fill_lockClose_generic2_160.svg'; import LockClose_M from 'illustration:./S2_fill_lockClose_generic2_96.svg'; import LockClose_S from 'illustration:./S2_fill_lockClose_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx index 37ba6a9f745..54cce08ca27 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/LockOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockOpen_L from 'illustration:./S2_fill_lockOpen_generic2_160.svg'; import LockOpen_M from 'illustration:./S2_fill_lockOpen_generic2_96.svg'; import LockOpen_S from 'illustration:./S2_fill_lockOpen_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx index e64e013df7a..e9225c37175 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Logo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Logo_L from 'illustration:./S2_fill_logo_generic2_160.svg'; import Logo_M from 'illustration:./S2_fill_logo_generic2_96.svg'; import Logo_S from 'illustration:./S2_fill_logo_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx index 588fccb0133..4fb0022bd0e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MagicWand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MagicWand_L from 'illustration:./S2_fill_magicWand_generic2_160.svg'; import MagicWand_M from 'illustration:./S2_fill_magicWand_generic2_96.svg'; import MagicWand_S from 'illustration:./S2_fill_magicWand_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx index 3d8da1e0096..e452ee5f38a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailClose_L from 'illustration:./S2_fill_mailClose_generic2_160.svg'; import MailClose_M from 'illustration:./S2_fill_mailClose_generic2_96.svg'; import MailClose_S from 'illustration:./S2_fill_mailClose_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx index d8595def4fa..083abf3c5a6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MailOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailOpen_L from 'illustration:./S2_fill_mailOpen_generic2_160.svg'; import MailOpen_M from 'illustration:./S2_fill_mailOpen_generic2_96.svg'; import MailOpen_S from 'illustration:./S2_fill_mailOpen_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx index 2ca1f6bf9ab..9ef2649d762 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Market.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Market_L from 'illustration:./S2_fill_market_generic2_160.svg'; import Market_M from 'illustration:./S2_fill_market_generic2_96.svg'; import Market_S from 'illustration:./S2_fill_market_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx index f783e0e3872..ec342e0cf23 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromote_L from 'illustration:./S2_fill_megaphonePromote_generic2_160.svg'; import MegaphonePromote_M from 'illustration:./S2_fill_megaphonePromote_generic2_96.svg'; import MegaphonePromote_S from 'illustration:./S2_fill_megaphonePromote_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx index 2fba07aae3d..f4ef705e21b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MegaphonePromote2.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromote2_L from 'illustration:./S2_fill_megaphonePromote2_generic2_160.svg'; import MegaphonePromote2_M from 'illustration:./S2_fill_megaphonePromote2_generic2_96.svg'; import MegaphonePromote2_S from 'illustration:./S2_fill_megaphonePromote2_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx index 76857762d57..e0c8295f22e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Mention.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Mention_L from 'illustration:./S2_fill_mention_generic2_160.svg'; import Mention_M from 'illustration:./S2_fill_mention_generic2_96.svg'; import Mention_S from 'illustration:./S2_fill_mention_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx index fe49d70f91d..16bca772278 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Microphone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Microphone_L from 'illustration:./S2_fill_microphone_generic2_160.svg'; import Microphone_M from 'illustration:./S2_fill_microphone_generic2_96.svg'; import Microphone_S from 'illustration:./S2_fill_microphone_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx index 83342d78042..93cd990406b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Minimize.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Minimize_L from 'illustration:./S2_fill_minimize_generic2_160.svg'; import Minimize_M from 'illustration:./S2_fill_minimize_generic2_96.svg'; import Minimize_S from 'illustration:./S2_fill_minimize_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx index e326fd478f0..686537c7112 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MovieCamera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MovieCamera_L from 'illustration:./S2_fill_movieCamera_generic2_160.svg'; import MovieCamera_M from 'illustration:./S2_fill_movieCamera_generic2_96.svg'; import MovieCamera_S from 'illustration:./S2_fill_movieCamera_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx index 6faa86a63aa..2e9cf4b032f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/MusicNote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MusicNote_L from 'illustration:./S2_fill_musicNote_generic2_160.svg'; import MusicNote_M from 'illustration:./S2_fill_musicNote_generic2_96.svg'; import MusicNote_S from 'illustration:./S2_fill_musicNote_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx index 13f49b22fae..303513f3ee1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/NoElements.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoElements_L from 'illustration:./S2_fill_noElements_generic2_160.svg'; import NoElements_M from 'illustration:./S2_fill_noElements_generic2_96.svg'; import NoElements_S from 'illustration:./S2_fill_noElements_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx index 6ae40844909..68d464bd601 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperairplane.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperairplane_L from 'illustration:./S2_fill_paperairplane_generic2_160.svg'; import Paperairplane_M from 'illustration:./S2_fill_paperairplane_generic2_96.svg'; import Paperairplane_S from 'illustration:./S2_fill_paperairplane_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx index 8ae365629bf..1bdf3a905b5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Paperclip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperclip_L from 'illustration:./S2_fill_paperclip_generic2_160.svg'; import Paperclip_M from 'illustration:./S2_fill_paperclip_generic2_96.svg'; import Paperclip_S from 'illustration:./S2_fill_paperclip_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx index 0762573ed8d..e9536ba42c3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pause.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pause_L from 'illustration:./S2_fill_pause_generic2_160.svg'; import Pause_M from 'illustration:./S2_fill_pause_generic2_96.svg'; import Pause_S from 'illustration:./S2_fill_pause_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx index 8d43b4799a2..87e1595d395 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pencil.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pencil_L from 'illustration:./S2_fill_pencil_generic2_160.svg'; import Pencil_M from 'illustration:./S2_fill_pencil_generic2_96.svg'; import Pencil_S from 'illustration:./S2_fill_pencil_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx index 4734d03a852..411d938f959 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Phone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Phone_L from 'illustration:./S2_fill_phone_generic2_160.svg'; import Phone_M from 'illustration:./S2_fill_phone_generic2_96.svg'; import Phone_S from 'illustration:./S2_fill_phone_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx index dff5fd75c91..42bfa0f8dae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PieChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PieChart_L from 'illustration:./S2_fill_pieChart_generic2_160.svg'; import PieChart_M from 'illustration:./S2_fill_pieChart_generic2_96.svg'; import PieChart_S from 'illustration:./S2_fill_pieChart_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx index df88e98f7c2..d3ebf1dba92 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PiggyBank.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PiggyBank_L from 'illustration:./S2_fill_piggyBank_generic2_160.svg'; import PiggyBank_M from 'illustration:./S2_fill_piggyBank_generic2_96.svg'; import PiggyBank_S from 'illustration:./S2_fill_piggyBank_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx index a2281ba3233..07b0fb7e461 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Pin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pin_L from 'illustration:./S2_fill_pin_generic2_160.svg'; import Pin_M from 'illustration:./S2_fill_pin_generic2_96.svg'; import Pin_S from 'illustration:./S2_fill_pin_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx index 2f0218af52a..a8e2b2f5551 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Play.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Play_L from 'illustration:./S2_fill_play_generic2_160.svg'; import Play_M from 'illustration:./S2_fill_play_generic2_96.svg'; import Play_S from 'illustration:./S2_fill_play_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx index 712f019a26d..5ccfdac43be 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/PlayTriangle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PlayTriangle_L from 'illustration:./S2_fill_playTriangle_generic2_160.svg'; import PlayTriangle_M from 'illustration:./S2_fill_playTriangle_generic2_96.svg'; import PlayTriangle_S from 'illustration:./S2_fill_playTriangle_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx index a05bc911a61..ff567524dfd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Plugin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Plugin_L from 'illustration:./S2_fill_plugin_generic2_160.svg'; import Plugin_M from 'illustration:./S2_fill_plugin_generic2_96.svg'; import Plugin_S from 'illustration:./S2_fill_plugin_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx index 828e4b6cebb..dd02b0e020b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Prompt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Prompt_L from 'illustration:./S2_fill_prompt_generic2_160.svg'; import Prompt_M from 'illustration:./S2_fill_prompt_generic2_96.svg'; import Prompt_S from 'illustration:./S2_fill_prompt_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx index 7d22aaf53cb..eafaa2f3866 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Properties.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Properties_L from 'illustration:./S2_fill_properties_generic2_160.svg'; import Properties_M from 'illustration:./S2_fill_properties_generic2_96.svg'; import Properties_S from 'illustration:./S2_fill_properties_generic2_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx index a459577e57e..fc0e6c6d0b3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Redo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Redo_L from 'illustration:./S2_fill_redo_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx index e319fb57ca4..e1f336901ba 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Remix.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Remix_L from 'illustration:./S2_fill_remix_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx index 282be1965ac..a5916f13968 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Replace.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Replace_L from 'illustration:./S2_fill_replace_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx index 9b98f59a312..250ef9299f8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Revert.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Revert_L from 'illustration:./S2_fill_revert_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx index 3846cdb1dd3..d55b774213f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ribbon.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Ribbon_L from 'illustration:./S2_fill_ribbon_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx index 225a44503ad..56b5c8c1523 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Rocket.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Rocket_L from 'illustration:./S2_fill_rocket_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx index 626d0110f33..4dd04c2025c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import RotateCCW_L from 'illustration:./S2_fill_rotateCCW_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx index 596cfbc39e8..fc085b36e3a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/RotateCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import RotateCW_L from 'illustration:./S2_fill_rotateCW_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx index e30ab0c3c4d..30b949e4b05 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Ruler.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Ruler_L from 'illustration:./S2_fill_ruler_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx index 6c1a5922c6a..ef1ba34b78f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Search.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Search_L from 'illustration:./S2_fill_search_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx index 4b1fd9d268f..0f2f7f8cdee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Segmentation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Segmentation_L from 'illustration:./S2_fill_segmentation_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx index 11c92b886fd..e08e810e652 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Server.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Server_L from 'illustration:./S2_fill_server_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx index aa446264610..fe133b77e38 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Shapes.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Shapes_L from 'illustration:./S2_fill_shapes_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx index af8944dc7fe..f5b22d089e2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingBag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ShoppingBag_L from 'illustration:./S2_fill_shoppingBag_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx index f0d6448f3ae..f484e6a2734 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ShoppingCart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ShoppingCart_L from 'illustration:./S2_fill_shoppingCart_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx index 019afee6fb4..745555d5efc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Sparkles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Sparkles_L from 'illustration:./S2_fill_sparkles_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx index 79fcbb4b488..0c2f9c44228 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/SpeedFast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import SpeedFast_L from 'illustration:./S2_fill_speedFast_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx index 8c359b1595a..5e58381d09b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StampClone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import StampClone_L from 'illustration:./S2_fill_stampClone_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx index e43aa773cfd..3cfbbde1cba 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Star.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Star_L from 'illustration:./S2_fill_star_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx index 7f3631020ae..6aa3323fec5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/StepForward.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import StepForward_L from 'illustration:./S2_fill_stepForward_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx index fb00486c95e..b3c6ae3b8a6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Switch.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Switch_L from 'illustration:./S2_fill_switch_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx index 8861c7044c3..12208d8aa09 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tablet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Tablet_L from 'illustration:./S2_fill_tablet_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx index 8997698b990..ffdc55a7378 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Tag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Tag_L from 'illustration:./S2_fill_tag_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx index c9f28e96eb2..cf00ff8b60b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Targeted.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Targeted_L from 'illustration:./S2_fill_targeted_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx index 7885305855d..5b6fb3a5a10 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Text.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Text_L from 'illustration:./S2_fill_text_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx index 38c906dbe7e..99f2dbaeb04 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThreeArrowsCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ThreeArrowsCircle_L from 'illustration:./S2_fill_threeArrowsCircle_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx index 5dcdafa2ef4..051fde396fc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/ThumbsUp.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import ThumbsUp_L from 'illustration:./S2_fill_thumbsUp_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx index f16d7aa1b24..0b3b8bbc337 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Transform.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Transform_L from 'illustration:./S2_fill_transform_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx index d7f914ec7be..84cf63ca00c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Translate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Translate_L from 'illustration:./S2_fill_translate_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx index 542b87f022b..7317bc4f279 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trash.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Trash_L from 'illustration:./S2_fill_trash_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx index 4ea3089d188..6779df02b70 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Trophy.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Trophy_L from 'illustration:./S2_fill_trophy_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx index 8a2749aecde..922c6b7e8bd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Update.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Update_L from 'illustration:./S2_fill_update_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx index ddd68b4c74a..40f910bdffc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Upload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import Upload_L from 'illustration:./S2_fill_upload_generic2_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx index 9ac4a58bcdb..5e691173199 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/User.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx index 067b4db7297..d880dd5e2f9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserAvatar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx index 2723bbbdfa9..53667892720 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/UserGroup.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx index db2d118a60b..4fd2d6a8376 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VectorDraw.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx index 20a8874766d..27d6fa9435c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Video.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx index 3f6a044ce4d..a3662cdd73d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Volume.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx index 8bf44a1dadc..8c52aa2a8fa 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/VolumeOne.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx index 336094e9c17..34c2bf37fbc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Wallet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx index 1918e9e0441..b170425af33 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3D.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3D_L from 'illustration:./S2_lin_3D_160.svg'; import _3D_M from 'illustration:./S2_lin_3D_96.svg'; import _3D_S from 'illustration:./S2_lin_3D_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx index 0d4c8dd8bd3..b5b7a1a8dc1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/3Dasset.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import _3Dasset_L from 'illustration:./S2_lin_3Dasset_160.svg'; import _3Dasset_M from 'illustration:./S2_lin_3Dasset_96.svg'; import _3Dasset_S from 'illustration:./S2_lin_3Dasset_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx index ca2e7b75c4d..409356f7e97 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIChat.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIChat_L from 'illustration:./S2_lin_AIChat_160.svg'; import AIChat_M from 'illustration:./S2_lin_AIChat_96.svg'; import AIChat_S from 'illustration:./S2_lin_AIChat_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx index 75e770ecc57..4cd4d83aa01 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerate_L from 'illustration:./S2_lin_AIGenerate_160.svg'; import AIGenerate_M from 'illustration:./S2_lin_AIGenerate_96.svg'; import AIGenerate_S from 'illustration:./S2_lin_AIGenerate_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx index c34cf17a982..a59f1e182fc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AIGenerateImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AIGenerateImage_L from 'illustration:./S2_lin_AIGenerateImage_160.svg'; import AIGenerateImage_M from 'illustration:./S2_lin_AIGenerateImage_96.svg'; import AIGenerateImage_S from 'illustration:./S2_lin_AIGenerateImage_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx index 361d6f4291a..7d3b926b83d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Accessibility.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Accessibility_L from 'illustration:./S2_lin_accessibility_160.svg'; import Accessibility_M from 'illustration:./S2_lin_accessibility_96.svg'; import Accessibility_S from 'illustration:./S2_lin_accessibility_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx index 926ad679b24..c128c08b9fb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Addproject.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Addproject_L from 'illustration:./S2_lin_addproject_160.svg'; import Addproject_M from 'illustration:./S2_lin_addproject_96.svg'; import Addproject_S from 'illustration:./S2_lin_addproject_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx index e7baa97fd60..78bc6b462ad 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AlertNotice_L from 'illustration:./S2_lin_alertNotice_160.svg'; import AlertNotice_M from 'illustration:./S2_lin_alertNotice_96.svg'; import AlertNotice_S from 'illustration:./S2_lin_alertNotice_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx index 1b7fdc405e1..d97b931ced7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Animation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Animation_L from 'illustration:./S2_lin_animation_160.svg'; import Animation_M from 'illustration:./S2_lin_animation_96.svg'; import Animation_S from 'illustration:./S2_lin_animation_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx index da76f8489da..9a86454384e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Apps_L from 'illustration:./S2_lin_apps_160.svg'; import Apps_M from 'illustration:./S2_lin_apps_96.svg'; import Apps_S from 'illustration:./S2_lin_apps_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx index 8784d756ed5..a90b86f234f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ArrowDown_L from 'illustration:./S2_lin_arrowDown_160.svg'; import ArrowDown_M from 'illustration:./S2_lin_arrowDown_96.svg'; import ArrowDown_S from 'illustration:./S2_lin_arrowDown_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx index 23462884920..dd55339b8e8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ArrowLeft_L from 'illustration:./S2_lin_arrowLeft_160.svg'; import ArrowLeft_M from 'illustration:./S2_lin_arrowLeft_96.svg'; import ArrowLeft_S from 'illustration:./S2_lin_arrowLeft_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx index 7efc36a427b..57f23600182 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ArrowRight_L from 'illustration:./S2_lin_arrowRight_160.svg'; import ArrowRight_M from 'illustration:./S2_lin_arrowRight_96.svg'; import ArrowRight_S from 'illustration:./S2_lin_arrowRight_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx index b1ddee3ddb1..cd50fff130e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ArrowUp_L from 'illustration:./S2_lin_arrowUp_160.svg'; import ArrowUp_M from 'illustration:./S2_lin_arrowUp_96.svg'; import ArrowUp_S from 'illustration:./S2_lin_arrowUp_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx index ac6906827ba..2e215b95b18 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Artboard_L from 'illustration:./S2_lin_artboard_160.svg'; import Artboard_M from 'illustration:./S2_lin_artboard_96.svg'; import Artboard_S from 'illustration:./S2_lin_artboard_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx index fb176e8686d..2e64bee6c4f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Assets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Assets_L from 'illustration:./S2_lin_assets_160.svg'; import Assets_M from 'illustration:./S2_lin_assets_96.svg'; import Assets_S from 'illustration:./S2_lin_assets_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx index 877f57fd2f3..fab27a83987 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AudioWave.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import AudioWave_L from 'illustration:./S2_lin_audioWave_160.svg'; import AudioWave_M from 'illustration:./S2_lin_audioWave_96.svg'; import AudioWave_S from 'illustration:./S2_lin_audioWave_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx index b83614555dc..58165065fe9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BadgeVerified.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BadgeVerified_L from 'illustration:./S2_lin_badgeVerified_160.svg'; import BadgeVerified_M from 'illustration:./S2_lin_badgeVerified_96.svg'; import BadgeVerified_S from 'illustration:./S2_lin_badgeVerified_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx index fdcbbcf96ac..10a332edeae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bell_L from 'illustration:./S2_lin_bell_160.svg'; import Bell_M from 'illustration:./S2_lin_bell_96.svg'; import Bell_S from 'illustration:./S2_lin_bell_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx index 1b76b447cb4..83a5212c8ca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bolt_L from 'illustration:./S2_lin_bolt_160.svg'; import Bolt_M from 'illustration:./S2_lin_bolt_96.svg'; import Bolt_S from 'illustration:./S2_lin_bolt_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx index e64209f532e..cf79e3260b1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brand_L from 'illustration:./S2_lin_brand_160.svg'; import Brand_M from 'illustration:./S2_lin_brand_96.svg'; import Brand_S from 'illustration:./S2_lin_brand_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx index 06025236370..a60aeef06b8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Briefcase_L from 'illustration:./S2_lin_briefcase_160.svg'; import Briefcase_M from 'illustration:./S2_lin_briefcase_96.svg'; import Briefcase_S from 'illustration:./S2_lin_briefcase_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx index 672a3fbc961..9563ee38eb8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrightnessContrast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BrightnessContrast_L from 'illustration:./S2_lin_brightnessContrast_160.svg'; import BrightnessContrast_M from 'illustration:./S2_lin_brightnessContrast_96.svg'; import BrightnessContrast_S from 'illustration:./S2_lin_brightnessContrast_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx index a7b0b36a714..6dc208d8e33 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Browser_L from 'illustration:./S2_lin_browser_160.svg'; import Browser_M from 'illustration:./S2_lin_browser_96.svg'; import Browser_S from 'illustration:./S2_lin_browser_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx index ae6759526e8..e22fb8ee606 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BrowserError_L from 'illustration:./S2_lin_browserError_160.svg'; import BrowserError_M from 'illustration:./S2_lin_browserError_96.svg'; import BrowserError_S from 'illustration:./S2_lin_browserError_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx index d6fa9a3895c..dd9afdfc9b9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BrowserNotCompatible_L from 'illustration:./S2_lin_browserNotCompatible_160.svg'; import BrowserNotCompatible_M from 'illustration:./S2_lin_browserNotCompatible_96.svg'; import BrowserNotCompatible_S from 'illustration:./S2_lin_browserNotCompatible_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx index 50814fa79df..9832f4b1020 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brush.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Brush_L from 'illustration:./S2_lin_brush_160.svg'; import Brush_M from 'illustration:./S2_lin_brush_96.svg'; import Brush_S from 'illustration:./S2_lin_brush_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx index 3eda5d42dd0..41fae4f7b5f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bug.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Bug_L from 'illustration:./S2_lin_bug_160.svg'; import Bug_M from 'illustration:./S2_lin_bug_96.svg'; import Bug_S from 'illustration:./S2_lin_bug_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx index 075467fb1f3..570cea0798c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import BuildTable_L from 'illustration:./S2_lin_buildTable_160.svg'; import BuildTable_M from 'illustration:./S2_lin_buildTable_96.svg'; import BuildTable_S from 'illustration:./S2_lin_buildTable_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx index 757f3e69ee7..231e44e0f39 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Buildings_L from 'illustration:./S2_lin_buildings_160.svg'; import Buildings_M from 'illustration:./S2_lin_buildings_96.svg'; import Buildings_S from 'illustration:./S2_lin_buildings_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx index 6bb10cbb030..ff9d1681eb8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Calendar_L from 'illustration:./S2_lin_calendar_160.svg'; import Calendar_M from 'illustration:./S2_lin_calendar_96.svg'; import Calendar_S from 'illustration:./S2_lin_calendar_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx index 05a5aab2959..4649dd944e6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Camera_L from 'illustration:./S2_lin_camera_160.svg'; import Camera_M from 'illustration:./S2_lin_camera_96.svg'; import Camera_S from 'illustration:./S2_lin_camera_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx index 555bea41217..6ef9e44ae74 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CardTapPayment.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CardTapPayment_L from 'illustration:./S2_lin_cardTapPayment_160.svg'; import CardTapPayment_M from 'illustration:./S2_lin_cardTapPayment_96.svg'; import CardTapPayment_S from 'illustration:./S2_lin_cardTapPayment_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx index f46119a8f67..cecaf110ad2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Channel.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Channel_L from 'illustration:./S2_lin_channel_160.svg'; import Channel_M from 'illustration:./S2_lin_channel_96.svg'; import Channel_S from 'illustration:./S2_lin_channel_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx index 14962678e99..40e6649ac53 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ChartAreaStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ChartAreaStack_L from 'illustration:./S2_lin_chartAreaStack_160.svg'; import ChartAreaStack_M from 'illustration:./S2_lin_chartAreaStack_96.svg'; import ChartAreaStack_S from 'illustration:./S2_lin_chartAreaStack_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx index 171343fd8a7..6a6b430c1f3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Chatbubble_L from 'illustration:./S2_lin_chatbubble_160.svg'; import Chatbubble_M from 'illustration:./S2_lin_chatbubble_96.svg'; import Chatbubble_S from 'illustration:./S2_lin_chatbubble_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx index 7414e9ae7c4..49e04ce73c6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Check_L from 'illustration:./S2_lin_check_160.svg'; import Check_M from 'illustration:./S2_lin_check_96.svg'; import Check_S from 'illustration:./S2_lin_check_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx index 3f1a1dd677b..eb0f2a9dd71 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clipboard_L from 'illustration:./S2_lin_clipboard_160.svg'; import Clipboard_M from 'illustration:./S2_lin_clipboard_96.svg'; import Clipboard_S from 'illustration:./S2_lin_clipboard_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx index 35f84540416..96318b9c05a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Clock_L from 'illustration:./S2_lin_clock_160.svg'; import Clock_M from 'illustration:./S2_lin_clock_96.svg'; import Clock_S from 'illustration:./S2_lin_clock_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx index 5964ea1c5e4..86f4b7c6965 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Close_L from 'illustration:./S2_lin_close_160.svg'; import Close_M from 'illustration:./S2_lin_close_96.svg'; import Close_S from 'illustration:./S2_lin_close_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx index e50f77edace..00a6e376274 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cloud_L from 'illustration:./S2_lin_cloud_160.svg'; import Cloud_M from 'illustration:./S2_lin_cloud_96.svg'; import Cloud_S from 'illustration:./S2_lin_cloud_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx index c55269e93af..ec5c0103034 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CloudStateDisconnected_L from 'illustration:./S2_lin_cloudStateDisconnected_160.svg'; import CloudStateDisconnected_M from 'illustration:./S2_lin_cloudStateDisconnected_96.svg'; import CloudStateDisconnected_S from 'illustration:./S2_lin_cloudStateDisconnected_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx index 5e6e09094ca..fb764b693b9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CloudStateError_L from 'illustration:./S2_lin_cloudStateError_160.svg'; import CloudStateError_M from 'illustration:./S2_lin_cloudStateError_96.svg'; import CloudStateError_S from 'illustration:./S2_lin_cloudStateError_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx index 348704e3f15..82b5b73c1db 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CloudUpload_L from 'illustration:./S2_lin_cloudUpload_160.svg'; import CloudUpload_M from 'illustration:./S2_lin_cloudUpload_96.svg'; import CloudUpload_S from 'illustration:./S2_lin_cloudUpload_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx index 98346c0e239..cc46a04b154 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CodeBrackets_L from 'illustration:./S2_lin_codeBrackets_160.svg'; import CodeBrackets_M from 'illustration:./S2_lin_codeBrackets_96.svg'; import CodeBrackets_S from 'illustration:./S2_lin_codeBrackets_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx index d39a5593b17..08873192754 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Color.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Color_L from 'illustration:./S2_lin_color_160.svg'; import Color_M from 'illustration:./S2_lin_color_96.svg'; import Color_S from 'illustration:./S2_lin_color_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx index 696cef8d1be..2477e99325a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CommentText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import CommentText_L from 'illustration:./S2_lin_commentText_160.svg'; import CommentText_M from 'illustration:./S2_lin_commentText_96.svg'; import CommentText_S from 'illustration:./S2_lin_commentText_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx index 956c3cea280..e55103e3468 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ConfettiCelebration_L from 'illustration:./S2_lin_confettiCelebration_160.svg'; import ConfettiCelebration_M from 'illustration:./S2_lin_confettiCelebration_96.svg'; import ConfettiCelebration_S from 'illustration:./S2_lin_confettiCelebration_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx index 7f73eb543c1..96ca199aa2a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Conversationbubbles_L from 'illustration:./S2_lin_conversationbubbles_160.svg'; import Conversationbubbles_M from 'illustration:./S2_lin_conversationbubbles_96.svg'; import Conversationbubbles_S from 'illustration:./S2_lin_conversationbubbles_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx index 8877662b8c6..d6e4f119ebb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Crop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Crop_L from 'illustration:./S2_lin_crop_160.svg'; import Crop_M from 'illustration:./S2_lin_crop_96.svg'; import Crop_S from 'illustration:./S2_lin_crop_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx index 59d887d5bee..10735f4ba98 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cursor_L from 'illustration:./S2_lin_cursor_160.svg'; import Cursor_M from 'illustration:./S2_lin_cursor_96.svg'; import Cursor_S from 'illustration:./S2_lin_cursor_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx index 1864c1f35a5..5d02879ef62 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cut.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Cut_L from 'illustration:./S2_lin_cut_160.svg'; import Cut_M from 'illustration:./S2_lin_cut_96.svg'; import Cut_S from 'illustration:./S2_lin_cut_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx index b52db9790b3..7f7cf1f9dd7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Data.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Data_L from 'illustration:./S2_lin_data_160.svg'; import Data_M from 'illustration:./S2_lin_data_96.svg'; import Data_S from 'illustration:./S2_lin_data_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx index 2421a75d34e..9387e948e23 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DataAnalytics.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DataAnalytics_L from 'illustration:./S2_lin_dataAnalytics_160.svg'; import DataAnalytics_M from 'illustration:./S2_lin_dataAnalytics_96.svg'; import DataAnalytics_S from 'illustration:./S2_lin_dataAnalytics_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx index f12902b4f38..3e4dd07a4b3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Desktop_L from 'illustration:./S2_lin_desktop_160.svg'; import Desktop_M from 'illustration:./S2_lin_desktop_96.svg'; import Desktop_S from 'illustration:./S2_lin_desktop_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx index 819667548cc..3932c444669 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Diamond.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Diamond_L from 'illustration:./S2_lin_diamond_160.svg'; import Diamond_M from 'illustration:./S2_lin_diamond_96.svg'; import Diamond_S from 'illustration:./S2_lin_diamond_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx index 7d4cd34ff8a..46744e17cdb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Document_L from 'illustration:./S2_lin_document_160.svg'; import Document_M from 'illustration:./S2_lin_document_96.svg'; import Document_S from 'illustration:./S2_lin_document_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx index 4e5927a7760..6a9c500739e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Download.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Download_L from 'illustration:./S2_lin_download_160.svg'; import Download_M from 'illustration:./S2_lin_download_96.svg'; import Download_S from 'illustration:./S2_lin_download_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx index f43e8000ea8..f97d5149693 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import DropToUpload_L from 'illustration:./S2_lin_dropToUpload_160.svg'; import DropToUpload_M from 'illustration:./S2_lin_dropToUpload_96.svg'; import DropToUpload_S from 'illustration:./S2_lin_dropToUpload_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx index bb8b4e69b43..760dd050481 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Education.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Education_L from 'illustration:./S2_lin_education_160.svg'; import Education_M from 'illustration:./S2_lin_education_96.svg'; import Education_S from 'illustration:./S2_lin_education_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx index 00d47f6c6d7..43b3c25959f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Effects.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Effects_L from 'illustration:./S2_lin_effects_160.svg'; import Effects_M from 'illustration:./S2_lin_effects_96.svg'; import Effects_S from 'illustration:./S2_lin_effects_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx index 07c3e33ef8b..0a4f19da181 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Emoji160.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Emoji160_L from 'illustration:./S2_lin_emoji_160_160.svg'; import Emoji160_M from 'illustration:./S2_lin_emoji_160_96.svg'; import Emoji160_S from 'illustration:./S2_lin_emoji_160_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx index b9e24ede1ac..ea917226a8d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import EmptyStateExport_L from 'illustration:./S2_lin_emptyStateExport_160.svg'; import EmptyStateExport_M from 'illustration:./S2_lin_emptyStateExport_96.svg'; import EmptyStateExport_S from 'illustration:./S2_lin_emptyStateExport_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx index 369099cedee..2aeed76b190 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Error_L from 'illustration:./S2_lin_error_160.svg'; import Error_M from 'illustration:./S2_lin_error_96.svg'; import Error_S from 'illustration:./S2_lin_error_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx index fc422ba32a3..3e38d5faf4a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Explosion.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Explosion_L from 'illustration:./S2_lin_explosion_160.svg'; import Explosion_M from 'illustration:./S2_lin_explosion_96.svg'; import Explosion_S from 'illustration:./S2_lin_explosion_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx index 9440da3ac41..c1aafb8df32 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ExportTo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ExportTo_L from 'illustration:./S2_lin_exportTo_160.svg'; import ExportTo_M from 'illustration:./S2_lin_exportTo_96.svg'; import ExportTo_S from 'illustration:./S2_lin_exportTo_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx index aec8753314c..bb6c4d24f29 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Exposure.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Exposure_L from 'illustration:./S2_lin_exposure_160.svg'; import Exposure_M from 'illustration:./S2_lin_exposure_96.svg'; import Exposure_S from 'illustration:./S2_lin_exposure_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx index 469a41e8c0a..48b8e765dee 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileAlert_L from 'illustration:./S2_lin_fileAlert_160.svg'; import FileAlert_M from 'illustration:./S2_lin_fileAlert_96.svg'; import FileAlert_S from 'illustration:./S2_lin_fileAlert_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx index 5ffc1761a26..be1cb51da47 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileImage_L from 'illustration:./S2_lin_fileImage_160.svg'; import FileImage_M from 'illustration:./S2_lin_fileImage_96.svg'; import FileImage_S from 'illustration:./S2_lin_fileImage_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx index 41226f82747..3a27e443ca9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileText_L from 'illustration:./S2_lin_fileText_160.svg'; import FileText_M from 'illustration:./S2_lin_fileText_96.svg'; import FileText_S from 'illustration:./S2_lin_fileText_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx index 2631dac73c8..47a015cad28 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileVideo_L from 'illustration:./S2_lin_fileVideo_160.svg'; import FileVideo_M from 'illustration:./S2_lin_fileVideo_96.svg'; import FileVideo_S from 'illustration:./S2_lin_fileVideo_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx index 4024cc9220f..08ad1e6965a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FileZip_L from 'illustration:./S2_lin_fileZip_160.svg'; import FileZip_M from 'illustration:./S2_lin_fileZip_96.svg'; import FileZip_S from 'illustration:./S2_lin_fileZip_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx index 5e2241b796e..2660e7eeb7e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filmstrip_L from 'illustration:./S2_lin_filmstrip_160.svg'; import Filmstrip_M from 'illustration:./S2_lin_filmstrip_96.svg'; import Filmstrip_S from 'illustration:./S2_lin_filmstrip_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx index 01a08bf37eb..a5332374291 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filter_L from 'illustration:./S2_lin_filter_160.svg'; import Filter_M from 'illustration:./S2_lin_filter_96.svg'; import Filter_S from 'illustration:./S2_lin_filter_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx index dbb1edb30cb..f18fded480c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filters.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Filters_L from 'illustration:./S2_lin_filters_160.svg'; import Filters_M from 'illustration:./S2_lin_filters_96.svg'; import Filters_S from 'illustration:./S2_lin_filters_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx index 994d88a7385..9bfd64763db 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Fireworks_L from 'illustration:./S2_lin_fireworks_160.svg'; import Fireworks_M from 'illustration:./S2_lin_fireworks_96.svg'; import Fireworks_S from 'illustration:./S2_lin_fireworks_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx index 7085780ccb5..d963971d460 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Flag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Flag_L from 'illustration:./S2_lin_flag_160.svg'; import Flag_M from 'illustration:./S2_lin_flag_96.svg'; import Flag_S from 'illustration:./S2_lin_flag_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx index 9c887af0fc9..497acdbd3ac 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCheckmark.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCheckmark_L from 'illustration:./S2_lin_flagCheckmark_160.svg'; import FlagCheckmark_M from 'illustration:./S2_lin_flagCheckmark_96.svg'; import FlagCheckmark_S from 'illustration:./S2_lin_flagCheckmark_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx index ce6bf9d5f25..20fa82cefce 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FlagCross.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FlagCross_L from 'illustration:./S2_lin_flagCross_160.svg'; import FlagCross_M from 'illustration:./S2_lin_flagCross_96.svg'; import FlagCross_S from 'illustration:./S2_lin_flagCross_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx index e471f326524..0706c295e1f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderClose_L from 'illustration:./S2_lin_folderClose_160.svg'; import FolderClose_M from 'illustration:./S2_lin_folderClose_96.svg'; import FolderClose_S from 'illustration:./S2_lin_folderClose_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx index e5dcd3107b7..b79e40764e4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderOpen_L from 'illustration:./S2_lin_folderOpen_160.svg'; import FolderOpen_M from 'illustration:./S2_lin_folderOpen_96.svg'; import FolderOpen_S from 'illustration:./S2_lin_folderOpen_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx index 0418ddbee5f..c523d50fa6f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderShared.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import FolderShared_L from 'illustration:./S2_lin_folderShared_160.svg'; import FolderShared_M from 'illustration:./S2_lin_folderShared_96.svg'; import FolderShared_S from 'illustration:./S2_lin_folderShared_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx index e6a9d6645a5..af493e3eeeb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GearSetting_L from 'illustration:./S2_lin_gearSetting_160.svg'; import GearSetting_M from 'illustration:./S2_lin_gearSetting_96.svg'; import GearSetting_S from 'illustration:./S2_lin_gearSetting_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx index 31974e57b66..8bae29bd8d6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Gift.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Gift_L from 'illustration:./S2_lin_gift_160.svg'; import Gift_M from 'illustration:./S2_lin_gift_96.svg'; import Gift_S from 'illustration:./S2_lin_gift_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx index 4dfbdefe228..7f8447238ac 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Globe.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Globe_L from 'illustration:./S2_lin_globe_160.svg'; import Globe_M from 'illustration:./S2_lin_globe_96.svg'; import Globe_S from 'illustration:./S2_lin_globe_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx index fa4a9e2ec92..ae92fb93c00 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GlobeGrid.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GlobeGrid_L from 'illustration:./S2_lin_globeGrid_160.svg'; import GlobeGrid_M from 'illustration:./S2_lin_globeGrid_96.svg'; import GlobeGrid_S from 'illustration:./S2_lin_globeGrid_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx index 0c7aa1679a4..b9f02907b46 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import GraphBarChart_L from 'illustration:./S2_lin_graphBarChart_160.svg'; import GraphBarChart_M from 'illustration:./S2_lin_graphBarChart_96.svg'; import GraphBarChart_S from 'illustration:./S2_lin_graphBarChart_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx index c3a66ca4db8..8134a6f4ba7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Hand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Hand_L from 'illustration:./S2_lin_hand_160.svg'; import Hand_M from 'illustration:./S2_lin_hand_96.svg'; import Hand_S from 'illustration:./S2_lin_hand_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx index 27cc5dd62dc..9472da28daa 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Handshake_L from 'illustration:./S2_lin_handshake_160.svg'; import Handshake_M from 'illustration:./S2_lin_handshake_96.svg'; import Handshake_S from 'illustration:./S2_lin_handshake_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx index 623c01b0cbc..6aa57b8d0bc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Heart_L from 'illustration:./S2_lin_heart_160.svg'; import Heart_M from 'illustration:./S2_lin_heart_96.svg'; import Heart_S from 'illustration:./S2_lin_heart_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx index c776f6685e0..4f97a9bab17 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/HelpCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import HelpCircle_L from 'illustration:./S2_lin_helpCircle_160.svg'; import HelpCircle_M from 'illustration:./S2_lin_helpCircle_96.svg'; import HelpCircle_S from 'illustration:./S2_lin_helpCircle_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx index 81740c5368c..26272a6a3b7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Home.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Home_L from 'illustration:./S2_lin_home_160.svg'; import Home_M from 'illustration:./S2_lin_home_96.svg'; import Home_S from 'illustration:./S2_lin_home_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx index 0e65343f6eb..f75d2ad1ec8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Illustration.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Illustration_L from 'illustration:./S2_lin_illustration_160.svg'; import Illustration_M from 'illustration:./S2_lin_illustration_96.svg'; import Illustration_S from 'illustration:./S2_lin_illustration_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx index 6bd0d1590bb..6233865495f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Image_L from 'illustration:./S2_lin_image_160.svg'; import Image_M from 'illustration:./S2_lin_image_96.svg'; import Image_S from 'illustration:./S2_lin_image_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx index 66051d1d9dd..d76b235fd76 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import ImageStack_L from 'illustration:./S2_lin_imageStack_160.svg'; import ImageStack_M from 'illustration:./S2_lin_imageStack_96.svg'; import ImageStack_S from 'illustration:./S2_lin_imageStack_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx index 8ade0f793bb..3defdcd96c1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/InfiniteLooping.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import InfiniteLooping_L from 'illustration:./S2_lin_infiniteLooping_160.svg'; import InfiniteLooping_M from 'illustration:./S2_lin_infiniteLooping_96.svg'; import InfiniteLooping_S from 'illustration:./S2_lin_infiniteLooping_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx index 69e48bea5f6..8760bea9919 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Information_L from 'illustration:./S2_lin_information_160.svg'; import Information_M from 'illustration:./S2_lin_information_96.svg'; import Information_S from 'illustration:./S2_lin_information_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx index 039d586cea2..ac097d41dea 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Interaction.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Interaction_L from 'illustration:./S2_lin_interaction_160.svg'; import Interaction_M from 'illustration:./S2_lin_interaction_96.svg'; import Interaction_S from 'illustration:./S2_lin_interaction_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx index 9e07476356e..30d73512897 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Laptop_L from 'illustration:./S2_lin_laptop_160.svg'; import Laptop_M from 'illustration:./S2_lin_laptop_96.svg'; import Laptop_S from 'illustration:./S2_lin_laptop_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx index bf3237b2dbd..cd07ec82874 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Layers_L from 'illustration:./S2_lin_layers_160.svg'; import Layers_M from 'illustration:./S2_lin_layers_96.svg'; import Layers_S from 'illustration:./S2_lin_layers_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx index 4dba287421e..d8e90978103 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Libraries_L from 'illustration:./S2_lin_libraries_160.svg'; import Libraries_M from 'illustration:./S2_lin_libraries_96.svg'; import Libraries_S from 'illustration:./S2_lin_libraries_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx index 848c4b60556..1573914dbe3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lightbulb_L from 'illustration:./S2_lin_lightbulb_160.svg'; import Lightbulb_M from 'illustration:./S2_lin_lightbulb_96.svg'; import Lightbulb_S from 'illustration:./S2_lin_lightbulb_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx index 4fe88c50ae6..d365ed093c1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LightbulbRays_L from 'illustration:./S2_lin_lightbulbRays_160.svg'; import LightbulbRays_M from 'illustration:./S2_lin_lightbulbRays_96.svg'; import LightbulbRays_S from 'illustration:./S2_lin_lightbulbRays_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx index 2c029a32dd4..b1167ae8d90 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lighten.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Lighten_L from 'illustration:./S2_lin_lighten_160.svg'; import Lighten_M from 'illustration:./S2_lin_lighten_96.svg'; import Lighten_S from 'illustration:./S2_lin_lighten_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx index 4c63a88d019..697de6ff163 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Link_L from 'illustration:./S2_lin_link_160.svg'; import Link_M from 'illustration:./S2_lin_link_96.svg'; import Link_S from 'illustration:./S2_lin_link_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx index 730b5e4876e..cfbe28803bc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Location_L from 'illustration:./S2_lin_location_160.svg'; import Location_M from 'illustration:./S2_lin_location_96.svg'; import Location_S from 'illustration:./S2_lin_location_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx index dd2a03f976e..253b7a78700 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockClose_L from 'illustration:./S2_lin_lockClose_160.svg'; import LockClose_M from 'illustration:./S2_lin_lockClose_96.svg'; import LockClose_S from 'illustration:./S2_lin_lockClose_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx index 782d39d36f5..dcb7c547a6d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import LockOpen_L from 'illustration:./S2_lin_lockOpen_160.svg'; import LockOpen_M from 'illustration:./S2_lin_lockOpen_96.svg'; import LockOpen_S from 'illustration:./S2_lin_lockOpen_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx index 8dbbd1494f5..1ee864b54af 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Logo_L from 'illustration:./S2_lin_logo_160.svg'; import Logo_M from 'illustration:./S2_lin_logo_96.svg'; import Logo_S from 'illustration:./S2_lin_logo_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx index 5adea725535..dd7fc7a0e75 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MagicWand.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MagicWand_L from 'illustration:./S2_lin_magicWand_160.svg'; import MagicWand_M from 'illustration:./S2_lin_magicWand_96.svg'; import MagicWand_S from 'illustration:./S2_lin_magicWand_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx index 42596952034..a416542eb97 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailClose_L from 'illustration:./S2_lin_mailClose_160.svg'; import MailClose_M from 'illustration:./S2_lin_mailClose_96.svg'; import MailClose_S from 'illustration:./S2_lin_mailClose_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx index 9818cbe16ae..6da07ecaba0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailOpen.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MailOpen_L from 'illustration:./S2_lin_mailOpen_160.svg'; import MailOpen_M from 'illustration:./S2_lin_mailOpen_96.svg'; import MailOpen_S from 'illustration:./S2_lin_mailOpen_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx index a5156b1447e..3f2cb987e5a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Market.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Market_L from 'illustration:./S2_lin_market_160.svg'; import Market_M from 'illustration:./S2_lin_market_96.svg'; import Market_S from 'illustration:./S2_lin_market_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx index 900e8152f11..d6bfcffe65b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromote_L from 'illustration:./S2_lin_megaphonePromote_160.svg'; import MegaphonePromote_M from 'illustration:./S2_lin_megaphonePromote_96.svg'; import MegaphonePromote_S from 'illustration:./S2_lin_megaphonePromote_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx index d3819bf1636..4ef2d3f5d0f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg'; import MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg'; import MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx index f83922065a3..cf8e45528ed 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Mention.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Mention_L from 'illustration:./S2_lin_mention_160.svg'; import Mention_M from 'illustration:./S2_lin_mention_96.svg'; import Mention_S from 'illustration:./S2_lin_mention_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx index 0203e66f56e..16ebfc17254 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Microphone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Microphone_L from 'illustration:./S2_lin_microphone_160.svg'; import Microphone_M from 'illustration:./S2_lin_microphone_96.svg'; import Microphone_S from 'illustration:./S2_lin_microphone_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx index 2f880784ce6..68ed559f37f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MicrophoneOff.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MicrophoneOff_L from 'illustration:./S2_lin_microphoneOff_160.svg'; import MicrophoneOff_M from 'illustration:./S2_lin_microphoneOff_96.svg'; import MicrophoneOff_S from 'illustration:./S2_lin_microphoneOff_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx index 9f1ac717a28..60d6ea39674 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Minimize.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Minimize_L from 'illustration:./S2_lin_minimize_160.svg'; import Minimize_M from 'illustration:./S2_lin_minimize_96.svg'; import Minimize_S from 'illustration:./S2_lin_minimize_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx index fa199524194..e3988d45f9c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MovieCamera.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MovieCamera_L from 'illustration:./S2_lin_movieCamera_160.svg'; import MovieCamera_M from 'illustration:./S2_lin_movieCamera_96.svg'; import MovieCamera_S from 'illustration:./S2_lin_movieCamera_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx index a9563b0256f..2a127556550 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MusicNote.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import MusicNote_L from 'illustration:./S2_lin_musicNote_160.svg'; import MusicNote_M from 'illustration:./S2_lin_musicNote_96.svg'; import MusicNote_S from 'illustration:./S2_lin_musicNote_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx index deed798848f..14105ddcd74 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoBrands.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoBrands_L from 'illustration:./S2_lin_noBrands_160.svg'; import NoBrands_M from 'illustration:./S2_lin_noBrands_96.svg'; import NoBrands_S from 'illustration:./S2_lin_noBrands_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx index 6fe1400f6ae..6a5b080084b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComment.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoComment_L from 'illustration:./S2_lin_noComment_160.svg'; import NoComment_M from 'illustration:./S2_lin_noComment_96.svg'; import NoComment_S from 'illustration:./S2_lin_noComment_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx index a1d5346494c..e0f1091376c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoComments.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoComments_L from 'illustration:./S2_lin_noComments_160.svg'; import NoComments_M from 'illustration:./S2_lin_noComments_96.svg'; import NoComments_S from 'illustration:./S2_lin_noComments_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx index d26361453f6..d5f6814bb11 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoElements.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoElements_L from 'illustration:./S2_lin_noElements_160.svg'; import NoElements_M from 'illustration:./S2_lin_noElements_96.svg'; import NoElements_S from 'illustration:./S2_lin_noElements_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx index 328b914335a..6387bd40495 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFile.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoFile_L from 'illustration:./S2_lin_noFile_160.svg'; import NoFile_M from 'illustration:./S2_lin_noFile_96.svg'; import NoFile_S from 'illustration:./S2_lin_noFile_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx index 20b4fdc0e86..d9212d5d5b4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoFilter.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoFilter_L from 'illustration:./S2_lin_noFilter_160.svg'; import NoFilter_M from 'illustration:./S2_lin_noFilter_96.svg'; import NoFilter_S from 'illustration:./S2_lin_noFilter_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx index 7172cb41ce0..55fcf28c6c1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoImage.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoImage_L from 'illustration:./S2_lin_noImage_160.svg'; import NoImage_M from 'illustration:./S2_lin_noImage_96.svg'; import NoImage_S from 'illustration:./S2_lin_noImage_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx index 7a6728e441e..d41b2e65468 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibraries.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoLibraries_L from 'illustration:./S2_lin_noLibraries_160.svg'; import NoLibraries_M from 'illustration:./S2_lin_noLibraries_96.svg'; import NoLibraries_S from 'illustration:./S2_lin_noLibraries_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx index 5bfdf9f55a5..378b922f89b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoLibrariesBrands.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoLibrariesBrands_L from 'illustration:./S2_lin_noLibrariesBrands_160.svg'; import NoLibrariesBrands_M from 'illustration:./S2_lin_noLibrariesBrands_96.svg'; import NoLibrariesBrands_S from 'illustration:./S2_lin_noLibrariesBrands_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx index d5aa01ec5cf..6779724dad0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoReviewLinks.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoReviewLinks_L from 'illustration:./S2_lin_noReviewLinks_160.svg'; import NoReviewLinks_M from 'illustration:./S2_lin_noReviewLinks_96.svg'; import NoReviewLinks_S from 'illustration:./S2_lin_noReviewLinks_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx index 74533789ebc..49bee504c46 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSearchResults.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoSearchResults_L from 'illustration:./S2_lin_noSearchResults_160.svg'; import NoSearchResults_M from 'illustration:./S2_lin_noSearchResults_96.svg'; import NoSearchResults_S from 'illustration:./S2_lin_noSearchResults_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx index 71d70284ef8..07493e7009d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoSharedFile.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import NoSharedFile_L from 'illustration:./S2_lin_noSharedFile_160.svg'; import NoSharedFile_M from 'illustration:./S2_lin_noSharedFile_96.svg'; import NoSharedFile_S from 'illustration:./S2_lin_noSharedFile_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx index 2588ab20311..65427ef8517 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperairplane_L from 'illustration:./S2_lin_paperairplane_160.svg'; import Paperairplane_M from 'illustration:./S2_lin_paperairplane_96.svg'; import Paperairplane_S from 'illustration:./S2_lin_paperairplane_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx index fc969a2eddb..d3bd1da3cc0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Paperclip_L from 'illustration:./S2_lin_paperclip_160.svg'; import Paperclip_M from 'illustration:./S2_lin_paperclip_96.svg'; import Paperclip_S from 'illustration:./S2_lin_paperclip_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx index 4cb41d94e84..d92aa9bad34 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pause.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pause_L from 'illustration:./S2_lin_pause_160.svg'; import Pause_M from 'illustration:./S2_lin_pause_96.svg'; import Pause_S from 'illustration:./S2_lin_pause_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx index 022e01e6839..4ba8d753351 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pencil.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pencil_L from 'illustration:./S2_lin_pencil_160.svg'; import Pencil_M from 'illustration:./S2_lin_pencil_96.svg'; import Pencil_S from 'illustration:./S2_lin_pencil_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx index b00a1180199..d21ad31c13b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Phone_L from 'illustration:./S2_lin_phone_160.svg'; import Phone_M from 'illustration:./S2_lin_phone_96.svg'; import Phone_S from 'illustration:./S2_lin_phone_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx index 732c8b1eac6..e67688dfacf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PieChart_L from 'illustration:./S2_lin_pieChart_160.svg'; import PieChart_M from 'illustration:./S2_lin_pieChart_96.svg'; import PieChart_S from 'illustration:./S2_lin_pieChart_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx index d157ed27038..4d07d4003a2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PiggyBank.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PiggyBank_L from 'illustration:./S2_lin_piggyBank_160.svg'; import PiggyBank_M from 'illustration:./S2_lin_piggyBank_96.svg'; import PiggyBank_S from 'illustration:./S2_lin_piggyBank_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx index 75442ef59b1..77e568d1f4a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Pin_L from 'illustration:./S2_lin_pin_160.svg'; import Pin_M from 'illustration:./S2_lin_pin_96.svg'; import Pin_S from 'illustration:./S2_lin_pin_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx index 03dc1cf0989..830496a0240 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Play_L from 'illustration:./S2_lin_play_160.svg'; import Play_M from 'illustration:./S2_lin_play_96.svg'; import Play_S from 'illustration:./S2_lin_play_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx index 23e9cfb96cf..3589f3c53d0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PlayTriangle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import PlayTriangle_L from 'illustration:./S2_lin_playTriangle_160.svg'; import PlayTriangle_M from 'illustration:./S2_lin_playTriangle_96.svg'; import PlayTriangle_S from 'illustration:./S2_lin_playTriangle_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx index db7101e166e..0c66e88e866 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Plugin_L from 'illustration:./S2_lin_plugin_160.svg'; import Plugin_M from 'illustration:./S2_lin_plugin_96.svg'; import Plugin_S from 'illustration:./S2_lin_plugin_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx index a359fcc23f4..2ca083dc39f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Prompt.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Prompt_L from 'illustration:./S2_lin_prompt_160.svg'; import Prompt_M from 'illustration:./S2_lin_prompt_96.svg'; import Prompt_S from 'illustration:./S2_lin_prompt_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx index 43d8a689b9d..b40c1781e0b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Properties.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import Properties_L from 'illustration:./S2_lin_properties_160.svg'; import Properties_M from 'illustration:./S2_lin_properties_96.svg'; import Properties_S from 'illustration:./S2_lin_properties_48.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx index 2bc3ebfbfab..45c0d48433a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Redo.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Redo_L from 'illustration:./S2_lin_redo_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx index e0f27cc6524..a48a4bd1e24 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Remix.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Remix_L from 'illustration:./S2_lin_remix_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx index 9d449bd23ed..888229ab65d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Replace.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Replace_L from 'illustration:./S2_lin_replace_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx index f0c25b575ef..51dccb3cb14 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ReportAbuse.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ReportAbuse_L from 'illustration:./S2_lin_reportAbuse_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx index 87d3ff0f02a..09f8461fa24 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Revert.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Revert_L from 'illustration:./S2_lin_revert_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx index bfb028867a3..4f3e9ae778b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ribbon.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Ribbon_L from 'illustration:./S2_lin_ribbon_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx index e4864e0ecb6..cb91566788d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Rocket_L from 'illustration:./S2_lin_rocket_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx index 34fe5d7ec84..39f02450ac2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import RotateCCW_L from 'illustration:./S2_lin_rotateCCW_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx index 67879e2b25e..bab8850aeeb 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/RotateCW.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import RotateCW_L from 'illustration:./S2_lin_rotateCW_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx index f3cfad9dd18..867f1e2013d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Ruler.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Ruler_L from 'illustration:./S2_lin_ruler_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx index f714da7f9b1..ee841c05445 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Search_L from 'illustration:./S2_lin_search_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx index 8b62c86e9f1..01c8e575eae 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Segmentation.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Segmentation_L from 'illustration:./S2_lin_segmentation_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx index 5e07480d0d7..db0c55d16ad 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Server_L from 'illustration:./S2_lin_server_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx index d6ee1901253..4e0976cc4df 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Shapes.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Shapes_L from 'illustration:./S2_lin_shapes_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx index 7244c08ecfa..74b6141f8e8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingBag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ShoppingBag_L from 'illustration:./S2_lin_shoppingBag_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx index 53663bc090e..559ada634b7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ShoppingCart.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ShoppingCart_L from 'illustration:./S2_lin_shoppingCart_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx index 445861ee230..faaf684d9b5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Sparkles_L from 'illustration:./S2_lin_sparkles_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx index 9c8dece776b..e586af82d5f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SpeedFast.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import SpeedFast_L from 'illustration:./S2_lin_speedFast_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx index 7fa32375088..831946dc3ac 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StampClone.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import StampClone_L from 'illustration:./S2_lin_stampClone_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx index b6f066b7d9a..3c4450a5bf6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Star_L from 'illustration:./S2_lin_star_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx index 52b17da22ed..ca9c72942ca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/StepForward.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import StepForward_L from 'illustration:./S2_lin_stepForward_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx index 866edc81fa2..dd5fcbde698 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Stopwatch.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Stopwatch_L from 'illustration:./S2_lin_stopwatch_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx index ab90a390f30..2f97fe70a89 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Switch.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Switch_L from 'illustration:./S2_lin_switch_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx index d15a27016f4..8d16c067fc2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Tablet_L from 'illustration:./S2_lin_tablet_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx index 1b39987472b..9cc79ea1f31 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Tag_L from 'illustration:./S2_lin_tag_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx index 419d81df157..df8977453a2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Targeted.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Targeted_L from 'illustration:./S2_lin_targeted_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx index 1fa3c4aaa23..aa1f20d2076 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Text.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Text_L from 'illustration:./S2_lin_text_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx index e58e8cd0e2f..c845d80a4a6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThreeArrowsCircle.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ThreeArrowsCircle_L from 'illustration:./S2_lin_threeArrowsCircle_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx index ab9fa658246..40fc7cbd367 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsDown.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ThumbsDown_L from 'illustration:./S2_lin_thumbsDown_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx index 5db5949ebc8..7f0e29eb56c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ThumbsUp.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import ThumbsUp_L from 'illustration:./S2_lin_thumbsUp_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx index 0cf023a5420..e9b40264d08 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Transform.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Transform_L from 'illustration:./S2_lin_transform_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx index cc19439971d..8bbecf35d93 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Translate.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Translate_L from 'illustration:./S2_lin_translate_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx index 66d4f9f2f2f..8e708669767 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Trash_L from 'illustration:./S2_lin_trash_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx index e62b5fca432..bfa74d39638 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Trophy_L from 'illustration:./S2_lin_trophy_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx index 9e673e378d6..4b0ce399262 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Update_L from 'illustration:./S2_lin_update_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx index d1e5e9648c4..0d8e4eb10fe 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Upload.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import Upload_L from 'illustration:./S2_lin_upload_160.svg'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx index 14213eee65f..733b2c801f6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx index e2960b72236..365899d33f6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserAvatar.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx index fa5d19cd54c..33bf0d34f7d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx index f31f15db581..a89780e3789 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VectorDraw.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx index 29ba8465265..ce9fcf6d8bf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx index 0a7b53828a4..8278a248053 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Volume.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx index f55b20801c9..07e99edcbfa 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOff.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx index da7791aa4de..d668e19d299 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/VolumeOne.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx index 4fde28f0ccd..a6d4ff600dc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Wallet.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx index a7014e91d50..c579f73fc2a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx @@ -9,7 +9,7 @@ * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ - +'use client'; import {ReactNode} from 'react'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/src/ActionBar.tsx b/packages/@react-spectrum/s2/src/ActionBar.tsx index e664e66f636..993d3632e90 100644 --- a/packages/@react-spectrum/s2/src/ActionBar.tsx +++ b/packages/@react-spectrum/s2/src/ActionBar.tsx @@ -15,11 +15,12 @@ import {announce} from '@react-aria/live-announcer'; import {CloseButton} from './CloseButton'; import {ContextValue, SlotProps} from 'react-aria-components'; import {createContext, ForwardedRef, forwardRef, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react'; -import {DOMRef, DOMRefValue, Key} from '@react-types/shared'; +import {DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared'; import {FocusScope, useKeyboard} from 'react-aria'; // @ts-ignore import intlMessages from '../intl/*.json'; import {lightDark, style} from '../style' with {type: 'macro'}; +import {StyleProps} from './style-utils' with { type: 'macro' }; import {useControlledState} from '@react-stately/utils'; import {useDOMRef} from '@react-spectrum/utils'; import {useEnterAnimation, useExitAnimation, useObjectRef, useResizeObserver} from '@react-aria/utils'; @@ -74,7 +75,7 @@ const actionBarStyles = style({ } }); -export interface ActionBarProps extends SlotProps { +export interface ActionBarProps extends SlotProps, StyleProps, DOMProps { /** A list of ActionButtons to display. */ children: ReactNode, /** Whether the ActionBar should be displayed with a emphasized style. */ @@ -106,7 +107,8 @@ export const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, re }); const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps & {isExiting: boolean}, ref: ForwardedRef) { - let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting} = props; + // eslint-disable-next-line @typescript-eslint/no-unused-vars + let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting, slot, ...otherProps} = props; let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2'); // Store the last count greater than zero so that we can retain it while rendering the fade-out animation. @@ -158,6 +160,7 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
diff --git a/packages/@react-spectrum/s2/src/ActionButton.tsx b/packages/@react-spectrum/s2/src/ActionButton.tsx index be70cb4396f..4ed24b9e0d9 100644 --- a/packages/@react-spectrum/s2/src/ActionButton.tsx +++ b/packages/@react-spectrum/s2/src/ActionButton.tsx @@ -291,7 +291,8 @@ export const ActionButton = forwardRef(function ActionButton(props: ActionButton orientation = 'horizontal', staticColor = props.staticColor, isQuiet = props.isQuiet, - size = props.size || 'M' + size = props.size || 'M', + isDisabled } = ctx || {}; let {isProgressVisible} = usePendingState(isPending); @@ -299,6 +300,7 @@ export const ActionButton = forwardRef(function ActionButton(props: ActionButton return ( (props.UNSAFE_className || '') + btnStyles({ diff --git a/packages/@react-spectrum/s2/src/ActionMenu.tsx b/packages/@react-spectrum/s2/src/ActionMenu.tsx index ed891a42d70..c533d2c1702 100644 --- a/packages/@react-spectrum/s2/src/ActionMenu.tsx +++ b/packages/@react-spectrum/s2/src/ActionMenu.tsx @@ -29,6 +29,11 @@ export interface ActionMenuProps extends Pick, 'children' | 'items' | 'disabledKeys' | 'onAction'>, Pick, StyleProps, DOMProps, AriaLabelingProps { + /** + * The size of the Menu. + * + * @default 'M' + */ menuSize?: 'S' | 'M' | 'L' | 'XL' } diff --git a/packages/@react-spectrum/s2/src/AlertDialog.tsx b/packages/@react-spectrum/s2/src/AlertDialog.tsx index dfa156cf042..7395b3169be 100644 --- a/packages/@react-spectrum/s2/src/AlertDialog.tsx +++ b/packages/@react-spectrum/s2/src/AlertDialog.tsx @@ -29,7 +29,10 @@ import {UnsafeStyles} from './style-utils' with {type: 'macro'}; import {useLocalizedStringFormatter} from '@react-aria/i18n'; export interface AlertDialogProps extends DOMProps, UnsafeStyles { - /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */ + /** + * The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. + * @default 'confirmation' + */ variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning', /** The title of the AlertDialog. */ title: string, diff --git a/packages/@react-spectrum/s2/src/Avatar.tsx b/packages/@react-spectrum/s2/src/Avatar.tsx index e4d088defe5..e816cdbfcc6 100644 --- a/packages/@react-spectrum/s2/src/Avatar.tsx +++ b/packages/@react-spectrum/s2/src/Avatar.tsx @@ -76,7 +76,8 @@ export const Avatar = forwardRef(function Avatar(props: AvatarProps, ref: DOMRef } = props; const domProps = filterDOMProps(otherProps); - let remSize = size / 16 + 'rem'; + // In the docs build, we need to be able to simulate font scaling. + let remSize = process.env.DOCS_ENV ? `calc(${size / 16} * var(--rem, 1rem))` : `${size / 16}rem`; let isLarge = size >= 64; return ( extends Omit, 'children' | 'items' | 'style' | 'className' | keyof GlobalDOMAttributes>, BreadcrumbsStyleProps, StyleProps { +export interface BreadcrumbsProps extends Omit, 'children' | 'style' | 'className' | keyof GlobalDOMAttributes>, BreadcrumbsStyleProps, StyleProps { /** The children of the Breadcrumbs. */ - children: ReactNode + children: ReactNode | ((item: T) => ReactNode) } export const BreadcrumbsContext = createContext>, DOMRefValue>>(null); @@ -281,7 +282,11 @@ const linkStyles = style({ font: controlFont(), - fontWeight: 'bold' + fontWeight: 'bold', + color: { + default: 'neutral', + forcedColors: 'ButtonText' + } }); // TODO: support user heading size customization, for now just set it to large diff --git a/packages/@react-spectrum/s2/src/Card.tsx b/packages/@react-spectrum/s2/src/Card.tsx index 86222fbeea6..7ad9aeaf49e 100644 --- a/packages/@react-spectrum/s2/src/Card.tsx +++ b/packages/@react-spectrum/s2/src/Card.tsx @@ -91,7 +91,7 @@ let card = style({ isHovered: 'elevated', isFocusVisible: 'elevated', isSelected: 'elevated', - forcedColors: '[0 0 0 1px ButtonBorder]', + forcedColors: '[0 0 0 1px var(--hcm-buttonborder, ButtonBorder)]', variant: { tertiary: { // Render border with box-shadow to avoid affecting layout. @@ -99,7 +99,7 @@ let card = style({ isHovered: `[0 0 0 2px ${color('gray-200')}]`, isFocusVisible: `[0 0 0 2px ${color('gray-200')}]`, isSelected: 'none', - forcedColors: '[0 0 0 2px ButtonBorder]' + forcedColors: '[0 0 0 2px var(--hcm-buttonborder, ButtonBorder)]' }, quiet: 'none' } @@ -654,6 +654,7 @@ const avatarSize = { export interface UserCardProps extends Omit { // Quiet is not supported due to lack of indent between preview and avatar. + /** The visual style of the Card. */ variant?: 'primary' | 'secondary' | 'tertiary' } @@ -706,6 +707,7 @@ const buttonSize = { export interface ProductCardProps extends Omit { // Quiet is not supported due to lack of indent between preview and thumbnail. + /** The visual style of the Card. */ variant?: 'primary' | 'secondary' | 'tertiary' } diff --git a/packages/@react-spectrum/s2/src/ContextualHelp.tsx b/packages/@react-spectrum/s2/src/ContextualHelp.tsx index 0590b534438..7cd5a31f5e0 100644 --- a/packages/@react-spectrum/s2/src/ContextualHelp.tsx +++ b/packages/@react-spectrum/s2/src/ContextualHelp.tsx @@ -11,6 +11,7 @@ import InfoIcon from '../s2wf-icons/S2_Icon_InfoCircle_20_N.svg'; // @ts-ignore import intlMessages from '../intl/*.json'; import {mergeStyles} from '../style/runtime'; +import {Placement} from '@react-types/overlays'; import {Popover, PopoverDialogProps} from './Popover'; import {space, style} from '../style' with {type: 'macro'}; import {StyleProps} from './style-utils' with { type: 'macro' }; @@ -29,6 +30,11 @@ export interface ContextualHelpProps extends Pick, Pick, ContextualHelpStyleProps, StyleProps, DOMProps, AriaLabelingProps { + /** + * The placement of the popover with respect to the action button. + * @default 'bottom start' + */ + placement?: Placement, /** Contents of the Contextual Help popover. */ children: ReactNode, /** @@ -58,11 +64,10 @@ export const ContextualHelp = forwardRef(function ContextualHelp(props: Contextu let { children, defaultOpen, - // containerPadding = 24, // See popover() above. Issue noted in Popover.tsx. + containerPadding = 8, size = 'XS', crossOffset, isOpen, - offset = 8, onOpenChange, placement = 'bottom start', shouldFlip, @@ -101,8 +106,8 @@ export const ContextualHelp = forwardRef(function ContextualHelp(props: Contextu padding="none" placement={placement} shouldFlip={shouldFlip} - // not working => containerPadding={containerPadding} - offset={offset} + containerPadding={containerPadding} + offset={8} crossOffset={crossOffset} hideArrow>
extends Omit, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, + Pick, StyleProps, SpectrumLabelableProps, HelpTextProps { @@ -203,7 +205,7 @@ export const DatePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function - + @@ -238,9 +240,10 @@ export const DatePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function ); }); -export function CalendarPopover(props: PropsWithChildren): ReactElement { +export function CalendarPopover(props: Omit & {children: ReactNode}): ReactElement { return (
extends Omit, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>, Pick, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable'>, + Pick, StyleProps, SpectrumLabelableProps, HelpTextProps { @@ -143,7 +145,7 @@ export const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(func
- + diff --git a/packages/@react-spectrum/s2/src/Disclosure.tsx b/packages/@react-spectrum/s2/src/Disclosure.tsx index be518872495..2c93b4c95d6 100644 --- a/packages/@react-spectrum/s2/src/Disclosure.tsx +++ b/packages/@react-spectrum/s2/src/Disclosure.tsx @@ -125,7 +125,11 @@ const buttonStyles = style({ font: 'heading', color: { default: baseColor('neutral'), - isDisabled: 'disabled' + forcedColors: 'ButtonText', + isDisabled: { + default: 'disabled', + forcedColors: 'GrayText' + } }, fontWeight: 'bold', fontSize: { diff --git a/packages/@react-spectrum/s2/src/Field.tsx b/packages/@react-spectrum/s2/src/Field.tsx index eccfe89dc55..38c9dfda58e 100644 --- a/packages/@react-spectrum/s2/src/Field.tsx +++ b/packages/@react-spectrum/s2/src/Field.tsx @@ -166,7 +166,11 @@ const fieldGroupStyles = style({ transition: 'default', borderColor: { default: baseColor('gray-300'), - isInvalid: baseColor('negative'), + forcedColors: 'ButtonBorder', + isInvalid: { + default: baseColor('negative'), + forcedColors: 'Mark' + }, isFocusWithin: { default: 'gray-900', isInvalid: 'negative-1000', @@ -177,10 +181,17 @@ const fieldGroupStyles = style({ forcedColors: 'GrayText' } }, - backgroundColor: 'gray-25', + backgroundColor: { + default: 'gray-25', + forcedColors: 'Field' + }, color: { default: baseColor('neutral'), - isDisabled: 'disabled' + forcedColors: 'ButtonText', + isDisabled: { + default: 'disabled', + forcedColors: 'GrayText' + } }, cursor: { default: 'text', @@ -235,7 +246,10 @@ export const Input = forwardRef(function Input(props: InputProps, ref: Forwarded backgroundColor: 'transparent', color: { default: 'inherit', - '::placeholder': 'gray-600' + '::placeholder': { + default: 'gray-600', + forcedColors: 'GrayText' + } }, fontFamily: 'inherit', fontSize: 'inherit', @@ -267,8 +281,14 @@ export const helpTextStyles = style({ font: controlFont(), color: { default: 'neutral-subdued', - isInvalid: 'negative', - isDisabled: 'disabled' + isInvalid: { + default: 'negative', + forcedColors: 'Mark' + }, + isDisabled: { + default: 'disabled', + forcedColors: 'GrayText' + } }, '--iconPrimary': { type: 'fill', @@ -328,7 +348,7 @@ export function FieldErrorIcon(props: {isDisabled?: boolean}): ReactNode { type: 'fill', value: { default: 'negative', - forcedColors: 'ButtonText' + forcedColors: 'Mark' } } })}), diff --git a/packages/@react-spectrum/s2/src/Form.tsx b/packages/@react-spectrum/s2/src/Form.tsx index e426f3f59ab..3cc39c3b48a 100644 --- a/packages/@react-spectrum/s2/src/Form.tsx +++ b/packages/@react-spectrum/s2/src/Form.tsx @@ -74,6 +74,8 @@ export const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref isDisabled, isEmphasized, size = 'M', + UNSAFE_style, + UNSAFE_className = '', ...formProps } = props; let domRef = useDOMRef(ref); @@ -82,8 +84,8 @@ export const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref & backgroundColor: { // TODO: revisit color when I have access to dev mode again default: { default: 'transparent', - isFocused: baseColor('gray-100').isFocusVisible + isFocused: { + default: baseColor('gray-100').isFocusVisible, + forcedColors: 'Highlight' + } } }, color: { default: baseColor('neutral'), + forcedColors: { + default: 'ButtonText', + isFocused: 'HighlightText' + }, isDisabled: { default: 'disabled', forcedColors: 'GrayText' @@ -191,10 +198,11 @@ export let menuitem = style & default: 'default', isLink: 'pointer' }, - transition: 'default' + transition: 'default', + forcedColorAdjust: 'none' }, getAllowedOverrides()); -export let checkmark = style({ +export let checkmark = style<{isSelected: boolean, isFocused: boolean, size: 'S' | 'M' | 'L' | 'XL'}>({ visibility: { default: 'hidden', isSelected: 'visible' @@ -205,7 +213,10 @@ export let checkmark = style({ type: 'fill', value: { default: 'currentColor', - forcedColors: 'Highlight' + forcedColors: { + default: 'Highlight', + isFocused: 'HighlightText' + } } }, marginEnd: 'text-to-control', diff --git a/packages/@react-spectrum/s2/src/NumberField.tsx b/packages/@react-spectrum/s2/src/NumberField.tsx index ef196684b2a..8a9a189d2a3 100644 --- a/packages/@react-spectrum/s2/src/NumberField.tsx +++ b/packages/@react-spectrum/s2/src/NumberField.tsx @@ -29,7 +29,7 @@ import {createFocusableRef} from '@react-spectrum/utils'; import Dash from '../ui-icons/Dash'; import {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field'; import {filterDOMProps, mergeProps, mergeRefs} from '@react-aria/utils'; -import {FormContext} from './Form'; +import {FormContext, useFormProps} from './Form'; import {GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared'; import {pressScale} from './pressScale'; import {TextFieldRef} from '@react-types/textfield'; @@ -141,6 +141,7 @@ const stepperContainerStyles = style({ */ export const NumberField = forwardRef(function NumberField(props: NumberFieldProps, ref: Ref) { [props, ref] = useSpectrumContextProps(props, ref, NumberFieldContext); + props = useFormProps(props); let { label, contextualHelp, diff --git a/packages/@react-spectrum/s2/src/Picker.tsx b/packages/@react-spectrum/s2/src/Picker.tsx index 5fa7fda5aa0..0a5350e2826 100644 --- a/packages/@react-spectrum/s2/src/Picker.tsx +++ b/packages/@react-spectrum/s2/src/Picker.tsx @@ -676,7 +676,7 @@ function DefaultProvider({context, value, children}: {context: React.Context{children}; } -export interface PickerSectionProps extends Omit, keyof GlobalDOMAttributes> {} +export interface PickerSectionProps extends Omit, 'style' | 'className' | keyof GlobalDOMAttributes>, StyleProps {} export function PickerSection(props: PickerSectionProps): ReactNode { let {size} = useContext(InternalPickerContext); return ( diff --git a/packages/@react-spectrum/s2/src/Popover.tsx b/packages/@react-spectrum/s2/src/Popover.tsx index dd0fb1bfec9..9616cf812b8 100644 --- a/packages/@react-spectrum/s2/src/Popover.tsx +++ b/packages/@react-spectrum/s2/src/Popover.tsx @@ -64,7 +64,10 @@ let popover = style({ ...colorScheme(), '--s2-container-bg': { type: 'backgroundColor', - value: 'layer-2' + value: { + default: 'layer-2', + forcedColors: 'Background' + } }, backgroundColor: '--s2-container-bg', borderRadius: 'lg', diff --git a/packages/@react-spectrum/s2/src/Provider.tsx b/packages/@react-spectrum/s2/src/Provider.tsx index b1c34d198c4..704519dc913 100644 --- a/packages/@react-spectrum/s2/src/Provider.tsx +++ b/packages/@react-spectrum/s2/src/Provider.tsx @@ -13,6 +13,8 @@ import type {ColorScheme, Router} from '@react-types/provider'; import {colorScheme, UnsafeStyles} from './style-utils' with {type: 'macro'}; import {createContext, JSX, ReactNode, useContext} from 'react'; +import {DOMProps} from '@react-types/shared'; +import {filterDOMProps} from '@react-aria/utils'; import {Fonts} from './Fonts'; import {generateDefaultColorSchemeStyles} from './page.macro' with {type: 'macro'}; import {I18nProvider, RouterProvider, useLocale} from 'react-aria-components'; @@ -20,7 +22,7 @@ import {mergeStyles} from '../style/runtime'; import {style} from '../style' with {type: 'macro'}; import {StyleString} from '../style/types'; -export interface ProviderProps extends UnsafeStyles { +export interface ProviderProps extends UnsafeStyles, DOMProps { /** The content of the Provider. */ children: ReactNode, /** @@ -59,9 +61,7 @@ export function Provider(props: ProviderProps): JSX.Element { let result = ; let parentColorScheme = useContext(ColorSchemeContext); let colorScheme = props.colorScheme || parentColorScheme; - if (colorScheme !== parentColorScheme) { - result = {result}; - } + result = {result}; if (props.locale) { result = {result}; @@ -113,6 +113,7 @@ function ProviderInner(props: ProviderProps) { let {locale, direction} = useLocale(); return ( ({ +export let upperTrack = style<{isDisabled?: boolean, isStaticColor?: boolean, trackStyle: 'thin' | 'thick'}>({ ...trackStyling, position: 'absolute', backgroundColor: { default: 'gray-300', + isStaticColor: 'transparent-overlay-300', + forcedColors: 'ButtonFace', isDisabled: 'disabled' }, translateY: '-50%', @@ -410,6 +417,7 @@ export const Slider = /*#__PURE__*/ forwardRef(function Slider(props: SliderProp let domRef = useFocusableRef(ref, inputRef); let {direction} = useLocale(); let cssDirection = direction === 'rtl' ? 'right' : 'left'; + let isStaticColor = props['PRIVATE_staticColor']; return ( -
+
pressScale(thumbRef, {transform: 'translate(-50%, -50%)'})({...renderProps, isPressed: renderProps.isDragging})}> {(renderProps) => ( diff --git a/packages/@react-spectrum/s2/src/StatusLight.tsx b/packages/@react-spectrum/s2/src/StatusLight.tsx index f62161bf0b1..ee0b46aa718 100644 --- a/packages/@react-spectrum/s2/src/StatusLight.tsx +++ b/packages/@react-spectrum/s2/src/StatusLight.tsx @@ -26,8 +26,10 @@ interface StatusLightStyleProps { /** * The variant changes the color of the status light. * When status lights have a semantic meaning, they should use the variant for semantic colors. + * + * @default 'neutral' */ - variant: 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'celery' | 'chartreuse' | 'cyan' | 'fuchsia' | 'purple' | 'magenta' | 'indigo' | 'seafoam' | 'yellow' | 'pink' | 'turquoise' | 'cinnamon' | 'brown' | 'silver', + variant?: 'informative' | 'neutral' | 'positive' | 'notice' | 'negative' | 'celery' | 'chartreuse' | 'cyan' | 'fuchsia' | 'purple' | 'magenta' | 'indigo' | 'seafoam' | 'yellow' | 'pink' | 'turquoise' | 'cinnamon' | 'brown' | 'silver', /** * The size of the StatusLight. * @@ -108,7 +110,7 @@ const light = style({ */ export const StatusLight = /*#__PURE__*/ forwardRef(function StatusLight(props: StatusLightProps, ref: DOMRef) { [props, ref] = useSpectrumContextProps(props, ref, StatusLightContext); - let {children, size = 'M', variant, role, UNSAFE_className = '', UNSAFE_style, styles} = props; + let {children, size = 'M', variant = 'neutral', role, UNSAFE_className = '', UNSAFE_style, styles} = props; let domRef = useDOMRef(ref); let isSkeleton = useIsSkeleton(); diff --git a/packages/@react-spectrum/s2/src/Switch.tsx b/packages/@react-spectrum/s2/src/Switch.tsx index 57117f69b7b..f194a23533d 100644 --- a/packages/@react-spectrum/s2/src/Switch.tsx +++ b/packages/@react-spectrum/s2/src/Switch.tsx @@ -57,6 +57,7 @@ const wrapper = style({ transition: 'colors', color: { default: baseColor('neutral'), + forcedColors: 'ButtonText', isDisabled: { default: 'disabled', forcedColors: 'GrayText' diff --git a/packages/@react-spectrum/s2/src/TableView.tsx b/packages/@react-spectrum/s2/src/TableView.tsx index cf47ed4d6cf..05dd53c7ee4 100644 --- a/packages/@react-spectrum/s2/src/TableView.tsx +++ b/packages/@react-spectrum/s2/src/TableView.tsx @@ -58,7 +58,7 @@ import Chevron from '../ui-icons/Chevron'; import Close from '../s2wf-icons/S2_Icon_Close_20_N.svg'; import {ColumnSize} from '@react-types/table'; import {CustomDialog, DialogContainer} from '..'; -import {DOMRef, DOMRefValue, forwardRefType, GlobalDOMAttributes, LoadingState, Node} from '@react-types/shared'; +import {DOMProps, DOMRef, DOMRefValue, forwardRefType, GlobalDOMAttributes, LoadingState, Node} from '@react-types/shared'; import {getActiveElement, getOwnerDocument, useLayoutEffect, useObjectRef} from '@react-aria/utils'; import {GridNode} from '@react-types/grid'; import {IconContext} from './Icon'; @@ -120,7 +120,7 @@ interface S2TableProps { } // TODO: Note that loadMore and loadingState are now on the Table instead of on the TableBody -export interface TableViewProps extends Omit, UnsafeStyles, S2TableProps { +export interface TableViewProps extends Omit, DOMProps, UnsafeStyles, S2TableProps { /** Spectrum-defined styles, returned by the `style()` macro. */ styles?: StylesPropWithHeight } diff --git a/packages/@react-spectrum/s2/src/TagGroup.tsx b/packages/@react-spectrum/s2/src/TagGroup.tsx index cc87e336ce2..7b039822c43 100644 --- a/packages/@react-spectrum/s2/src/TagGroup.tsx +++ b/packages/@react-spectrum/s2/src/TagGroup.tsx @@ -35,7 +35,7 @@ import {ClearButton} from './ClearButton'; import {Collection, CollectionBuilder} from '@react-aria/collections'; import {control, field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'}; import {createContext, forwardRef, ReactNode, useContext, useEffect, useMemo, useRef, useState} from 'react'; -import {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, Node, SpectrumLabelableProps} from '@react-types/shared'; +import {DOMRef, DOMRefValue, GlobalDOMAttributes, HelpTextProps, LabelableProps, Node, SpectrumLabelableProps} from '@react-types/shared'; import {FieldLabel, helpTextStyles} from './Field'; import {flushSync} from 'react-dom'; import {FormContext, useFormProps} from './Form'; @@ -52,7 +52,7 @@ import {useLocalizedStringFormatter} from '@react-aria/i18n'; import {useSpectrumContextProps} from './useSpectrumContextProps'; // Get types from RSP and extend those? -export interface TagProps extends Omit { +export interface TagProps extends Omit, LabelableProps { /** The children of the tag. */ children: ReactNode } diff --git a/packages/@react-spectrum/s2/src/TextField.tsx b/packages/@react-spectrum/s2/src/TextField.tsx index 9742b57ce83..b82705b2ae2 100644 --- a/packages/@react-spectrum/s2/src/TextField.tsx +++ b/packages/@react-spectrum/s2/src/TextField.tsx @@ -197,7 +197,10 @@ function TextAreaInput() { backgroundColor: 'transparent', color: { default: 'inherit', - '::placeholder': 'gray-600' + '::placeholder': { + default: 'gray-600', + forcedColors: 'GrayText' + } }, fontFamily: 'inherit', fontSize: 'inherit', diff --git a/packages/@react-spectrum/s2/src/Toast.module.css b/packages/@react-spectrum/s2/src/Toast.module.css index f5f8ffb550d..07e7d5fd236 100644 --- a/packages/@react-spectrum/s2/src/Toast.module.css +++ b/packages/@react-spectrum/s2/src/Toast.module.css @@ -16,7 +16,28 @@ html:active-view-transition-type(toast-add, toast-remove, toast-expand, toast-co } &::view-transition-group(toast-background) { - z-index: -1; + z-index: 0; + will-change: transform; + } + + &::view-transition-group(.toast), + &::view-transition-group(toast-list-expanded), + &::view-transition-group(toast-list-collapsed) { + z-index: 1; + will-change: transform; + } + + &::view-transition-group(toast-controls) { + z-index: 2; + will-change: transform; + } + + &::view-transition-group(toast-content), + &::view-transition-group(toast-expand), + &::view-transition-group(toast-action), + &::view-transition-group(toast-close) { + z-index: 3; + will-change: transform; } &::view-transition-group(*) { @@ -28,7 +49,7 @@ html.toast-add, html.toast-remove, html:active-view-transition-type(toast-add, toast-remove) { /* The new toast should slide in and out. With reduce motion enabled, it fades by default. */ - @media (prefers-reduced-motion: no-preference) { + &:not(.reduceMotion) { &::view-transition-new(.toast):only-child { animation-name: slide-in; } @@ -78,7 +99,7 @@ html:active-view-transition-type(toast-collapse) { html.toast-expand, html.toast-collapse, html:active-view-transition-type(toast-expand, toast-collapse) { - @media (prefers-reduced-motion: no-preference) { + &:not(.reduceMotion) { /* When expanding/collapsing, animate the components of the main toast individually. */ .toast-content { view-transition-name: toast-content; @@ -122,7 +143,7 @@ html:active-view-transition-type(toast-expand, toast-collapse) { } } - @media (prefers-reduced-motion) { + &.reduceMotion { /* Do not animate individual toasts in reduced motion. The whole list cross-fades instead. */ .toast { view-transition-name: none !important; diff --git a/packages/@react-spectrum/s2/src/Toast.tsx b/packages/@react-spectrum/s2/src/Toast.tsx index d2c96163fce..ad54fe3dc63 100644 --- a/packages/@react-spectrum/s2/src/Toast.tsx +++ b/packages/@react-spectrum/s2/src/Toast.tsx @@ -19,7 +19,7 @@ import Chevron from '../s2wf-icons/S2_Icon_ChevronDown_20_N.svg'; import {CloseButton} from './CloseButton'; import {createContext, ReactNode, useContext, useEffect, useMemo, useRef} from 'react'; import {DOMProps} from '@react-types/shared'; -import {filterDOMProps, useEvent} from '@react-aria/utils'; +import {filterDOMProps, isWebKit, useEvent} from '@react-aria/utils'; import {flushSync} from 'react-dom'; import {focusRing, style} from '../style' with {type: 'macro'}; import {FocusScope, useModalOverlay} from 'react-aria'; @@ -64,15 +64,20 @@ export interface SpectrumToastValue extends DOMProps { shouldCloseOnAction?: boolean } +let globalReduceMotion = false; function startViewTransition(fn: () => void, type: string) { if ('startViewTransition' in document) { // Safari doesn't support :active-view-transition-type() yet, so we fall back to a class on the html element. document.documentElement.classList.add(toastCss[type]); + if (globalReduceMotion) { + document.documentElement.classList.add(toastCss.reduceMotion); + } + let viewTransition = document.startViewTransition(() => flushSync(fn)); viewTransition.ready.catch(() => {}); viewTransition.finished.then(() => { - document.documentElement.classList.remove(toastCss[type]); + document.documentElement.classList.remove(toastCss[type], toastCss.reduceMotion); }); } else { fn(); @@ -179,7 +184,7 @@ const toastRegion = style({ } }, boxSizing: 'border-box', - maxHeight: 'screen', + maxHeight: 'full', borderRadius: 'lg' }); @@ -265,7 +270,8 @@ const toastStyle = style({ boxShadow: { default: 'elevated', isExpanded: 'none' - } + }, + willChange: 'transform' }); const toastBody = style({ @@ -379,6 +385,16 @@ export function ToastContainer(props: ToastContainerProps): ReactNode { } } : undefined); + let prefersReducedMotion = useMediaQuery('(prefers-reduced-motion)'); + let reduceMotion = props['PRIVATE_forceReducedMotion'] ?? prefersReducedMotion; + useEffect(() => { + let oldGlobalReduceMotion = globalReduceMotion; + globalReduceMotion = reduceMotion; + return () => { + globalReduceMotion = oldGlobalReduceMotion; + }; + }, [reduceMotion]); + return ( )} - +
ref={toastListRef} @@ -500,7 +517,8 @@ export function SpectrumToast(props: SpectrumToastProps): ReactNode { viewTransitionName: toast.key + (props.reduceMotion ? '-' + index : ''), viewTransitionClass: [toastCss.toast, toastCss['background-toast']].map(c => CSS.escape(c)).join(' ') }} - className={toastCss.toast + toastStyle({variant: toast.content.variant || 'info', index, isExpanded})} /> + className={toastCss.toast + toastStyle({variant: toast.content.variant || 'info', index, isExpanded})} + ref={fixSafariTransform} /> ); } @@ -569,3 +587,14 @@ export function SpectrumToast(props: SpectrumToastProps): ReactNode { ); } + +function fixSafariTransform(el: HTMLDivElement | null) { + // Safari has a bug where the toasts display in the wrong position (CSS transform is not applied correctly). + // Work around this by removing it, forcing a reflow, and re-applying. + if (el && isWebKit()) { + let translate = el.style.translate; + el.style.translate = ''; + el.offsetHeight; + el.style.translate = translate; + } +} diff --git a/packages/@react-spectrum/s2/src/ToggleButtonGroup.tsx b/packages/@react-spectrum/s2/src/ToggleButtonGroup.tsx index 79a972a40da..022f0bc0119 100644 --- a/packages/@react-spectrum/s2/src/ToggleButtonGroup.tsx +++ b/packages/@react-spectrum/s2/src/ToggleButtonGroup.tsx @@ -13,10 +13,10 @@ import {ActionButtonGroupProps, actionGroupStyle} from './ActionButtonGroup'; import {ContextValue, ToggleButtonGroup as RACToggleButtonGroup, ToggleButtonGroupProps as RACToggleButtonGroupProps} from 'react-aria-components'; import {createContext, ForwardedRef, forwardRef} from 'react'; -import {GlobalDOMAttributes} from '@react-types/shared'; +import {DOMProps, GlobalDOMAttributes} from '@react-types/shared'; import {useSpectrumContextProps} from './useSpectrumContextProps'; -export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit { +export interface ToggleButtonGroupProps extends ActionButtonGroupProps, Omit, DOMProps { /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */ isEmphasized?: boolean } diff --git a/packages/@react-spectrum/s2/src/Tooltip.tsx b/packages/@react-spectrum/s2/src/Tooltip.tsx index abeaa5c0352..ea3ea7f3b62 100644 --- a/packages/@react-spectrum/s2/src/Tooltip.tsx +++ b/packages/@react-spectrum/s2/src/Tooltip.tsx @@ -23,11 +23,11 @@ import {centerPadding, colorScheme, UnsafeStyles} from './style-utils' with {typ import {ColorScheme} from '@react-types/provider'; import {ColorSchemeContext} from './Provider'; import {createContext, forwardRef, MutableRefObject, ReactNode, useCallback, useContext, useState} from 'react'; -import {DOMRef, GlobalDOMAttributes} from '@react-types/shared'; +import {DOMProps, DOMRef, GlobalDOMAttributes} from '@react-types/shared'; import {style} from '../style' with {type: 'macro'}; import {useDOMRef} from '@react-spectrum/utils'; -export interface TooltipTriggerProps extends Omit, Pick { +export interface TooltipTriggerProps extends Omit, Pick { /** The content of the tooltip. */ children: ReactNode, /** @@ -38,7 +38,7 @@ export interface TooltipTriggerProps extends Omit, UnsafeStyles { +export interface TooltipProps extends Omit, DOMProps, UnsafeStyles { /** The content of the tooltip. */ children: ReactNode } @@ -139,7 +139,6 @@ export const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOM let { containerPadding, crossOffset, - offset, placement = 'top', shouldFlip } = useContext(InternalTooltipTriggerContext); @@ -166,7 +165,7 @@ export const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOM arrowBoundaryOffset={borderRadius} containerPadding={containerPadding} crossOffset={crossOffset} - offset={offset} + offset={4} placement={placement} shouldFlip={shouldFlip} ref={tooltipRef} @@ -195,7 +194,6 @@ export function TooltipTrigger(props: TooltipTriggerProps): ReactNode { let { containerPadding, crossOffset, - offset, placement, shouldFlip, ...triggerProps @@ -207,7 +205,6 @@ export function TooltipTrigger(props: TooltipTriggerProps): ReactNode { value={{ containerPadding: containerPadding, crossOffset: crossOffset, - offset: offset, placement: placement, shouldFlip: shouldFlip }}> diff --git a/packages/@react-spectrum/s2/src/TreeView.tsx b/packages/@react-spectrum/s2/src/TreeView.tsx index 3b4320444d3..e539806b8b9 100644 --- a/packages/@react-spectrum/s2/src/TreeView.tsx +++ b/packages/@react-spectrum/s2/src/TreeView.tsx @@ -155,7 +155,8 @@ const treeRow = style({ font: 'ui', color: { default: baseColor('neutral-subdued'), - isSelected: baseColor('neutral') + isSelected: baseColor('neutral'), + forcedColors: 'ButtonText' }, outlineStyle: 'none', cursor: { diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts index 41aaa06b79d..0865c16c0cb 100644 --- a/packages/@react-spectrum/s2/src/index.ts +++ b/packages/@react-spectrum/s2/src/index.ts @@ -83,7 +83,7 @@ export {Tabs, TabList, Tab, TabPanel, TabsContext} from './Tabs'; export {TagGroup, Tag, TagGroupContext} from './TagGroup'; export {TextArea, TextField, TextAreaContext, TextFieldContext} from './TextField'; export {TimeField, TimeFieldContext} from './TimeField'; -export {ToastContainer as UNSTABLE_ToastContainer, ToastQueue as UNSTABLE_ToastQueue} from './Toast'; +export {ToastContainer, ToastQueue} from './Toast'; export {ToggleButton, ToggleButtonContext} from './ToggleButton'; export {ToggleButtonGroup, ToggleButtonGroupContext} from './ToggleButtonGroup'; export {Tooltip, TooltipTrigger} from './Tooltip'; @@ -166,5 +166,5 @@ export type {ToggleButtonProps} from './ToggleButton'; export type {ToggleButtonGroupProps} from './ToggleButtonGroup'; export type {TooltipProps} from './Tooltip'; export type {TreeViewProps, TreeViewItemProps, TreeViewItemContentProps, TreeViewLoadMoreItemProps} from './TreeView'; -export type {AutocompleteProps, FileTriggerProps, TooltipTriggerComponentProps as TooltipTriggerProps, SortDescriptor, Color, Key, Selection} from 'react-aria-components'; +export type {AutocompleteProps, FileTriggerProps, TooltipTriggerComponentProps as TooltipTriggerProps, SortDescriptor, Color, Key, Selection, RouterConfig} from 'react-aria-components'; export type {ListData, TreeData, AsyncListData} from 'react-stately'; diff --git a/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx b/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx index ab5110309d2..0a6a6affc8f 100644 --- a/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Breadcrumbs.stories.tsx @@ -11,7 +11,7 @@ */ import {action} from '@storybook/addon-actions'; -import {Breadcrumb, Breadcrumbs} from '../src'; +import {Breadcrumb, Breadcrumbs, BreadcrumbsProps} from '../src'; import type {Meta, StoryObj} from '@storybook/react'; const meta: Meta = { @@ -57,24 +57,31 @@ export const Example: Story = { ) }; -let items = [ +interface Item { + id: string, + name: string +} +let items: Item[] = [ {id: 'home', name: 'Home'}, {id: 'react-aria', name: 'React Aria'}, {id: 'breadcrumbs', name: 'Breadcrumbs'} ]; -export const WithActions: Story = { - render: (args: any) => ( - - {item => ( - - {item.name} - - )} - - ) + +const BreadcrumbsExampleDynamic = (args: BreadcrumbsProps) => ( + + {item => ( + + {item.name} + + )} + +); + +export const WithActions: StoryObj = { + render: BreadcrumbsExampleDynamic }; -let manyItems = [ +let manyItems: Item[] = [ {id: 'Folder 1', name: 'The quick brown fox jumps over'}, {id: 'Folder 2', name: 'My Documents'}, {id: 'Folder 3', name: 'Kangaroos jump high'}, @@ -83,9 +90,9 @@ let manyItems = [ {id: 'Folder 6', name: 'Wattle trees'}, {id: 'Folder 7', name: 'April 7'} ]; - -export const Many: Story = { - render: (args: any) => ( +export type IMany = typeof BreadcrumbsExampleDynamic; +export const Many: StoryObj = { + render: (args: BreadcrumbsProps) => (
{item => ( @@ -98,7 +105,10 @@ export const Many: Story = { ) }; -let manyItemsWithLinks = [ +interface ItemWithLink extends Item { + href: string +} +let manyItemsWithLinks: ItemWithLink[] = [ {id: 'Folder 1', name: 'The quick brown fox jumps over', href: '/folder1'}, {id: 'Folder 2', name: 'My Documents', href: '/folder2'}, {id: 'Folder 3', name: 'Kangaroos jump high', href: '/folder3'}, @@ -108,16 +118,16 @@ let manyItemsWithLinks = [ {id: 'Folder 7', name: 'April 7', href: '/folder7'} ]; -export const ManyWithLinks: Story = { - render: (args: any) => ( -
- - {item => ( - - {item.name} - - )} - -
- ) +const BreadcrumbsExampleDynamicWithLinks = (args: BreadcrumbsProps) => ( + + {item => ( + + {item.name} + + )} + +); + +export const ManyWithLinks: StoryObj = { + render: BreadcrumbsExampleDynamicWithLinks }; diff --git a/packages/@react-spectrum/s2/stories/Toast.stories.tsx b/packages/@react-spectrum/s2/stories/Toast.stories.tsx index 1aeff128f1e..a783dcd73c8 100644 --- a/packages/@react-spectrum/s2/stories/Toast.stories.tsx +++ b/packages/@react-spectrum/s2/stories/Toast.stories.tsx @@ -11,7 +11,7 @@ */ import {action} from '@storybook/addon-actions'; -import {Button, ButtonGroup, UNSTABLE_ToastContainer, UNSTABLE_ToastQueue} from '../src'; +import {Button, ButtonGroup, ToastContainer, ToastQueue} from '../src'; import type {Meta, StoryObj} from '@storybook/react'; import {SpectrumToast, SpectrumToastValue, ToastOptions, ToastPlacement} from '../src/Toast'; import {UNSTABLE_ToastStateContext} from 'react-aria-components'; @@ -52,35 +52,35 @@ type Story = StoryObj; export const Example: Story = { render: (args) => ( <> - + diff --git a/packages/@react-spectrum/s2/style/index.ts b/packages/@react-spectrum/s2/style/index.ts index 41e4be388d7..7a847469bd7 100644 --- a/packages/@react-spectrum/s2/style/index.ts +++ b/packages/@react-spectrum/s2/style/index.ts @@ -32,7 +32,10 @@ export const focusRing = () => ({ default: 'none', isFocusVisible: 'solid' }, - outlineColor: 'focus-ring', + outlineColor: { + default: 'focus-ring', + forcedColors: 'Highlight' + }, outlineWidth: 2, outlineOffset: 2 } as const); diff --git a/packages/@react-spectrum/s2/style/spectrum-theme.ts b/packages/@react-spectrum/s2/style/spectrum-theme.ts index c1da1a04974..d10e6cd127e 100644 --- a/packages/@react-spectrum/s2/style/spectrum-theme.ts +++ b/packages/@react-spectrum/s2/style/spectrum-theme.ts @@ -23,9 +23,24 @@ function pxToRem(px: string | number) { if (typeof px === 'string') { px = parseFloat(px); } + + // In the docs, we need to be able to simulate font size adjustment. + if (process.env.DOCS_ENV) { + return `calc(${px / 16} * var(--rem, 1rem))`; + } + return px / 16 + 'rem'; } +function hcmColor(color: string) { + // In the docs, HCM colors can be simulated. + if (process.env.DOCS_ENV) { + return `var(--hcm-${color.toLowerCase()}, ${color})`; + } + + return color; +} + const baseColors = { transparent: 'transparent', black: 'black', @@ -62,16 +77,17 @@ const baseColors = { ...generateOverlayColorScale(), // High contrast mode. - Background: 'Background', - ButtonBorder: 'ButtonBorder', - ButtonFace: 'ButtonFace', - ButtonText: 'ButtonText', - Field: 'Field', - Highlight: 'Highlight', - HighlightText: 'HighlightText', - GrayText: 'GrayText', - Mark: 'Mark', - LinkText: 'LinkText' + // In the docs these can be simulated via variables. + Background: hcmColor('Background'), + ButtonBorder: hcmColor('ButtonBorder'), + ButtonFace: hcmColor('ButtonFace'), + ButtonText: hcmColor('ButtonText'), + Field: hcmColor('Field'), + Highlight: hcmColor('Highlight'), + HighlightText: hcmColor('HighlightText'), + GrayText: hcmColor('GrayText'), + Mark: hcmColor('Mark'), + LinkText: hcmColor('LinkText') }; // Resolves a color to its most basic form, following all aliases. @@ -761,7 +777,7 @@ export const style = createTheme({ if (typeof value === 'number') { return { '--fs': `pow(1.125, ${value})`, - fontSize: `round(${fontSizeCalc} / 16 * 1rem, 1px)` + fontSize: `round(${fontSizeCalc} / 16 * ${process.env.DOCS_ENV ? 'var(--rem, 1rem)' : '1rem'}, 1px)` } as CSSProperties; } @@ -922,6 +938,8 @@ export const style = createTheme({ float: ['inline-start', 'inline-end', 'right', 'left', 'none'] as const, clear: ['inline-start', 'inline-end', 'left', 'right', 'both', 'none'] as const, contain: ['none', 'strict', 'content', 'size', 'inline-size', 'layout', 'style', 'paint'] as const, + containerType: ['normal', 'size', 'inline-size', 'scroll-state'] as const, + containerName: new ArbitraryProperty('containerName'), boxSizing: ['border-box', 'content-box'] as const, tableLayout: ['auto', 'fixed'] as const, captionSide: ['top', 'bottom'] as const, @@ -1022,7 +1040,8 @@ export const style = createTheme({ } }, conditions: { - forcedColors: '@media (forced-colors: active)', + // In the docs we need to be able to simulate HCM. + forcedColors: process.env.DOCS_ENV ? ['@media (forced-colors: active)', ':is([data-hcm], [data-hcm] *)'] : '@media (forced-colors: active)', // This detects touch primary devices as best as we can. // Ideally we'd use (pointer: course) but browser/device support is inconsistent. // Samsung Android devices claim to be mice at the hardware/OS level: (any-pointer: fine), (any-hover: hover), (hover: hover), and nothing for pointer. @@ -1032,10 +1051,11 @@ export const style = createTheme({ // Windows tablet matches the same as iPhone. No difference when a mouse is connected. // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover). touch: '@media not ((hover: hover) and (pointer: fine))', - sm: `@media (min-width: ${pxToRem(640)})`, - md: `@media (min-width: ${pxToRem(768)})`, - lg: `@media (min-width: ${pxToRem(1024)})`, - xl: `@media (min-width: ${pxToRem(1280)})`, - '2xl': `@media (min-width: ${pxToRem(1536)})` + xs: `@media (min-width: ${(480 / 16)}rem)`, + sm: `@media (min-width: ${(640 / 16)}rem)`, + md: `@media (min-width: ${(768 / 16)}rem)`, + lg: `@media (min-width: ${(1024 / 16)}rem)`, + xl: `@media (min-width: ${(1280 / 16)}rem)`, + '2xl': `@media (min-width: ${(1536 / 16)}rem)` } }); diff --git a/packages/@react-spectrum/s2/style/style-macro.ts b/packages/@react-spectrum/s2/style/style-macro.ts index d41d6aaeee6..0f43859218f 100644 --- a/packages/@react-spectrum/s2/style/style-macro.ts +++ b/packages/@react-spectrum/s2/style/style-macro.ts @@ -476,19 +476,24 @@ export function createTheme(theme: T): StyleFunction { + if (prelude.startsWith(':')) { + let rulesWithPseudo = rules.map(rule => { + rule = rule.copy(); + rule.addPseudo(prelude); + return rule; + }); + + return new GroupRule(rulesWithPseudo, generateName(priority, true)); } - return [new GroupRule(rules, generateName(priority, true))]; - } - - // Otherwise, wrap the rule in the condition (e.g. @media). - // Top level layer is based on the priority of the rule, not the condition. - // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules. - let layer = `${generateName(priority, true)}.${propertyInfo.conditions[theme.conditions[condition] || condition] || generateArbitraryValueSelector(condition, true)}`; - return [new AtRule(rules, prelude, layer)]; + // Otherwise, wrap the rule in the condition (e.g. @media). + // Top level layer is based on the priority of the rule, not the condition. + // Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules. + let layer = `${generateName(priority, true)}.${propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition, true)}`; + return new AtRule(rules, prelude, layer); + }); } hasConditions = true; @@ -537,7 +542,11 @@ export function createTheme(theme: T): StyleFunction 0) { for (let condition of conditions) { - className += propertyInfo.conditions[theme.conditions[condition] || condition] || generateArbitraryValueSelector(condition); + let prelude = theme.conditions[condition] || condition; + let preludes = Array.isArray(prelude) ? prelude : [prelude]; + for (let prelude of preludes) { + className += propertyInfo.conditions[prelude] || generateArbitraryValueSelector(condition); + } } } @@ -632,7 +641,8 @@ interface Rule { addPseudo(prelude: string): void, getStaticClassName(): string, toCSS(rulesByLayer: Map, preludes?: string[], layer?: string): void, - toJS(allowedOverridesSet: Set, indent?: string): string + toJS(allowedOverridesSet: Set, indent?: string): string, + copy(): Rule } /** A CSS style rule. */ @@ -649,6 +659,12 @@ class StyleRule implements Rule { this.value = value; } + copy(): Rule { + let rule = new StyleRule(this.className, this.property, this.value); + rule.pseudos = this.pseudos; + return rule; + } + addPseudo(prelude: string) { this.pseudos += prelude; } @@ -696,11 +712,15 @@ class GroupRule implements Rule { rules: Rule[]; layer: string | null; - constructor(rules: Rule[], layer?: string) { + constructor(rules: Rule[], layer?: string | null) { this.rules = rules; this.layer = layer ?? null; } + copy(): Rule { + return new GroupRule(this.rules.map(rule => rule.copy()), this.layer); + } + addPseudo(prelude: string) { for (let rule of this.rules) { rule.addPseudo(prelude); @@ -740,11 +760,15 @@ class GroupRule implements Rule { class AtRule extends GroupRule { prelude: string; - constructor(rules: Rule[], prelude: string, layer: string) { + constructor(rules: Rule[], prelude: string, layer: string | null) { super(rules, layer); this.prelude = prelude; } + copy(): Rule { + return new AtRule(this.rules.map(rule => rule.copy()), this.prelude, this.layer); + } + toCSS(rulesByLayer: Map, preludes: string[] = [], layer?: string): void { preludes.push(this.prelude); super.toCSS(rulesByLayer, preludes, layer); @@ -761,6 +785,10 @@ class ConditionalRule extends GroupRule { this.condition = condition; } + copy(): Rule { + return new ConditionalRule(this.rules.map(rule => rule.copy()), this.condition); + } + getStaticClassName(): string { throw new Error('Conditional rules cannot be compiled to a static class name. This is a bug.'); } diff --git a/packages/@react-spectrum/s2/style/types.ts b/packages/@react-spectrum/s2/style/types.ts index fc711969d44..01fac79e9eb 100644 --- a/packages/@react-spectrum/s2/style/types.ts +++ b/packages/@react-spectrum/s2/style/types.ts @@ -38,7 +38,7 @@ export interface Theme { [name: string]: PropertyValueMap | Property | string[] }, conditions: { - [name: string]: string + [name: string]: string | string[] }, shorthands: { [name: string]: string[] | ShorthandProperty diff --git a/packages/@react-spectrum/s2/test/ActionButtonGroup.test.tsx b/packages/@react-spectrum/s2/test/ActionButtonGroup.test.tsx new file mode 100644 index 00000000000..9565351a525 --- /dev/null +++ b/packages/@react-spectrum/s2/test/ActionButtonGroup.test.tsx @@ -0,0 +1,65 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {ActionButton, ActionButtonGroup, Text} from '../src'; +import {render} from '@react-spectrum/test-utils-internal'; + +describe('ActionButtonGroup', () => { + + it('can disable all buttons from the group', async () => { + let {getAllByRole} = render( + + Bold + Italic + Underline + + ); + + + let buttons = getAllByRole('button'); + expect(buttons[0]).toBeDisabled(); + expect(buttons[1]).toBeDisabled(); + expect(buttons[2]).toBeDisabled(); + }); + + it('can set disable individually', async () => { + let {getAllByRole} = render( + + Bold + Italic + Underline + + ); + + + let buttons = getAllByRole('button'); + expect(buttons[0]).toBeDisabled(); + expect(buttons[1]).not.toBeDisabled(); + expect(buttons[2]).not.toBeDisabled(); + }); + + it('can override the group disable', async () => { + let {getAllByRole} = render( + + Bold + Italic + Underline + + ); + + + let buttons = getAllByRole('button'); + expect(buttons[0]).not.toBeDisabled(); + expect(buttons[1]).toBeDisabled(); + expect(buttons[2]).toBeDisabled(); + }); +}); diff --git a/packages/@react-spectrum/s2/test/TagGroup.test.tsx b/packages/@react-spectrum/s2/test/TagGroup.test.tsx index 55381107a14..9deff9e855d 100644 --- a/packages/@react-spectrum/s2/test/TagGroup.test.tsx +++ b/packages/@react-spectrum/s2/test/TagGroup.test.tsx @@ -15,6 +15,18 @@ import React from 'react'; import {Tag, TagGroup} from '../src'; import userEvent from '@testing-library/user-event'; + +let TestTagGroup = ({tagGroupProps, itemProps}) => ( + + Cat + Dog + Kangaroo + +); + +let renderTagGroup = (tagGroupProps = {}, itemProps = {}) => render(); + + describe('TagGroup', () => { let user; beforeAll(() => { @@ -52,4 +64,12 @@ describe('TagGroup', () => { expect(onRemove).toHaveBeenCalledTimes(1); expect(onRemove).toHaveBeenCalledWith(new Set(['chocolate'])); }); + + it('should aria label on tags', () => { + let {getAllByRole} = renderTagGroup({label: 'TagGroup label'}, {'aria-label': 'Test'}); + + for (let row of getAllByRole('row')) { + expect(row).toHaveAttribute('aria-label', 'Test'); + } + }); }); diff --git a/packages/@react-spectrum/s2/test/ToggleButtonGroup.test.tsx b/packages/@react-spectrum/s2/test/ToggleButtonGroup.test.tsx new file mode 100644 index 00000000000..c0d87ca68b1 --- /dev/null +++ b/packages/@react-spectrum/s2/test/ToggleButtonGroup.test.tsx @@ -0,0 +1,33 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {render} from '@react-spectrum/test-utils-internal'; +import {Text, ToggleButton, ToggleButtonGroup} from '../src'; + +describe('ToggleButtonGroup', () => { + + it('can disable all buttons from the group', async () => { + let {getAllByRole} = render( + + Bold + Italic + Underline + + ); + + + let buttons = getAllByRole('radio'); + expect(buttons[0]).toBeDisabled(); + expect(buttons[1]).toBeDisabled(); + expect(buttons[2]).toBeDisabled(); + }); +}); diff --git a/packages/@react-spectrum/tree/test/TreeView.test.tsx b/packages/@react-spectrum/tree/test/TreeView.test.tsx index e7658edd446..f87c26f13a3 100644 --- a/packages/@react-spectrum/tree/test/TreeView.test.tsx +++ b/packages/@react-spectrum/tree/test/TreeView.test.tsx @@ -518,7 +518,7 @@ describe('Tree', () => { let rows = getAllByRole('row'); expect(rows).toHaveLength(1); - expect(rows[0]).toHaveAttribute('aria-label', 'Test'); + expect(rows[0]).toHaveAttribute('aria-label', 'test row'); }); describe('general interactions', () => { diff --git a/packages/@react-types/combobox/src/index.d.ts b/packages/@react-types/combobox/src/index.d.ts index 5b96371b82e..3558c274dc8 100644 --- a/packages/@react-types/combobox/src/index.d.ts +++ b/packages/@react-types/combobox/src/index.d.ts @@ -84,7 +84,7 @@ export interface SpectrumComboBoxProps extends SpectrumTextInputBase, Omit, SpectrumFieldValidation, InputDOMProps, StyleProps, SpectrumLabelableProps { /** Whether the numberfield should be displayed with a quiet style. */ isQuiet?: boolean, - /** Whether to hide the increment and decrement buttons. */ + /** + * Whether to hide the increment and decrement buttons. + * @default false + */ hideStepper?: boolean } diff --git a/packages/@react-types/tabs/src/index.d.ts b/packages/@react-types/tabs/src/index.d.ts index a24d94a8338..9a20acc7ef9 100644 --- a/packages/@react-types/tabs/src/index.d.ts +++ b/packages/@react-types/tabs/src/index.d.ts @@ -60,7 +60,7 @@ export interface AriaTabPanelProps extends Omit, AriaLabelingPro id?: Key } -export interface SpectrumTabsProps extends AriaTabListBase, Omit, DOMProps, StyleProps { +export interface SpectrumTabsProps extends AriaTabListBase, Omit, DOMProps, StyleProps { /** The children of the `` element. Should include `` and `` elements. */ children: ReactNode, /** The item objects for each tab, for dynamic collections. */ diff --git a/packages/dev/parcel-transformer-s2-icon/IconTransformer.js b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js index 6eb319b2dc1..5082edffd5a 100644 --- a/packages/dev/parcel-transformer-s2-icon/IconTransformer.js +++ b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js @@ -60,6 +60,8 @@ module.exports = new Transformer({ }, replaceAttrValues: { 'var(--iconPrimary, #222)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))`, + 'var(--iconPrimary, #222222)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))`, + 'var(--iconPrimary, #292929)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))`, 'var(--spectrum-global-color-gray-800, #292929)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))` }, typescript: true, diff --git a/packages/dev/parcel-transformer-s2-icon/package.json b/packages/dev/parcel-transformer-s2-icon/package.json index ffaf341a911..5a9f81970a9 100644 --- a/packages/dev/parcel-transformer-s2-icon/package.json +++ b/packages/dev/parcel-transformer-s2-icon/package.json @@ -6,7 +6,7 @@ "parcel": "^2.0.0" }, "dependencies": { - "@adobe/spectrum-tokens": "^13.15.1", + "@adobe/spectrum-tokens": "^14.0.0", "@parcel/plugin": "^2.0.0", "@svgr/core": "^8.1.0", "@svgr/plugin-jsx": "^8.1.0", diff --git a/packages/dev/s2-docs/.parcelrc-s2-docs b/packages/dev/s2-docs/.parcelrc-s2-docs index 3eaac5aa769..26820460399 100644 --- a/packages/dev/s2-docs/.parcelrc-s2-docs +++ b/packages/dev/s2-docs/.parcelrc-s2-docs @@ -8,7 +8,8 @@ "docs:*.{js,ts,tsx,json}": ["parcel-transformer-docs", "@parcel/transformer-inline"], "docs-json:*.{js,ts,tsx,json}": ["parcel-transformer-docs"], "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], - "url:*.svg": ["@parcel/transformer-raw"], + "url:*.svg": ["@parcel/transformer-svg"], + "data-url:*.svg": ["@parcel/transformer-svg", "@parcel/transformer-inline-string"], "packages/@react-spectrum/s2/s2wf-icons/**/*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], "packages/*/*/intl/*.json": ["parcel-transformer-intl"], "starters/tailwind/**/*.css": ["@parcel/transformer-postcss", "..."], diff --git a/packages/dev/s2-docs/assets/favicon.ico b/packages/dev/s2-docs/assets/favicon.ico new file mode 100644 index 00000000000..8f9fd41df6f Binary files /dev/null and b/packages/dev/s2-docs/assets/favicon.ico differ diff --git a/packages/dev/s2-docs/pages/react-aria/Select.mdx b/packages/dev/s2-docs/pages/react-aria/Select.mdx index 3a0199a2bb4..d1b93746eb8 100644 --- a/packages/dev/s2-docs/pages/react-aria/Select.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Select.mdx @@ -124,7 +124,7 @@ function Example() { - + {/*- begin highlight -*/} diff --git a/packages/dev/s2-docs/pages/react-aria/Toolbar.mdx b/packages/dev/s2-docs/pages/react-aria/Toolbar.mdx index 6e6f8b02344..ab7aec77eca 100644 --- a/packages/dev/s2-docs/pages/react-aria/Toolbar.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Toolbar.mdx @@ -21,7 +21,8 @@ export const description = 'A container for a set of interactive controls, such import {ToggleButton} from 'vanilla-starter/ToggleButton'; import {Button} from 'vanilla-starter/Button'; import {Select, SelectItem} from 'vanilla-starter/Select'; - import {Group, Separator} from 'react-aria-components'; + import {Separator} from 'vanilla-starter/Separator'; + import {Group} from 'react-aria-components'; import {Bold, Italic, Underline, ClipboardCopy, Scissors, ClipboardPaste} from 'lucide-react'; @@ -36,7 +37,7 @@ export const description = 'A container for a set of interactive controls, such - + - + + + + + + + + + + + + +
+
+ {children} +
+
{ + setTransitioning(null); + }}> + {displayPanel && +
+ {displayPanel === 'layers' && } + {displayPanel === 'properties' && } + {displayPanel === 'comments' && } + {displayPanel === 'assets' && } +
+ } +
+
+ { + let key = [...keys][0]; + setPanel(key as string); + if (key == null || displayPanel == null) { + setTransitioning(key || displayPanel); + } + }}> + + + + + + + + + + + + + +
+
+ + ); +} + +const text = style({ + color: 'transparent', + boxDecorationBreak: 'clone', + borderRadius: 'sm', + backgroundColor: 'gray-100' +}); + +function SkeletonCard() { + return ( + + +
+ + + Placeholder title + Testing + + + ); +} + +function Layers() { + return ( + + + + + + + + + + + + + ) +} + +function Layer({id, name, children}: any) { + return ( + + {name} + {children} + + ); +} + +function Properties() { + let {brightness, contrast, saturation, onChange} = useContext(FilterContext); + let isHCM = 'style' in useContext(HCMContext); + return ( +
+ + + Filters + +
+ onChange({brightness, contrast, saturation})} /> + onChange({brightness, contrast, saturation})} /> + onChange({brightness, contrast, saturation})} /> + +
+ + + Text + +
+
+ + Open Sans + Adobe Clean + Helvetica + Times New Roman + Comic Sans + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Wrap +
+ + + +
+ ); +} + +function Comments() { + let [comments, setComments] = useState([ + { + author: 'Nikolas Gibbons', + avatar: 'https://www.untitledui.com/images/avatars/nikolas-gibbons', + date: '2 hours ago', + body: 'Thanks for the feedback!' + }, + { + author: 'Adriana Sullivan', + avatar: 'https://www.untitledui.com/images/avatars/adriana-sullivan', + date: 'July 14', + body: 'Transitions are smooth! Could we speed them up just a bit?' + }, + { + author: 'Frank Whitaker', + avatar: 'https://www.untitledui.com/images/avatars/frank-whitaker?', + date: 'July 13', + body: 'Love the direction. Could we simplify the header a bit more?' + } + ]); + + return ( +
+

Comments

+
{ + if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) { + e.currentTarget.requestSubmit(); + } + }} + action={formData => { + setComments([ + { + author: 'You', + avatar: 'https://i.imgur.com/xIe7Wlb.png', + date: 'Just now', + body: formData.get('comment')! as string + }, + ...comments + ]); + }}> +