From 2bca133649ba7096e5e4ea99e100d1cae4fff374 Mon Sep 17 00:00:00 2001 From: Robert Snow Date: Fri, 16 Aug 2024 07:49:28 +1000 Subject: [PATCH] S2 Icon Builder CLI (#6806) --- .parcelrc-build | 5 +- .storybook-s2/.parcelrc | 3 +- package.json | 1 + .../linear/AlertNotice.tsx | 6 +- .../s2/spectrum-illustrations/linear/Apps.tsx | 6 +- .../linear/ArrowDown.tsx | 6 +- .../linear/ArrowLeft.tsx | 6 +- .../linear/ArrowRight.tsx | 6 +- .../spectrum-illustrations/linear/ArrowUp.tsx | 6 +- .../linear/Artboard.tsx | 6 +- .../s2/spectrum-illustrations/linear/Bell.tsx | 6 +- .../s2/spectrum-illustrations/linear/Bolt.tsx | 6 +- .../spectrum-illustrations/linear/Brand.tsx | 6 +- .../linear/Briefcase.tsx | 6 +- .../spectrum-illustrations/linear/Browser.tsx | 6 +- .../linear/BrowserError.tsx | 6 +- .../linear/BrowserNotCompatible.tsx | 6 +- .../linear/BuildTable.tsx | 6 +- .../linear/Buildings.tsx | 6 +- .../linear/Calendar.tsx | 6 +- .../spectrum-illustrations/linear/Camera.tsx | 6 +- .../linear/Chatbubble.tsx | 6 +- .../spectrum-illustrations/linear/Check.tsx | 6 +- .../linear/Clipboard.tsx | 6 +- .../spectrum-illustrations/linear/Clock.tsx | 6 +- .../spectrum-illustrations/linear/Close.tsx | 6 +- .../spectrum-illustrations/linear/Cloud.tsx | 6 +- .../linear/CloudStateDisconnected.tsx | 6 +- .../linear/CloudStateError.tsx | 6 +- .../linear/CloudUpload.tsx | 6 +- .../linear/CodeBrackets.tsx | 6 +- .../linear/ConfettiCelebration.tsx | 6 +- .../linear/Conversationbubbles.tsx | 6 +- .../spectrum-illustrations/linear/Cursor.tsx | 6 +- .../spectrum-illustrations/linear/Desktop.tsx | 6 +- .../linear/Document.tsx | 6 +- .../linear/DropToUpload.tsx | 6 +- .../linear/EmptyStateExport.tsx | 6 +- .../spectrum-illustrations/linear/Error.tsx | 6 +- .../linear/FileAlert.tsx | 6 +- .../linear/FileImage.tsx | 6 +- .../linear/FileText.tsx | 6 +- .../linear/FileVideo.tsx | 6 +- .../spectrum-illustrations/linear/FileZip.tsx | 6 +- .../linear/Filmstrip.tsx | 6 +- .../spectrum-illustrations/linear/Filter.tsx | 6 +- .../linear/Fireworks.tsx | 6 +- .../linear/FolderClose.tsx | 6 +- .../linear/FolderOpen.tsx | 6 +- .../linear/GearSetting.tsx | 6 +- .../linear/GraphBarChart.tsx | 6 +- .../linear/Handshake.tsx | 6 +- .../spectrum-illustrations/linear/Heart.tsx | 6 +- .../spectrum-illustrations/linear/Image.tsx | 6 +- .../linear/ImageStack.tsx | 6 +- .../linear/Information.tsx | 6 +- .../spectrum-illustrations/linear/Laptop.tsx | 6 +- .../spectrum-illustrations/linear/Layers.tsx | 6 +- .../linear/Libraries.tsx | 6 +- .../linear/Lightbulb.tsx | 6 +- .../linear/LightbulbRays.tsx | 6 +- .../s2/spectrum-illustrations/linear/Link.tsx | 6 +- .../linear/Location.tsx | 6 +- .../linear/LockClose.tsx | 6 +- .../linear/LockOpen.tsx | 6 +- .../s2/spectrum-illustrations/linear/Logo.tsx | 6 +- .../linear/MailClose.tsx | 6 +- .../linear/MegaphonePromote.tsx | 6 +- .../linear/MegaphonePromoteExpressive.tsx | 6 +- .../linear/Paperairplane.tsx | 6 +- .../linear/Paperclip.tsx | 6 +- .../spectrum-illustrations/linear/Phone.tsx | 6 +- .../linear/PieChart.tsx | 6 +- .../s2/spectrum-illustrations/linear/Pin.tsx | 6 +- .../s2/spectrum-illustrations/linear/Play.tsx | 6 +- .../spectrum-illustrations/linear/Plugin.tsx | 6 +- .../spectrum-illustrations/linear/Rocket.tsx | 6 +- .../spectrum-illustrations/linear/Search.tsx | 6 +- .../spectrum-illustrations/linear/Server.tsx | 6 +- .../linear/Sparkles.tsx | 6 +- .../s2/spectrum-illustrations/linear/Star.tsx | 6 +- .../spectrum-illustrations/linear/Tablet.tsx | 6 +- .../s2/spectrum-illustrations/linear/Tag.tsx | 6 +- .../spectrum-illustrations/linear/Trash.tsx | 6 +- .../spectrum-illustrations/linear/Trophy.tsx | 6 +- .../spectrum-illustrations/linear/Update.tsx | 6 +- .../s2/spectrum-illustrations/linear/User.tsx | 6 +- .../linear/UserGroup.tsx | 6 +- .../spectrum-illustrations/linear/Video.tsx | 6 +- .../spectrum-illustrations/linear/Warning.tsx | 6 +- packages/@react-spectrum/s2/src/index.ts | 3 +- .../s2/stories/DropZone.stories.tsx | 2 +- .../s2/stories/IllustratedMessage.stories.tsx | 2 +- packages/dev/codemods/package.json | 6 +- packages/dev/parcel-namer-icon/package.json | 12 ---- packages/dev/parcel-namer-s2/README.md | 3 + .../S2Namer.js} | 0 packages/dev/parcel-namer-s2/package.json | 23 ++++++++ .../dev/parcel-transformer-icon/package.json | 12 ---- .../IconTransformer.js | 13 +++-- .../dev/parcel-transformer-s2-icon/README.md | 3 + .../parcel-transformer-s2-icon/package.json | 23 ++++++++ packages/dev/s2-icon-builder/.parcelrc | 18 ++++++ packages/dev/s2-icon-builder/README.md | 3 + packages/dev/s2-icon-builder/index.js | 53 ++++++++++++++++++ packages/dev/s2-icon-builder/package.json | 36 ++++++++++++ scripts/generateS2IconIndex.js | 3 +- scripts/lint-packages.js | 2 +- yarn.config.cjs | 19 +++---- yarn.lock | 55 +++++++++++++------ 110 files changed, 496 insertions(+), 326 deletions(-) delete mode 100644 packages/dev/parcel-namer-icon/package.json create mode 100644 packages/dev/parcel-namer-s2/README.md rename packages/dev/{parcel-namer-icon/IconNamer.js => parcel-namer-s2/S2Namer.js} (100%) create mode 100644 packages/dev/parcel-namer-s2/package.json delete mode 100644 packages/dev/parcel-transformer-icon/package.json rename packages/dev/{parcel-transformer-icon => parcel-transformer-s2-icon}/IconTransformer.js (89%) create mode 100644 packages/dev/parcel-transformer-s2-icon/README.md create mode 100644 packages/dev/parcel-transformer-s2-icon/package.json create mode 100644 packages/dev/s2-icon-builder/.parcelrc create mode 100644 packages/dev/s2-icon-builder/README.md create mode 100755 packages/dev/s2-icon-builder/index.js create mode 100644 packages/dev/s2-icon-builder/package.json diff --git a/.parcelrc-build b/.parcelrc-build index ca6c775ff23..d5e200369ac 100644 --- a/.parcelrc-build +++ b/.parcelrc-build @@ -6,7 +6,8 @@ "style-types:*.ts": ["@parcel/transformer-typescript-types"], "packages/**/intl/*.json": ["parcel-transformer-intl"], "bundle-text:*.svg": ["@parcel/transformer-svg", "@parcel/transformer-inline-string"], - "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"], + "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], + "packages/@react-spectrum/s2/s2wf-icons/**/*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], // Disable PostCSS from running over style macro output "packages/@react-spectrum/s2/**/*.css": ["@parcel/transformer-css"], "*.svg": ["@parcel/transformer-svg-react"], @@ -15,5 +16,5 @@ "@parcel/transformer-react-refresh-wrap" ] }, - "namers": ["parcel-namer-icon", "parcel-namer-intl", "..."] + "namers": ["parcel-namer-s2", "parcel-namer-intl", "..."] } diff --git a/.storybook-s2/.parcelrc b/.storybook-s2/.parcelrc index 7a7374f94f8..228bdc80acf 100644 --- a/.storybook-s2/.parcelrc +++ b/.storybook-s2/.parcelrc @@ -3,7 +3,8 @@ "resolvers": ["@parcel/resolver-glob", "parcel-resolver-storybook", "..."], "transformers": { "packages/@react-spectrum/s2/{src,stories}/*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": ["parcel-transformer-react-docgen-typescript", "..."], - "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"], + "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], + "packages/@react-spectrum/s2/s2wf-icons/**/*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], "packages/*/*/intl/*.json": ["parcel-transformer-intl"], // Disable PostCSS from running over style macro output "*.css": ["@parcel/transformer-css"], diff --git a/package.json b/package.json index 08ab2a574d6..1d5e1bfd186 100644 --- a/package.json +++ b/package.json @@ -94,6 +94,7 @@ "@parcel/transformer-inline-string": "2.0.0-dev.1601", "@parcel/transformer-svg-react": "2.12.1-dev.3224", "@parcel/transformer-typescript-types": "2.0.0-dev.1601", + "@react-spectrum/s2-icon-builder": "^1.0.0", "@spectrum-css/component-builder": "1.0.1", "@spectrum-css/vars": "^2.3.0", "@storybook/addon-a11y": "^7.6.19", diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx index f8868260c36..9706323c23d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import AlertNotice_L from './S2_lin_alertNotice_160.svg'; -import AlertNotice_M from './S2_lin_alertNotice_96.svg'; -import AlertNotice_S from './S2_lin_alertNotice_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx index 0843254e7eb..6864569f8bc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Apps_L from './S2_lin_apps_160.svg'; -import Apps_M from './S2_lin_apps_96.svg'; -import Apps_S from './S2_lin_apps_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx index c87fba70b87..5d2290deeda 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import ArrowDown_L from './S2_lin_arrowDown_160.svg'; -import ArrowDown_M from './S2_lin_arrowDown_96.svg'; -import ArrowDown_S from './S2_lin_arrowDown_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx index 0fdff79bc24..169082c2803 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import ArrowLeft_L from './S2_lin_arrowLeft_160.svg'; -import ArrowLeft_M from './S2_lin_arrowLeft_96.svg'; -import ArrowLeft_S from './S2_lin_arrowLeft_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx index dfa617873a1..63b767e045c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import ArrowRight_L from './S2_lin_arrowRight_160.svg'; -import ArrowRight_M from './S2_lin_arrowRight_96.svg'; -import ArrowRight_S from './S2_lin_arrowRight_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx index 9e4a33f55fb..8a81910d1a6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import ArrowUp_L from './S2_lin_arrowUp_160.svg'; -import ArrowUp_M from './S2_lin_arrowUp_96.svg'; -import ArrowUp_S from './S2_lin_arrowUp_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx index ffee77fcd9a..decd277c156 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Artboard_L from './S2_lin_artboard_160.svg'; -import Artboard_M from './S2_lin_artboard_96.svg'; -import Artboard_S from './S2_lin_artboard_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx index b7c8d6254bb..4b2fc9d9054 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Bell_L from './S2_lin_bell_160.svg'; -import Bell_M from './S2_lin_bell_96.svg'; -import Bell_S from './S2_lin_bell_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx index 0f568216a1d..0ef54f24da8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Bolt_L from './S2_lin_bolt_160.svg'; -import Bolt_M from './S2_lin_bolt_96.svg'; -import Bolt_S from './S2_lin_bolt_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx index 9ba2d973d21..5147e9e5f28 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Brand_L from './S2_lin_brand_160.svg'; -import Brand_M from './S2_lin_brand_96.svg'; -import Brand_S from './S2_lin_brand_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx index 0893ffd8c56..b17f7d9be0a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Briefcase_L from './S2_lin_briefcase_160.svg'; -import Briefcase_M from './S2_lin_briefcase_96.svg'; -import Briefcase_S from './S2_lin_briefcase_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx index e5f8d093194..7710177f7f7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Browser_L from './S2_lin_browser_160.svg'; -import Browser_M from './S2_lin_browser_96.svg'; -import Browser_S from './S2_lin_browser_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx index d8dab32fafd..bbfd4a79e0a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import BrowserError_L from './S2_lin_browserError_160.svg'; -import BrowserError_M from './S2_lin_browserError_96.svg'; -import BrowserError_S from './S2_lin_browserError_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx index 56c36c69bbc..167300c8ea7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import BrowserNotCompatible_L from './S2_lin_browserNotCompatible_160.svg'; -import BrowserNotCompatible_M from './S2_lin_browserNotCompatible_96.svg'; -import BrowserNotCompatible_S from './S2_lin_browserNotCompatible_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx index a363272e467..25a23728752 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import BuildTable_L from './S2_lin_buildTable_160.svg'; -import BuildTable_M from './S2_lin_buildTable_96.svg'; -import BuildTable_S from './S2_lin_buildTable_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx index 9549e641a11..48edc6b7a7d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Buildings_L from './S2_lin_buildings_160.svg'; -import Buildings_M from './S2_lin_buildings_96.svg'; -import Buildings_S from './S2_lin_buildings_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx index 6cf36d4ac65..409ac7fa4ab 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Calendar_L from './S2_lin_calendar_160.svg'; -import Calendar_M from './S2_lin_calendar_96.svg'; -import Calendar_S from './S2_lin_calendar_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx index 436974f4b50..a8248a91d28 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Camera_L from './S2_lin_camera_160.svg'; -import Camera_M from './S2_lin_camera_96.svg'; -import Camera_S from './S2_lin_camera_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx index 5a14cb7e7ec..14685c8a886 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Chatbubble_L from './S2_lin_chatbubble_160.svg'; -import Chatbubble_M from './S2_lin_chatbubble_96.svg'; -import Chatbubble_S from './S2_lin_chatbubble_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx index 2abd3d62f76..c31cf40358a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Check_L from './S2_lin_check_160.svg'; -import Check_M from './S2_lin_check_96.svg'; -import Check_S from './S2_lin_check_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx index fd2b5441cd3..80be47b2ce6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Clipboard_L from './S2_lin_clipboard_160.svg'; -import Clipboard_M from './S2_lin_clipboard_96.svg'; -import Clipboard_S from './S2_lin_clipboard_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx index 39c1d8b7504..7de0ae1d3cf 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Clock_L from './S2_lin_clock_160.svg'; -import Clock_M from './S2_lin_clock_96.svg'; -import Clock_S from './S2_lin_clock_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx index 058434b3ae4..e1b92e4cf64 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Close_L from './S2_lin_close_160.svg'; -import Close_M from './S2_lin_close_96.svg'; -import Close_S from './S2_lin_close_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx index eed8326d6f9..d635ccdd92c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Cloud_L from './S2_lin_cloud_160.svg'; -import Cloud_M from './S2_lin_cloud_96.svg'; -import Cloud_S from './S2_lin_cloud_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx index 7a01d3ddda8..5f93cf926c0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import CloudStateDisconnected_L from './S2_lin_cloudStateDisconnected_160.svg'; -import CloudStateDisconnected_M from './S2_lin_cloudStateDisconnected_96.svg'; -import CloudStateDisconnected_S from './S2_lin_cloudStateDisconnected_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx index b404ebdf3c8..d1cee7455ca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import CloudStateError_L from './S2_lin_cloudStateError_160.svg'; -import CloudStateError_M from './S2_lin_cloudStateError_96.svg'; -import CloudStateError_S from './S2_lin_cloudStateError_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx index c46fd95d76e..a98ab0fe0c9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import CloudUpload_L from './S2_lin_cloudUpload_160.svg'; -import CloudUpload_M from './S2_lin_cloudUpload_96.svg'; -import CloudUpload_S from './S2_lin_cloudUpload_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx index f2e36b9aaab..525135b5af4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import CodeBrackets_L from './S2_lin_codeBrackets_160.svg'; -import CodeBrackets_M from './S2_lin_codeBrackets_96.svg'; -import CodeBrackets_S from './S2_lin_codeBrackets_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx index 76b58a9c992..d943748e5e2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import ConfettiCelebration_L from './S2_lin_confettiCelebration_160.svg'; -import ConfettiCelebration_M from './S2_lin_confettiCelebration_96.svg'; -import ConfettiCelebration_S from './S2_lin_confettiCelebration_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx index ff51ffeec06..0b1cb36c5ed 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Conversationbubbles_L from './S2_lin_conversationbubbles_160.svg'; -import Conversationbubbles_M from './S2_lin_conversationbubbles_96.svg'; -import Conversationbubbles_S from './S2_lin_conversationbubbles_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx index a7c008e6ed3..b8072797f99 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Cursor_L from './S2_lin_cursor_160.svg'; -import Cursor_M from './S2_lin_cursor_96.svg'; -import Cursor_S from './S2_lin_cursor_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx index 4f5a49bfbc1..5f8b57ce848 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Desktop_L from './S2_lin_desktop_160.svg'; -import Desktop_M from './S2_lin_desktop_96.svg'; -import Desktop_S from './S2_lin_desktop_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx index 102d62ccc20..3b0c05dcc33 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Document_L from './S2_lin_document_160.svg'; -import Document_M from './S2_lin_document_96.svg'; -import Document_S from './S2_lin_document_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx index 0edca86bebc..23a2e82d982 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import DropToUpload_L from './S2_lin_dropToUpload_160.svg'; -import DropToUpload_M from './S2_lin_dropToUpload_96.svg'; -import DropToUpload_S from './S2_lin_dropToUpload_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx index ffccb06c440..41cc85b26b5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import EmptyStateExport_L from './S2_lin_emptyStateExport_160.svg'; -import EmptyStateExport_M from './S2_lin_emptyStateExport_96.svg'; -import EmptyStateExport_S from './S2_lin_emptyStateExport_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx index faa52d7cf20..208caa4ddc3 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Error_L from './S2_lin_error_160.svg'; -import Error_M from './S2_lin_error_96.svg'; -import Error_S from './S2_lin_error_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx index 6c20f1de75d..1f779c9460e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FileAlert_L from './S2_lin_fileAlert_160.svg'; -import FileAlert_M from './S2_lin_fileAlert_96.svg'; -import FileAlert_S from './S2_lin_fileAlert_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx index f1dad01b204..4d7c9f42868 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FileImage_L from './S2_lin_fileImage_160.svg'; -import FileImage_M from './S2_lin_fileImage_96.svg'; -import FileImage_S from './S2_lin_fileImage_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx index 93a655afeb2..10829570d6b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FileText_L from './S2_lin_fileText_160.svg'; -import FileText_M from './S2_lin_fileText_96.svg'; -import FileText_S from './S2_lin_fileText_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx index 6eb07fd31c6..fb9b31db6a9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FileVideo_L from './S2_lin_fileVideo_160.svg'; -import FileVideo_M from './S2_lin_fileVideo_96.svg'; -import FileVideo_S from './S2_lin_fileVideo_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx index 5d4cd5694a3..ad39fa84b75 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FileZip_L from './S2_lin_fileZip_160.svg'; -import FileZip_M from './S2_lin_fileZip_96.svg'; -import FileZip_S from './S2_lin_fileZip_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx index 6b0192cb1a8..ba445d9da4f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Filmstrip_L from './S2_lin_filmstrip_160.svg'; -import Filmstrip_M from './S2_lin_filmstrip_96.svg'; -import Filmstrip_S from './S2_lin_filmstrip_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx index c2332d10751..c037bc5dce1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Filter_L from './S2_lin_filter_160.svg'; -import Filter_M from './S2_lin_filter_96.svg'; -import Filter_S from './S2_lin_filter_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx index c998c3bffb2..7d1c06de744 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Fireworks_L from './S2_lin_fireworks_160.svg'; -import Fireworks_M from './S2_lin_fireworks_96.svg'; -import Fireworks_S from './S2_lin_fireworks_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx index 574613e4eef..8980234d7a8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FolderClose_L from './S2_lin_folderClose_160.svg'; -import FolderClose_M from './S2_lin_folderClose_96.svg'; -import FolderClose_S from './S2_lin_folderClose_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx index a79ada061e6..ed9d751c18c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import FolderOpen_L from './S2_lin_folderOpen_160.svg'; -import FolderOpen_M from './S2_lin_folderOpen_96.svg'; -import FolderOpen_S from './S2_lin_folderOpen_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx index a1a83508875..50deaa029ce 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import GearSetting_L from './S2_lin_gearSetting_160.svg'; -import GearSetting_M from './S2_lin_gearSetting_96.svg'; -import GearSetting_S from './S2_lin_gearSetting_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx index 0003ea67a59..4f49250dd5a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import GraphBarChart_L from './S2_lin_graphBarChart_160.svg'; -import GraphBarChart_M from './S2_lin_graphBarChart_96.svg'; -import GraphBarChart_S from './S2_lin_graphBarChart_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx index b22ba877b0e..48f8efd1a93 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Handshake_L from './S2_lin_handshake_160.svg'; -import Handshake_M from './S2_lin_handshake_96.svg'; -import Handshake_S from './S2_lin_handshake_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx index 524122f7004..b6b2999d376 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import Heart_L from './S2_lin_heart_160.svg'; -import Heart_M from './S2_lin_heart_96.svg'; -import Heart_S from './S2_lin_heart_48.svg'; +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'; import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx index 5bb394e7b17..78d171615ca 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Image_L from './S2_lin_image_160.svg'; -import Image_M from './S2_lin_image_96.svg'; -import Image_S from './S2_lin_image_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx index bdf8bc64d58..cbcf5e21663 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import ImageStack_L from './S2_lin_imageStack_160.svg'; -import ImageStack_M from './S2_lin_imageStack_96.svg'; -import ImageStack_S from './S2_lin_imageStack_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx index aebc3a3b546..ae75bef606a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Information_L from './S2_lin_information_160.svg'; -import Information_M from './S2_lin_information_96.svg'; -import Information_S from './S2_lin_information_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx index c7a283513fc..932acca031a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Laptop_L from './S2_lin_laptop_160.svg'; -import Laptop_M from './S2_lin_laptop_96.svg'; -import Laptop_S from './S2_lin_laptop_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx index 22a5ca36395..89117941ae2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Layers_L from './S2_lin_layers_160.svg'; -import Layers_M from './S2_lin_layers_96.svg'; -import Layers_S from './S2_lin_layers_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx index 5d9884fe74c..ab3af8ab1e2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Libraries_L from './S2_lin_libraries_160.svg'; -import Libraries_M from './S2_lin_libraries_96.svg'; -import Libraries_S from './S2_lin_libraries_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx index 95eeaf7726c..7aebfa9ca38 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Lightbulb_L from './S2_lin_lightbulb_160.svg'; -import Lightbulb_M from './S2_lin_lightbulb_96.svg'; -import Lightbulb_S from './S2_lin_lightbulb_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx index 8cdc2a5c604..52bbb22b197 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import LightbulbRays_L from './S2_lin_lightbulbRays_160.svg'; -import LightbulbRays_M from './S2_lin_lightbulbRays_96.svg'; -import LightbulbRays_S from './S2_lin_lightbulbRays_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx index 33e17e0c776..e3aacfb8ea7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Link_L from './S2_lin_link_160.svg'; -import Link_M from './S2_lin_link_96.svg'; -import Link_S from './S2_lin_link_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx index adaff623bdf..996dfef85a2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Location_L from './S2_lin_location_160.svg'; -import Location_M from './S2_lin_location_96.svg'; -import Location_S from './S2_lin_location_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx index 584a12fea4c..37162a2d414 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import LockClose_L from './S2_lin_lockClose_160.svg'; -import LockClose_M from './S2_lin_lockClose_96.svg'; -import LockClose_S from './S2_lin_lockClose_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx index 40c3ab3fcb2..e1eaa107150 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import LockOpen_L from './S2_lin_lockOpen_160.svg'; -import LockOpen_M from './S2_lin_lockOpen_96.svg'; -import LockOpen_S from './S2_lin_lockOpen_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx index 8cb215804bc..e114a30df1f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Logo_L from './S2_lin_logo_160.svg'; -import Logo_M from './S2_lin_logo_96.svg'; -import Logo_S from './S2_lin_logo_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx index f94b672dc8b..3b825634d7d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import MailClose_L from './S2_lin_mailClose_160.svg'; -import MailClose_M from './S2_lin_mailClose_96.svg'; -import MailClose_S from './S2_lin_mailClose_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx index 12869a85c33..9af839d4ae9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import MegaphonePromote_L from './S2_lin_megaphonePromote_160.svg'; -import MegaphonePromote_M from './S2_lin_megaphonePromote_96.svg'; -import MegaphonePromote_S from './S2_lin_megaphonePromote_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx index 5c442962d0d..57f082883b4 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import MegaphonePromoteExpressive_L from './S2_lin_megaphonePromote_Expressive_160.svg'; -import MegaphonePromoteExpressive_M from './S2_lin_megaphonePromote_Expressive_96.svg'; -import MegaphonePromoteExpressive_S from './S2_lin_megaphonePromote_Expressive_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx index 98239a71145..084f2ada41b 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Paperairplane_L from './S2_lin_paperairplane_160.svg'; -import Paperairplane_M from './S2_lin_paperairplane_96.svg'; -import Paperairplane_S from './S2_lin_paperairplane_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx index bfea62559ee..fa5985592a2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Paperclip_L from './S2_lin_paperclip_160.svg'; -import Paperclip_M from './S2_lin_paperclip_96.svg'; -import Paperclip_S from './S2_lin_paperclip_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx index 445ca15ba17..522dfa91532 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Phone_L from './S2_lin_phone_160.svg'; -import Phone_M from './S2_lin_phone_96.svg'; -import Phone_S from './S2_lin_phone_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx index 0a9dd97bbfc..e8230ef5872 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import PieChart_L from './S2_lin_pieChart_160.svg'; -import PieChart_M from './S2_lin_pieChart_96.svg'; -import PieChart_S from './S2_lin_pieChart_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx index 65d80763d82..a86f4309d91 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Pin_L from './S2_lin_pin_160.svg'; -import Pin_M from './S2_lin_pin_96.svg'; -import Pin_S from './S2_lin_pin_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx index 08b515f3354..9b07a4d6fff 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Play_L from './S2_lin_play_160.svg'; -import Play_M from './S2_lin_play_96.svg'; -import Play_S from './S2_lin_play_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx index 1c6bd39962d..595c387cf33 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Plugin_L from './S2_lin_plugin_160.svg'; -import Plugin_M from './S2_lin_plugin_96.svg'; -import Plugin_S from './S2_lin_plugin_48.svg'; +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'; import {useContextProps} from 'react-aria-components'; export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx index a26def18e18..39827601784 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Rocket_L from './S2_lin_rocket_160.svg'; -import Rocket_M from './S2_lin_rocket_96.svg'; -import Rocket_S from './S2_lin_rocket_48.svg'; +import Rocket_L from 'illustration:./S2_lin_rocket_160.svg'; +import Rocket_M from 'illustration:./S2_lin_rocket_96.svg'; +import Rocket_S from 'illustration:./S2_lin_rocket_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx index 9614a036267..40ddaf62b70 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Search_L from './S2_lin_search_160.svg'; -import Search_M from './S2_lin_search_96.svg'; -import Search_S from './S2_lin_search_48.svg'; +import Search_L from 'illustration:./S2_lin_search_160.svg'; +import Search_M from 'illustration:./S2_lin_search_96.svg'; +import Search_S from 'illustration:./S2_lin_search_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx index 14821c671c2..abc0391af62 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Server_L from './S2_lin_server_160.svg'; -import Server_M from './S2_lin_server_96.svg'; -import Server_S from './S2_lin_server_48.svg'; +import Server_L from 'illustration:./S2_lin_server_160.svg'; +import Server_M from 'illustration:./S2_lin_server_96.svg'; +import Server_S from 'illustration:./S2_lin_server_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx index e3b9e79ae9c..2b64e7903f7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Sparkles_L from './S2_lin_sparkles_160.svg'; -import Sparkles_M from './S2_lin_sparkles_96.svg'; -import Sparkles_S from './S2_lin_sparkles_48.svg'; +import Sparkles_L from 'illustration:./S2_lin_sparkles_160.svg'; +import Sparkles_M from 'illustration:./S2_lin_sparkles_96.svg'; +import Sparkles_S from 'illustration:./S2_lin_sparkles_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx index e1d1865932a..b327648e374 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Star_L from './S2_lin_star_160.svg'; -import Star_M from './S2_lin_star_96.svg'; -import Star_S from './S2_lin_star_48.svg'; +import Star_L from 'illustration:./S2_lin_star_160.svg'; +import Star_M from 'illustration:./S2_lin_star_96.svg'; +import Star_S from 'illustration:./S2_lin_star_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx index 576a9b82af5..f0a7c68b8c8 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Tablet_L from './S2_lin_tablet_160.svg'; -import Tablet_M from './S2_lin_tablet_96.svg'; -import Tablet_S from './S2_lin_tablet_48.svg'; +import Tablet_L from 'illustration:./S2_lin_tablet_160.svg'; +import Tablet_M from 'illustration:./S2_lin_tablet_96.svg'; +import Tablet_S from 'illustration:./S2_lin_tablet_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx index d099e0a2dbe..c4282eb89ba 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Tag_L from './S2_lin_tag_160.svg'; -import Tag_M from './S2_lin_tag_96.svg'; -import Tag_S from './S2_lin_tag_48.svg'; +import Tag_L from 'illustration:./S2_lin_tag_160.svg'; +import Tag_M from 'illustration:./S2_lin_tag_96.svg'; +import Tag_S from 'illustration:./S2_lin_tag_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx index 976019f41a1..556450b29e9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Trash_L from './S2_lin_trash_160.svg'; -import Trash_M from './S2_lin_trash_96.svg'; -import Trash_S from './S2_lin_trash_48.svg'; +import Trash_L from 'illustration:./S2_lin_trash_160.svg'; +import Trash_M from 'illustration:./S2_lin_trash_96.svg'; +import Trash_S from 'illustration:./S2_lin_trash_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx index 362efa2c708..416ad00526e 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Trophy_L from './S2_lin_trophy_160.svg'; -import Trophy_M from './S2_lin_trophy_96.svg'; -import Trophy_S from './S2_lin_trophy_48.svg'; +import Trophy_L from 'illustration:./S2_lin_trophy_160.svg'; +import Trophy_M from 'illustration:./S2_lin_trophy_96.svg'; +import Trophy_S from 'illustration:./S2_lin_trophy_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx index b5346d9c5e2..a920a802eb5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx @@ -11,9 +11,9 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import Update_L from './S2_lin_update_160.svg'; -import Update_M from './S2_lin_update_96.svg'; -import Update_S from './S2_lin_update_48.svg'; +import Update_L from 'illustration:./S2_lin_update_160.svg'; +import Update_M from 'illustration:./S2_lin_update_96.svg'; +import Update_S from 'illustration:./S2_lin_update_48.svg'; import {useContextProps} from 'react-aria-components'; export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx index 8e26afd2f67..10bb7ef15c5 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx @@ -12,9 +12,9 @@ import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; -import User_L from './S2_lin_user_160.svg'; -import User_M from './S2_lin_user_96.svg'; -import User_S from './S2_lin_user_48.svg'; +import User_L from 'illustration:./S2_lin_user_160.svg'; +import User_M from 'illustration:./S2_lin_user_96.svg'; +import User_S from 'illustration:./S2_lin_user_48.svg'; export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) { [props] = useContextProps(props, null, IllustrationContext); diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx index 6b7c2e27a6f..f412e72d4ef 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx @@ -12,9 +12,9 @@ import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; -import UserGroup_L from './S2_lin_userGroup_160.svg'; -import UserGroup_M from './S2_lin_userGroup_96.svg'; -import UserGroup_S from './S2_lin_userGroup_48.svg'; +import UserGroup_L from 'illustration:./S2_lin_userGroup_160.svg'; +import UserGroup_M from 'illustration:./S2_lin_userGroup_96.svg'; +import UserGroup_S from 'illustration:./S2_lin_userGroup_48.svg'; export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) { [props] = useContextProps(props, null, IllustrationContext); diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx index 2b29554d1d6..73b34d8c2fd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx @@ -12,9 +12,9 @@ import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; -import Video_L from './S2_lin_video_160.svg'; -import Video_M from './S2_lin_video_96.svg'; -import Video_S from './S2_lin_video_48.svg'; +import Video_L from 'illustration:./S2_lin_video_160.svg'; +import Video_M from 'illustration:./S2_lin_video_96.svg'; +import Video_S from 'illustration:./S2_lin_video_48.svg'; export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) { [props] = useContextProps(props, null, IllustrationContext); diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx index 04ba1c34933..cbfa1ec4dd6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx @@ -12,9 +12,9 @@ import {IconProps, IllustrationContext} from '../../src/Icon'; import {useContextProps} from 'react-aria-components'; -import Warning_L from './S2_lin_warning_160.svg'; -import Warning_M from './S2_lin_warning_96.svg'; -import Warning_S from './S2_lin_warning_48.svg'; +import Warning_L from 'illustration:./S2_lin_warning_160.svg'; +import Warning_M from 'illustration:./S2_lin_warning_96.svg'; +import Warning_S from 'illustration:./S2_lin_warning_48.svg'; export default function Warning(props: IconProps & {size?: 'L' | 'S' | 'M'}) { [props] = useContextProps(props, null, IllustrationContext); diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts index a28855518d6..a6d50bd884c 100644 --- a/packages/@react-spectrum/s2/src/index.ts +++ b/packages/@react-spectrum/s2/src/index.ts @@ -36,6 +36,7 @@ export {DialogContainer, useDialogContainer} from './DialogContainer'; export {Divider, DividerContext} from './Divider'; export {DropZone, DropZoneContext} from './DropZone'; export {Form} from './Form'; +export {IconContext, IllustrationContext} from './Icon'; export {IllustratedMessage, IllustratedMessageContext} from './IllustratedMessage'; export {InlineAlert, InlineAlertContext} from './InlineAlert'; export {Link, LinkContext} from './Link'; @@ -85,7 +86,7 @@ export type {DialogTriggerProps} from './DialogTrigger'; export type {DividerProps} from './Divider'; export type {DropZoneProps} from './DropZone'; export type {FormProps} from './Form'; -export type {IconProps} from './Icon'; +export type {IconProps, IconContextValue} from './Icon'; export type {InlineAlertProps} from './InlineAlert'; export type {LinkProps} from './Link'; export type {MenuTriggerProps, MenuProps, MenuItemProps, MenuSectionProps, SubmenuTriggerProps} from './Menu'; diff --git a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx index 8e6cd54d887..92e126d504d 100644 --- a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx +++ b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx @@ -13,7 +13,7 @@ import {Button, ButtonGroup, Content, DropZone, FileTrigger, Heading, IllustratedMessage} from '../src'; import {categorizeArgTypes} from './utils'; import Cloud from '../spectrum-illustrations/linear/Cloud'; -import CloudUpload from '../spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg'; +import CloudUpload from 'illustration:../spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg'; import DropToUpload from '../spectrum-illustrations/linear/DropToUpload'; import {FocusRing, mergeProps, useButton, useClipboard, useDrag} from 'react-aria'; import type {Meta} from '@storybook/react'; diff --git a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx index 06546fbca3c..ef8e9899c83 100644 --- a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx +++ b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx @@ -12,7 +12,7 @@ import {Button, ButtonGroup, Content, Heading, IllustratedMessage} from '../src'; import Cloud from '../spectrum-illustrations/linear/Cloud'; -import Folder from '../spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg'; +import Folder from 'illustration:../spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg'; import type {Meta} from '@storybook/react'; const meta: Meta = { diff --git a/packages/dev/codemods/package.json b/packages/dev/codemods/package.json index a15f67aa76c..bbbd292e91c 100644 --- a/packages/dev/codemods/package.json +++ b/packages/dev/codemods/package.json @@ -33,12 +33,16 @@ "chalk": "^4.0.0", "execa": "^5.1.1", "jscodeshift": "^0.15.2", + "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0", "ts-node": "^10.9.2", "uuid": "^9.0.1" }, "devDependencies": { "@types/jscodeshift": "^0.11.11", - "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0", "typescript": "^5.5.0" + }, + "rsp": { + "type": "cli" } } diff --git a/packages/dev/parcel-namer-icon/package.json b/packages/dev/parcel-namer-icon/package.json deleted file mode 100644 index 63cd66c985d..00000000000 --- a/packages/dev/parcel-namer-icon/package.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "name": "parcel-namer-icon", - "version": "1.0.0", - "private": true, - "main": "IconNamer.js", - "engines": { - "parcel": "2.0.0-dev.1599" - }, - "dependencies": { - "@parcel/plugin": "2.0.0-dev.1601" - } -} diff --git a/packages/dev/parcel-namer-s2/README.md b/packages/dev/parcel-namer-s2/README.md new file mode 100644 index 00000000000..203410aac81 --- /dev/null +++ b/packages/dev/parcel-namer-s2/README.md @@ -0,0 +1,3 @@ +# @react-spectrum/s2-icon-builder + +This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details. \ No newline at end of file diff --git a/packages/dev/parcel-namer-icon/IconNamer.js b/packages/dev/parcel-namer-s2/S2Namer.js similarity index 100% rename from packages/dev/parcel-namer-icon/IconNamer.js rename to packages/dev/parcel-namer-s2/S2Namer.js diff --git a/packages/dev/parcel-namer-s2/package.json b/packages/dev/parcel-namer-s2/package.json new file mode 100644 index 00000000000..e82e92f1c37 --- /dev/null +++ b/packages/dev/parcel-namer-s2/package.json @@ -0,0 +1,23 @@ +{ + "name": "parcel-namer-s2", + "version": "1.0.0", + "main": "S2Namer.js", + "private": true, + "engines": { + "parcel": "2.0.0-dev.1599" + }, + "dependencies": { + "@parcel/plugin": "2.0.0-dev.1601" + }, + "rsp": { + "type": "cli" + }, + "license": "Apache-2.0", + "repository": { + "type": "git", + "url": "https://github.com/adobe/react-spectrum" + }, + "publishConfig": { + "access": "public" + } +} diff --git a/packages/dev/parcel-transformer-icon/package.json b/packages/dev/parcel-transformer-icon/package.json deleted file mode 100644 index e62f15b52be..00000000000 --- a/packages/dev/parcel-transformer-icon/package.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "name": "parcel-transformer-icon", - "version": "1.0.0", - "private": true, - "main": "IconTransformer.js", - "engines": { - "parcel": "2.0.0-dev.1599" - }, - "dependencies": { - "@parcel/plugin": "2.0.0-dev.1601" - } -} diff --git a/packages/dev/parcel-transformer-icon/IconTransformer.js b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js similarity index 89% rename from packages/dev/parcel-transformer-icon/IconTransformer.js rename to packages/dev/parcel-transformer-s2-icon/IconTransformer.js index 275835e7552..6459503923d 100644 --- a/packages/dev/parcel-transformer-icon/IconTransformer.js +++ b/packages/dev/parcel-transformer-s2-icon/IconTransformer.js @@ -64,7 +64,10 @@ module.exports = new Transformer({ let newFile = template(asset, iconName, optimized); return [{ type: 'tsx', - content: newFile + content: newFile, + meta: { + isRSPIcon: true + } }]; } }); @@ -72,19 +75,19 @@ module.exports = new Transformer({ function template(asset, iconName, svg) { let importName = iconName .replace(/^S2_Icon_(.*?)_\d+(?:x\d+)?_N$/, '$1') - .replace(/^S2_(fill|lin)_(.+)_(generic\d_)?(\d+).svg/, (m, name) => name[0].toUpperCase() + name.slice(1)); + .replace(/^S2_(fill|lin)_(.+)_(.+_)?(\d+)$/, (m, name) => name[0].toUpperCase() + name.slice(1)); let iconRename = importName; if (/^[0-9]/.test(importName)) { iconRename = '_' + importName; } - let context = asset.filePath.includes('spectrum-illustrations') ? 'IllustrationContext' : 'IconContext'; + let context = asset.pipeline === 'illustration' ? 'IllustrationContext' : 'IconContext'; return ( ` -import {IconProps, ${context}, IconContextValue} from '~/src/Icon'; +import {IconProps, ${context}, IconContextValue} from '${asset.filePath.includes('@react-spectrum/s2') ? '~/src/Icon' : '@react-spectrum/s2'}'; import {SVGProps, useRef} from 'react'; import {useContextProps} from 'react-aria-components'; -${svg.replace('import type { SVGProps } from "react";', '')} +${svg.replace('import { SVGProps } from "react";', '')} export default function ${iconRename}(props: IconProps) { let ref = useRef(null); diff --git a/packages/dev/parcel-transformer-s2-icon/README.md b/packages/dev/parcel-transformer-s2-icon/README.md new file mode 100644 index 00000000000..dfbbc66291c --- /dev/null +++ b/packages/dev/parcel-transformer-s2-icon/README.md @@ -0,0 +1,3 @@ +# @react-spectrum/parcel-transformer-s2-icon + +This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details. \ No newline at end of file diff --git a/packages/dev/parcel-transformer-s2-icon/package.json b/packages/dev/parcel-transformer-s2-icon/package.json new file mode 100644 index 00000000000..dc9f121eab5 --- /dev/null +++ b/packages/dev/parcel-transformer-s2-icon/package.json @@ -0,0 +1,23 @@ +{ + "name": "@react-spectrum/parcel-transformer-s2-icon", + "version": "1.0.0", + "main": "IconTransformer.js", + "engines": { + "parcel": "2.0.0-dev.1599" + }, + "dependencies": { + "@adobe/spectrum-tokens": "^13.0.0-beta.34", + "@parcel/plugin": "2.0.0-dev.1601" + }, + "rsp": { + "type": "cli" + }, + "license": "Apache-2.0", + "repository": { + "type": "git", + "url": "https://github.com/adobe/react-spectrum" + }, + "publishConfig": { + "access": "public" + } +} diff --git a/packages/dev/s2-icon-builder/.parcelrc b/packages/dev/s2-icon-builder/.parcelrc new file mode 100644 index 00000000000..6a62da55c26 --- /dev/null +++ b/packages/dev/s2-icon-builder/.parcelrc @@ -0,0 +1,18 @@ +{ + "namers": ["@parcel/namer-default"], + "bundler": "@parcel/bundler-library", + "transformers": { + "illustration:*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], + "*.svg": ["@react-spectrum/parcel-transformer-s2-icon"], + "*.tsx": ["@parcel/transformer-raw"] + }, + "packagers": { + "*": "@parcel/packager-raw" + }, + "reporters": ["@parcel/reporter-cli"], + "resolvers": ["@parcel/resolver-default"], + "optimizers": {}, + "compressors": { + "*": ["@parcel/compressor-raw"] + } +} diff --git a/packages/dev/s2-icon-builder/README.md b/packages/dev/s2-icon-builder/README.md new file mode 100644 index 00000000000..203410aac81 --- /dev/null +++ b/packages/dev/s2-icon-builder/README.md @@ -0,0 +1,3 @@ +# @react-spectrum/s2-icon-builder + +This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details. \ No newline at end of file diff --git a/packages/dev/s2-icon-builder/index.js b/packages/dev/s2-icon-builder/index.js new file mode 100755 index 00000000000..601a11059c4 --- /dev/null +++ b/packages/dev/s2-icon-builder/index.js @@ -0,0 +1,53 @@ +#!/usr/bin/env node + +let {Parcel} = require('@parcel/core'); +let {parseArgs} = require('util'); + +const args = parseArgs({ + options: { + input: { + type: 'string', + short: 'i', + multiple: true + }, + type: { + type: 'string', + default: 'icon' + }, + output: { + type: 'string', + short: 'o' + } + } +}); + +let bundler = new Parcel({ + entries: args.values.input, + config: require.resolve('@react-spectrum/s2-icon-builder/.parcelrc'), + shouldDisableCache: true, + defaultTargetOptions: { + distDir: args.values.output + }, + targets: { + [args.values.type]: { + distDir: args.values.output, + isLibrary: true, + includeNodeModules: false + } + }, + engines: { + browsers: ['last 1 Chrome version'] + } +}); + +async function run() { + try { + let {bundleGraph, buildTime} = await bundler.run(); + let bundles = bundleGraph.getBundles(); + console.log(`✨ Built ${bundles.length} icons in ${buildTime}ms!`); + } catch (err) { + console.log(err); + } +} + +run(); diff --git a/packages/dev/s2-icon-builder/package.json b/packages/dev/s2-icon-builder/package.json new file mode 100644 index 00000000000..3643e9b605b --- /dev/null +++ b/packages/dev/s2-icon-builder/package.json @@ -0,0 +1,36 @@ +{ + "name": "@react-spectrum/s2-icon-builder", + "version": "1.0.0", + "license": "Apache-2.0", + "repository": { + "type": "git", + "url": "https://github.com/adobe/react-spectrum" + }, + "bin": { + "transform-icons": "index.js" + }, + "dependencies": { + "@parcel/bundler-library": "2.11.1-dev.3224", + "@parcel/compressor-raw": "2.12.1-dev.3224", + "@parcel/core": "2.0.0-dev.1599", + "@parcel/namer-default": "2.0.0-dev.1601", + "@parcel/packager-raw": "2.0.0-dev.1601", + "@parcel/reporter-cli": "2.0.0-dev.1601", + "@parcel/resolver-default": "2.0.0-dev.1601", + "@parcel/transformer-raw": "2.0.0-dev.1601", + "@react-spectrum/parcel-transformer-s2-icon": "^1.0.0" + }, + "files": [ + "index.js", + ".parcelrc" + ], + "engines": { + "node": ">=18.0.0" + }, + "rsp": { + "type": "cli" + }, + "publishConfig": { + "access": "public" + } +} diff --git a/scripts/generateS2IconIndex.js b/scripts/generateS2IconIndex.js index 3b3512cc400..8f3c290bed9 100644 --- a/scripts/generateS2IconIndex.js +++ b/scripts/generateS2IconIndex.js @@ -58,6 +58,7 @@ function generate(dir) { let typeImport = dir.includes('ui-icons') ? "import {SVGProps} from 'react';" : `import {IconProps, IllustrationContext} from '${relative}';`; let ctx = dir.includes('spectrum-illustrations') ? '[props] = useContextProps(props, null, IllustrationContext);\n ' : ''; let type = dir.includes('ui-icons') ? 'SVGProps' : 'IconProps'; + let isIllustration = dir.includes('spectrum-illustrations'); for (let [name, sizes] of icons) { let importName = name; @@ -80,7 +81,7 @@ function generate(dir) { let imports = [typeImport]; for (let size in sizes) { - imports.push(`import ${importName}_${size} from './${sizes[size]}';`); + imports.push(`import ${importName}_${size} from '${isIllustration ? 'illustration:' : ''}./${sizes[size]}';`); } if (ctx) { imports.push("import {useContextProps} from 'react-aria-components';"); diff --git a/scripts/lint-packages.js b/scripts/lint-packages.js index 1eff72b6a53..97bf18a41c2 100644 --- a/scripts/lint-packages.js +++ b/scripts/lint-packages.js @@ -73,7 +73,7 @@ for (let pkgPath of packagePaths) { for (let pkg of packagePaths) { let json = packages[pkg]; - if (!pkg.includes('@react-types') && !pkg.includes('@spectrum-icons') && !pkg.includes('@react-aria/example-theme') && !pkg.includes('@react-spectrum/style-macro-s1') && !pkg.includes('@react-spectrum/codemods')) { + if (!pkg.includes('@react-types') && !pkg.includes('@spectrum-icons') && !pkg.includes('@react-aria/example-theme') && !pkg.includes('@react-spectrum/style-macro-s1') && json.rsp?.type !== 'cli') { let topIndexExists = fs.existsSync(path.join(pkg, '..', 'index.ts')); if (topIndexExists) { let contents = fs.readFileSync(path.join(pkg, '..', 'index.ts')); diff --git a/yarn.config.cjs b/yarn.config.cjs index 7d7f7ecd5b5..d49b8fe234e 100644 --- a/yarn.config.cjs +++ b/yarn.config.cjs @@ -47,7 +47,7 @@ function enforceConsistentDependenciesAcrossTheProject({Yarn}) { && workspace.ident !== '@internationalized/string-compiler' && workspace.ident !== 'tailwindcss-react-aria-components' && workspace.ident !== '@react-spectrum/s2' - && workspace.ident !== '@react-spectrum/codemods' + && workspace.manifest.rsp?.type !== 'cli' ) { workspace.set('dependencies.@swc/helpers', '^0.5.0'); @@ -160,7 +160,7 @@ function enforceCSS({Yarn}) { /** @param {Workspace} workspace */ function isPublishing(workspace) { let name = workspace.ident; - // should whitelist instead? workspace.manifest.private? + // should allowlist instead? workspace.manifest.private? return !name.includes('@react-types') && !name.includes('@spectrum-icons') && !name.includes('@react-aria/example-theme') @@ -179,11 +179,11 @@ function enforcePublishing({Yarn}) { // make sure fields required for publishing have been set for (const workspace of Yarn.workspaces()) { let name = workspace.ident; - if (isPublishing(workspace)) { + if (isPublishing(workspace) || (workspace.manifest.rsp?.type === 'cli' && !workspace.manifest.private)) { if (name.startsWith('@react-spectrum')) { workspace.set('license', 'Apache-2.0'); } - if (workspace.pkg.publishConfig) { + if (!workspace.manifest.private) { workspace.set('publishConfig', {access: 'public'}); } workspace.set('repository', { @@ -208,7 +208,7 @@ function enforceExports({Yarn}) { // make sure build fields are correctly set for (const workspace of Yarn.workspaces()) { let name = workspace.ident; - if (isPublishing(workspace)) { + if (isPublishing(workspace) && workspace.manifest.rsp?.type !== 'cli') { let moduleExt = name === '@react-spectrum/s2' ? '.mjs' : '.js'; let cjsExt = name === '@react-spectrum/s2' ? '.cjs' : '.js'; if (workspace.manifest.main) { @@ -219,8 +219,7 @@ function enforceExports({Yarn}) { if ( name !== '@internationalized/string-compiler' && - name !== 'tailwindcss-react-aria-components' && - name !== '@react-spectrum/codemods' + name !== 'tailwindcss-react-aria-components' ) { workspace.set('module', setExtension('dist/module.js', moduleExt)); } @@ -241,7 +240,7 @@ function enforceExports({Yarn}) { workspace.set('exports.import', setExtension(exportsImport, '.mjs')); } - if ((!workspace.manifest.types || !workspace.manifest.types.endsWith('.d.ts')) && name !== '@react-spectrum/codemods') { + if ((!workspace.manifest.types || !workspace.manifest.types.endsWith('.d.ts'))) { workspace.set('types', 'dist/types.d.ts'); } @@ -249,7 +248,7 @@ function enforceExports({Yarn}) { workspace.set('source', 'src/index.ts'); } - if (name !== '@adobe/react-spectrum' && name !== 'react-aria' && name !== 'react-stately' && name !== '@internationalized/string-compiler' && name !== 'tailwindcss-react-aria-components' && name !== '@react-spectrum/codemods') { + if (name !== '@adobe/react-spectrum' && name !== 'react-aria' && name !== 'react-stately' && name !== '@internationalized/string-compiler' && name !== 'tailwindcss-react-aria-components') { if (!workspace.manifest.files || (!workspace.manifest.files.includes('dist') && !workspace.manifest.files.includes('src'))) { workspace.set('files', [...workspace.manifest.files || [], 'dist', 'src']); } else if (!workspace.manifest.files.includes('dist')) { @@ -260,7 +259,7 @@ function enforceExports({Yarn}) { } // better to do in enforceCSS? it doesn't match the set of packages handled - if (name !== 'react-aria-components' && name !== '@react-spectrum/codemods') { + if (name !== 'react-aria-components') { if (name.includes('@react-spectrum') || name.includes('@react-aria/visually-hidden')) { workspace.set('sideEffects', ['*.css']); } else { diff --git a/yarn.lock b/yarn.lock index b1eabe4ef64..03a7f73e31b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4051,7 +4051,7 @@ __metadata: languageName: node linkType: hard -"@parcel/compressor-raw@npm:2.12.1-dev.3224+1f9adfe6b": +"@parcel/compressor-raw@npm:2.12.1-dev.3224, @parcel/compressor-raw@npm:2.12.1-dev.3224+1f9adfe6b": version: 2.12.1-dev.3224 resolution: "@parcel/compressor-raw@npm:2.12.1-dev.3224" dependencies: @@ -4209,7 +4209,7 @@ __metadata: languageName: node linkType: hard -"@parcel/namer-default@npm:2.0.0-dev.1601+1f9adfe6b": +"@parcel/namer-default@npm:2.0.0-dev.1601, @parcel/namer-default@npm:2.0.0-dev.1601+1f9adfe6b": version: 2.0.0-dev.1601 resolution: "@parcel/namer-default@npm:2.0.0-dev.1601" dependencies: @@ -4392,7 +4392,7 @@ __metadata: languageName: node linkType: hard -"@parcel/packager-raw@npm:2.0.0-dev.1601+1f9adfe6b": +"@parcel/packager-raw@npm:2.0.0-dev.1601, @parcel/packager-raw@npm:2.0.0-dev.1601+1f9adfe6b": version: 2.0.0-dev.1601 resolution: "@parcel/packager-raw@npm:2.0.0-dev.1601" dependencies: @@ -4487,7 +4487,7 @@ __metadata: languageName: node linkType: hard -"@parcel/resolver-default@npm:2.0.0-dev.1601+1f9adfe6b": +"@parcel/resolver-default@npm:2.0.0-dev.1601, @parcel/resolver-default@npm:2.0.0-dev.1601+1f9adfe6b": version: 2.0.0-dev.1601 resolution: "@parcel/resolver-default@npm:2.0.0-dev.1601" dependencies: @@ -4713,7 +4713,7 @@ __metadata: languageName: node linkType: hard -"@parcel/transformer-raw@npm:2.0.0-dev.1601+1f9adfe6b": +"@parcel/transformer-raw@npm:2.0.0-dev.1601, @parcel/transformer-raw@npm:2.0.0-dev.1601+1f9adfe6b": version: 2.0.0-dev.1601 resolution: "@parcel/transformer-raw@npm:2.0.0-dev.1601" dependencies: @@ -6808,6 +6808,7 @@ __metadata: execa: "npm:^5.1.1" jscodeshift: "npm:^0.15.2" react: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0" + react-dom: "npm:^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0" ts-node: "npm:^10.9.2" typescript: "npm:^5.5.0" uuid: "npm:^9.0.1" @@ -7422,6 +7423,15 @@ __metadata: languageName: unknown linkType: soft +"@react-spectrum/parcel-transformer-s2-icon@npm:^1.0.0, @react-spectrum/parcel-transformer-s2-icon@workspace:packages/dev/parcel-transformer-s2-icon": + version: 0.0.0-use.local + resolution: "@react-spectrum/parcel-transformer-s2-icon@workspace:packages/dev/parcel-transformer-s2-icon" + dependencies: + "@adobe/spectrum-tokens": "npm:^13.0.0-beta.34" + "@parcel/plugin": "npm:2.0.0-dev.1601" + languageName: unknown + linkType: soft + "@react-spectrum/picker@npm:^3.1.0, @react-spectrum/picker@npm:^3.15.1, @react-spectrum/picker@workspace:packages/@react-spectrum/picker": version: 0.0.0-use.local resolution: "@react-spectrum/picker@workspace:packages/@react-spectrum/picker" @@ -7509,6 +7519,24 @@ __metadata: languageName: unknown linkType: soft +"@react-spectrum/s2-icon-builder@npm:^1.0.0, @react-spectrum/s2-icon-builder@workspace:packages/dev/s2-icon-builder": + version: 0.0.0-use.local + resolution: "@react-spectrum/s2-icon-builder@workspace:packages/dev/s2-icon-builder" + dependencies: + "@parcel/bundler-library": "npm:2.11.1-dev.3224" + "@parcel/compressor-raw": "npm:2.12.1-dev.3224" + "@parcel/core": "npm:2.0.0-dev.1599" + "@parcel/namer-default": "npm:2.0.0-dev.1601" + "@parcel/packager-raw": "npm:2.0.0-dev.1601" + "@parcel/reporter-cli": "npm:2.0.0-dev.1601" + "@parcel/resolver-default": "npm:2.0.0-dev.1601" + "@parcel/transformer-raw": "npm:2.0.0-dev.1601" + "@react-spectrum/parcel-transformer-s2-icon": "npm:^1.0.0" + bin: + transform-icons: index.js + languageName: unknown + linkType: soft + "@react-spectrum/s2@npm:^0.2.0, @react-spectrum/s2@workspace:packages/@react-spectrum/s2": version: 0.0.0-use.local resolution: "@react-spectrum/s2@workspace:packages/@react-spectrum/s2" @@ -26863,17 +26891,17 @@ __metadata: languageName: unknown linkType: soft -"parcel-namer-icon@workspace:packages/dev/parcel-namer-icon": +"parcel-namer-intl@workspace:packages/dev/parcel-namer-intl": version: 0.0.0-use.local - resolution: "parcel-namer-icon@workspace:packages/dev/parcel-namer-icon" + resolution: "parcel-namer-intl@workspace:packages/dev/parcel-namer-intl" dependencies: "@parcel/plugin": "npm:2.0.0-dev.1601" languageName: unknown linkType: soft -"parcel-namer-intl@workspace:packages/dev/parcel-namer-intl": +"parcel-namer-s2@workspace:packages/dev/parcel-namer-s2": version: 0.0.0-use.local - resolution: "parcel-namer-intl@workspace:packages/dev/parcel-namer-intl" + resolution: "parcel-namer-s2@workspace:packages/dev/parcel-namer-s2" dependencies: "@parcel/plugin": "npm:2.0.0-dev.1601" languageName: unknown @@ -26950,14 +26978,6 @@ __metadata: languageName: unknown linkType: soft -"parcel-transformer-icon@workspace:packages/dev/parcel-transformer-icon": - version: 0.0.0-use.local - resolution: "parcel-transformer-icon@workspace:packages/dev/parcel-transformer-icon" - dependencies: - "@parcel/plugin": "npm:2.0.0-dev.1601" - languageName: unknown - linkType: soft - "parcel-transformer-intl@workspace:packages/dev/parcel-transformer-intl": version: 0.0.0-use.local resolution: "parcel-transformer-intl@workspace:packages/dev/parcel-transformer-intl" @@ -28992,6 +29012,7 @@ __metadata: "@parcel/transformer-inline-string": "npm:2.0.0-dev.1601" "@parcel/transformer-svg-react": "npm:2.12.1-dev.3224" "@parcel/transformer-typescript-types": "npm:2.0.0-dev.1601" + "@react-spectrum/s2-icon-builder": "npm:^1.0.0" "@spectrum-css/component-builder": "npm:1.0.1" "@spectrum-css/vars": "npm:^2.3.0" "@storybook/addon-a11y": "npm:^7.6.19"