From 04688893129b46a5cc7ceb9fab555ba0530dae0b Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Thu, 8 Aug 2024 15:20:29 -0400 Subject: [PATCH 01/20] Add S2 Illustrations --- .parcelrc-build | 2 +- .storybook-s2/.parcelrc | 2 +- Makefile | 3 +- packages/@react-spectrum/s2/.gitignore | 1 + packages/@react-spectrum/s2/package.json | 27 ++++- .../S2_fill_CodeBrackets_generic1_160.svg | 46 ++++++++ .../S2_fill_CodeBrackets_generic2_160.svg | 40 +++++++ .../S2_fill_EmptyStateExport_generic1_160.svg | 46 ++++++++ .../S2_fill_EmptyStateExport_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_apps_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_apps_generic2_160.svg | 40 +++++++ .../S2_fill_artboard_generic1_160.svg | 46 ++++++++ .../S2_fill_artboard_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_bell_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_bell_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_bolt_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_bolt_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_brand_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_brand_generic2_160.svg | 40 +++++++ .../S2_fill_briefcase_generic1_160.svg | 46 ++++++++ .../S2_fill_briefcase_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_browser_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_browser_generic2_160.svg | 40 +++++++ .../S2_fill_buildTable_generic1_160.svg | 46 ++++++++ .../S2_fill_buildTable_generic2_160.svg | 40 +++++++ .../S2_fill_buildings_generic1_160.svg | 46 ++++++++ .../S2_fill_buildings_generic2_160.svg | 40 +++++++ .../S2_fill_calendar_generic1_160.svg | 46 ++++++++ .../S2_fill_calendar_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_camera_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_camera_generic2_160.svg | 40 +++++++ .../S2_fill_chatbubble_generic1_160.svg | 46 ++++++++ .../S2_fill_chatbubble_generic2_160.svg | 40 +++++++ .../S2_fill_checkmark_generic1_160.svg | 46 ++++++++ .../S2_fill_checkmark_generic2_160.svg | 40 +++++++ .../S2_fill_clipboard_generic1_160.svg | 46 ++++++++ .../S2_fill_clipboard_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_clock_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_clock_generic2_160.svg | 40 +++++++ .../S2_fill_cloudUpload_generic1_160.svg | 46 ++++++++ .../S2_fill_cloudUpload_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_cloud_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_cloud_generic2_160.svg | 40 +++++++ .../S2_fill_confetti_generic1_160.svg | 46 ++++++++ .../S2_fill_confetti_generic2_160.svg | 40 +++++++ ..._fill_conversationbubbles_generic1_160.svg | 47 ++++++++ ..._fill_conversationbubbles_generic2_160.svg | 41 +++++++ .../gradient/S2_fill_cursor_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_cursor_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_desktop_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_desktop_generic2_160.svg | 40 +++++++ .../S2_fill_document_generic1_160.svg | 47 ++++++++ .../S2_fill_document_generic2_160.svg | 41 +++++++ .../S2_fill_dropToUpload_generic1_160.svg | 46 ++++++++ .../S2_fill_dropToUpload_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_error_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_error_generic2_160.svg | 40 +++++++ .../S2_fill_fileImage_generic1_160.svg | 46 ++++++++ .../S2_fill_fileImage_generic2_160.svg | 40 +++++++ .../S2_fill_fileText_generic1_160.svg | 46 ++++++++ .../S2_fill_fileText_generic2_160.svg | 40 +++++++ .../S2_fill_fileVideo_generic1_160.svg | 46 ++++++++ .../S2_fill_fileVideo_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_fileZip_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_fileZip_generic2_160.svg | 40 +++++++ .../S2_fill_filmstrip_generic1_160.svg | 46 ++++++++ .../S2_fill_filmstrip_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_filter_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_filter_generic2_160.svg | 40 +++++++ .../S2_fill_fireworks_generic1_160.svg | 46 ++++++++ .../S2_fill_fireworks_generic2_160.svg | 40 +++++++ .../S2_fill_folderClose_generic1_160.svg | 46 ++++++++ .../S2_fill_folderClose_generic2_160.svg | 40 +++++++ .../S2_fill_folderOpen_generic1_160.svg | 46 ++++++++ .../S2_fill_folderOpen_generic2_160.svg | 40 +++++++ .../S2_fill_gearSetting_generic1_160.svg | 46 ++++++++ .../S2_fill_gearSetting_generic2_160.svg | 40 +++++++ .../S2_fill_graphBarChart_generic1_160.svg | 46 ++++++++ .../S2_fill_graphBarChart_generic2_160.svg | 40 +++++++ .../S2_fill_handshake_generic1_160.svg | 46 ++++++++ .../S2_fill_handshake_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_heart_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_heart_generic2_160.svg | 40 +++++++ .../S2_fill_imageStack_generic1_160.svg | 46 ++++++++ .../S2_fill_imageStack_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_image_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_image_generic2_160.svg | 40 +++++++ .../S2_fill_information_generic1_160.svg | 46 ++++++++ .../S2_fill_information_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_laptop_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_laptop_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_layers_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_layers_generic2_160.svg | 40 +++++++ .../S2_fill_libraries_generic1_160.svg | 46 ++++++++ .../S2_fill_libraries_generic2_160.svg | 40 +++++++ .../S2_fill_lightbulbRays_generic1_160.svg | 46 ++++++++ .../S2_fill_lightbulbRays_generic2_160.svg | 40 +++++++ .../S2_fill_lightbulb_generic1_160.svg | 46 ++++++++ .../S2_fill_lightbulb_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_link_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_link_generic2_160.svg | 40 +++++++ .../S2_fill_location_generic1_160.svg | 46 ++++++++ .../S2_fill_location_generic2_160.svg | 40 +++++++ .../S2_fill_lockClose_generic1_160.svg | 46 ++++++++ .../S2_fill_lockClose_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_logo_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_logo_generic2_160.svg | 40 +++++++ .../S2_fill_mailClose_generic1_160.svg | 46 ++++++++ .../S2_fill_mailClose_generic2_160.svg | 40 +++++++ ...gaphonePromote_Expressive_generic1_160.svg | 46 ++++++++ ...gaphonePromote_Expressive_generic2_160.svg | 40 +++++++ .../S2_fill_megaphonePromote_generic1_160.svg | 46 ++++++++ .../S2_fill_megaphonePromote_generic2_160.svg | 40 +++++++ .../S2_fill_paperairplane_generic1_160.svg | 46 ++++++++ .../S2_fill_paperairplane_generic2_160.svg | 40 +++++++ .../S2_fill_paperclip_generic1_160.svg | 46 ++++++++ .../S2_fill_paperclip_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_phone_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_phone_generic2_160.svg | 40 +++++++ .../S2_fill_pieChart_generic1_160.svg | 46 ++++++++ .../S2_fill_pieChart_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_pin_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_pin_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_play_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_play_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_plugin_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_plugin_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_rocket_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_rocket_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_search_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_search_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_server_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_server_generic2_160.svg | 40 +++++++ .../S2_fill_sparkles_generic1_160.svg | 46 ++++++++ .../S2_fill_sparkles_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_star_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_star_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_tablet_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_tablet_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_tag_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_tag_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_trash_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_trash_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_trophy_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_trophy_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_update_generic1_160.svg | 47 ++++++++ .../gradient/S2_fill_update_generic2_160.svg | 41 +++++++ .../S2_fill_userGroup_generic1_160.svg | 46 ++++++++ .../S2_fill_userGroup_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_user_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_user_generic2_160.svg | 40 +++++++ .../gradient/S2_fill_video_generic1_160.svg | 46 ++++++++ .../gradient/S2_fill_video_generic2_160.svg | 40 +++++++ .../gradient/S2_lin_lockOpen_generic1_160.svg | 46 ++++++++ .../gradient/S2_lin_lockOpen_generic2_160.svg | 40 +++++++ .../linear/AlertNotice.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Apps.tsx | 30 +++++ .../linear/ArrowDown.tsx | 30 +++++ .../linear/ArrowLeft.tsx | 30 +++++ .../linear/ArrowRight.tsx | 30 +++++ .../spectrum-illustrations/linear/ArrowUp.tsx | 30 +++++ .../linear/Artboard.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Bell.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Bolt.tsx | 30 +++++ .../spectrum-illustrations/linear/Brand.tsx | 30 +++++ .../linear/Briefcase.tsx | 30 +++++ .../spectrum-illustrations/linear/Browser.tsx | 30 +++++ .../linear/BrowserError.tsx | 30 +++++ .../linear/BrowserNotCompatible.tsx | 30 +++++ .../linear/BuildTable.tsx | 30 +++++ .../linear/Buildings.tsx | 30 +++++ .../linear/Calendar.tsx | 30 +++++ .../spectrum-illustrations/linear/Camera.tsx | 30 +++++ .../linear/Chatbubble.tsx | 30 +++++ .../spectrum-illustrations/linear/Check.tsx | 30 +++++ .../linear/Clipboard.tsx | 30 +++++ .../spectrum-illustrations/linear/Clock.tsx | 30 +++++ .../spectrum-illustrations/linear/Close.tsx | 30 +++++ .../spectrum-illustrations/linear/Cloud.tsx | 30 +++++ .../linear/CloudStateDisconnected.tsx | 30 +++++ .../linear/CloudStateError.tsx | 30 +++++ .../linear/CloudUpload.tsx | 30 +++++ .../linear/CodeBrackets.tsx | 30 +++++ .../linear/ConfettiCelebration.tsx | 30 +++++ .../linear/Conversationbubbles.tsx | 30 +++++ .../spectrum-illustrations/linear/Cursor.tsx | 30 +++++ .../spectrum-illustrations/linear/Desktop.tsx | 30 +++++ .../linear/Document.tsx | 30 +++++ .../linear/DropToUpload.tsx | 30 +++++ .../linear/EmptyStateExport.tsx | 30 +++++ .../spectrum-illustrations/linear/Error.tsx | 30 +++++ .../linear/FileAlert.tsx | 30 +++++ .../linear/FileImage.tsx | 30 +++++ .../linear/FileText.tsx | 30 +++++ .../linear/FileVideo.tsx | 30 +++++ .../spectrum-illustrations/linear/FileZip.tsx | 30 +++++ .../linear/Filmstrip.tsx | 30 +++++ .../spectrum-illustrations/linear/Filter.tsx | 30 +++++ .../linear/Fireworks.tsx | 30 +++++ .../linear/FolderClose.tsx | 30 +++++ .../linear/FolderOpen.tsx | 30 +++++ .../linear/GearSetting.tsx | 30 +++++ .../linear/GraphBarChart.tsx | 30 +++++ .../linear/Handshake.tsx | 30 +++++ .../spectrum-illustrations/linear/Heart.tsx | 30 +++++ .../spectrum-illustrations/linear/Image.tsx | 30 +++++ .../linear/ImageStack.tsx | 30 +++++ .../linear/Information.tsx | 30 +++++ .../spectrum-illustrations/linear/Laptop.tsx | 30 +++++ .../spectrum-illustrations/linear/Layers.tsx | 30 +++++ .../linear/Libraries.tsx | 30 +++++ .../linear/Lightbulb.tsx | 30 +++++ .../linear/LightbulbRays.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Link.tsx | 30 +++++ .../linear/Location.tsx | 30 +++++ .../linear/LockClose.tsx | 30 +++++ .../linear/LockOpen.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Logo.tsx | 30 +++++ .../linear/MailClose.tsx | 30 +++++ .../linear/MegaphonePromote.tsx | 30 +++++ .../linear/MegaphonePromote_Expressive.tsx | 30 +++++ .../linear/Paperairplane.tsx | 30 +++++ .../linear/Paperclip.tsx | 30 +++++ .../spectrum-illustrations/linear/Phone.tsx | 30 +++++ .../linear/PieChart.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Pin.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Play.tsx | 30 +++++ .../spectrum-illustrations/linear/Plugin.tsx | 30 +++++ .../spectrum-illustrations/linear/Rocket.tsx | 30 +++++ .../linear/S2_lin_alertNotice_160.svg | 3 + .../linear/S2_lin_alertNotice_48.svg | 3 + .../linear/S2_lin_alertNotice_96.svg | 3 + .../linear/S2_lin_apps_160.svg | 3 + .../linear/S2_lin_apps_48.svg | 3 + .../linear/S2_lin_apps_96.svg | 3 + .../linear/S2_lin_arrowDown_160.svg | 3 + .../linear/S2_lin_arrowDown_48.svg | 3 + .../linear/S2_lin_arrowDown_96.svg | 3 + .../linear/S2_lin_arrowLeft_160.svg | 3 + .../linear/S2_lin_arrowLeft_48.svg | 3 + .../linear/S2_lin_arrowLeft_96.svg | 3 + .../linear/S2_lin_arrowRight_160.svg | 3 + .../linear/S2_lin_arrowRight_48.svg | 3 + .../linear/S2_lin_arrowRight_96.svg | 3 + .../linear/S2_lin_arrowUp_160.svg | 3 + .../linear/S2_lin_arrowUp_48.svg | 3 + .../linear/S2_lin_arrowUp_96.svg | 3 + .../linear/S2_lin_artboard_160.svg | 3 + .../linear/S2_lin_artboard_48.svg | 3 + .../linear/S2_lin_artboard_96.svg | 3 + .../linear/S2_lin_bell_160.svg | 3 + .../linear/S2_lin_bell_48.svg | 3 + .../linear/S2_lin_bell_96.svg | 3 + .../linear/S2_lin_bolt_160.svg | 3 + .../linear/S2_lin_bolt_48.svg | 3 + .../linear/S2_lin_bolt_96.svg | 3 + .../linear/S2_lin_brand_160.svg | 3 + .../linear/S2_lin_brand_48.svg | 3 + .../linear/S2_lin_brand_96.svg | 3 + .../linear/S2_lin_briefcase_160.svg | 3 + .../linear/S2_lin_briefcase_48.svg | 3 + .../linear/S2_lin_briefcase_96.svg | 3 + .../linear/S2_lin_browserError_160.svg | 3 + .../linear/S2_lin_browserError_48.svg | 3 + .../linear/S2_lin_browserError_96.svg | 3 + .../S2_lin_browserNotCompatible_160.svg | 3 + .../linear/S2_lin_browserNotCompatible_48.svg | 3 + .../linear/S2_lin_browserNotCompatible_96.svg | 3 + .../linear/S2_lin_browser_160.svg | 3 + .../linear/S2_lin_browser_48.svg | 3 + .../linear/S2_lin_browser_96.svg | 3 + .../linear/S2_lin_buildTable_160.svg | 3 + .../linear/S2_lin_buildTable_48.svg | 3 + .../linear/S2_lin_buildTable_96.svg | 3 + .../linear/S2_lin_buildings_160.svg | 3 + .../linear/S2_lin_buildings_48.svg | 3 + .../linear/S2_lin_buildings_96.svg | 3 + .../linear/S2_lin_calendar_160.svg | 3 + .../linear/S2_lin_calendar_48.svg | 3 + .../linear/S2_lin_calendar_96.svg | 3 + .../linear/S2_lin_camera_160.svg | 3 + .../linear/S2_lin_camera_48.svg | 3 + .../linear/S2_lin_camera_96.svg | 3 + .../linear/S2_lin_chatbubble_160.svg | 3 + .../linear/S2_lin_chatbubble_48.svg | 3 + .../linear/S2_lin_chatbubble_96.svg | 3 + .../linear/S2_lin_check_160.svg | 3 + .../linear/S2_lin_check_48.svg | 3 + .../linear/S2_lin_check_96.svg | 3 + .../linear/S2_lin_clipboard_160.svg | 3 + .../linear/S2_lin_clipboard_48.svg | 3 + .../linear/S2_lin_clipboard_96.svg | 3 + .../linear/S2_lin_clock_160.svg | 3 + .../linear/S2_lin_clock_48.svg | 3 + .../linear/S2_lin_clock_96.svg | 3 + .../linear/S2_lin_close_160.svg | 3 + .../linear/S2_lin_close_48.svg | 3 + .../linear/S2_lin_close_96.svg | 3 + .../S2_lin_cloudStateDisconnected_160.svg | 3 + .../S2_lin_cloudStateDisconnected_48.svg | 3 + .../S2_lin_cloudStateDisconnected_96.svg | 3 + .../linear/S2_lin_cloudStateError_160.svg | 3 + .../linear/S2_lin_cloudStateError_48.svg | 3 + .../linear/S2_lin_cloudStateError_96.svg | 3 + .../linear/S2_lin_cloudUpload_160.svg | 3 + .../linear/S2_lin_cloudUpload_48.svg | 3 + .../linear/S2_lin_cloudUpload_96.svg | 3 + .../S2_lin_cloud_160.svg} | 2 +- .../linear/S2_lin_cloud_48.svg | 3 + .../linear/S2_lin_cloud_96.svg | 3 + .../linear/S2_lin_codeBrackets_160.svg | 3 + .../linear/S2_lin_codeBrackets_48.svg | 3 + .../linear/S2_lin_codeBrackets_96.svg | 3 + .../linear/S2_lin_confettiCelebration_160.svg | 3 + .../linear/S2_lin_confettiCelebration_48.svg | 3 + .../linear/S2_lin_confettiCelebration_96.svg | 3 + .../linear/S2_lin_conversationbubbles_160.svg | 3 + .../linear/S2_lin_conversationbubbles_48.svg | 3 + .../linear/S2_lin_conversationbubbles_96.svg | 3 + .../linear/S2_lin_cursor_160.svg | 3 + .../linear/S2_lin_cursor_48.svg | 3 + .../linear/S2_lin_cursor_96.svg | 3 + .../linear/S2_lin_desktop_160.svg | 3 + .../linear/S2_lin_desktop_48.svg | 3 + .../linear/S2_lin_desktop_96.svg | 3 + .../linear/S2_lin_document_160.svg | 3 + .../linear/S2_lin_document_48.svg | 3 + .../linear/S2_lin_document_96.svg | 3 + .../linear/S2_lin_dropToUpload_160.svg | 3 + .../linear/S2_lin_dropToUpload_48.svg | 3 + .../S2_lin_dropToUpload_96.svg} | 2 +- .../linear/S2_lin_emptyStateExport_160.svg | 3 + .../linear/S2_lin_emptyStateExport_48.svg | 3 + .../linear/S2_lin_emptyStateExport_96.svg | 3 + .../linear/S2_lin_error_160.svg | 3 + .../linear/S2_lin_error_48.svg | 3 + .../linear/S2_lin_error_96.svg | 3 + .../linear/S2_lin_fileAlert_160.svg | 3 + .../linear/S2_lin_fileAlert_48.svg | 3 + .../linear/S2_lin_fileAlert_96.svg | 3 + .../linear/S2_lin_fileImage_160.svg | 3 + .../linear/S2_lin_fileImage_48.svg | 3 + .../linear/S2_lin_fileImage_96.svg | 3 + .../linear/S2_lin_fileText_160.svg | 3 + .../linear/S2_lin_fileText_48.svg | 4 + .../linear/S2_lin_fileText_96.svg | 3 + .../linear/S2_lin_fileVideo_160.svg | 3 + .../linear/S2_lin_fileVideo_48.svg | 3 + .../linear/S2_lin_fileVideo_96.svg | 3 + .../linear/S2_lin_fileZip_160.svg | 3 + .../linear/S2_lin_fileZip_48.svg | 3 + .../linear/S2_lin_fileZip_96.svg | 3 + .../linear/S2_lin_filmstrip_160.svg | 3 + .../linear/S2_lin_filmstrip_48.svg | 3 + .../linear/S2_lin_filmstrip_96.svg | 3 + .../linear/S2_lin_filter_160.svg | 3 + .../linear/S2_lin_filter_48.svg | 3 + .../linear/S2_lin_filter_96.svg | 3 + .../linear/S2_lin_fireworks_160.svg | 3 + .../linear/S2_lin_fireworks_48.svg | 3 + .../linear/S2_lin_fireworks_96.svg | 3 + .../linear/S2_lin_folderClose_160.svg | 3 + .../linear/S2_lin_folderClose_48.svg | 3 + .../linear/S2_lin_folderClose_96.svg | 3 + .../linear/S2_lin_folderOpen_160.svg | 3 + .../linear/S2_lin_folderOpen_48.svg | 3 + .../linear/S2_lin_folderOpen_96.svg | 3 + .../linear/S2_lin_gearSetting_160.svg | 3 + .../linear/S2_lin_gearSetting_48.svg | 3 + .../linear/S2_lin_gearSetting_96.svg | 3 + .../linear/S2_lin_graphBarChart_160.svg | 3 + .../linear/S2_lin_graphBarChart_48.svg | 3 + .../linear/S2_lin_graphBarChart_96.svg | 3 + .../linear/S2_lin_handshake_160.svg | 3 + .../linear/S2_lin_handshake_48.svg | 3 + .../linear/S2_lin_handshake_96.svg | 3 + .../linear/S2_lin_heart_160.svg | 3 + .../linear/S2_lin_heart_48.svg | 3 + .../linear/S2_lin_heart_96.svg | 3 + .../linear/S2_lin_imageStack_160.svg | 3 + .../linear/S2_lin_imageStack_48.svg | 3 + .../linear/S2_lin_imageStack_96.svg | 3 + .../linear/S2_lin_image_160.svg | 3 + .../linear/S2_lin_image_48.svg | 3 + .../linear/S2_lin_image_96.svg | 3 + .../linear/S2_lin_information_160.svg | 3 + .../linear/S2_lin_information_48.svg | 3 + .../linear/S2_lin_information_96.svg | 3 + .../linear/S2_lin_laptop_160.svg | 3 + .../linear/S2_lin_laptop_48.svg | 3 + .../linear/S2_lin_laptop_96.svg | 3 + .../linear/S2_lin_layers_160.svg | 3 + .../linear/S2_lin_layers_48.svg | 3 + .../linear/S2_lin_layers_96.svg | 3 + .../linear/S2_lin_libraries_160.svg | 3 + .../linear/S2_lin_libraries_48.svg | 3 + .../linear/S2_lin_libraries_96.svg | 3 + .../linear/S2_lin_lightbulbRays_160.svg | 3 + .../linear/S2_lin_lightbulbRays_48.svg | 3 + .../linear/S2_lin_lightbulbRays_96.svg | 3 + .../linear/S2_lin_lightbulb_160.svg | 3 + .../linear/S2_lin_lightbulb_48.svg | 3 + .../linear/S2_lin_lightbulb_96.svg | 3 + .../linear/S2_lin_link_160.svg | 3 + .../linear/S2_lin_link_48.svg | 3 + .../linear/S2_lin_link_96.svg | 3 + .../linear/S2_lin_location_160.svg | 3 + .../linear/S2_lin_location_48.svg | 3 + .../linear/S2_lin_location_96.svg | 3 + .../linear/S2_lin_lockClose_160.svg | 3 + .../linear/S2_lin_lockClose_48.svg | 3 + .../linear/S2_lin_lockClose_96.svg | 3 + .../linear/S2_lin_lockOpen_160.svg | 3 + .../linear/S2_lin_lockOpen_48.svg | 3 + .../linear/S2_lin_lockOpen_96.svg | 3 + .../linear/S2_lin_logo_160.svg | 3 + .../linear/S2_lin_logo_48.svg | 3 + .../linear/S2_lin_logo_96.svg | 3 + .../linear/S2_lin_mailClose_160.svg | 3 + .../linear/S2_lin_mailClose_48.svg | 3 + .../linear/S2_lin_mailClose_96.svg | 3 + .../linear/S2_lin_megaphonePromote_160.svg | 3 + .../linear/S2_lin_megaphonePromote_48.svg | 3 + .../linear/S2_lin_megaphonePromote_96.svg | 3 + ...S2_lin_megaphonePromote_Expressive_160.svg | 3 + .../S2_lin_megaphonePromote_Expressive_48.svg | 3 + .../S2_lin_megaphonePromote_Expressive_96.svg | 3 + .../linear/S2_lin_paperairplane_160.svg | 3 + .../linear/S2_lin_paperairplane_48.svg | 3 + .../linear/S2_lin_paperairplane_96.svg | 3 + .../linear/S2_lin_paperclip_160.svg | 3 + .../linear/S2_lin_paperclip_48.svg | 3 + .../linear/S2_lin_paperclip_96.svg | 3 + .../linear/S2_lin_phone_160.svg | 3 + .../linear/S2_lin_phone_48.svg | 3 + .../linear/S2_lin_phone_96.svg | 3 + .../linear/S2_lin_pieChart_160.svg | 3 + .../linear/S2_lin_pieChart_48.svg | 3 + .../linear/S2_lin_pieChart_96.svg | 3 + .../linear/S2_lin_pin_160.svg | 3 + .../linear/S2_lin_pin_48.svg | 3 + .../linear/S2_lin_pin_96.svg | 3 + .../linear/S2_lin_play_160.svg | 3 + .../linear/S2_lin_play_48.svg | 3 + .../linear/S2_lin_play_96.svg | 3 + .../linear/S2_lin_plugin_160.svg | 3 + .../linear/S2_lin_plugin_48.svg | 3 + .../linear/S2_lin_plugin_96.svg | 3 + .../linear/S2_lin_rocket_160.svg | 11 ++ .../linear/S2_lin_rocket_48.svg | 11 ++ .../linear/S2_lin_rocket_96.svg | 11 ++ .../linear/S2_lin_search_160.svg | 3 + .../linear/S2_lin_search_48.svg | 3 + .../linear/S2_lin_search_96.svg | 3 + .../linear/S2_lin_server_160.svg | 3 + .../linear/S2_lin_server_48.svg | 3 + .../linear/S2_lin_server_96.svg | 3 + .../linear/S2_lin_sparkles_160.svg | 3 + .../linear/S2_lin_sparkles_48.svg | 3 + .../linear/S2_lin_sparkles_96.svg | 3 + .../linear/S2_lin_star_160.svg | 3 + .../linear/S2_lin_star_48.svg | 3 + .../linear/S2_lin_star_96.svg | 3 + .../linear/S2_lin_tablet_160.svg | 3 + .../linear/S2_lin_tablet_48.svg | 3 + .../linear/S2_lin_tablet_96.svg | 3 + .../linear/S2_lin_tag_160.svg | 3 + .../linear/S2_lin_tag_48.svg | 3 + .../linear/S2_lin_tag_96.svg | 3 + .../linear/S2_lin_trash_160.svg | 3 + .../linear/S2_lin_trash_48.svg | 3 + .../linear/S2_lin_trash_96.svg | 3 + .../linear/S2_lin_trophy_160.svg | 3 + .../linear/S2_lin_trophy_48.svg | 3 + .../linear/S2_lin_trophy_96.svg | 3 + .../linear/S2_lin_update_160.svg | 3 + .../linear/S2_lin_update_48.svg | 3 + .../linear/S2_lin_update_96.svg | 3 + .../linear/S2_lin_userGroup_160.svg | 3 + .../linear/S2_lin_userGroup_48.svg | 3 + .../linear/S2_lin_userGroup_96.svg | 3 + .../linear/S2_lin_user_160.svg | 3 + .../linear/S2_lin_user_48.svg | 3 + .../linear/S2_lin_user_96.svg | 3 + .../linear/S2_lin_video_160.svg | 3 + .../linear/S2_lin_video_48.svg | 3 + .../linear/S2_lin_video_96.svg | 3 + .../linear/S2_lin_warning_160.svg | 3 + .../linear/S2_lin_warning_48.svg | 3 + .../linear/S2_lin_warning_96.svg | 3 + .../spectrum-illustrations/linear/Search.tsx | 30 +++++ .../spectrum-illustrations/linear/Server.tsx | 30 +++++ .../linear/Sparkles.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Star.tsx | 30 +++++ .../spectrum-illustrations/linear/Tablet.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/Tag.tsx | 30 +++++ .../spectrum-illustrations/linear/Trash.tsx | 30 +++++ .../spectrum-illustrations/linear/Trophy.tsx | 30 +++++ .../spectrum-illustrations/linear/Update.tsx | 30 +++++ .../s2/spectrum-illustrations/linear/User.tsx | 30 +++++ .../linear/UserGroup.tsx | 30 +++++ .../spectrum-illustrations/linear/Video.tsx | 30 +++++ .../spectrum-illustrations/linear/Warning.tsx | 30 +++++ packages/@react-spectrum/s2/src/Checkbox.tsx | 11 +- packages/@react-spectrum/s2/src/ComboBox.tsx | 9 +- packages/@react-spectrum/s2/src/Field.tsx | 2 +- packages/@react-spectrum/s2/src/Icon.tsx | 5 + .../s2/src/IllustratedMessage.tsx | 17 +-- .../@react-spectrum/s2/src/Illustration.tsx | 66 ----------- packages/@react-spectrum/s2/src/Menu.tsx | 18 ++- .../@react-spectrum/s2/src/NumberField.tsx | 5 +- packages/@react-spectrum/s2/src/Picker.tsx | 9 +- packages/@react-spectrum/s2/src/index.ts | 1 - .../s2/stories/DropZone.stories.tsx | 31 ++++- .../s2/stories/IllustratedMessage.stories.tsx | 19 +++- packages/@react-spectrum/s2/ui-icons/Add.tsx | 39 ++++--- .../@react-spectrum/s2/ui-icons/Arrow.tsx | 25 ++++ .../@react-spectrum/s2/ui-icons/Asterisk.tsx | 16 +-- .../@react-spectrum/s2/ui-icons/Checkmark.tsx | 28 +++-- .../@react-spectrum/s2/ui-icons/Chevron.tsx | 30 ++--- .../s2/ui-icons/CornerTriangle.tsx | 28 +++++ .../@react-spectrum/s2/ui-icons/Cross.tsx | 32 +++--- packages/@react-spectrum/s2/ui-icons/Dash.tsx | 24 ++-- .../@react-spectrum/s2/ui-icons/LinkOut.tsx | 21 ++-- packages/dev/parcel-namer-icon/IconNamer.js | 16 ++- .../IconTransformer.js | 12 +- scripts/copyIconDts.js | 19 ++++ scripts/generateS2IconIndex.js | 107 ++++++++++++++++++ 528 files changed, 10318 insertions(+), 179 deletions(-) create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic1_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic2_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_96.svg rename packages/@react-spectrum/s2/spectrum-illustrations/{Cloud.svg => linear/S2_lin_cloud_160.svg} (94%) create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_48.svg rename packages/@react-spectrum/s2/spectrum-illustrations/{DropToUpload.svg => linear/S2_lin_dropToUpload_96.svg} (98%) create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx delete mode 100644 packages/@react-spectrum/s2/src/Illustration.tsx create mode 100644 packages/@react-spectrum/s2/ui-icons/Arrow.tsx create mode 100644 packages/@react-spectrum/s2/ui-icons/CornerTriangle.tsx create mode 100644 scripts/copyIconDts.js create mode 100644 scripts/generateS2IconIndex.js diff --git a/.parcelrc-build b/.parcelrc-build index bc269b7ac3a..ca6c775ff23 100644 --- a/.parcelrc-build +++ b/.parcelrc-build @@ -6,7 +6,7 @@ "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/*.svg": ["parcel-transformer-icon"], + "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"], // Disable PostCSS from running over style macro output "packages/@react-spectrum/s2/**/*.css": ["@parcel/transformer-css"], "*.svg": ["@parcel/transformer-svg-react"], diff --git a/.storybook-s2/.parcelrc b/.storybook-s2/.parcelrc index f20d4c80269..7a7374f94f8 100644 --- a/.storybook-s2/.parcelrc +++ b/.storybook-s2/.parcelrc @@ -3,7 +3,7 @@ "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/*.svg": ["parcel-transformer-icon"], + "packages/@react-spectrum/s2/{s2wf-icons,spectrum-illustrations}/**/*.svg": ["parcel-transformer-icon"], "packages/*/*/intl/*.json": ["parcel-transformer-intl"], // Disable PostCSS from running over style macro output "*.css": ["@parcel/transformer-css"], diff --git a/Makefile b/Makefile index 499671a3942..f8b0c006f2a 100644 --- a/Makefile +++ b/Makefile @@ -35,7 +35,7 @@ clean_dist: rm -rf packages/{react-aria,react-aria-components,react-stately}/i18n rm -rf packages/@adobe/react-spectrum/i18n rm -rf packages/@react-aria/i18n/server - rm -rf packages/@react-spectrum/s2/style/dist packages/@react-spectrum/s2/page.css packages/@react-spectrum/s2/icons + rm -rf packages/@react-spectrum/s2/style/dist packages/@react-spectrum/s2/page.css packages/@react-spectrum/s2/icons packages/@react-spectrum/s2/illustrations clean_parcel: rm -rf .parcel-cache @@ -107,6 +107,7 @@ build: do node scripts/buildEsm.js $$pkg; \ done node scripts/buildI18n.js + node scripts/copyIconDts.js website: yarn build:docs --public-url /reactspectrum/$$(git rev-parse HEAD)/docs --dist-dir dist/$$(git rev-parse HEAD)/docs diff --git a/packages/@react-spectrum/s2/.gitignore b/packages/@react-spectrum/s2/.gitignore index bf2eb701bbe..77a20b6d4f1 100644 --- a/packages/@react-spectrum/s2/.gitignore +++ b/packages/@react-spectrum/s2/.gitignore @@ -1,2 +1,3 @@ icons +illustrations page.css diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json index ecfeef1cafc..d7f38779bec 100644 --- a/packages/@react-spectrum/s2/package.json +++ b/packages/@react-spectrum/s2/package.json @@ -30,11 +30,18 @@ "require": "./style/dist/main.cjs" }, "./icons/*": { - "types": "./icon.d.ts", + "types": "./icons/*.d.ts", "module": "./icons/*.mjs", "import": "./icons/*.mjs", "require": "./icons/*.cjs" - } + }, + "./illustrations/*": { + "types": "./illustrations/*.d.ts", + "module": "./illustrations/*.mjs", + "import": "./illustrations/*.mjs", + "require": "./illustrations/*.cjs" + }, + "./illustrations/linear/internal/*": null }, "targets": { "module": {}, @@ -72,6 +79,20 @@ "isLibrary": true, "outputFormat": "commonjs", "includeNodeModules": false + }, + "illustrations-module": { + "source": ["spectrum-illustrations/gradient/*.svg", "spectrum-illustrations/linear/*.tsx"], + "distDir": "illustrations", + "isLibrary": true, + "outputFormat": "esmodule", + "includeNodeModules": false + }, + "illustrations-main": { + "source": ["spectrum-illustrations/gradient/*.svg", "spectrum-illustrations/linear/*.tsx"], + "distDir": "illustrations", + "isLibrary": true, + "outputFormat": "commonjs", + "includeNodeModules": false } }, "browserslist": "last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions, last 2 Edge versions", @@ -84,7 +105,7 @@ "style/package.json", "page.css", "icons", - "icon.d.ts", + "illustrations", "src" ], "scripts": { diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic1_160.svg new file mode 100644 index 00000000000..1a7cb77cfac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic2_160.svg new file mode 100644 index 00000000000..f6fe6451072 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_CodeBrackets_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic1_160.svg new file mode 100644 index 00000000000..ad741719a80 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic2_160.svg new file mode 100644 index 00000000000..8ba1f1ef6ab --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_EmptyStateExport_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic1_160.svg new file mode 100644 index 00000000000..6b159b3cd7c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic2_160.svg new file mode 100644 index 00000000000..9c5a88a18b7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_apps_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic1_160.svg new file mode 100644 index 00000000000..05fea6c83c2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic2_160.svg new file mode 100644 index 00000000000..b8acb30ac96 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_artboard_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic1_160.svg new file mode 100644 index 00000000000..5d5fdd2484a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic2_160.svg new file mode 100644 index 00000000000..f32c78f0747 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bell_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic1_160.svg new file mode 100644 index 00000000000..35f4a78ddac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic2_160.svg new file mode 100644 index 00000000000..4367696f3df --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_bolt_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic1_160.svg new file mode 100644 index 00000000000..34df2c93cb8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic2_160.svg new file mode 100644 index 00000000000..70ab546d734 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_brand_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic1_160.svg new file mode 100644 index 00000000000..ee12ff2e31d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic2_160.svg new file mode 100644 index 00000000000..ce188c9c17c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_briefcase_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic1_160.svg new file mode 100644 index 00000000000..b4da4905bab --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic2_160.svg new file mode 100644 index 00000000000..167cf83c70a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_browser_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic1_160.svg new file mode 100644 index 00000000000..2d492179d2b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic2_160.svg new file mode 100644 index 00000000000..7d96c6a9ce2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildTable_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic1_160.svg new file mode 100644 index 00000000000..a2fe339a0b3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic2_160.svg new file mode 100644 index 00000000000..fdefe487c3a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_buildings_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic1_160.svg new file mode 100644 index 00000000000..4e48a88a601 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic2_160.svg new file mode 100644 index 00000000000..e58a9b45c1a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_calendar_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic1_160.svg new file mode 100644 index 00000000000..f65571c0c38 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic2_160.svg new file mode 100644 index 00000000000..0c2b90ff447 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_camera_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic1_160.svg new file mode 100644 index 00000000000..5d7d6b56560 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic2_160.svg new file mode 100644 index 00000000000..b574b3ac8c8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_chatbubble_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic1_160.svg new file mode 100644 index 00000000000..6e9480a8557 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic2_160.svg new file mode 100644 index 00000000000..475312a0974 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_checkmark_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic1_160.svg new file mode 100644 index 00000000000..407017fead4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic2_160.svg new file mode 100644 index 00000000000..237873a1bb2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clipboard_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic1_160.svg new file mode 100644 index 00000000000..a845f5f8bd0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic2_160.svg new file mode 100644 index 00000000000..b6c554b7e00 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_clock_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg new file mode 100644 index 00000000000..7cd9f1193ce --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic2_160.svg new file mode 100644 index 00000000000..e4126150ed2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloudUpload_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic1_160.svg new file mode 100644 index 00000000000..3da05485338 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic2_160.svg new file mode 100644 index 00000000000..351fae47741 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cloud_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic1_160.svg new file mode 100644 index 00000000000..af5993d7da6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic2_160.svg new file mode 100644 index 00000000000..4269b3ddd00 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_confetti_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic1_160.svg new file mode 100644 index 00000000000..eb1e0a21dac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic1_160.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic2_160.svg new file mode 100644 index 00000000000..96474cd1e0c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_conversationbubbles_generic2_160.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic1_160.svg new file mode 100644 index 00000000000..39a0ebda4fc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic2_160.svg new file mode 100644 index 00000000000..9093957e72a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_cursor_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic1_160.svg new file mode 100644 index 00000000000..01c2a2a30a8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic2_160.svg new file mode 100644 index 00000000000..c6600d1243d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_desktop_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic1_160.svg new file mode 100644 index 00000000000..4b5f079925e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic1_160.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic2_160.svg new file mode 100644 index 00000000000..f01133160ce --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_document_generic2_160.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic1_160.svg new file mode 100644 index 00000000000..b0db193a9df --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic2_160.svg new file mode 100644 index 00000000000..9d4f4505c2f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_dropToUpload_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic1_160.svg new file mode 100644 index 00000000000..a4e678edb03 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic2_160.svg new file mode 100644 index 00000000000..5090c8b343c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_error_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic1_160.svg new file mode 100644 index 00000000000..5a386d33079 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic2_160.svg new file mode 100644 index 00000000000..233746b0286 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileImage_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic1_160.svg new file mode 100644 index 00000000000..1efade2c45d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic2_160.svg new file mode 100644 index 00000000000..37359d5d611 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileText_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic1_160.svg new file mode 100644 index 00000000000..c485423b970 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic2_160.svg new file mode 100644 index 00000000000..f228a5cf40e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileVideo_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic1_160.svg new file mode 100644 index 00000000000..fd7177e1f17 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic2_160.svg new file mode 100644 index 00000000000..4f624f1c88a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fileZip_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic1_160.svg new file mode 100644 index 00000000000..d2b7530c23e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic2_160.svg new file mode 100644 index 00000000000..b61ad57ec90 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filmstrip_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic1_160.svg new file mode 100644 index 00000000000..d3688bb91dc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic2_160.svg new file mode 100644 index 00000000000..18d678ff347 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_filter_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic1_160.svg new file mode 100644 index 00000000000..b56a93abbab --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic2_160.svg new file mode 100644 index 00000000000..54e4e5f28eb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_fireworks_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic1_160.svg new file mode 100644 index 00000000000..ff7fc8fe8a0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic2_160.svg new file mode 100644 index 00000000000..94a72c36230 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderClose_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic1_160.svg new file mode 100644 index 00000000000..1b12ace3e6c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg new file mode 100644 index 00000000000..0932c67b2c8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic1_160.svg new file mode 100644 index 00000000000..ff55fbba38f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic2_160.svg new file mode 100644 index 00000000000..da3fb58306f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_gearSetting_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic1_160.svg new file mode 100644 index 00000000000..a89855e5105 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic2_160.svg new file mode 100644 index 00000000000..46b858538d9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_graphBarChart_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic1_160.svg new file mode 100644 index 00000000000..781d280f697 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic2_160.svg new file mode 100644 index 00000000000..c3de90869fe --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_handshake_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic1_160.svg new file mode 100644 index 00000000000..705e979f37f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic2_160.svg new file mode 100644 index 00000000000..e904ec569fd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_heart_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic1_160.svg new file mode 100644 index 00000000000..21b6c81cf08 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic2_160.svg new file mode 100644 index 00000000000..59bc5c322f0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_imageStack_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic1_160.svg new file mode 100644 index 00000000000..cd7c41f9b72 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic2_160.svg new file mode 100644 index 00000000000..8861fc2acae --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_image_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic1_160.svg new file mode 100644 index 00000000000..a7acf4d5345 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic2_160.svg new file mode 100644 index 00000000000..67ae30c5c36 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_information_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic1_160.svg new file mode 100644 index 00000000000..24efdba3aa2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic2_160.svg new file mode 100644 index 00000000000..16205cabcbb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_laptop_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic1_160.svg new file mode 100644 index 00000000000..4a67b986723 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic2_160.svg new file mode 100644 index 00000000000..dd3e1824f64 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_layers_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic1_160.svg new file mode 100644 index 00000000000..d7457aea38f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic2_160.svg new file mode 100644 index 00000000000..c044cfe6425 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_libraries_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic1_160.svg new file mode 100644 index 00000000000..51c5176bb70 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic2_160.svg new file mode 100644 index 00000000000..97a7e533357 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulbRays_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic1_160.svg new file mode 100644 index 00000000000..ad122ad44f3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic2_160.svg new file mode 100644 index 00000000000..a7dcd2ce1a5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lightbulb_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic1_160.svg new file mode 100644 index 00000000000..e5ec00a9a6a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic2_160.svg new file mode 100644 index 00000000000..c9d6a71cc2f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_link_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic1_160.svg new file mode 100644 index 00000000000..6240e351cc9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic2_160.svg new file mode 100644 index 00000000000..4c7fbc3c0bf --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_location_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic1_160.svg new file mode 100644 index 00000000000..d2b0301dcab --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic2_160.svg new file mode 100644 index 00000000000..30915ae56cf --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_lockClose_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic1_160.svg new file mode 100644 index 00000000000..0c861ba0d2a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic2_160.svg new file mode 100644 index 00000000000..1e32250f905 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_logo_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic1_160.svg new file mode 100644 index 00000000000..be35dc92e0f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic2_160.svg new file mode 100644 index 00000000000..a86f98437c0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_mailClose_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic1_160.svg new file mode 100644 index 00000000000..e003e5e3145 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic2_160.svg new file mode 100644 index 00000000000..2d24976fcbb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_Expressive_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic1_160.svg new file mode 100644 index 00000000000..c7b68289058 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic2_160.svg new file mode 100644 index 00000000000..1f912275781 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_megaphonePromote_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic1_160.svg new file mode 100644 index 00000000000..3c046982529 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic2_160.svg new file mode 100644 index 00000000000..3ac3cb3cea3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperairplane_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic1_160.svg new file mode 100644 index 00000000000..4c931a0e280 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic2_160.svg new file mode 100644 index 00000000000..576e0f8015f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_paperclip_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic1_160.svg new file mode 100644 index 00000000000..a5972f62cf3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic2_160.svg new file mode 100644 index 00000000000..41f1fa2d4d5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_phone_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic1_160.svg new file mode 100644 index 00000000000..ffe24329eac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic2_160.svg new file mode 100644 index 00000000000..9675a843da5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pieChart_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic1_160.svg new file mode 100644 index 00000000000..fda581a9ca4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic2_160.svg new file mode 100644 index 00000000000..3cb5e37a32f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_pin_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic1_160.svg new file mode 100644 index 00000000000..7df83cd4595 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic2_160.svg new file mode 100644 index 00000000000..4feadeee05f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_play_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic1_160.svg new file mode 100644 index 00000000000..1ba6585c6fc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic2_160.svg new file mode 100644 index 00000000000..8f116cf4b7f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_plugin_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic1_160.svg new file mode 100644 index 00000000000..63da8858390 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic2_160.svg new file mode 100644 index 00000000000..b1f78f51008 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_rocket_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic1_160.svg new file mode 100644 index 00000000000..f2a85fa14e6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic2_160.svg new file mode 100644 index 00000000000..238036fa56d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_search_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic1_160.svg new file mode 100644 index 00000000000..4c342ef1461 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic2_160.svg new file mode 100644 index 00000000000..74a0417d5ba --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_server_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic1_160.svg new file mode 100644 index 00000000000..9a4ffbdc520 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic2_160.svg new file mode 100644 index 00000000000..a49480ca2bd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_sparkles_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic1_160.svg new file mode 100644 index 00000000000..0ec47037d41 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic2_160.svg new file mode 100644 index 00000000000..5455f6eb6e3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_star_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic1_160.svg new file mode 100644 index 00000000000..b8c735ff3dc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic2_160.svg new file mode 100644 index 00000000000..048eb1a69ac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tablet_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic1_160.svg new file mode 100644 index 00000000000..4fdc9bdfdb3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic2_160.svg new file mode 100644 index 00000000000..d266061e595 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_tag_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic1_160.svg new file mode 100644 index 00000000000..02fa97fc197 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic2_160.svg new file mode 100644 index 00000000000..5653bee8c76 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trash_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic1_160.svg new file mode 100644 index 00000000000..3ab8173335a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic2_160.svg new file mode 100644 index 00000000000..412bbedee30 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_trophy_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic1_160.svg new file mode 100644 index 00000000000..63a500f5e78 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic1_160.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic2_160.svg new file mode 100644 index 00000000000..63b1300999f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_update_generic2_160.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic1_160.svg new file mode 100644 index 00000000000..9bbd88bbd2b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic2_160.svg new file mode 100644 index 00000000000..47618f1bbd9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_userGroup_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic1_160.svg new file mode 100644 index 00000000000..6f3e6ec0189 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic2_160.svg new file mode 100644 index 00000000000..3c43e1c6bb9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_user_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic1_160.svg new file mode 100644 index 00000000000..b804b3c8181 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic2_160.svg new file mode 100644 index 00000000000..0a553a7e96c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_fill_video_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic1_160.svg new file mode 100644 index 00000000000..f1b4be89699 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic1_160.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic2_160.svg new file mode 100644 index 00000000000..9c0a519e72c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/S2_lin_lockOpen_generic2_160.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx new file mode 100644 index 00000000000..f8868260c36 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/AlertNotice.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function AlertNotice(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx new file mode 100644 index 00000000000..0843254e7eb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Apps.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Apps(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx new file mode 100644 index 00000000000..c87fba70b87 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowDown.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function ArrowDown(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx new file mode 100644 index 00000000000..0fdff79bc24 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowLeft.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function ArrowLeft(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx new file mode 100644 index 00000000000..dfa617873a1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowRight.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function ArrowRight(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx new file mode 100644 index 00000000000..9e4a33f55fb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ArrowUp.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function ArrowUp(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx new file mode 100644 index 00000000000..ffee77fcd9a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Artboard.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Artboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx new file mode 100644 index 00000000000..b7c8d6254bb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bell.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Bell(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx new file mode 100644 index 00000000000..0f568216a1d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Bolt.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Bolt(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx new file mode 100644 index 00000000000..9ba2d973d21 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Brand.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Brand(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx new file mode 100644 index 00000000000..0893ffd8c56 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Briefcase.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Briefcase(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx new file mode 100644 index 00000000000..e5f8d093194 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Browser.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Browser(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx new file mode 100644 index 00000000000..d8dab32fafd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserError.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function BrowserError(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx new file mode 100644 index 00000000000..56c36c69bbc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BrowserNotCompatible.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function BrowserNotCompatible(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx new file mode 100644 index 00000000000..a363272e467 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/BuildTable.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function BuildTable(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx new file mode 100644 index 00000000000..9549e641a11 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Buildings.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Buildings(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx new file mode 100644 index 00000000000..6cf36d4ac65 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Calendar.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Calendar(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx new file mode 100644 index 00000000000..436974f4b50 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Camera.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Camera(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx new file mode 100644 index 00000000000..5a14cb7e7ec --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Chatbubble.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Chatbubble(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx new file mode 100644 index 00000000000..2abd3d62f76 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Check.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Check(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx new file mode 100644 index 00000000000..fd2b5441cd3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clipboard.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Clipboard(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx new file mode 100644 index 00000000000..39c1d8b7504 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Clock.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Clock(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx new file mode 100644 index 00000000000..058434b3ae4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Close.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Close(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx new file mode 100644 index 00000000000..eed8326d6f9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cloud.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Cloud(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx new file mode 100644 index 00000000000..7a01d3ddda8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateDisconnected.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function CloudStateDisconnected(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx new file mode 100644 index 00000000000..b404ebdf3c8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudStateError.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function CloudStateError(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx new file mode 100644 index 00000000000..c46fd95d76e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CloudUpload.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function CloudUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx new file mode 100644 index 00000000000..f2e36b9aaab --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/CodeBrackets.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function CodeBrackets(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx new file mode 100644 index 00000000000..76b58a9c992 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ConfettiCelebration.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function ConfettiCelebration(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx new file mode 100644 index 00000000000..ff51ffeec06 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Conversationbubbles.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Conversationbubbles(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx new file mode 100644 index 00000000000..a7c008e6ed3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Cursor.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Cursor(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx new file mode 100644 index 00000000000..4f5a49bfbc1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Desktop.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Desktop(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx new file mode 100644 index 00000000000..102d62ccc20 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Document.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Document(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx new file mode 100644 index 00000000000..0edca86bebc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/DropToUpload.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function DropToUpload(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx new file mode 100644 index 00000000000..ffccb06c440 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/EmptyStateExport.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function EmptyStateExport(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx new file mode 100644 index 00000000000..faa52d7cf20 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Error.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Error(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx new file mode 100644 index 00000000000..6c20f1de75d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileAlert.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FileAlert(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx new file mode 100644 index 00000000000..f1dad01b204 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileImage.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FileImage(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx new file mode 100644 index 00000000000..93a655afeb2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileText.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FileText(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx new file mode 100644 index 00000000000..6eb07fd31c6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileVideo.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FileVideo(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx new file mode 100644 index 00000000000..5d4cd5694a3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FileZip.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FileZip(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx new file mode 100644 index 00000000000..6b0192cb1a8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filmstrip.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Filmstrip(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx new file mode 100644 index 00000000000..c2332d10751 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Filter.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Filter(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx new file mode 100644 index 00000000000..c998c3bffb2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Fireworks.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Fireworks(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx new file mode 100644 index 00000000000..574613e4eef --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderClose.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FolderClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx new file mode 100644 index 00000000000..a79ada061e6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/FolderOpen.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function FolderOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx new file mode 100644 index 00000000000..a1a83508875 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GearSetting.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function GearSetting(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx new file mode 100644 index 00000000000..0003ea67a59 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/GraphBarChart.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function GraphBarChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx new file mode 100644 index 00000000000..b22ba877b0e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Handshake.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Handshake(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx new file mode 100644 index 00000000000..524122f7004 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Heart.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import 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 {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function Heart(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx new file mode 100644 index 00000000000..5bb394e7b17 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Image.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Image(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx new file mode 100644 index 00000000000..bdf8bc64d58 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/ImageStack.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function ImageStack(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx new file mode 100644 index 00000000000..aebc3a3b546 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Information.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Information(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx new file mode 100644 index 00000000000..c7a283513fc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Laptop.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Laptop(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx new file mode 100644 index 00000000000..22a5ca36395 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Layers.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Layers(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx new file mode 100644 index 00000000000..5d9884fe74c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Libraries.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Libraries(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx new file mode 100644 index 00000000000..95eeaf7726c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Lightbulb.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Lightbulb(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx new file mode 100644 index 00000000000..8cdc2a5c604 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LightbulbRays.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function LightbulbRays(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx new file mode 100644 index 00000000000..33e17e0c776 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Link.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Link(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx new file mode 100644 index 00000000000..adaff623bdf --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Location.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Location(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx new file mode 100644 index 00000000000..584a12fea4c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockClose.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function LockClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx new file mode 100644 index 00000000000..40c3ab3fcb2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/LockOpen.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function LockOpen(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx new file mode 100644 index 00000000000..8cb215804bc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Logo.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Logo(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx new file mode 100644 index 00000000000..f94b672dc8b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MailClose.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function MailClose(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx new file mode 100644 index 00000000000..12869a85c33 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function MegaphonePromote(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx new file mode 100644 index 00000000000..66a6adff02a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {IconProps, IllustrationContext} from '../../src/Icon'; +import MegaphonePromote_Expressive_L from './S2_lin_megaphonePromote_Expressive_160.svg'; +import MegaphonePromote_Expressive_M from './S2_lin_megaphonePromote_Expressive_96.svg'; +import MegaphonePromote_Expressive_S from './S2_lin_megaphonePromote_Expressive_48.svg'; +import {useContextProps} from 'react-aria-components'; + +export default function MegaphonePromote_Expressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx new file mode 100644 index 00000000000..98239a71145 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperairplane.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Paperairplane(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx new file mode 100644 index 00000000000..bfea62559ee --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Paperclip.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Paperclip(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx new file mode 100644 index 00000000000..445ca15ba17 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Phone.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Phone(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx new file mode 100644 index 00000000000..0a9dd97bbfc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/PieChart.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function PieChart(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx new file mode 100644 index 00000000000..65d80763d82 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Pin.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Pin(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx new file mode 100644 index 00000000000..08b515f3354 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Play.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Play(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx new file mode 100644 index 00000000000..1c6bd39962d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Plugin.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Plugin(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx new file mode 100644 index 00000000000..a26def18e18 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Rocket.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Rocket(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_160.svg new file mode 100644 index 00000000000..ba509557856 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_48.svg new file mode 100644 index 00000000000..096c984e9ed --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_96.svg new file mode 100644 index 00000000000..609d2796631 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_alertNotice_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_160.svg new file mode 100644 index 00000000000..f4e3d0fb6ee --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_48.svg new file mode 100644 index 00000000000..a620de0c757 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_96.svg new file mode 100644 index 00000000000..5cd21edefd7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_apps_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_160.svg new file mode 100644 index 00000000000..9179f530943 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_48.svg new file mode 100644 index 00000000000..f50a131a39f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_96.svg new file mode 100644 index 00000000000..a34acbc7052 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowDown_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_160.svg new file mode 100644 index 00000000000..281a8a2c42e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_48.svg new file mode 100644 index 00000000000..03e172cd9a5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_96.svg new file mode 100644 index 00000000000..85f1c855d3e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowLeft_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_160.svg new file mode 100644 index 00000000000..db3f62d1e73 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_48.svg new file mode 100644 index 00000000000..207ad653bd9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_96.svg new file mode 100644 index 00000000000..cf62fdaa67a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowRight_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_160.svg new file mode 100644 index 00000000000..718373e070d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_48.svg new file mode 100644 index 00000000000..cb006cdbba3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_96.svg new file mode 100644 index 00000000000..dfead0d27b8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_arrowUp_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_160.svg new file mode 100644 index 00000000000..428c2653b9e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_48.svg new file mode 100644 index 00000000000..38736ac8997 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_96.svg new file mode 100644 index 00000000000..c5578fc3d34 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_artboard_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_160.svg new file mode 100644 index 00000000000..593c3a8a6c0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_48.svg new file mode 100644 index 00000000000..a3ead742e48 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_96.svg new file mode 100644 index 00000000000..510ccbd3bac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bell_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_160.svg new file mode 100644 index 00000000000..b3617960858 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_48.svg new file mode 100644 index 00000000000..8564eae74b4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_96.svg new file mode 100644 index 00000000000..b4b66d20129 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_bolt_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_160.svg new file mode 100644 index 00000000000..c660a933971 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_48.svg new file mode 100644 index 00000000000..0e718cb0c0f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_96.svg new file mode 100644 index 00000000000..1c73511ff06 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_brand_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_160.svg new file mode 100644 index 00000000000..79d70c9a31e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_48.svg new file mode 100644 index 00000000000..f1076b5e2db --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_96.svg new file mode 100644 index 00000000000..64e93f3689d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_briefcase_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_160.svg new file mode 100644 index 00000000000..831ec600be3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_48.svg new file mode 100644 index 00000000000..d915b44f087 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_96.svg new file mode 100644 index 00000000000..4976b45c931 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserError_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_160.svg new file mode 100644 index 00000000000..d77d2d8125a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_48.svg new file mode 100644 index 00000000000..780d0379659 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_96.svg new file mode 100644 index 00000000000..c9b4ec23da7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browserNotCompatible_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_160.svg new file mode 100644 index 00000000000..956bce0ef5a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_48.svg new file mode 100644 index 00000000000..ae1ac73c41b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_96.svg new file mode 100644 index 00000000000..f8dd7f52d36 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_browser_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_160.svg new file mode 100644 index 00000000000..847eb55149d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_48.svg new file mode 100644 index 00000000000..24f52f6b236 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_96.svg new file mode 100644 index 00000000000..487f0010364 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildTable_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_160.svg new file mode 100644 index 00000000000..e3c17f678ef --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_48.svg new file mode 100644 index 00000000000..98bf0cdc1f2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_96.svg new file mode 100644 index 00000000000..9ae2338a805 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_buildings_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_160.svg new file mode 100644 index 00000000000..96b4de5dc2e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_48.svg new file mode 100644 index 00000000000..86d069dfb7b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_96.svg new file mode 100644 index 00000000000..be8c585e8cd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_calendar_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_160.svg new file mode 100644 index 00000000000..b0c7b22d879 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_48.svg new file mode 100644 index 00000000000..b382785dd4c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_96.svg new file mode 100644 index 00000000000..daf56d4fa77 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_camera_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_160.svg new file mode 100644 index 00000000000..e732acff876 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_48.svg new file mode 100644 index 00000000000..4410d506d55 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_96.svg new file mode 100644 index 00000000000..2f437b8c578 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_chatbubble_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_160.svg new file mode 100644 index 00000000000..84563f45c89 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_48.svg new file mode 100644 index 00000000000..0371e3833f0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_96.svg new file mode 100644 index 00000000000..d5c19572dbf --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_check_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_160.svg new file mode 100644 index 00000000000..693fe8e55fd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_48.svg new file mode 100644 index 00000000000..236afe11385 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_96.svg new file mode 100644 index 00000000000..35c5aed573b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clipboard_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_160.svg new file mode 100644 index 00000000000..09b6b05e045 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_48.svg new file mode 100644 index 00000000000..18ce247f0a5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_96.svg new file mode 100644 index 00000000000..ba7676dbed4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_clock_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_160.svg new file mode 100644 index 00000000000..1a19425f0e6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_48.svg new file mode 100644 index 00000000000..3633e0be6c1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_96.svg new file mode 100644 index 00000000000..51b29c2a608 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_close_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_160.svg new file mode 100644 index 00000000000..6e14a951704 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_48.svg new file mode 100644 index 00000000000..5db698450ee --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_96.svg new file mode 100644 index 00000000000..101e49f5fcb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateDisconnected_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_160.svg new file mode 100644 index 00000000000..79b81458754 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_48.svg new file mode 100644 index 00000000000..f91f09ffdb4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_96.svg new file mode 100644 index 00000000000..aaca14c348f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudStateError_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_160.svg new file mode 100644 index 00000000000..ca7646a7a14 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_48.svg new file mode 100644 index 00000000000..326b5f4cd3f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_96.svg new file mode 100644 index 00000000000..f3c1475bc79 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloudUpload_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/Cloud.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_160.svg similarity index 94% rename from packages/@react-spectrum/s2/spectrum-illustrations/Cloud.svg rename to packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_160.svg index afd9fa40f66..ae840c99251 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/Cloud.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_160.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_48.svg new file mode 100644 index 00000000000..27530642317 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_96.svg new file mode 100644 index 00000000000..59c08783b34 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cloud_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_160.svg new file mode 100644 index 00000000000..ad9ab1ea56d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_48.svg new file mode 100644 index 00000000000..025552dd374 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_96.svg new file mode 100644 index 00000000000..92564fcc57c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_codeBrackets_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_160.svg new file mode 100644 index 00000000000..ba89a4811a5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_48.svg new file mode 100644 index 00000000000..1b344b03de3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_96.svg new file mode 100644 index 00000000000..8d1bde42bb3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_confettiCelebration_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_160.svg new file mode 100644 index 00000000000..72528461eb0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_48.svg new file mode 100644 index 00000000000..9df57c53479 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_96.svg new file mode 100644 index 00000000000..ab85b4e9d77 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_conversationbubbles_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_160.svg new file mode 100644 index 00000000000..b01dbd4ee99 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_48.svg new file mode 100644 index 00000000000..fe7bc26e94e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_96.svg new file mode 100644 index 00000000000..e58663b71f9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_cursor_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_160.svg new file mode 100644 index 00000000000..fe48a7f5849 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_48.svg new file mode 100644 index 00000000000..1c5ab221c99 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_96.svg new file mode 100644 index 00000000000..8997ea5ea84 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_desktop_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_160.svg new file mode 100644 index 00000000000..8f5c462ccfc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_48.svg new file mode 100644 index 00000000000..ffb9691188e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_96.svg new file mode 100644 index 00000000000..706fc89c9c4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_document_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_160.svg new file mode 100644 index 00000000000..5db3afd6288 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_48.svg new file mode 100644 index 00000000000..f4373e1f23c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/DropToUpload.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_96.svg similarity index 98% rename from packages/@react-spectrum/s2/spectrum-illustrations/DropToUpload.svg rename to packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_96.svg index 76824d0bd96..611549e0086 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/DropToUpload.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_dropToUpload_96.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_160.svg new file mode 100644 index 00000000000..767844dc03c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_48.svg new file mode 100644 index 00000000000..6feb5e68cc7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_96.svg new file mode 100644 index 00000000000..a6e0520a4de --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_emptyStateExport_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_160.svg new file mode 100644 index 00000000000..997b02e1c24 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_48.svg new file mode 100644 index 00000000000..b78644f3610 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_96.svg new file mode 100644 index 00000000000..12d80f223ff --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_error_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_160.svg new file mode 100644 index 00000000000..44a6a7feef5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_48.svg new file mode 100644 index 00000000000..2bb91f95a19 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_96.svg new file mode 100644 index 00000000000..a5b7ed62cba --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileAlert_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_160.svg new file mode 100644 index 00000000000..ee83dbd8e58 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_48.svg new file mode 100644 index 00000000000..315cef2cebc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_96.svg new file mode 100644 index 00000000000..0d8b1293b31 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileImage_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_160.svg new file mode 100644 index 00000000000..f30f7752ec8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_48.svg new file mode 100644 index 00000000000..dba0d13c0cf --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_48.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_96.svg new file mode 100644 index 00000000000..bfd4b6cf200 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileText_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_160.svg new file mode 100644 index 00000000000..02dcb77e593 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_48.svg new file mode 100644 index 00000000000..a3018626ef5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_96.svg new file mode 100644 index 00000000000..f8376bd34d9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileVideo_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_160.svg new file mode 100644 index 00000000000..e685ea182c1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_48.svg new file mode 100644 index 00000000000..0915dd02e25 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_96.svg new file mode 100644 index 00000000000..c08b5240a6c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fileZip_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_160.svg new file mode 100644 index 00000000000..c2410d58bc1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_48.svg new file mode 100644 index 00000000000..0bfd3a719c8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_96.svg new file mode 100644 index 00000000000..c9d19754eb1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filmstrip_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_160.svg new file mode 100644 index 00000000000..4db45635d72 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_48.svg new file mode 100644 index 00000000000..73a1eac5995 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_96.svg new file mode 100644 index 00000000000..51223cebf1e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_filter_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_160.svg new file mode 100644 index 00000000000..9f53bfba4b4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_48.svg new file mode 100644 index 00000000000..cddda4e0a77 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_96.svg new file mode 100644 index 00000000000..4fbc6af2d10 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_fireworks_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_160.svg new file mode 100644 index 00000000000..71dd065d0d9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_48.svg new file mode 100644 index 00000000000..5a6f8f2e3e5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_96.svg new file mode 100644 index 00000000000..813f24104fe --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderClose_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_160.svg new file mode 100644 index 00000000000..e7a4880b841 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_48.svg new file mode 100644 index 00000000000..9fe2a1e6fe2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_96.svg new file mode 100644 index 00000000000..6a8f1596820 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_folderOpen_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_160.svg new file mode 100644 index 00000000000..50f93e1a195 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_48.svg new file mode 100644 index 00000000000..32934dbb668 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_96.svg new file mode 100644 index 00000000000..e59f442f7ac --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_gearSetting_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_160.svg new file mode 100644 index 00000000000..f0989057e8d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_48.svg new file mode 100644 index 00000000000..38fdb1e59f1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_96.svg new file mode 100644 index 00000000000..59c8315474c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_graphBarChart_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_160.svg new file mode 100644 index 00000000000..aafe04e893b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_48.svg new file mode 100644 index 00000000000..d7a90615763 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_96.svg new file mode 100644 index 00000000000..962c31d6d07 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_handshake_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_160.svg new file mode 100644 index 00000000000..040c7a5b979 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_48.svg new file mode 100644 index 00000000000..5d3ee6e3e9f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_96.svg new file mode 100644 index 00000000000..fa6dd6012a5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_heart_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_160.svg new file mode 100644 index 00000000000..d35d96a79e0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_48.svg new file mode 100644 index 00000000000..8befad3d6c5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_96.svg new file mode 100644 index 00000000000..edc8e59f702 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_imageStack_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_160.svg new file mode 100644 index 00000000000..9c062bcc3a7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_48.svg new file mode 100644 index 00000000000..f1b239e142c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_96.svg new file mode 100644 index 00000000000..5b9e2b82c01 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_image_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_160.svg new file mode 100644 index 00000000000..efa4951741a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_48.svg new file mode 100644 index 00000000000..5d1e5ed0cd9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_96.svg new file mode 100644 index 00000000000..913a069e1f1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_information_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_160.svg new file mode 100644 index 00000000000..80f3a7b1a57 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_48.svg new file mode 100644 index 00000000000..4a06143981f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_96.svg new file mode 100644 index 00000000000..6ef644a7f93 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_laptop_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_160.svg new file mode 100644 index 00000000000..36c49362274 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_48.svg new file mode 100644 index 00000000000..5beffaa06f6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_96.svg new file mode 100644 index 00000000000..8edca79d4e3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_layers_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_160.svg new file mode 100644 index 00000000000..84246b728b4 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_48.svg new file mode 100644 index 00000000000..f35efe80862 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_96.svg new file mode 100644 index 00000000000..5e9cf2140ce --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_libraries_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_160.svg new file mode 100644 index 00000000000..95b17709c92 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_48.svg new file mode 100644 index 00000000000..1021bd727fd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_96.svg new file mode 100644 index 00000000000..2eb04d1ef77 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulbRays_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_160.svg new file mode 100644 index 00000000000..8bc3508ee7a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_48.svg new file mode 100644 index 00000000000..77178fb9aa3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_96.svg new file mode 100644 index 00000000000..f41453673e2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lightbulb_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_160.svg new file mode 100644 index 00000000000..d5267a0d571 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_48.svg new file mode 100644 index 00000000000..432f610a5ee --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_96.svg new file mode 100644 index 00000000000..a0766e0ff99 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_link_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_160.svg new file mode 100644 index 00000000000..1b56bd1307d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_48.svg new file mode 100644 index 00000000000..f79087e1e32 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_96.svg new file mode 100644 index 00000000000..4785ee5f95a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_location_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_160.svg new file mode 100644 index 00000000000..5a72d14272e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_48.svg new file mode 100644 index 00000000000..c893b2e6ece --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_96.svg new file mode 100644 index 00000000000..929e3a4304d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockClose_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_160.svg new file mode 100644 index 00000000000..53be82054b9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_48.svg new file mode 100644 index 00000000000..3ea5919e0c9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_96.svg new file mode 100644 index 00000000000..c1467e170a6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_lockOpen_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_160.svg new file mode 100644 index 00000000000..833d056e015 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_48.svg new file mode 100644 index 00000000000..221342777db --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_96.svg new file mode 100644 index 00000000000..afee4ac7323 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_logo_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_160.svg new file mode 100644 index 00000000000..2c834888981 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_48.svg new file mode 100644 index 00000000000..6870f4c6ee6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_96.svg new file mode 100644 index 00000000000..07a2293348b --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_mailClose_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_160.svg new file mode 100644 index 00000000000..7816a4c8015 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_48.svg new file mode 100644 index 00000000000..fff08b0b9a8 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_96.svg new file mode 100644 index 00000000000..b2af3ac6c50 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_160.svg new file mode 100644 index 00000000000..56227d11e79 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_48.svg new file mode 100644 index 00000000000..bc17dbfab92 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_96.svg new file mode 100644 index 00000000000..f5f023decfd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_megaphonePromote_Expressive_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_160.svg new file mode 100644 index 00000000000..24b2ef15377 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_48.svg new file mode 100644 index 00000000000..941437bb7d9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_96.svg new file mode 100644 index 00000000000..7e84670263d --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperairplane_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_160.svg new file mode 100644 index 00000000000..3b67ac0efa5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_48.svg new file mode 100644 index 00000000000..3d75717b137 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_96.svg new file mode 100644 index 00000000000..e5d46f70f6a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_paperclip_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_160.svg new file mode 100644 index 00000000000..1434c2f3771 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_48.svg new file mode 100644 index 00000000000..883d0919938 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_96.svg new file mode 100644 index 00000000000..03d55f1b649 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_phone_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_160.svg new file mode 100644 index 00000000000..72a171e4556 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_48.svg new file mode 100644 index 00000000000..2387a007d4a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_96.svg new file mode 100644 index 00000000000..5bcb23e0a95 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pieChart_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_160.svg new file mode 100644 index 00000000000..18e146d5e63 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_48.svg new file mode 100644 index 00000000000..9f74a5a32eb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_96.svg new file mode 100644 index 00000000000..8d9413ffbc7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_pin_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_160.svg new file mode 100644 index 00000000000..1b845b5cfc3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_48.svg new file mode 100644 index 00000000000..1e97ceda436 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_96.svg new file mode 100644 index 00000000000..8deecd3c8f7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_play_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_160.svg new file mode 100644 index 00000000000..61738e0e455 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_48.svg new file mode 100644 index 00000000000..a9652922235 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_96.svg new file mode 100644 index 00000000000..2d9aa746a4c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_plugin_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_160.svg new file mode 100644 index 00000000000..a835af538f0 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_160.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_48.svg new file mode 100644 index 00000000000..d4982ca7394 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_48.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_96.svg new file mode 100644 index 00000000000..f98bb63f172 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_rocket_96.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_160.svg new file mode 100644 index 00000000000..82f8401cb18 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_48.svg new file mode 100644 index 00000000000..d0e9be51c30 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_96.svg new file mode 100644 index 00000000000..3585abe3554 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_search_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_160.svg new file mode 100644 index 00000000000..9a13e221221 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_48.svg new file mode 100644 index 00000000000..b5625d98460 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_96.svg new file mode 100644 index 00000000000..336df59dc39 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_server_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_160.svg new file mode 100644 index 00000000000..fb23e2245ef --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_48.svg new file mode 100644 index 00000000000..453ca58df56 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_96.svg new file mode 100644 index 00000000000..32d4c3c86f5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_sparkles_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_160.svg new file mode 100644 index 00000000000..7d725d7f9d7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_48.svg new file mode 100644 index 00000000000..76639b65dfd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_96.svg new file mode 100644 index 00000000000..fc4d874c402 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_star_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_160.svg new file mode 100644 index 00000000000..6e50d753ac2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_48.svg new file mode 100644 index 00000000000..95fb9b20ef3 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_96.svg new file mode 100644 index 00000000000..8afeac4facc --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tablet_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_160.svg new file mode 100644 index 00000000000..434f92ba7d1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_48.svg new file mode 100644 index 00000000000..d71a5067b7f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_96.svg new file mode 100644 index 00000000000..0a498724df1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_tag_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_160.svg new file mode 100644 index 00000000000..de6eae72632 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_48.svg new file mode 100644 index 00000000000..fd62e4725a7 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_96.svg new file mode 100644 index 00000000000..d6b9ff32889 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trash_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_160.svg new file mode 100644 index 00000000000..ffb75de9c0e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_48.svg new file mode 100644 index 00000000000..25ae6615e04 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_96.svg new file mode 100644 index 00000000000..0a7f19c4166 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_trophy_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_160.svg new file mode 100644 index 00000000000..7054487b03e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_48.svg new file mode 100644 index 00000000000..3210fc96fbd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_96.svg new file mode 100644 index 00000000000..993a613a0e9 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_update_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_160.svg new file mode 100644 index 00000000000..8072e53f12a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_48.svg new file mode 100644 index 00000000000..8910d39d5cd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_96.svg new file mode 100644 index 00000000000..762af42c304 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_userGroup_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_160.svg new file mode 100644 index 00000000000..72c3468517e --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_48.svg new file mode 100644 index 00000000000..dd730e753be --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_96.svg new file mode 100644 index 00000000000..8e4382aa190 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_user_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_160.svg new file mode 100644 index 00000000000..bc1cf901420 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_48.svg new file mode 100644 index 00000000000..1e6bc4cffd5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_96.svg new file mode 100644 index 00000000000..b419a06e934 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_video_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_160.svg new file mode 100644 index 00000000000..edcc2851cda --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_48.svg new file mode 100644 index 00000000000..049b12a33b5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_96.svg new file mode 100644 index 00000000000..648f4a34022 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_warning_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx new file mode 100644 index 00000000000..9614a036267 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Search.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Search(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx new file mode 100644 index 00000000000..14821c671c2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Server.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Server(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx new file mode 100644 index 00000000000..e3b9e79ae9c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Sparkles.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Sparkles(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx new file mode 100644 index 00000000000..e1d1865932a --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Star.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Star(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx new file mode 100644 index 00000000000..576a9b82af5 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tablet.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Tablet(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx new file mode 100644 index 00000000000..d099e0a2dbe --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Tag.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Tag(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx new file mode 100644 index 00000000000..976019f41a1 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trash.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Trash(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx new file mode 100644 index 00000000000..362efa2c708 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Trophy.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Trophy(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx new file mode 100644 index 00000000000..b5346d9c5e2 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Update.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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 {useContextProps} from 'react-aria-components'; + +export default function Update(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx new file mode 100644 index 00000000000..8e26afd2f67 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/User.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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'; + +export default function User(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx new file mode 100644 index 00000000000..6b7c2e27a6f --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/UserGroup.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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'; + +export default function UserGroup(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx new file mode 100644 index 00000000000..2b29554d1d6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Video.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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'; + +export default function Video(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx new file mode 100644 index 00000000000..04ba1c34933 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/Warning.tsx @@ -0,0 +1,30 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {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'; + +export default function Warning(props: IconProps & {size?: 'L' | 'S' | 'M'}) { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} diff --git a/packages/@react-spectrum/s2/src/Checkbox.tsx b/packages/@react-spectrum/s2/src/Checkbox.tsx index 0b6820963c5..99308ebcca0 100644 --- a/packages/@react-spectrum/s2/src/Checkbox.tsx +++ b/packages/@react-spectrum/s2/src/Checkbox.tsx @@ -118,6 +118,13 @@ export const iconStyles = style({ } }); +const iconSize = { + S: 'XS', + M: 'S', + L: 'M', + XL: 'L' +} as const; + function Checkbox({children, ...props}: CheckboxProps, ref: FocusableRef) { let boxRef = useRef(null); let domRef = useFocusableRef(ref); @@ -146,10 +153,10 @@ function Checkbox({children, ...props}: CheckboxProps, ref: FocusableRef {renderProps.isIndeterminate && - + } {renderProps.isSelected && !renderProps.isIndeterminate && - + } diff --git a/packages/@react-spectrum/s2/src/ComboBox.tsx b/packages/@react-spectrum/s2/src/ComboBox.tsx index 4329e09bf0c..fa14b7c9dba 100644 --- a/packages/@react-spectrum/s2/src/ComboBox.tsx +++ b/packages/@react-spectrum/s2/src/ComboBox.tsx @@ -325,6 +325,13 @@ export interface ComboBoxItemProps extends Omit - {!isLink && } + {!isLink && } {typeof children === 'string' ? {children} : children} diff --git a/packages/@react-spectrum/s2/src/Field.tsx b/packages/@react-spectrum/s2/src/Field.tsx index 55a668e7ad9..c514cb8a938 100644 --- a/packages/@react-spectrum/s2/src/Field.tsx +++ b/packages/@react-spectrum/s2/src/Field.tsx @@ -94,7 +94,7 @@ function FieldLabel(props: FieldLabelProps, ref: DOMRef) {   {necessityIndicator === 'icon' && ReactNode } +export interface IllustrationContextValue extends IconContextValue { + size?: 'S' | 'M' | 'L' +} + export const IconContext = createContext>({}); +export const IllustrationContext = createContext>({}); diff --git a/packages/@react-spectrum/s2/src/IllustratedMessage.tsx b/packages/@react-spectrum/s2/src/IllustratedMessage.tsx index de13a375d2e..2427a225fdb 100644 --- a/packages/@react-spectrum/s2/src/IllustratedMessage.tsx +++ b/packages/@react-spectrum/s2/src/IllustratedMessage.tsx @@ -16,7 +16,7 @@ import {createContext, forwardRef, ReactNode, useContext} from 'react'; import {DOMProps, DOMRef} from '@react-types/shared'; import {filterDOMProps} from '@react-aria/utils'; import {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'}; -import {IllustrationContext} from './Illustration'; +import {IllustrationContext} from './Icon'; import {Provider} from 'react-aria-components'; import {style} from '../style/spectrum-theme' with {type: 'macro'}; import {useDOMRef} from '@react-spectrum/utils'; @@ -110,11 +110,14 @@ const illustration = style {children} diff --git a/packages/@react-spectrum/s2/src/Illustration.tsx b/packages/@react-spectrum/s2/src/Illustration.tsx deleted file mode 100644 index efe08bdc92a..00000000000 --- a/packages/@react-spectrum/s2/src/Illustration.tsx +++ /dev/null @@ -1,66 +0,0 @@ -/* - * Copyright 2024 Adobe. All rights reserved. - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -import {AriaLabelingProps, DOMProps} from '@react-types/shared'; -import {cloneElement, createContext, ReactElement, SVGAttributes} from 'react'; -import {ContextValue, useContextProps} from 'react-aria-components'; -import {filterDOMProps} from '@react-aria/utils'; - -export interface IllustrationProps extends DOMProps, AriaLabelingProps { - /** - * A screen reader only label for the Illustration. - */ - 'aria-label'?: string, - /** - * The content to display. Should be an SVG. - */ - children: ReactElement, - /** - * A slot to place the illustration in. - * @default 'illustration' - */ - slot?: string, - /** - * Indicates whether the element is exposed to an accessibility API. - */ - 'aria-hidden'?: boolean | 'false' | 'true' -} - -export const IllustrationContext = createContext, HTMLOrSVGImageElement>>({}); - -export function Illustration(props: IllustrationProps) { - [props] = useContextProps(props, null, IllustrationContext); - - let { - children, - 'aria-label': ariaLabel, - 'aria-labelledby': ariaLabelledby, - 'aria-hidden': ariaHidden, - ...otherProps - } = props; - - let hasLabel = ariaLabel || ariaLabelledby; - - if (!ariaHidden) { - ariaHidden = undefined; - } - - return cloneElement(children, { - ...filterDOMProps(otherProps), - focusable: 'false', - 'aria-label': ariaLabel, - 'aria-labelledby': ariaLabelledby, - 'aria-hidden': ariaHidden, - role: hasLabel ? 'img' : undefined, - ...props - }); -} diff --git a/packages/@react-spectrum/s2/src/Menu.tsx b/packages/@react-spectrum/s2/src/Menu.tsx index fb8f1141a0f..6c3391e08b0 100644 --- a/packages/@react-spectrum/s2/src/Menu.tsx +++ b/packages/@react-spectrum/s2/src/Menu.tsx @@ -416,6 +416,20 @@ export interface MenuItemProps extends Omit - {renderProps.selectionMode === 'single' && !isLink && !renderProps.hasSubmenu && } + {renderProps.selectionMode === 'single' && !isLink && !renderProps.hasSubmenu && } {renderProps.selectionMode === 'multiple' && !isLink && !renderProps.hasSubmenu && (
)} {typeof children === 'string' ? {children} : children} - {isLink && } + {isLink && } {renderProps.hasSubmenu &&
} diff --git a/packages/@react-spectrum/s2/src/NumberField.tsx b/packages/@react-spectrum/s2/src/NumberField.tsx index 2548e7d6568..af922f74dd1 100644 --- a/packages/@react-spectrum/s2/src/NumberField.tsx +++ b/packages/@react-spectrum/s2/src/NumberField.tsx @@ -212,13 +212,12 @@ const stepperContainerStyles = style({ } }); -type Size = 'XS' | 'S' | 'M' | 'L' | 'XL'; -const chevronSize: Record<'S' | 'M' | 'L' | 'XL', Size> = { +const chevronSize = { S: 'XS', M: 'S', L: 'L', XL: 'XL' -}; +} as const; function NumberField(props: NumberFieldProps, ref: FocusableRef) { let { diff --git a/packages/@react-spectrum/s2/src/Picker.tsx b/packages/@react-spectrum/s2/src/Picker.tsx index 3efa2db37d9..417d497035f 100644 --- a/packages/@react-spectrum/s2/src/Picker.tsx +++ b/packages/@react-spectrum/s2/src/Picker.tsx @@ -342,6 +342,13 @@ export interface PickerItemProps extends Omit - {!isLink && } + {!isLink && } {typeof children === 'string' ? {children} : children} diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts index 62a5146df47..07286bad96d 100644 --- a/packages/@react-spectrum/s2/src/index.ts +++ b/packages/@react-spectrum/s2/src/index.ts @@ -36,7 +36,6 @@ export {Divider} from './Divider'; export {DropZone} from './DropZone'; export {Form} from './Form'; export {IllustratedMessage} from './IllustratedMessage'; -export {Illustration} from './Illustration'; export {InlineAlert} from './InlineAlert'; export {Link} from './Link'; export {MenuItem, MenuTrigger, Menu, MenuSection, SubmenuTrigger} from './Menu'; diff --git a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx index 142268652b7..ef1051658dd 100644 --- a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx +++ b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx @@ -12,8 +12,9 @@ import {Button, ButtonGroup, Content, DropZone, FileTrigger, Heading, IllustratedMessage, Illustration} from '../src'; import {categorizeArgTypes} from './utils'; -import Cloud from '../spectrum-illustrations/Cloud.svg'; -import DropToUpload from '../spectrum-illustrations/DropToUpload.svg'; +import Cloud from '../spectrum-illustrations/linear/Cloud'; +import CloudUpload from '../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'; import React, {useState} from 'react'; @@ -120,6 +121,32 @@ export const LongBanner = (args: any) => { ); }; +export const Gradient = (args: any) => { + let [isFilled, setIsFilled] = useState(false); + + return ( + <> + + setIsFilled(true)}> + + + + + + Drag and drop your file + + + Or, select a file from your computer + + + + + ); +}; function Draggable() { let {dragProps} = useDrag({ diff --git a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx index e240afe3cca..47909eb0c87 100644 --- a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx +++ b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx @@ -11,7 +11,8 @@ */ import {Button, ButtonGroup, Content, Heading, IllustratedMessage, Illustration} from '../src'; -import Cloud from '../spectrum-illustrations/Cloud.svg'; +import Cloud from '../spectrum-illustrations/linear/Cloud'; +import Folder from '../spectrum-illustrations/gradient/S2_fill_folderOpen_generic2_160.svg'; import type {Meta} from '@storybook/react'; const meta: Meta = { @@ -69,3 +70,19 @@ export const NoButtonShortText = (args: any) => ( ); +export const Gradient = (args: any) => ( + + + + + + Illustrated message title + + + Illustrated message description. Give more information about what a user can do, expect, or how to make items appear. + + + + + +); diff --git a/packages/@react-spectrum/s2/ui-icons/Add.tsx b/packages/@react-spectrum/s2/ui-icons/Add.tsx index 04e46a91f92..cbdc8d9f442 100644 --- a/packages/@react-spectrum/s2/ui-icons/Add.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Add.tsx @@ -1,21 +1,34 @@ -import S2_AddSize100 from './S2_AddSize100.svg'; -import S2_AddSize200 from './S2_AddSize200.svg'; -import S2_AddSize300 from './S2_AddSize300.svg'; -import S2_AddSize50 from './S2_AddSize50.svg'; -import S2_AddSize75 from './S2_AddSize75.svg'; +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import Add_L from './S2_AddSize200.svg'; +import Add_M from './S2_AddSize100.svg'; +import Add_S from './S2_AddSize75.svg'; +import Add_XL from './S2_AddSize300.svg'; +import Add_XS from './S2_AddSize50.svg'; import {SVGProps} from 'react'; -export default function Add({size, ...props}: {size: 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL'} & SVGProps) { +export default function Add(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'XS': - return ; - case 'S': - return ; case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; + case 'XS': + return ; + case 'S': + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/Arrow.tsx b/packages/@react-spectrum/s2/ui-icons/Arrow.tsx new file mode 100644 index 00000000000..212d64dcb3a --- /dev/null +++ b/packages/@react-spectrum/s2/ui-icons/Arrow.tsx @@ -0,0 +1,25 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import Arrow_M from './S2_ArrowSize100.svg'; +import Arrow_XXL from './S2_ArrowSize400.svg'; +import {SVGProps} from 'react'; + +export default function Arrow(props: SVGProps & {size?: 'M' | 'XXL'}) { + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'M': + return ; + case 'XXL': + return ; + } +} diff --git a/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx b/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx index 61c6c0810e1..e4a904ea962 100644 --- a/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Asterisk.tsx @@ -10,19 +10,19 @@ * governing permissions and limitations under the License. */ -import S2_AsteriskSize100 from './S2_AsteriskSize100.svg'; -import S2_AsteriskSize200 from './S2_AsteriskSize200.svg'; -import S2_AsteriskSize300 from './S2_AsteriskSize300.svg'; +import Asterisk_L from './S2_AsteriskSize200.svg'; +import Asterisk_M from './S2_AsteriskSize100.svg'; +import Asterisk_XL from './S2_AsteriskSize300.svg'; import {SVGProps} from 'react'; -export default function Asterisk({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL'} & SVGProps) { +export default function Asterisk(props: SVGProps & {size?: 'M' | 'L' | 'XL'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'S': case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx b/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx index e587d1bd850..e102058f465 100644 --- a/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Checkmark.tsx @@ -10,24 +10,28 @@ * governing permissions and limitations under the License. */ -import S2_CheckmarkSize100 from './S2_CheckmarkSize100.svg'; -import S2_CheckmarkSize200 from './S2_CheckmarkSize200.svg'; -import S2_CheckmarkSize300 from './S2_CheckmarkSize300.svg'; -import S2_CheckmarkSize50 from './S2_CheckmarkSize50.svg'; -import S2_CheckmarkSize75 from './S2_CheckmarkSize75.svg'; +import Checkmark_L from './S2_CheckmarkSize200.svg'; +import Checkmark_M from './S2_CheckmarkSize100.svg'; +import Checkmark_S from './S2_CheckmarkSize75.svg'; +import Checkmark_XL from './S2_CheckmarkSize300.svg'; +import Checkmark_XS from './S2_CheckmarkSize50.svg'; +import Checkmark_XXL from './S2_CheckmarkSize400.svg'; import {SVGProps} from 'react'; -export default function Checkmark({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL'} & SVGProps) { +export default function Checkmark(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'S': - return ; case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; case 'XXL': - return ; + return ; + case 'XS': + return ; + case 'S': + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/Chevron.tsx b/packages/@react-spectrum/s2/ui-icons/Chevron.tsx index ba6de191955..b5fd77d1c3d 100644 --- a/packages/@react-spectrum/s2/ui-icons/Chevron.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Chevron.tsx @@ -10,24 +10,28 @@ * governing permissions and limitations under the License. */ -import S2_ChevronSize100 from './S2_ChevronSize100.svg'; -import S2_ChevronSize200 from './S2_ChevronSize200.svg'; -import S2_ChevronSize300 from './S2_ChevronSize300.svg'; -import S2_ChevronSize50 from './S2_ChevronSize50.svg'; -import S2_ChevronSize75 from './S2_ChevronSize75.svg'; +import Chevron_L from './S2_ChevronSize200.svg'; +import Chevron_M from './S2_ChevronSize100.svg'; +import Chevron_S from './S2_ChevronSize75.svg'; +import Chevron_XL from './S2_ChevronSize300.svg'; +import Chevron_XS from './S2_ChevronSize50.svg'; +import Chevron_XXL from './S2_ChevronSize400.svg'; import {SVGProps} from 'react'; -export default function Chevron({size, ...props}: {size: 'XS' | 'S' | 'M' | 'L' | 'XL'} & SVGProps) { +export default function Chevron(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'XS': - return ; - case 'S': - return ; case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; + case 'XXL': + return ; + case 'XS': + return ; + case 'S': + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/CornerTriangle.tsx b/packages/@react-spectrum/s2/ui-icons/CornerTriangle.tsx new file mode 100644 index 00000000000..3ef0cb86f23 --- /dev/null +++ b/packages/@react-spectrum/s2/ui-icons/CornerTriangle.tsx @@ -0,0 +1,28 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import CornerTriangle_L from './S2_CornerTriangleSize200.svg'; +import CornerTriangle_M from './S2_CornerTriangleSize100.svg'; +import CornerTriangle_S from './S2_CornerTriangleSize75.svg'; +import {SVGProps} from 'react'; + +export default function CornerTriangle(props: SVGProps & {size?: 'M' | 'L' | 'S'}) { + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'M': + return ; + case 'L': + return ; + case 'S': + return ; + } +} diff --git a/packages/@react-spectrum/s2/ui-icons/Cross.tsx b/packages/@react-spectrum/s2/ui-icons/Cross.tsx index 35e39be6001..77ecf61e6dd 100644 --- a/packages/@react-spectrum/s2/ui-icons/Cross.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Cross.tsx @@ -10,27 +10,31 @@ * governing permissions and limitations under the License. */ -import S2_CrossSize100 from './S2_CrossSize100.svg'; -import S2_CrossSize200 from './S2_CrossSize200.svg'; -import S2_CrossSize300 from './S2_CrossSize300.svg'; -import S2_CrossSize400 from './S2_CrossSize400.svg'; -import S2_CrossSize500 from './S2_CrossSize500.svg'; -import S2_CrossSize75 from './S2_CrossSize75.svg'; +import Cross_L from './S2_CrossSize200.svg'; +import Cross_M from './S2_CrossSize100.svg'; +import Cross_S from './S2_CrossSize75.svg'; +import Cross_XL from './S2_CrossSize300.svg'; +import Cross_XXL from './S2_CrossSize400.svg'; +import Cross_XXXL from './S2_CrossSize500.svg'; +import Cross_XXXXL from './S2_CrossSize600.svg'; import {SVGProps} from 'react'; -export default function Cross({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL' | 'XXXL'} & SVGProps) { +export default function Cross(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XXXL' | 'XXXXL' | 'S'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'S': - return ; case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; case 'XXL': - return ; + return ; case 'XXXL': - return ; + return ; + case 'XXXXL': + return ; + case 'S': + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/Dash.tsx b/packages/@react-spectrum/s2/ui-icons/Dash.tsx index 79c77d1e416..d8d37ca97e4 100644 --- a/packages/@react-spectrum/s2/ui-icons/Dash.tsx +++ b/packages/@react-spectrum/s2/ui-icons/Dash.tsx @@ -10,21 +10,25 @@ * governing permissions and limitations under the License. */ -import S2_DashSize100 from './S2_DashSize100.svg'; -import S2_DashSize200 from './S2_DashSize200.svg'; -import S2_DashSize50 from './S2_DashSize50.svg'; -import S2_DashSize75 from './S2_DashSize75.svg'; +import Dash_L from './S2_DashSize200.svg'; +import Dash_M from './S2_DashSize100.svg'; +import Dash_S from './S2_DashSize75.svg'; +import Dash_XL from './S2_DashSize300.svg'; +import Dash_XS from './S2_DashSize50.svg'; import {SVGProps} from 'react'; -export default function Dash({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL'} & SVGProps) { +export default function Dash(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'S': - return ; case 'M': - return ; + return ; case 'L': - return ; + return ; case 'XL': - return ; + return ; + case 'XS': + return ; + case 'S': + return ; } } diff --git a/packages/@react-spectrum/s2/ui-icons/LinkOut.tsx b/packages/@react-spectrum/s2/ui-icons/LinkOut.tsx index 08a77a18b96..ea8c2801787 100644 --- a/packages/@react-spectrum/s2/ui-icons/LinkOut.tsx +++ b/packages/@react-spectrum/s2/ui-icons/LinkOut.tsx @@ -10,19 +10,22 @@ * governing permissions and limitations under the License. */ -import S2_LinkOutSize100 from './S2_LinkOutSize100.svg'; -import S2_LinkOutSize200 from './S2_LinkOutSize200.svg'; -import S2_LinkOutSize300 from './S2_LinkOutSize300.svg'; +import LinkOut_L from './S2_LinkOutSize200.svg'; +import LinkOut_M from './S2_LinkOutSize100.svg'; +import LinkOut_XL from './S2_LinkOutSize300.svg'; +import LinkOut_XXL from './S2_LinkOutSize400.svg'; import {SVGProps} from 'react'; -export default function LinkOut({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL'} & SVGProps) { +export default function LinkOut(props: SVGProps & {size?: 'M' | 'L' | 'XL' | 'XXL'}) { + let {size = 'M', ...otherProps} = props; switch (size) { - case 'S': - return ; case 'M': - return ; + return ; case 'L': - case 'XL': // these are the same according to menu tokens - return ; + return ; + case 'XL': + return ; + case 'XXL': + return ; } } diff --git a/packages/dev/parcel-namer-icon/IconNamer.js b/packages/dev/parcel-namer-icon/IconNamer.js index 664d7731df8..59ec9f73bd0 100644 --- a/packages/dev/parcel-namer-icon/IconNamer.js +++ b/packages/dev/parcel-namer-icon/IconNamer.js @@ -24,7 +24,21 @@ module.exports = new Namer({ if (bundle.type === 'js') { ext = bundle.env.outputFormat === 'esmodule' ? '.mjs' : '.cjs'; } - return path.basename(mainAsset.filePath, path.extname(mainAsset.filePath)).replace(/^S2_Icon_(.*?)_\d+(?:x\d+)?_N$/, '$1') + ext; + let originalExt = path.extname(mainAsset.filePath); + let name = path.basename(mainAsset.filePath, originalExt); + if (mainAsset.filePath.includes('spectrum-illustrations/linear')) { + if (originalExt === '.svg') { + return 'linear/internal/' + name + ext; + } + return 'linear/' + name + ext; + } + return name + .replace(/^S2_Icon_(.*?)_\d+(?:x\d+)?_N$/, '$1') + .replace(/^S2_(fill|lin)_(.+)_(generic\d)_(\d+)$/, (m, type, name, style) => { + name = name[0].toUpperCase() + name.slice(1); + return 'gradient/' + style + '/' + name; + }) + + ext; } } }); diff --git a/packages/dev/parcel-transformer-icon/IconTransformer.js b/packages/dev/parcel-transformer-icon/IconTransformer.js index 8eeaa8a0def..2d2de032f25 100644 --- a/packages/dev/parcel-transformer-icon/IconTransformer.js +++ b/packages/dev/parcel-transformer-icon/IconTransformer.js @@ -43,7 +43,8 @@ module.exports = new Transformer({ ] }, replaceAttrValues: { - 'var(--iconPrimary, #222)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))` + 'var(--iconPrimary, #222)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))`, + 'var(--spectrum-global-color-gray-800, #292929)': `var(--iconPrimary, var(--lightningcss-light, ${tokens['gray-800'].sets.light.value}) var(--lightningcss-dark, ${tokens['gray-800'].sets.dark.value}))` }, typescript: true, plugins: ['@svgr/plugin-svgo', '@svgr/plugin-jsx'] @@ -59,14 +60,17 @@ module.exports = new Transformer({ }); function template(asset, iconName, svg) { - let importName = iconName.replace('S2_Icon_', '').replace(/_\d+\d+_N/, ''); + 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)); let iconRename = importName; if (/^[0-9]/.test(importName)) { iconRename = '_' + importName; } + let context = asset.filePath.includes('spectrum-illustrations') ? 'IllustrationContext' : 'IconContext'; return ( ` -import {IconProps, IconContext, IconContextValue} from '~/src/Icon'; +import {IconProps, ${context}, IconContextValue} from '~/src/Icon'; import {SVGProps, useRef} from 'react'; import {useContextProps} from 'react-aria-components'; @@ -76,7 +80,7 @@ export default function ${iconRename}(props: IconProps) { let ref = useRef(null); let ctx; // TODO: remove this default once we release RAC and use DEFAULT_SLOT. - [ctx, ref] = useContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, IconContext); + [ctx, ref] = useContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, ${context}); let {render, styles} = ctx; let { UNSAFE_className, diff --git a/scripts/copyIconDts.js b/scripts/copyIconDts.js new file mode 100644 index 00000000000..c1f6ad6e9e8 --- /dev/null +++ b/scripts/copyIconDts.js @@ -0,0 +1,19 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +const glob = require('glob').sync; +const fs = require('fs'); + +// We have to copy icon.d.ts for each icon/illustration so TypeScript's import autocomplete works. +for (let file of glob('packages/@react-spectrum/s2/{icons,illustrations/**}/*.mjs')) { + fs.copyFileSync('packages/@react-spectrum/s2/icon.d.ts', file.replace('.mjs', '.d.ts')); +} diff --git a/scripts/generateS2IconIndex.js b/scripts/generateS2IconIndex.js new file mode 100644 index 00000000000..96a969bc92f --- /dev/null +++ b/scripts/generateS2IconIndex.js @@ -0,0 +1,107 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +const fs = require('fs'); +const path = require('path'); + +// This script generates the "index" wrapper components for UI icons and linear illustrations that have multiple sizes. +generate('packages/@react-spectrum/s2/ui-icons'); +generate('packages/@react-spectrum/s2/spectrum-illustrations/linear'); + +function generate(dir) { + let icons = new Map(); + let sizes = { + // illustration sizes + 48: 'S', + 96: 'M', + 160: 'L', + // ui icon sizes + 50: 'XS', + 75: 'S', + 100: 'M', + 200: 'L', + 300: 'XL', + 400: 'XXL', + 500: 'XXXL', + 600: 'XXXXL' + }; + + for (let fileName of fs.readdirSync(dir)) { + let file = path.join(dir, fileName); + let ext = path.extname(file); + if (ext === '.tsx') { + fs.rmSync(file); + } else if (ext === '.svg') { + let match = file.match(/S2_lin_(.+)_(\d+)\.svg/) || file.match(/S2_(.+)Size(\d+)\.svg/); + if (!match) { + throw new Error('Unexpected file ' + file); + } + let [, name, size] = match; + name = name[0].toUpperCase() + name.slice(1); + if (!icons.has(name)) { + icons.set(name, {}); + } + icons.get(name)[sizes[size]] = fileName; + } + } + + let relative = path.relative(dir, 'packages/@react-spectrum/s2/src/Icon'); + 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'; + + for (let [name, sizes] of icons) { + let importName = name; + if (/^[0-9]/.test(name)) { + importName = '_' + name; + } + let src = `/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +`; + + let imports = [typeImport]; + for (let size in sizes) { + imports.push(`import ${importName}_${size} from './${sizes[size]}';`); + } + if (ctx) { + imports.push("import {useContextProps} from 'react-aria-components';"); + } + src += imports.sort((a, b) => { + let a1 = a[7] === '{' ? a.slice(8).toLowerCase() : a.slice(7).toLowerCase(); + let b1 = b[7] === '{' ? b.slice(8).toLowerCase() : b.slice(7).toLowerCase(); + return a1 < b1 ? -1 : 1; + }).join('\n') + '\n'; + + src += ` +export default function ${importName}(props: ${type} & {size?: ${Object.keys(sizes).map(s => `'${s}'`).join(' | ')}}) { + ${ctx}let {size = 'M', ...otherProps} = props; + switch (size) {${Object.keys(sizes).map(size => ` + case '${size}': + return <${importName}_${size} {...otherProps} />;` + ).join('')} + } +} +`; + + fs.writeFileSync(path.join(dir, name + '.tsx'), src); + } +} From 3710152745e2735f90aa26da4dd2b51f500f69e6 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Thu, 8 Aug 2024 15:29:33 -0400 Subject: [PATCH 02/20] Fix storybook --- .../s2/stories/DropZone.stories.tsx | 18 +++++------------- .../s2/stories/IllustratedMessage.stories.tsx | 18 +++++------------- 2 files changed, 10 insertions(+), 26 deletions(-) diff --git a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx index ef1051658dd..8e6cd54d887 100644 --- a/packages/@react-spectrum/s2/stories/DropZone.stories.tsx +++ b/packages/@react-spectrum/s2/stories/DropZone.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {Button, ButtonGroup, Content, DropZone, FileTrigger, Heading, IllustratedMessage, Illustration} from '../src'; +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'; @@ -45,9 +45,7 @@ export const Example = (args: any) => { isFilled={isFilled} onDrop={() => setIsFilled(true)}> - - - + Drag and drop your file @@ -72,9 +70,7 @@ export const ExampleWithFileTrigger = (args: any) => { isFilled={isFilled} onDrop={() => setIsFilled(true)}> - - - + Drag and drop your file @@ -106,9 +102,7 @@ export const LongBanner = (args: any) => { isFilled={isFilled} onDrop={() => setIsFilled(true)}> - - - + Drag and drop your file @@ -133,9 +127,7 @@ export const Gradient = (args: any) => { isFilled={isFilled} onDrop={() => setIsFilled(true)}> - - - + Drag and drop your file diff --git a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx index 47909eb0c87..06546fbca3c 100644 --- a/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx +++ b/packages/@react-spectrum/s2/stories/IllustratedMessage.stories.tsx @@ -10,7 +10,7 @@ * governing permissions and limitations under the License. */ -import {Button, ButtonGroup, Content, Heading, IllustratedMessage, Illustration} from '../src'; +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 type {Meta} from '@storybook/react'; @@ -27,9 +27,7 @@ export default meta; export const Example = (args: any) => ( - - - + Illustrated message title @@ -44,9 +42,7 @@ export const Example = (args: any) => ( export const NoButtonLongText = (args: any) => ( - - - + Error 403: Access not allowed @@ -58,9 +54,7 @@ export const NoButtonLongText = (args: any) => ( export const NoButtonShortText = (args: any) => ( - - - + Error 504: Server timeout @@ -72,9 +66,7 @@ export const NoButtonShortText = (args: any) => ( export const Gradient = (args: any) => ( - - - + Illustrated message title From aa61cba1476b029aad5a0f803739db9e9d74b017 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Thu, 8 Aug 2024 16:38:40 -0400 Subject: [PATCH 03/20] fix name --- ...ive.tsx => MegaphonePromoteExpressive.tsx} | 14 +++++------ packages/dev/parcel-namer-icon/IconNamer.js | 2 +- patches/@parcel+core+2.0.0-dev.1599.patch | 24 +++++++++++++++++++ scripts/generateS2IconIndex.js | 2 +- 4 files changed, 33 insertions(+), 9 deletions(-) rename packages/@react-spectrum/s2/spectrum-illustrations/linear/{MegaphonePromote_Expressive.tsx => MegaphonePromoteExpressive.tsx} (61%) diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx similarity index 61% rename from packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx rename to packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx index 66a6adff02a..5c442962d0d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromote_Expressive.tsx +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx @@ -11,20 +11,20 @@ */ import {IconProps, IllustrationContext} from '../../src/Icon'; -import MegaphonePromote_Expressive_L from './S2_lin_megaphonePromote_Expressive_160.svg'; -import MegaphonePromote_Expressive_M from './S2_lin_megaphonePromote_Expressive_96.svg'; -import MegaphonePromote_Expressive_S from './S2_lin_megaphonePromote_Expressive_48.svg'; +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 {useContextProps} from 'react-aria-components'; -export default function MegaphonePromote_Expressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) { +export default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}) { [props] = useContextProps(props, null, IllustrationContext); let {size = 'M', ...otherProps} = props; switch (size) { case 'L': - return ; + return ; case 'S': - return ; + return ; case 'M': - return ; + return ; } } diff --git a/packages/dev/parcel-namer-icon/IconNamer.js b/packages/dev/parcel-namer-icon/IconNamer.js index 59ec9f73bd0..daf24d35c47 100644 --- a/packages/dev/parcel-namer-icon/IconNamer.js +++ b/packages/dev/parcel-namer-icon/IconNamer.js @@ -35,7 +35,7 @@ module.exports = new Namer({ return name .replace(/^S2_Icon_(.*?)_\d+(?:x\d+)?_N$/, '$1') .replace(/^S2_(fill|lin)_(.+)_(generic\d)_(\d+)$/, (m, type, name, style) => { - name = name[0].toUpperCase() + name.slice(1); + name = name[0].toUpperCase() + name.slice(1).replace(/_/g, ''); return 'gradient/' + style + '/' + name; }) + ext; diff --git a/patches/@parcel+core+2.0.0-dev.1599.patch b/patches/@parcel+core+2.0.0-dev.1599.patch index 568688aed4a..cfc49bf7ee9 100644 --- a/patches/@parcel+core+2.0.0-dev.1599.patch +++ b/patches/@parcel+core+2.0.0-dev.1599.patch @@ -47,3 +47,27 @@ index 2401047..2f655e3 100644 // Resolve from project root if not in the config's dependencies. resolveFrom = _path().default.join(options.projectRoot, 'index'); +diff --git a/node_modules/@parcel/core/lib/requests/EntryRequest.js b/node_modules/@parcel/core/lib/requests/EntryRequest.js +index 9254caf..069cd1c 100644 +--- a/node_modules/@parcel/core/lib/requests/EntryRequest.js ++++ b/node_modules/@parcel/core/lib/requests/EntryRequest.js +@@ -195,8 +195,8 @@ class EntryResolver { + ...(0, _diagnostic().getJSONSourceLocation)(pkg.map.pointers[keyPath], 'value') + } + }); +- i++; + } ++ i++; + } + } + } +@@ -228,8 +228,8 @@ class EntryResolver { + ...(0, _diagnostic().getJSONSourceLocation)(pkg.map.pointers[keyPath], 'value') + } + }); +- i++; + } ++ i++; + } + } + diff --git a/scripts/generateS2IconIndex.js b/scripts/generateS2IconIndex.js index 96a969bc92f..3b3512cc400 100644 --- a/scripts/generateS2IconIndex.js +++ b/scripts/generateS2IconIndex.js @@ -46,7 +46,7 @@ function generate(dir) { throw new Error('Unexpected file ' + file); } let [, name, size] = match; - name = name[0].toUpperCase() + name.slice(1); + name = name[0].toUpperCase() + name.slice(1).replace(/_/g, ''); if (!icons.has(name)) { icons.set(name, {}); } From 28f6a868f554a5dca54d1b50341cb5cc3d1e068a Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Wed, 7 Aug 2024 19:09:12 -0400 Subject: [PATCH 04/20] S2 cards --- packages/@react-aria/utils/src/useLoadMore.ts | 2 +- packages/@react-spectrum/s2/package.json | 1 + .../@react-spectrum/s2/src/ActionMenu.tsx | 1 + packages/@react-spectrum/s2/src/Avatar.tsx | 25 +- packages/@react-spectrum/s2/src/Card.tsx | 567 ++++++++++++++++++ packages/@react-spectrum/s2/src/CardView.tsx | 404 +++++++++++++ packages/@react-spectrum/s2/src/Content.tsx | 29 +- packages/@react-spectrum/s2/src/Dialog.tsx | 5 +- packages/@react-spectrum/s2/src/Divider.tsx | 7 +- packages/@react-spectrum/s2/src/GridList.tsx | 50 -- packages/@react-spectrum/s2/src/Image.tsx | 228 +++++++ .../s2/src/ImageCoordinator.tsx | 150 +++++ packages/@react-spectrum/s2/src/Menu.tsx | 6 +- packages/@react-spectrum/s2/src/Meter.tsx | 4 +- .../@react-spectrum/s2/src/ProgressBar.tsx | 4 +- packages/@react-spectrum/s2/src/bar-utils.ts | 16 +- packages/@react-spectrum/s2/src/index.ts | 3 +- .../s2/src/useSpectrumContextProps.ts | 45 ++ .../s2/stories/Card.stories.tsx | 263 ++++++++ .../s2/stories/CardView.stories.tsx | 104 ++++ .../s2/stories/GridList.stories.tsx | 38 -- .../s2/stories/assets/placeholder.png | Bin 0 -> 7248937 bytes .../s2/stories/assets/preview.png | Bin 0 -> 1056085 bytes .../s2/style/__tests__/style-macro.test.js | 10 +- .../s2/style/spectrum-theme.ts | 5 +- .../@react-spectrum/s2/style/style-macro.ts | 3 + .../ReactDocgenTSTransformer.ts | 3 +- .../react-aria-components/src/GridList.tsx | 1 + yarn.lock | 1 + 29 files changed, 1826 insertions(+), 149 deletions(-) create mode 100644 packages/@react-spectrum/s2/src/Card.tsx create mode 100644 packages/@react-spectrum/s2/src/CardView.tsx delete mode 100644 packages/@react-spectrum/s2/src/GridList.tsx create mode 100644 packages/@react-spectrum/s2/src/Image.tsx create mode 100644 packages/@react-spectrum/s2/src/ImageCoordinator.tsx create mode 100644 packages/@react-spectrum/s2/src/useSpectrumContextProps.ts create mode 100644 packages/@react-spectrum/s2/stories/Card.stories.tsx create mode 100644 packages/@react-spectrum/s2/stories/CardView.stories.tsx delete mode 100644 packages/@react-spectrum/s2/stories/GridList.stories.tsx create mode 100644 packages/@react-spectrum/s2/stories/assets/placeholder.png create mode 100644 packages/@react-spectrum/s2/stories/assets/preview.png diff --git a/packages/@react-aria/utils/src/useLoadMore.ts b/packages/@react-aria/utils/src/useLoadMore.ts index e00d04a041f..2dd7135e586 100644 --- a/packages/@react-aria/utils/src/useLoadMore.ts +++ b/packages/@react-aria/utils/src/useLoadMore.ts @@ -29,7 +29,7 @@ export interface LoadMoreProps { */ scrollOffset?: number, /** The data currently loaded. */ - items?: any[] + items?: any } export function useLoadMore(props: LoadMoreProps, ref: RefObject) { diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json index d7f38779bec..ced7be44445 100644 --- a/packages/@react-spectrum/s2/package.json +++ b/packages/@react-spectrum/s2/package.json @@ -122,6 +122,7 @@ "@react-aria/interactions": "^3.22.0", "@react-aria/utils": "^3.23.0", "@react-spectrum/utils": "^3.11.3", + "@react-stately/virtualizer": "^4.0.1", "@react-types/color": "3.0.0-rc.1", "@react-types/dialog": "^3.5.8", "@react-types/provider": "^3.7.2", diff --git a/packages/@react-spectrum/s2/src/ActionMenu.tsx b/packages/@react-spectrum/s2/src/ActionMenu.tsx index 0bbec20b1ad..12162a0cea2 100644 --- a/packages/@react-spectrum/s2/src/ActionMenu.tsx +++ b/packages/@react-spectrum/s2/src/ActionMenu.tsx @@ -45,6 +45,7 @@ function ActionMenu(props: ActionMenuProps, ref: FocusableR isDisabled={props.isDisabled} autoFocus={props.autoFocus} isQuiet={props.isQuiet} + styles={props.styles} {...buttonProps}> diff --git a/packages/@react-spectrum/s2/src/Avatar.tsx b/packages/@react-spectrum/s2/src/Avatar.tsx index c4ae485e038..2f1dfb3826b 100644 --- a/packages/@react-spectrum/s2/src/Avatar.tsx +++ b/packages/@react-spectrum/s2/src/Avatar.tsx @@ -14,15 +14,18 @@ import {ContextValue, useContextProps} from 'react-aria-components'; import {createContext, forwardRef} from 'react'; import {DOMProps, DOMRef} from '@react-types/shared'; import {filterDOMProps} from '@react-aria/utils'; -import {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'}; +import {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'}; +import {Image} from './Image'; import {style} from '../style/spectrum-theme' with { type: 'macro' }; import {useDOMRef} from '@react-spectrum/utils'; -export interface AvatarProps extends StyleProps, DOMProps { +export interface AvatarProps extends UnsafeStyles, DOMProps { /** Text description of the avatar. */ alt?: string, /** The image URL for the avatar. */ - src?: string + src?: string, + /** Spectrum-defined styles, returned by the `style()` macro. */ + styles?: StylesPropWithHeight } export interface AvatarContextProps extends UnsafeStyles, DOMProps { @@ -37,12 +40,15 @@ export interface AvatarContextProps extends UnsafeStyles, DOMProps { const imageStyles = style({ borderRadius: 'full', size: 20, - disableTapHighlight: true + disableTapHighlight: true, + pointerEvents: 'none', + userSelect: 'none', + flexShrink: 0 }, getAllowedOverrides({height: true})); -export const AvatarContext = createContext>({}); +export const AvatarContext = createContext>({}); -function Avatar(props: AvatarProps, ref: DOMRef) { +function Avatar(props: AvatarProps, ref: DOMRef) { let domRef = useDOMRef(ref); [props, domRef] = useContextProps(props, domRef, AvatarContext); let { @@ -55,12 +61,13 @@ function Avatar(props: AvatarProps, ref: DOMRef) { const domProps = filterDOMProps(otherProps); return ( - {alt} ); } diff --git a/packages/@react-spectrum/s2/src/Card.tsx b/packages/@react-spectrum/s2/src/Card.tsx new file mode 100644 index 00000000000..850182ebc76 --- /dev/null +++ b/packages/@react-spectrum/s2/src/Card.tsx @@ -0,0 +1,567 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {AvatarContext} from './Avatar'; +import {Button, ContextValue, GridListItemProps, Provider, useContextProps} from 'react-aria-components'; +import {Checkbox} from './Checkbox'; +import {colorToken} from '../style/tokens' with {type: 'macro'}; +import {ContentContext, FooterContext, TextContext} from './Content'; +import {createContext, ElementType, ReactNode, useContext} from 'react'; +import {DividerContext} from './Divider'; +import {focusRing, StyleProps} from './style-utils' with {type: 'macro'}; +import {ImageContext} from './Image'; +import {ImageCoordinator} from './ImageCoordinator'; +import {mergeStyles} from '../style/runtime'; +import {PressResponder} from '@react-aria/interactions'; +import {size, style} from '../style/spectrum-theme' with {type: 'macro'}; + +interface CardProps extends Omit, StyleProps { + children: ReactNode, + size?: 'XS' | 'S' | 'M' | 'L' | 'XL', + density?: 'compact' | 'regular' | 'spacious', + variant?: 'primary' | 'secondary' | 'tertiary' | 'quiet', + orientation?: 'vertical' | 'horizontal' +} + +const borderRadius = { + default: 'lg', + size: { + XS: 'default', + S: 'default' + } +} as const; + +let card = style({ + display: 'flex', + flexDirection: { + orientation: { + vertical: 'column', + horizontal: 'row' + } + }, + position: 'relative', + borderRadius, + '--card-bg': { + type: 'backgroundColor', + value: { + variant: { + primary: 'elevated', + secondary: 'layer-1', + tertiary: 'transparent', + quiet: 'transparent' + }, + forcedColors: 'ButtonFace' + } + }, + backgroundColor: '--card-bg', + boxShadow: { + default: 'emphasized', + isHovered: 'elevated', + isFocusVisible: 'elevated', + isSelected: 'elevated', + forcedColors: '[0 0 0 1px ButtonBorder]', + variant: { + tertiary: { + // Render border with box-shadow to avoid affecting layout. + default: `[0 0 0 1px ${colorToken('gray-100')}]`, + isHovered: `[0 0 0 1px ${colorToken('gray-200')}]`, + isFocusVisible: `[0 0 0 1px ${colorToken('gray-200')}]`, + isSelected: 'none', + forcedColors: '[0 0 0 1px ButtonBorder]' + }, + quiet: 'none' + } + }, + forcedColorAdjust: 'none', + transition: 'default', + fontFamily: 'sans', + overflow: { + default: 'clip', + variant: { + quiet: 'visible' + } + }, + disableTapHighlight: true, + userSelect: { + isCardView: 'none' + }, + width: { + size: { + XS: 112, + S: 192, + M: 240, + L: 320, + XL: size(400) + }, + isCardView: 'full' + }, + height: 'full', + '--card-spacing': { + type: 'paddingTop', + value: { + density: { + compact: { + size: { + XS: size(6), + S: size(10), + M: 12, + L: 16, + XL: 20 + } + }, + regular: { + size: { + XS: 8, + S: 12, + M: 16, + L: 20, + XL: 24 + } + }, + spacious: { + size: { + XS: 12, + S: 16, + M: 20, + L: 24, + XL: 28 + } + } + } + } + }, + '--card-padding-y': { + type: 'paddingTop', + value: { + default: '--card-spacing', + variant: { + quiet: 0 + } + } + }, + '--card-padding-x': { + type: 'paddingStart', + value: { + default: '--card-spacing', + variant: { + quiet: 0 + } + } + }, + paddingY: '--card-padding-y', + paddingX: '--card-padding-x', + boxSizing: 'border-box', + ...focusRing(), + outlineStyle: { + default: 'none', + isFocusVisible: 'solid', + // Focus ring moves to preview when quiet. + variant: { + quiet: 'none' + } + } +}); + +let selectionIndicator = style({ + position: 'absolute', + inset: 0, + zIndex: 2, + borderRadius, + pointerEvents: 'none', + borderWidth: 2, + borderStyle: 'solid', + borderColor: 'gray-1000', + transition: 'default', + opacity: { + default: 0, + isSelected: 1 + } + // outlineColor: 'white', + // outlineOffset: -4, + // outlineStyle: 'solid', + // outlineWidth: 2 +}); + +let preview = style({ + position: 'relative', + transition: 'default', + overflow: 'clip', + marginX: '[calc(var(--card-padding-x) * -1)]', + marginTop: '[calc(var(--card-padding-y) * -1)]', + marginBottom: { + ':last-child': '[calc(var(--card-padding-y) * -1)]' + }, + borderRadius: { + isQuiet: borderRadius + }, + boxShadow: { + isQuiet: { + isHovered: 'elevated', + isFocusVisible: 'elevated', + isSelected: 'elevated' + } + }, + ...focusRing(), + outlineStyle: { + default: 'none', + isQuiet: { + isFocusVisible: 'solid' + } + } +}); + +const image = style({ + width: 'full', + aspectRatio: '[3/2]', + objectFit: 'cover', + userSelect: 'none', + pointerEvents: 'none' +}); + +let title = style({ + font: 'title', + fontSize: { + size: { + XS: 'title-xs', + S: 'title-xs', + M: 'title-sm', + L: 'title', + XL: 'title-lg' + } + }, + lineClamp: 3 +}); + +let description = style({ + font: 'body', + fontSize: { + size: { + XS: 'body-2xs', + S: 'body-2xs', + M: 'body-xs', + L: 'body-sm', + XL: 'body' + } + }, + lineClamp: 3, + gridColumnEnd: 'span 2' +}); + +let content = style({ + display: 'grid', + gridTemplateColumns: ['1fr', 'auto'], + flexDirection: 'column', + flexGrow: 1, + alignItems: 'baseline', + alignContent: 'space-between', + rowGap: { + default: 8, + size: { + XS: 4 + } + }, + paddingTop: { + default: '--card-spacing', + ':first-child': 0 + }, + paddingBottom: { + default: '[calc(var(--card-spacing) * 1.5 / 2)]', + ':last-child': 0 + } +}); + +let footer = style({ + display: 'flex', + flexDirection: 'row', + alignItems: 'end', + justifyContent: 'space-between', + gap: 8, + paddingTop: '[calc(var(--card-spacing) * 1.5 / 2)]' +}); + +export const CardViewContext = createContext('div'); +export const CardContext = createContext, HTMLElement>>(null); + +interface InternalCardContextValue { + isQuiet: boolean, + size: 'XS' | 'S' | 'M' | 'L' | 'XL', + isSelected: boolean, + isHovered: boolean, + isFocusVisible: boolean +} + +const InternalCardContext = createContext({ + isQuiet: false, + size: 'M', + isSelected: false, + isHovered: false, + isFocusVisible: false +}); + +export function Card(props: CardProps) { + [props] = useContextProps(props, null, CardContext); + let {density = 'regular', size = 'M', variant = 'primary', orientation = 'vertical'} = props; + let isQuiet = variant === 'quiet'; + let children = ( + + + {props.children} + + + ); + + let ElementType = useContext(CardViewContext); + if (ElementType === 'div') { + return ( +
+ + {children} + +
+ ); + } + + return ( + card({...renderProps, isCardView: true, size, density, variant, orientation})}> + {({selectionMode, selectionBehavior, allowsDragging, isHovered, isFocusVisible, isSelected, isPressed}) => ( + + {!isQuiet && } + {allowsDragging && } + {selectionMode === 'multiple' && selectionBehavior === 'toggle' && ( + + + + )} + {children} + + )} + + ); +} + +function SelectionIndicator() { + let {isSelected} = useContext(InternalCardContext); + return
; +} + +interface CardPreviewProps { + children: ReactNode +} + +export function CardPreview(props: CardPreviewProps) { + let {size, isQuiet, isHovered, isFocusVisible, isSelected} = useContext(InternalCardContext); + return ( +
+ {isQuiet && } +
+ {props.children} +
+
+ ); +} + +const collection = style({ + display: 'grid', + gridTemplateColumns: 'repeat(3, 1fr)', + gap: { + default: 4, + size: { + XS: 2, + S: 2 + } + } +}); + +const collectionImage = style({ + width: 'full', + aspectRatio: { + default: 'square', + ':nth-last-child(4):first-child': '[3/2]' + }, + gridColumnEnd: { + ':nth-last-child(4):first-child': 'span 3' + }, + objectFit: 'cover', + pointerEvents: 'none', + userSelect: 'none' +}); + +export function CollectionCardPreview(props: CardPreviewProps) { + let {size} = useContext(InternalCardContext)!; + return ( + +
+ + {props.children} + +
+ + ); +} + +export function AssetCard(props: CardProps) { + return ( + + + {props.children} + + + ); +} + +export function UserCard(props: CardProps) { + let {size = 'M'} = props; + return ( + + + {props.children} + + + ); +} + +export function ProductCard(props: CardProps) { + let {size = 'M'} = props; + return ( + + + {props.children} + + + ); +} diff --git a/packages/@react-spectrum/s2/src/CardView.tsx b/packages/@react-spectrum/s2/src/CardView.tsx new file mode 100644 index 00000000000..2bab4b9affb --- /dev/null +++ b/packages/@react-spectrum/s2/src/CardView.tsx @@ -0,0 +1,404 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import { + GridList as AriaGridList, + GridLayoutOptions, + GridListItem, + GridListProps, + UNSTABLE_Virtualizer +} from 'react-aria-components'; +import {CardContext, CardViewContext} from './Card'; +import {ImageCoordinator} from './ImageCoordinator'; +import {Key, Node} from '@react-types/shared'; +import {Layout, LayoutInfo, Rect, Size} from '@react-stately/virtualizer'; +import {style} from '../style/spectrum-theme' with {type: 'macro'}; +import {useLoadMore} from '@react-aria/utils'; +import {useMemo, useRef} from 'react'; + +export interface CardViewProps extends Omit, 'layout' | 'keyboardNavigationBehavior'> { + layout?: 'grid' | 'waterfall', + size?: 'XS' | 'S' | 'M' | 'L' | 'XL', + density?: 'compact' | 'regular' | 'spacious', + variant?: 'primary' | 'secondary' | 'tertiary' | 'quiet', + isLoading?: boolean, + onLoadMore?: () => void +} + +class FlexibleGridLayout extends Layout, O> { + protected minItemSize: Size; + protected maxItemSize: Size; + protected minSpace: Size; + protected maxColumns: number; + protected dropIndicatorThickness: number; + protected itemSize: Size = new Size(); + protected numColumns: number = 0; + protected horizontalSpacing: number = 0; + protected contentSize: Size = new Size(); + protected layoutInfos: Map = new Map(); + + constructor(options: GridLayoutOptions) { + super(); + this.minItemSize = options.minItemSize || new Size(200, 200); + this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity); + this.minSpace = options.minSpace || new Size(18, 18); + this.maxColumns = options.maxColumns || Infinity; + this.dropIndicatorThickness = options.dropIndicatorThickness || 2; + } + + update(invalidationContext): void { + let visibleWidth = this.virtualizer.visibleRect.width; + + // The max item width is always the entire viewport. + // If the max item height is infinity, scale in proportion to the max width. + let maxItemWidth = Math.min(this.maxItemSize.width, visibleWidth); + let maxItemHeight = Number.isFinite(this.maxItemSize.height) + ? this.maxItemSize.height + : Math.floor((this.minItemSize.height / this.minItemSize.width) * maxItemWidth); + + // Compute the number of rows and columns needed to display the content + let columns = Math.floor(visibleWidth / (this.minItemSize.width + this.minSpace.width)); + this.numColumns = Math.max(1, Math.min(this.maxColumns, columns)); + + // Compute the available width (minus the space between items) + let width = visibleWidth - (this.minSpace.width * Math.max(0, this.numColumns)); + + // Compute the item width based on the space available + let itemWidth = Math.floor(width / this.numColumns); + itemWidth = Math.max(this.minItemSize.width, Math.min(maxItemWidth, itemWidth)); + + // Compute the item height, which is proportional to the item width + let t = ((itemWidth - this.minItemSize.width) / Math.max(1, maxItemWidth - this.minItemSize.width)); + let itemHeight = this.minItemSize.height + Math.floor((maxItemHeight - this.minItemSize.height) * t); + itemHeight = Math.max(this.minItemSize.height, Math.min(maxItemHeight, itemHeight)); + + // Compute the horizontal spacing and content height + this.horizontalSpacing = Math.floor((visibleWidth - this.numColumns * itemWidth) / (this.numColumns + 1)); + + let rows = Math.ceil(this.virtualizer.collection.size / this.numColumns); + let iterator = this.virtualizer.collection[Symbol.iterator](); + let y = this.minSpace.height; + for (let row = 0; row < rows; row++) { + let maxHeight = 0; + let rowLayoutInfos: LayoutInfo[] = []; + for (let col = 0; col < this.numColumns; col++) { + let node = iterator.next().value; + if (!node) { + break; + } + + let x = this.horizontalSpacing + col * (itemWidth + this.horizontalSpacing); + let oldLayoutInfo = this.layoutInfos.get(node.key); + let height = itemHeight; + let estimatedSize = true; + if (oldLayoutInfo) { + height = oldLayoutInfo.rect.height; + estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize; + } + + let rect = new Rect(x, y, itemWidth, height); + let layoutInfo = new LayoutInfo('item', node.key, rect); + layoutInfo.estimatedSize = estimatedSize; + layoutInfo.allowOverflow = true; + this.layoutInfos.set(node.key, layoutInfo); + rowLayoutInfos.push(layoutInfo); + + maxHeight = Math.max(maxHeight, rect.height); + } + + for (let layoutInfo of rowLayoutInfos) { + layoutInfo.rect.height = maxHeight; + } + + y += maxHeight + this.minSpace.height; + } + + this.contentSize = new Size(this.virtualizer.visibleRect.width, y); + } + + getLayoutInfo(key: Key): LayoutInfo { + return this.layoutInfos.get(key)!; + } + + getContentSize(): Size { + return this.contentSize; + } + + getVisibleLayoutInfos(rect: Rect): LayoutInfo[] { + let layoutInfos: LayoutInfo[] = []; + for (let layoutInfo of this.layoutInfos.values()) { + if (layoutInfo.rect.intersects(rect) || this.virtualizer.isPersistedKey(layoutInfo.key)) { + layoutInfos.push(layoutInfo); + } + } + return layoutInfos; + } + + updateItemSize(key: Key, size: Size) { + let layoutInfo = this.layoutInfos.get(key); + if (!size || !layoutInfo) { + return false; + } + + if (size.height !== layoutInfo.rect.height) { + let newLayoutInfo = layoutInfo.copy(); + newLayoutInfo.rect.height = size.height; + newLayoutInfo.estimatedSize = false; + this.layoutInfos.set(key, newLayoutInfo); + return true; + } + + return false; + } +} + +class WaterfallLayout extends Layout, O> { + protected minItemSize: Size; + protected maxItemSize: Size; + protected minSpace: Size; + protected maxColumns: number; + protected dropIndicatorThickness: number; + protected itemSize: Size = new Size(); + protected numColumns: number = 0; + protected horizontalSpacing: number = 0; + protected contentSize: Size = new Size(); + protected layoutInfos: Map = new Map(); + + constructor(options: GridLayoutOptions) { + super(); + this.minItemSize = options.minItemSize || new Size(200, 200); + this.maxItemSize = options.maxItemSize || new Size(Infinity, Infinity); + this.minSpace = options.minSpace || new Size(18, 18); + this.maxColumns = options.maxColumns || Infinity; + this.dropIndicatorThickness = options.dropIndicatorThickness || 2; + } + + update(invalidationContext): void { + let visibleWidth = this.virtualizer.visibleRect.width; + + // The max item width is always the entire viewport. + // If the max item height is infinity, scale in proportion to the max width. + let maxItemWidth = Math.min(this.maxItemSize.width, visibleWidth); + let maxItemHeight = Number.isFinite(this.maxItemSize.height) + ? this.maxItemSize.height + : Math.floor((this.minItemSize.height / this.minItemSize.width) * maxItemWidth); + + // Compute the number of rows and columns needed to display the content + let columns = Math.floor(visibleWidth / (this.minItemSize.width + this.minSpace.width)); + this.numColumns = Math.max(1, Math.min(this.maxColumns, columns)); + + // Compute the available width (minus the space between items) + let width = visibleWidth - (this.minSpace.width * Math.max(0, this.numColumns)); + + // Compute the item width based on the space available + let itemWidth = Math.floor(width / this.numColumns); + itemWidth = Math.max(this.minItemSize.width, Math.min(maxItemWidth, itemWidth)); + + // Compute the item height, which is proportional to the item width + let t = ((itemWidth - this.minItemSize.width) / Math.max(1, maxItemWidth - this.minItemSize.width)); + let itemHeight = this.minItemSize.height + Math.floor((maxItemHeight - this.minItemSize.height) * t); + itemHeight = Math.max(this.minItemSize.height, Math.min(maxItemHeight, itemHeight)); + + // Compute the horizontal spacing and content height + this.horizontalSpacing = Math.floor((visibleWidth - this.numColumns * itemWidth) / (this.numColumns + 1)); + + // Setup an array of column heights + let columnHeights = Array(this.numColumns).fill(this.minSpace.height); + for (let node of this.virtualizer.collection) { + let key = node.key; + let oldLayoutInfo = this.layoutInfos.get(key); + let height = itemHeight; + let estimatedSize = true; + if (oldLayoutInfo) { + height = oldLayoutInfo.rect.height; + estimatedSize = invalidationContext.sizeChanged || oldLayoutInfo.estimatedSize; + } /* else if (node.props.width && node.props.height) { + let nodeWidth = node.props.width; + let nodeHeight = node.props.height; + let scaledHeight = Math.round(nodeHeight * ((itemWidth) / nodeWidth)); + // height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight)); + height = scaledHeight; + console.log(nodeWidth, nodeHeight, scaledHeight) + }*/ + + // Figure out which column to place the item in, and compute its position. + let column = columnHeights.reduce((minIndex, h, i) => h < columnHeights[minIndex] ? i : minIndex, 0); + let x = this.horizontalSpacing + column * (itemWidth + this.horizontalSpacing); + let y = columnHeights[column]; + + let rect = new Rect(x, y, itemWidth, height); + let layoutInfo = new LayoutInfo(node.type, key, rect); + layoutInfo.estimatedSize = estimatedSize; + layoutInfo.allowOverflow = true; + this.layoutInfos.set(key, layoutInfo); + + columnHeights[column] += layoutInfo.rect.height + this.minSpace.height; + } + + // Reset all columns to the maximum for the next section + let maxHeight = Math.max(...columnHeights); + this.contentSize = new Size(this.virtualizer.visibleRect.width, maxHeight); + } + + getLayoutInfo(key: Key): LayoutInfo { + return this.layoutInfos.get(key)!; + } + + getContentSize(): Size { + return this.contentSize; + } + + getVisibleLayoutInfos(rect: Rect): LayoutInfo[] { + let layoutInfos: LayoutInfo[] = []; + for (let layoutInfo of this.layoutInfos.values()) { + if (layoutInfo.rect.intersects(rect) || this.virtualizer.isPersistedKey(layoutInfo.key)) { + layoutInfos.push(layoutInfo); + } + } + return layoutInfos; + } + + updateItemSize(key: Key, size: Size) { + let layoutInfo = this.layoutInfos.get(key); + if (!size || !layoutInfo) { + return false; + } + + if (size.height !== layoutInfo.rect.height) { + let newLayoutInfo = layoutInfo.copy(); + newLayoutInfo.rect.height = size.height; + newLayoutInfo.estimatedSize = false; + this.layoutInfos.set(key, newLayoutInfo); + return true; + } + + return false; + } +} + +const layoutOptions = { + XS: { + compact: { + minSpace: new Size(6, 6), + minItemSize: new Size(100, 100), + maxItemSize: new Size(140, 140) + }, + regular: { + minSpace: new Size(8, 8), + minItemSize: new Size(100, 100), + maxItemSize: new Size(140, 140) + }, + spacious: { + minSpace: new Size(12, 12), + minItemSize: new Size(100, 100), + maxItemSize: new Size(140, 140) + } + }, + S: { + compact: { + minSpace: new Size(8, 8), + minItemSize: new Size(150, 150), + maxItemSize: new Size(210, 210) + }, + regular: { + minSpace: new Size(12, 12), + minItemSize: new Size(150, 150), + maxItemSize: new Size(210, 210) + }, + spacious: { + minSpace: new Size(16, 16), + minItemSize: new Size(150, 150), + maxItemSize: new Size(210, 210) + } + }, + M: { + compact: { + minSpace: new Size(12, 12), + minItemSize: new Size(200, 200), + maxItemSize: new Size(280, 280) + }, + regular: { + minSpace: new Size(16, 16), + minItemSize: new Size(200, 200), + maxItemSize: new Size(280, 280) + }, + spacious: { + minSpace: new Size(20, 20), + minItemSize: new Size(200, 200), + maxItemSize: new Size(280, 280) + } + }, + L: { + compact: { + minSpace: new Size(16, 16), + minItemSize: new Size(270, 270), + maxItemSize: new Size(370, 370) + }, + regular: { + minSpace: new Size(20, 20), + minItemSize: new Size(270, 270), + maxItemSize: new Size(370, 370) + }, + spacious: { + minSpace: new Size(24, 24), + minItemSize: new Size(270, 270), + maxItemSize: new Size(370, 370) + } + }, + XL: { + compact: { + minSpace: new Size(20, 20), + minItemSize: new Size(340, 340), + maxItemSize: new Size(460, 460) + }, + regular: { + minSpace: new Size(24, 24), + minItemSize: new Size(340, 340), + maxItemSize: new Size(460, 460) + }, + spacious: { + minSpace: new Size(28, 28), + minItemSize: new Size(340, 340), + maxItemSize: new Size(460, 460) + } + } +}; + +export function CardView(props: CardViewProps) { + let {children, layout: layoutName = 'grid', size = 'M', density = 'regular', variant = 'primary', ...otherProps} = props; + let options = layoutOptions[size][density]; + let layout = useMemo(() => { + variant; // needed to invalidate useMemo + return layoutName === 'waterfall' ? new WaterfallLayout(options) : new FlexibleGridLayout(options); + }, [options, variant, layoutName]); + + let ref = useRef(null); + useLoadMore({ + isLoading: props.isLoading, + items: props.items, + onLoadMore: props.onLoadMore + }, ref); + + return ( + + + + + + {children} + + + + + + ); +} diff --git a/packages/@react-spectrum/s2/src/Content.tsx b/packages/@react-spectrum/s2/src/Content.tsx index da56110f8e2..2c5e2494ab6 100644 --- a/packages/@react-spectrum/s2/src/Content.tsx +++ b/packages/@react-spectrum/s2/src/Content.tsx @@ -10,9 +10,9 @@ * governing permissions and limitations under the License. */ -import {createContext, ForwardedRef, forwardRef, HTMLAttributes, ImgHTMLAttributes} from 'react'; +import {createContext, ForwardedRef, forwardRef, HTMLAttributes, ImgHTMLAttributes, useContext} from 'react'; import {DOMRef} from '@react-types/shared'; -import {HeadingProps, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, Text as TextAria, useContextProps} from 'react-aria-components'; +import {HeadingProps, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, TextContext as RACTextContext, Text as TextAria, useContextProps} from 'react-aria-components'; import {useDOMRef} from '@react-spectrum/utils'; // TODO: export these types from RAC? @@ -72,10 +72,12 @@ export const TextContext = createContext, ref: ForwardedRef) { [props, ref] = useContextProps(props, ref, TextContext); + let racContext = useContext(RACTextContext); if (props.hidden) { return null; } - return ; + let slot = props.slot && racContext && 'slots' in racContext && !racContext.slots?.[props.slot] ? undefined : props.slot; + return ; } const _Text = forwardRef(Text); @@ -109,24 +111,3 @@ const _Footer = forwardRef(Footer); export {_Footer as Footer}; export const ImageContext = createContext, HTMLImageElement>>({}); - -function Image(props: ImgHTMLAttributes, ref: DOMRef) { - let domRef = useDOMRef(ref); - [props, domRef] = useContextProps(props, domRef, ImageContext); - if (props.hidden) { - return null; - } - - if (props.alt == null) { - console.warn( - 'The `alt` prop was not provided to an image. ' + - 'Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image ' + - 'is decorative or redundant with displayed text and should not be announced by screen readers.' - ); - } - - return {props.alt}; -} - -const _Image = forwardRef(Image); -export {_Image as Image}; diff --git a/packages/@react-spectrum/s2/src/Dialog.tsx b/packages/@react-spectrum/s2/src/Dialog.tsx index a35fd4a47b5..09d6c9f9679 100644 --- a/packages/@react-spectrum/s2/src/Dialog.tsx +++ b/packages/@react-spectrum/s2/src/Dialog.tsx @@ -13,9 +13,10 @@ import {PopoverProps as AriaPopoverProps, composeRenderProps, Provider, Dialog as RACDialog, DialogProps as RACDialogProps} from 'react-aria-components'; import {ButtonGroupContext} from './ButtonGroup'; import {CloseButton} from './CloseButton'; -import {ContentContext, FooterContext, HeaderContext, HeadingContext, ImageContext} from './Content'; +import {ContentContext, FooterContext, HeaderContext, HeadingContext} from './Content'; import {createContext, forwardRef, RefObject, useContext} from 'react'; import {DOMRef} from '@react-types/shared'; +import {ImageContext} from './Image'; import {Modal} from './Modal'; import {Popover} from './Popover'; import {style} from '../style/spectrum-theme' with {type: 'macro'}; @@ -190,7 +191,7 @@ function DialogInner(props: DialogProps & DialogContextValue & {dialogRef: RefOb {/* Hero image */} , StyleProps {} +export const DividerContext = createContext>(null); + export const divider = style({ alignSelf: 'stretch', backgroundColor: { @@ -92,6 +94,7 @@ export const divider = style({ function Divider(props: DividerProps, ref: DOMRef) { let domRef = useDOMRef(ref); + [props, domRef] = useContextProps(props, domRef, DividerContext); return ( ( - {children, ...props}: GridListProps -) { - return ( - - {children} - - ); -} - -export function GridListItem({children, ...props}: GridListItemProps) { - let textValue = typeof children === 'string' ? children : undefined; - return ( - - {({selectionMode, selectionBehavior, allowsDragging}) => ( - <> - {/* Add elements for drag and drop and selection. */} - {allowsDragging && } - {selectionMode === 'multiple' && selectionBehavior === 'toggle' && ( - - )} - {children} - - )} - - ); -} diff --git a/packages/@react-spectrum/s2/src/Image.tsx b/packages/@react-spectrum/s2/src/Image.tsx new file mode 100644 index 00000000000..efaabce687e --- /dev/null +++ b/packages/@react-spectrum/s2/src/Image.tsx @@ -0,0 +1,228 @@ +import {colorToken} from '../style/tokens' with {type: 'macro'}; +import {ContextValue, SlotProps} from 'react-aria-components'; +import {createContext, ForwardedRef, forwardRef, HTMLAttributeReferrerPolicy, ReactNode, useCallback, useContext, useMemo, useReducer, useRef} from 'react'; +import {DefaultImageGroup, ImageGroup} from './ImageCoordinator'; +import {mergeStyles} from '../style/runtime'; +import {style} from '../style/spectrum-theme' with {type: 'macro'}; +import {StyleString} from '../style/types'; +import {UnsafeStyles} from './style-utils'; +import {useLayoutEffect} from '@react-aria/utils'; +import {useSpectrumContextProps} from './useSpectrumContextProps'; + +interface ImageProps extends UnsafeStyles, SlotProps { + src?: string, + // TODO + srcSet?: string, + sizes?: string, + alt?: string, + crossOrigin?: 'anonymous' | 'use-credentials', + decoding?: 'async' | 'auto' | 'sync', + // Only supported in React 19... + // fetchPriority?: 'high' | 'low' | 'auto', + loading?: 'eager' | 'lazy', + referrerPolicy?: HTMLAttributeReferrerPolicy, + styles?: StyleString, + renderError?: () => ReactNode, + group?: ImageGroup +} + +interface ImageContextValue extends ImageProps { + hidden?: boolean +} + +export const ImageContext = createContext>(null); + +type ImageState = 'loading' | 'loaded' | 'revealed' | 'error'; +interface State { + state: ImageState, + src: string, + startTime: number, + loadTime: number +} + +type Action = + | {type: 'update', src: string} + | {type: 'loaded'} + | {type: 'revealed'} + | {type: 'error'}; + +function createState(src: string): State { + return { + state: 'loading', + src, + startTime: Date.now(), + loadTime: 0 + }; +} + +function reducer(state: State, action: Action): State { + switch (action.type) { + case 'update': { + return { + state: 'loading', + src: action.src, + startTime: Date.now(), + loadTime: 0 + }; + } + case 'loaded': + case 'error': { + return { + ...state, + state: action.type + }; + } + case 'revealed': { + return { + ...state, + state: 'revealed', + loadTime: Date.now() - state.startTime + }; + } + default: + return state; + } +} + +const loadingStyle = style({ + backgroundImage: { + isLoading: `linear-gradient(to right, ${colorToken('gray-100')} 33%, light-dark(${colorToken('gray-25')}, ${colorToken('gray-300')}), ${colorToken('gray-100')} 66%)` + }, + backgroundColor: 'gray-100', + backgroundSize: '[300%]', + overflow: 'hidden' +}); + +function Image(props: ImageProps, domRef: ForwardedRef) { + [props, domRef] = useSpectrumContextProps(props, domRef, ImageContext); + + let { + src = '', + styles, + UNSAFE_className = '', + UNSAFE_style, + renderError, + group = DefaultImageGroup, + // TODO + // srcSet, + // sizes, + alt, + crossOrigin, + decoding, + loading, + referrerPolicy + } = props; + let hidden = (props as ImageContextValue).hidden; + + let {revealAll, register, unregister, load} = useContext(group); + let [{state, src: lastSrc, loadTime}, dispatch] = useReducer(reducer, src, createState); + + if (src !== lastSrc && !hidden) { + dispatch({type: 'update', src}); + } + + if (state === 'loaded' && revealAll && !hidden) { + dispatch({type: 'revealed'}); + } + + let imgRef = useRef(null); + let animationRef = useRef(null); + useLayoutEffect(() => { + if (hidden) { + return; + } + + register(src); + return () => { + unregister(src); + }; + }, [hidden, register, unregister, src]); + + let isAnimating = state === 'loading' || state === 'loaded'; + useLayoutEffect(() => { + if (hidden) { + return; + } + + // If the image is already loaded, update state immediately instead of waiting for onLoad. + if (state === 'loading' && imgRef.current?.complete) { + // Queue a microtask so we don't hit React's update limit. + // TODO: is this necessary? + queueMicrotask(onLoad); + } + + if (isAnimating && !animationRef.current && domRef.current) { + // Use web animation API instead of CSS animations so that we can + // synchronize it between all loading elements on the page (via startTime). + animationRef.current = domRef.current.animate( + [ + {backgroundPosition: '100%'}, + {backgroundPosition: '0%'} + ], + { + duration: 2000, + iterations: Infinity, + easing: 'ease-in-out' + } + ); + animationRef.current.startTime = 0; + } else if (!isAnimating && animationRef.current) { + animationRef.current.cancel(); + animationRef.current = null; + } + }); + + let onLoad = useCallback(() => { + load(src); + dispatch({type: 'loaded'}); + }, [load, src]); + + let onError = useCallback(() => { + dispatch({type: 'error'}); + unregister(src); + }, [unregister, src]); + + if (props.alt == null) { + console.warn( + 'The `alt` prop was not provided to an image. ' + + 'Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image ' + + 'is decorative or redundant with displayed text and should not be announced by screen readers.' + ); + } + + let errorState = state === 'error' && renderError?.(); + let isRevealed = state === 'revealed'; + let transition = isRevealed && loadTime > 200 ? 'opacity 500ms' : undefined; + return useMemo(() => hidden ? null : ( +
+ {errorState} + {!errorState && ( + {alt} + )} +
+ ), [hidden, domRef, UNSAFE_style, UNSAFE_className, styles, isAnimating, errorState, src, alt, crossOrigin, decoding, loading, referrerPolicy, onLoad, onError, isRevealed, transition]); +} + +const _Image = forwardRef(Image); +export {_Image as Image}; diff --git a/packages/@react-spectrum/s2/src/ImageCoordinator.tsx b/packages/@react-spectrum/s2/src/ImageCoordinator.tsx new file mode 100644 index 00000000000..46467caa492 --- /dev/null +++ b/packages/@react-spectrum/s2/src/ImageCoordinator.tsx @@ -0,0 +1,150 @@ +import {Context, createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useReducer} from 'react'; + +interface ImageCoordinatorProps { + children: ReactNode, + timeout?: number, + group?: ImageGroup +} + +export type ImageGroup = Context; + +interface ImageGroupValue { + revealAll: boolean, + register(url: string): void, + unregister(url: string): void, + load(url: string): void +} + +const defaultContext: ImageGroupValue = { + revealAll: true, + register() {}, + unregister() {}, + load() {} +}; + +export const DefaultImageGroup = createContext(defaultContext); + +export function createImageGroup(): ImageGroup { + return createContext(defaultContext); +} + +interface State { + loadedAll: boolean, + timedOut: boolean, + loadStartTime: number, + loaded: Map +} + +type Action = + | {type: 'register', url: string} + | {type: 'unregister', url: string} + | {type: 'load', url: string} + | {type: 'timeout'}; + +function reducer(state: State, action: Action): State { + switch (action.type) { + case 'register': { + if (state.loaded.get(action.url) !== false) { + let loaded = new Map(state.loaded); + loaded.set(action.url, false); + return { + loadedAll: false, + // If we had previously loaded all items, then reset the timed out state + // since this is the first item of a new batch. + timedOut: state.loadedAll ? false : state.timedOut, + loadStartTime: state.loadedAll ? Date.now() : state.loadStartTime, + loaded + }; + } + return state; + } + case 'unregister': { + if (state.loaded.has(action.url)) { + let loaded = new Map(state.loaded); + loaded.delete(action.url); + return { + loadedAll: isAllLoaded(loaded), + timedOut: state.timedOut, + loadStartTime: state.loadStartTime, + loaded + }; + } + return state; + } + case 'load': { + if (state.loaded.get(action.url) === false) { + let loaded = new Map(state.loaded); + loaded.set(action.url, true); + return { + loadedAll: isAllLoaded(loaded), + timedOut: state.timedOut, + loadStartTime: state.loadStartTime, + loaded + }; + } + return state; + } + case 'timeout': { + if (!state.loadedAll && !state.timedOut) { + return { + ...state, + timedOut: true + }; + } + return state; + } + default: + return state; + } +} + +function isAllLoaded(loaded: Map) { + for (let isLoaded of loaded.values()) { + if (!isLoaded) { + return false; + } + } + return true; +} + +export function ImageCoordinator(props: ImageCoordinatorProps) { + // If we are already inside another ImageList, just pass + // through children and coordinate loading at the root. + let ctx = useContext(props.group || DefaultImageGroup); + if (ctx !== defaultContext) { + return props.children; + } + + return ; +} + +function ImageCoordinatorRoot(props: ImageCoordinatorProps) { + let {children, timeout = 5000, group = DefaultImageGroup} = props; + let [{loadedAll, timedOut, loadStartTime}, dispatch] = useReducer(reducer, { + loadedAll: true, + timedOut: false, + loadStartTime: 0, + loaded: new Map() + }); + + let register = useCallback((url: string) => dispatch({type: 'register', url}), []); + let unregister = useCallback((url: string) => dispatch({type: 'unregister', url}), []); + let load = useCallback((url: string) => dispatch({type: 'load', url}), []); + + useEffect(() => { + if (!loadedAll) { + let timeoutId = setTimeout(() => { + dispatch({type: 'timeout'}); + }, loadStartTime + timeout - Date.now()); + + return () => clearTimeout(timeoutId); + } + }, [loadStartTime, loadedAll, timeout]); + + let revealAll = loadedAll || timedOut; + return useMemo(() => ( + + {children} + + ), [group, children, revealAll, register, unregister, load]); +} diff --git a/packages/@react-spectrum/s2/src/Menu.tsx b/packages/@react-spectrum/s2/src/Menu.tsx index 6c3391e08b0..af3d126054d 100644 --- a/packages/@react-spectrum/s2/src/Menu.tsx +++ b/packages/@react-spectrum/s2/src/Menu.tsx @@ -35,8 +35,9 @@ import {createContext, forwardRef, JSX, ReactNode, useContext, useRef} from 'rea import {divider} from './Divider'; import {DOMRef} from '@react-types/shared'; import {forwardRefType} from './types'; -import {HeaderContext, HeadingContext, ImageContext, KeyboardContext, Text, TextContext} from './Content'; +import {HeaderContext, HeadingContext, KeyboardContext, Text, TextContext} from './Content'; import {IconContext} from './Icon'; // chevron right removed?? +import {ImageContext} from './Image'; import LinkOutIcon from '../ui-icons/LinkOut'; import {mergeStyles} from '../style/runtime'; import {Placement} from 'react-aria'; @@ -224,6 +225,7 @@ let image = style({ marginEnd: 'text-to-visual', marginTop: fontRelative(6), // made up, need feedback alignSelf: 'center', + borderRadius: 'sm', size: { default: 40, size: { @@ -463,7 +465,7 @@ export function MenuItem(props: MenuItemProps) { } }], [KeyboardContext, {className: keyboard({size, isDisabled: renderProps.isDisabled})}], - [ImageContext, {className: image({size})}] + [ImageContext, {styles: image({size})}] ]}> {renderProps.selectionMode === 'single' && !isLink && !renderProps.hasSubmenu && } {renderProps.selectionMode === 'multiple' && !isLink && !renderProps.hasSubmenu && ( diff --git a/packages/@react-spectrum/s2/src/Meter.tsx b/packages/@react-spectrum/s2/src/Meter.tsx index 436f29f6652..7aaa409579a 100644 --- a/packages/@react-spectrum/s2/src/Meter.tsx +++ b/packages/@react-spectrum/s2/src/Meter.tsx @@ -120,8 +120,8 @@ function Meter(props: MeterProps, ref: DOMRef) { }, styles)}> {({percentage, valueText}) => ( <> - {label} - {valueText} + {label && {label}} + {label && {valueText}}
diff --git a/packages/@react-spectrum/s2/src/ProgressBar.tsx b/packages/@react-spectrum/s2/src/ProgressBar.tsx index 7ce0bb8f145..1d6fc616068 100644 --- a/packages/@react-spectrum/s2/src/ProgressBar.tsx +++ b/packages/@react-spectrum/s2/src/ProgressBar.tsx @@ -122,8 +122,8 @@ function ProgressBar(props: ProgressBarProps, ref: DOMRef) { className={UNSAFE_className + wrapper({...props, size}, props.styles)}> {({percentage, valueText}) => ( <> - {label} - {valueText} + {label && {label}} + {label && {valueText}}
({ position: 'relative', display: 'grid', + gridTemplateAreas: ['label value'], gridTemplateColumns: '1fr auto', - gridTemplateAreas: [ - 'label value', - 'bar bar' - ], + rowGap: 4, isolation: 'isolate', minWidth: 48, // progress-bar-minimum-width maxWidth: '[768px]', // progress-bar-maximum-width - minHeight: 'control', + '--min-height': { + type: 'minHeight', + value: 'control' + }, '--field-gap': { type: 'rowGap', - value: centerPadding() + value: centerPadding('var(--min-height)') }, columnGap: 12 // spacing-200 } as const); export const track = () => ({ - gridArea: 'bar', overflow: 'hidden', - marginTop: 4, + gridColumnEnd: 'span 2', borderRadius: 'full', backgroundColor: { default: 'gray-300', diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts index 07286bad96d..fbb00a9b303 100644 --- a/packages/@react-spectrum/s2/src/index.ts +++ b/packages/@react-spectrum/s2/src/index.ts @@ -28,7 +28,8 @@ export {ColorSwatchPicker} from './ColorSwatchPicker'; export {ColorWheel} from './ColorWheel'; export {ComboBox, ComboBoxItem, ComboBoxSection} from './ComboBox'; export {ContextualHelp} from './ContextualHelp'; -export {Heading, Header, Content, Footer, Image, Text, Keyboard} from './Content'; +export {Heading, Header, Content, Footer, Text, Keyboard} from './Content'; +export {Image} from './Image'; export {Dialog} from './Dialog'; export {DialogTrigger} from './DialogTrigger'; export {DialogContainer, useDialogContainer} from './DialogContainer'; diff --git a/packages/@react-spectrum/s2/src/useSpectrumContextProps.ts b/packages/@react-spectrum/s2/src/useSpectrumContextProps.ts new file mode 100644 index 00000000000..4101f6a36d9 --- /dev/null +++ b/packages/@react-spectrum/s2/src/useSpectrumContextProps.ts @@ -0,0 +1,45 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {Context, ForwardedRef, useMemo} from 'react'; +import {ContextValue, SlotProps, useSlottedContext} from 'react-aria-components'; +import {mergeProps, useObjectRef} from 'react-aria'; +import {mergeRefs} from '@react-aria/utils'; +import {mergeStyles} from '../style/runtime'; +import {RefObject} from '@react-types/shared'; + +export function useSpectrumContextProps(props: T & SlotProps, ref: ForwardedRef, context: Context>): [T, RefObject] { + let ctx = useSlottedContext(context, props.slot) || {}; + // @ts-ignore - TS says "Type 'unique symbol' cannot be used as an index type." but not sure why. + let {ref: contextRef, ...contextProps} = ctx as any; + let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef])); + let mergedProps = mergeProps(contextProps, props) as unknown as T; + + // mergeProps does not merge `UNSAFE_style` + if ( + 'UNSAFE_style' in contextProps && + contextProps.UNSAFE_style && + 'UNSAFE_style' in props && + props.UNSAFE_style + ) { + // @ts-ignore + mergedProps.UNSAFE_style = {...contextProps.UNSAFE_style, ...props.UNSAFE_style}; + } + + // Merge macro styles. + if ('styles' in contextProps && contextProps.styles && 'styles' in props && props.styles) { + // @ts-ignore + mergedProps.styles = mergeStyles(contextProps.styles, props.styles); + } + + return [mergedProps, mergedRef]; +} diff --git a/packages/@react-spectrum/s2/stories/Card.stories.tsx b/packages/@react-spectrum/s2/stories/Card.stories.tsx new file mode 100644 index 00000000000..b87cc6c44d8 --- /dev/null +++ b/packages/@react-spectrum/s2/stories/Card.stories.tsx @@ -0,0 +1,263 @@ +/* + * Copyright 2024 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +import {ActionMenu, Avatar, Badge, Button, Content, Divider, Footer, Image, MenuItem, Meter, StatusLight, Text} from '../src'; +import {AssetCard, Card, CardPreview, CollectionCardPreview, ProductCard, UserCard} from '../src/Card'; +import Folder from '../s2wf-icons/S2_Icon_Folder_20_N.svg'; +import type {Meta} from '@storybook/react'; +import Project from '../s2wf-icons/S2_Icon_Project_20_N.svg'; +import Select from '../s2wf-icons/S2_Icon_Select_20_N.svg'; +import {style} from '../style/spectrum-theme' with {type: 'macro'}; + +const meta: Meta = { + component: Card, + parameters: { + layout: 'centered' + } +}; + +export default meta; + +export const Example = (args: any) => ( +
+ + + + + + Card title + + Test + + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + + {args.size !== 'XS' && <> + +
+ Published +
+ } + + + + Card title + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + + {args.size !== 'XS' && <> + +
+ Published +
+ } + +
+); + +const specificArgTypes = { + density: { + table: { + disable: true + } + }, + orientation: { + table: { + disable: true + } + } +}; + +export const Asset = (args: any) => ( + + + + + + Desert Sunset + PNG • 2/3/2024 + + +); + +Asset.argTypes = specificArgTypes; + +export const User = (args: any) => ( +
+ + + + + + + Card title + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + +
+ Available +
+ + + + + Card title + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + +
+ Available +
+ +
+); + +User.argTypes = specificArgTypes; + +export const Product = (args: any) => ( +
+ + + + + + + Card title + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + +
+ +
+ + + + + Card title + Card description. Give a concise overview of the context or functionality that's mentioned in the card title. + +
+ +
+ +
+); + +Product.argTypes = specificArgTypes; + +export const Collection = (args: any) => ( +
+ + + + + + + + + Travel + 20 photos + + + + + + + + + + Architecture + 15 photos + + +
+); + +export const PreviewOverlay = (args: any) => ( + + + + + Free + + + + +); + +export const Custom = (args: any) => ( +
+ + + + + +
+ Click through rate +
+