From bbe7495f2f7b7a2aacdc745e5b84681ccca85fcf Mon Sep 17 00:00:00 2001 From: Robert Snow Date: Thu, 11 Dec 2025 11:29:13 +1100 Subject: [PATCH 1/7] chore: update icons and illustrations (#9274) * chore: update icons and illustrations * Add new and update illustrations * Add back "Warning" * Remove extra illustrations * remove extra illustration and remove added ids and data * fixed colors --------- Co-authored-by: Danni --- .../s2/s2wf-icons/S2_Icon_Archive_20_N.svg | 4 +- .../s2wf-icons/S2_Icon_HeartFilled_20_N.svg | 4 ++ .../s2wf-icons/S2_Icon_MediaOffline_20_N.svg | 6 +++ .../s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg | 8 ++-- .../s2/s2wf-icons/S2_Icon_TagBold_20_N.svg | 4 ++ .../s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg | 4 ++ .../S2_Icon_TagStrikeThrough_20_N.svg | 5 +++ .../s2wf-icons/S2_Icon_TagUnderline_20_N.svg | 5 +++ .../s2/s2wf-icons/S2_Icon_Wallet_20_N.svg | 5 +++ ...2_fill_brightnessContrast_generic1_160.svg | 30 +++++++-------- ...S2_fill_brightnessContrast_generic1_48.svg | 38 +++++++++++-------- ...S2_fill_brightnessContrast_generic1_96.svg | 38 +++++++++++-------- .../S2_fill_download_generic1_160.svg | 30 +++++++-------- .../generic1/S2_fill_download_generic1_48.svg | 30 +++++++-------- .../generic1/S2_fill_download_generic1_96.svg | 36 +++++++++--------- .../generic1/S2_fill_upload_generic1_160.svg | 30 +++++++-------- .../generic1/S2_fill_upload_generic1_48.svg | 30 +++++++-------- .../generic1/S2_fill_upload_generic1_96.svg | 30 +++++++-------- ...2_fill_brightnessContrast_generic2_160.svg | 26 ++++++------- ...S2_fill_brightnessContrast_generic2_48.svg | 38 +++++++++++-------- ...S2_fill_brightnessContrast_generic2_96.svg | 34 ++++++++++------- .../S2_fill_download_generic2_160.svg | 26 ++++++------- .../generic2/S2_fill_download_generic2_48.svg | 26 ++++++------- .../generic2/S2_fill_download_generic2_96.svg | 26 ++++++------- .../generic2/S2_fill_upload_generic2_160.svg | 26 ++++++------- .../generic2/S2_fill_upload_generic2_48.svg | 26 ++++++------- .../generic2/S2_fill_upload_generic2_96.svg | 26 ++++++------- .../linear/NoInternetConnection.tsx | 31 +++++++++++++++ .../linear/S2_lin_3D_160.svg | 2 +- .../linear/S2_lin_AIGenerateImage_160.svg | 16 +++----- .../linear/S2_lin_AIGenerateImage_48.svg | 21 +++------- .../linear/S2_lin_AIGenerateImage_96.svg | 16 +++----- .../linear/S2_lin_assets_160.svg | 4 +- .../linear/S2_lin_assets_48.svg | 4 +- .../linear/S2_lin_assets_96.svg | 4 +- .../S2_lin_cloudStateDisconnected_160.svg | 3 +- .../S2_lin_cloudStateDisconnected_48.svg | 3 +- .../S2_lin_cloudStateDisconnected_96.svg | 3 +- .../linear/S2_lin_cloudUpload_48.svg | 2 +- .../linear/S2_lin_download_160.svg | 2 +- .../linear/S2_lin_download_48.svg | 2 +- .../linear/S2_lin_download_96.svg | 4 +- .../linear/S2_lin_error_160.svg | 4 +- .../linear/S2_lin_error_48.svg | 4 +- .../linear/S2_lin_error_96.svg | 4 +- .../linear/S2_lin_imageStack_160.svg | 4 +- .../linear/S2_lin_imageStack_48.svg | 4 +- .../linear/S2_lin_imageStack_96.svg | 4 +- .../S2_lin_noInternetConnection_160.svg | 3 ++ .../linear/S2_lin_noInternetConnection_48.svg | 3 ++ .../linear/S2_lin_noInternetConnection_96.svg | 3 ++ .../linear/S2_lin_noSearchResults_160.svg | 3 +- .../linear/S2_lin_noSearchResults_48.svg | 3 +- .../linear/S2_lin_noSearchResults_96.svg | 3 +- .../linear/S2_lin_search_160.svg | 2 +- .../linear/S2_lin_search_48.svg | 2 +- .../linear/S2_lin_search_96.svg | 2 +- .../linear/S2_lin_socialPost_160.svg | 3 ++ .../linear/S2_lin_socialPost_48.svg | 3 ++ .../linear/S2_lin_socialPost_96.svg | 3 ++ .../linear/S2_lin_text_160.svg | 6 +-- .../linear/S2_lin_trash_160.svg | 4 +- .../linear/S2_lin_trash_48.svg | 4 +- .../linear/S2_lin_trash_96.svg | 4 +- .../linear/S2_lin_upload_160.svg | 2 +- .../linear/S2_lin_upload_48.svg | 4 +- .../linear/S2_lin_upload_96.svg | 4 +- .../linear/SocialPost.tsx | 31 +++++++++++++++ 68 files changed, 483 insertions(+), 341 deletions(-) create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_MediaOffline_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg create mode 100644 packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_160.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_48.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_96.svg create mode 100644 packages/@react-spectrum/s2/spectrum-illustrations/linear/SocialPost.tsx diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg index e74836599e7..220983c6f4a 100644 --- a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Archive_20_N.svg @@ -1,5 +1,5 @@ - - + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg new file mode 100644 index 00000000000..c08a1a19d2a --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_HeartFilled_20_N.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_MediaOffline_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_MediaOffline_20_N.svg new file mode 100644 index 00000000000..5c6ba2887ab --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_MediaOffline_20_N.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg index 02a5f1c9a9a..5dc0d35b2d4 100644 --- a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_SpeedFast_20_N.svg @@ -1,6 +1,6 @@ - - - - + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg new file mode 100644 index 00000000000..85c7363213c --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagBold_20_N.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg new file mode 100644 index 00000000000..298f4f44520 --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagItalic_20_N.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg new file mode 100644 index 00000000000..a66eacb1bc9 --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagStrikeThrough_20_N.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg new file mode 100644 index 00000000000..ee09ce006e2 --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_TagUnderline_20_N.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg new file mode 100644 index 00000000000..c9d9cc6b7c4 --- /dev/null +++ b/packages/@react-spectrum/s2/s2wf-icons/S2_Icon_Wallet_20_N.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_160.svg index 60517145502..b5af8e54f40 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_160.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_48.svg index 8f942c6b0b4..497da6c6088 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_48.svg @@ -1,43 +1,51 @@ - + - + - + - + - + - + - - + + + + + + + + + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_96.svg index 2951b7c5f8b..8e409637141 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_brightnessContrast_generic1_96.svg @@ -1,43 +1,51 @@ - + - + - + - + - + - + - - + + + + + + + + + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_160.svg index 436d4866dac..c696ac4909d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_160.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_48.svg index 0b594e9a197..a54e46d9548 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_48.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_96.svg index 6837db7b883..a2f7b99be68 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_download_generic1_96.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - - + + - - + + - - - - - - - - - + + + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_160.svg index e9470ad70aa..ca907ec7e3f 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_160.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_48.svg index 920416d23c0..745df8a76e2 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_48.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_96.svg index ecd7e950143..474b1a9b56a 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/S2_fill_upload_generic1_96.svg @@ -1,43 +1,43 @@ - + - + - + - + - + - + - - + + - - + + - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_160.svg index c03c6e383ea..825ee7ef5ea 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_160.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_48.svg index 7d140a994a9..a11caf22896 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_48.svg @@ -1,37 +1,45 @@ - + - + - + - + - - + + - - + + + + + + + + + + - - - - - - - + + + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_96.svg index e2cb835196b..17fb17d2275 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_brightnessContrast_generic2_96.svg @@ -1,37 +1,45 @@ - + - + - + - + - + - - + + + + + + + + + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_160.svg index d67d6875712..55380564848 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_160.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_48.svg index 4d7b045a5b3..8c38cf58a74 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_48.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_96.svg index 0e443473a9b..7aa842ee354 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_download_generic2_96.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_160.svg index 33a23377150..c656996aabc 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_160.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_48.svg index 6d1eb45cbc1..4aa6888c185 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_48.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_96.svg index 8b470bcaccf..f5669b83798 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/S2_fill_upload_generic2_96.svg @@ -1,37 +1,37 @@ - + - + - + - + - + - - + + - - + + - - - - + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx new file mode 100644 index 00000000000..45968905846 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx @@ -0,0 +1,31 @@ +/* + * 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 NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg'; +import NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg'; +import NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg'; +import {ReactNode} from 'react'; +import {IconProps, IllustrationContext} from '../../src/Icon'; +import {useContextProps} from 'react-aria-components'; + +export default function NoInternetConnection(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode { + [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_3D_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_3D_160.svg index 75055d16658..23f378395dd 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_3D_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_3D_160.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_160.svg index 33c4b5d40ca..a1bf9d79261 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_160.svg @@ -1,13 +1,7 @@ - - - - - - - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_48.svg index 107137a33af..b41d6e6ae57 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_48.svg @@ -1,18 +1,7 @@ - - - - - - - - - - - - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_96.svg index 1b83c84e746..735dd835792 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_AIGenerateImage_96.svg @@ -1,13 +1,7 @@ - - - - - - - - - - - + + + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_160.svg index f9762a3f682..328512266e9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_160.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_48.svg index 99672c76b4e..544d9a816ab 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_48.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_96.svg index 595cef5d366..f3b75f8873d 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_assets_96.svg @@ -1,3 +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 index 5894fccae4c..1d5feb5486a 100644 --- 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 @@ -1,3 +1,4 @@ - + + 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 index af6298de234..9af4f9f27fb 100644 --- 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 @@ -1,3 +1,4 @@ - + + 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 index a3f9f892353..5fa59430b69 100644 --- 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 @@ -1,3 +1,4 @@ - + + 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 index 326b5f4cd3f..733324e2058 100644 --- 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 @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_160.svg index e81728c43d6..13003f5b2a6 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_160.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_48.svg index f22cf7714f3..04e94b20810 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_48.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_96.svg index a0ffe84e4d4..7f66d564fb7 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_download_96.svg @@ -1,3 +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 index d393e9eca40..837b14dd180 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index 91aa79e5be0..c72e9a41f46 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index 61875e09dd5..ce4ff77751c 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index faf3fafe779..febc8289914 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index d1ffc6d880b..98634b160ff 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index 4c14bde11bf..91cf7cb9a1c 100644 --- 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 @@ -1,3 +1,5 @@ - + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_160.svg new file mode 100644 index 00000000000..5cc66c378d6 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_48.svg new file mode 100644 index 00000000000..7c0c499bd72 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_96.svg new file mode 100644 index 00000000000..c0509002a49 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noInternetConnection_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_160.svg index f218e819657..b2059d74d36 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_160.svg @@ -1,3 +1,4 @@ - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_48.svg index 75ded657b94..4b2d574f3f0 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_48.svg @@ -1,3 +1,4 @@ - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_96.svg index f2329d15f44..54e72e30882 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_noSearchResults_96.svg @@ -1,3 +1,4 @@ - + + 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 index b66b8839dae..a417fa53b4e 100644 --- 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 @@ -1,3 +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 index 4d7b9aedb59..6117a73e743 100644 --- 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 @@ -1,3 +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 index 8da5112df6c..8b889777dde 100644 --- 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 @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_160.svg new file mode 100644 index 00000000000..a32cb29b27c --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_160.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_48.svg new file mode 100644 index 00000000000..ca765ef2dbd --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_48.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_96.svg new file mode 100644 index 00000000000..c6b36a0b6cb --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_socialPost_96.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_text_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_text_160.svg index 13d94535718..70996088d08 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_text_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_text_160.svg @@ -1,7 +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 index de6eae72632..3b941672f86 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index fd62e4725a7..ac335c5ffc8 100644 --- 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 @@ -1,3 +1,5 @@ - + + + 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 index d6b9ff32889..b0b4d7935c1 100644 --- 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 @@ -1,3 +1,5 @@ - + + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_160.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_160.svg index 4bc86786ce1..0198c500e0c 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_160.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_160.svg @@ -1,3 +1,3 @@ - + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_48.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_48.svg index d338b893b41..7377a4dadc9 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_48.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_48.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_96.svg b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_96.svg index e246da404a8..8af841899f1 100644 --- a/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_96.svg +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/S2_lin_upload_96.svg @@ -1,3 +1,3 @@ - - + + diff --git a/packages/@react-spectrum/s2/spectrum-illustrations/linear/SocialPost.tsx b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SocialPost.tsx new file mode 100644 index 00000000000..f7282356d14 --- /dev/null +++ b/packages/@react-spectrum/s2/spectrum-illustrations/linear/SocialPost.tsx @@ -0,0 +1,31 @@ +/* + * 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 {ReactNode} from 'react'; +import {IconProps, IllustrationContext} from '../../src/Icon'; +import SocialPost_L from 'illustration:./S2_lin_socialPost_160.svg'; +import SocialPost_M from 'illustration:./S2_lin_socialPost_96.svg'; +import SocialPost_S from 'illustration:./S2_lin_socialPost_48.svg'; +import {useContextProps} from 'react-aria-components'; + +export default function SocialPost(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode { + [props] = useContextProps(props, null, IllustrationContext); + let {size = 'M', ...otherProps} = props; + switch (size) { + case 'L': + return ; + case 'S': + return ; + case 'M': + return ; + } +} From c3ef7bfcf175cb3ea72a23ea02c7ef6f23f61bb5 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 10 Dec 2025 16:44:21 -0800 Subject: [PATCH 2/7] chore: make S2 Picker isQuiet prop public (#9320) * chore: make S2 Picker isQuiet prop public * add chromatic story * fix lint --- .../s2/chromatic/Picker.stories.tsx | 15 ++++++++++++++- packages/@react-spectrum/s2/src/Picker.tsx | 1 - 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx b/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx index 5f231dc7c20..7883b19b2d5 100644 --- a/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx +++ b/packages/@react-spectrum/s2/chromatic/Picker.stories.tsx @@ -13,7 +13,7 @@ import {AsyncPickerStory, AsyncPickerStoryType, ContextualHelpExample, CustomWidth, Dynamic, Example, Sections, WithAvatars, WithIcons} from '../stories/Picker.stories'; import {expect} from '@storybook/jest'; import type {Meta, StoryObj} from '@storybook/react'; -import {Picker} from '../src'; +import {Picker, PickerItem} from '../src'; import {userEvent, waitFor, within} from '@storybook/test'; const meta: Meta> = { @@ -39,6 +39,19 @@ export const Default: Story = { } }; +export const isQuiet: Story = { + render: () => ( + + Chocolate + Mint + Strawberry + Vanilla + Chocolate Chip Cookie Dough + + ), + play: Default.play +}; + export const WithSections: Story = { ...Sections, play: Default.play diff --git a/packages/@react-spectrum/s2/src/Picker.tsx b/packages/@react-spectrum/s2/src/Picker.tsx index 0a5350e2826..483bde44805 100644 --- a/packages/@react-spectrum/s2/src/Picker.tsx +++ b/packages/@react-spectrum/s2/src/Picker.tsx @@ -92,7 +92,6 @@ export interface PickerStyleProps { size?: 'S' | 'M' | 'L' | 'XL', /** * Whether the picker should be displayed with a quiet style. - * @private */ isQuiet?: boolean } From 0e15d6696617c5e4c131ad2685962e1361351e91 Mon Sep 17 00:00:00 2001 From: Daniel Lu Date: Wed, 10 Dec 2025 17:14:36 -0800 Subject: [PATCH 3/7] fix: revert erroneous translation change for picker in sr-SP (#9278) --- packages/@react-spectrum/s2/intl/sr-SP.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@react-spectrum/s2/intl/sr-SP.json b/packages/@react-spectrum/s2/intl/sr-SP.json index 70fa7c74cb5..478e13e07df 100644 --- a/packages/@react-spectrum/s2/intl/sr-SP.json +++ b/packages/@react-spectrum/s2/intl/sr-SP.json @@ -26,7 +26,7 @@ "notificationbadge.indicatorOnly": "Nova aktivnost", "notificationbadge.plus": "{notifications}+", "picker.placeholder": "Izaberite...", - "picker.selectedCount": "{count, plural, =0 {No items selected} one {# item selected} other {# items selected}}", + "picker.selectedCount": "{count, plural, =0 {Nije izabrana nijedna stavka} one {Izabrana je # stavka} other {Izabrano je # stavki}}", "slider.maximum": "Najviše", "slider.minimum": "Najmanje", "table.cancel": "Otkaži", From 498d65e8128f75dffc65f8dac6fb09807193ed6e Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Wed, 10 Dec 2025 20:20:48 -0600 Subject: [PATCH 4/7] docs: S2 docs accessibility fixes (#9328) * add script for testing the docs with axe * fix react-aria docs axe issues * lint * use empty alt text --- bin/imports.js | 4 +- packages/dev/s2-docs/package.json | 4 + .../dev/s2-docs/pages/react-aria/GridList.mdx | 48 +- .../pages/react-aria/ToggleButtonGroup.mdx | 1 + .../s2-docs/pages/react-aria/collections.mdx | 4 +- .../s2-docs/pages/react-aria/selection.mdx | 26 +- .../s2-docs/pages/react-aria/useClipboard.mdx | 20 +- .../dev/s2-docs/pages/react-aria/useDrop.mdx | 2 +- .../dev/s2-docs/pages/react-aria/useField.mdx | 2 +- .../dev/s2-docs/scripts/testAccessibility.mjs | 433 ++++++++++++++++++ yarn.lock | 95 +++- 11 files changed, 585 insertions(+), 54 deletions(-) create mode 100644 packages/dev/s2-docs/scripts/testAccessibility.mjs diff --git a/bin/imports.js b/bin/imports.js index 3d3707257ee..bc792f2692a 100644 --- a/bin/imports.js +++ b/bin/imports.js @@ -20,7 +20,9 @@ const devDependencies = new Set([ '@adobe/spectrum-css-temp', '@react-spectrum/style-macro-s1', '@parcel/macros', - '@adobe/spectrum-tokens' + '@adobe/spectrum-tokens', + 'playwright', + 'axe-playwright' ]); module.exports = { diff --git a/packages/dev/s2-docs/package.json b/packages/dev/s2-docs/package.json index 23a5b0770a5..49a7619da5b 100644 --- a/packages/dev/s2-docs/package.json +++ b/packages/dev/s2-docs/package.json @@ -67,5 +67,9 @@ "alias": { "tailwind-starter": "../../../starters/tailwind/src", "vanilla-starter": "../../../starters/docs/src" + }, + "devDependencies": { + "axe-playwright": "^2.2.2", + "playwright": "^1.57.0" } } diff --git a/packages/dev/s2-docs/pages/react-aria/GridList.mdx b/packages/dev/s2-docs/pages/react-aria/GridList.mdx index 8d263abe38f..3f2747b9556 100644 --- a/packages/dev/s2-docs/pages/react-aria/GridList.mdx +++ b/packages/dev/s2-docs/pages/react-aria/GridList.mdx @@ -27,52 +27,52 @@ export const description = 'Displays a list of interactive items, with support f - + Desert Sunset PNG • 2/3/2024 - + Hiking Trail JPEG • 1/10/2022 - + Lion JPEG • 8/28/2021 - + Mountain Sunrise PNG • 3/15/2015 - + Giraffe tongue PNG • 11/27/2019 - + Golden Hour WEBP • 7/24/2024 - + Architecture PNG • 12/24/2016 - + Peeking leopard JPEG • 3/2/2016 - + Roofs JPEG • 4/24/2025 - + Half Dome Deer DNG • 8/28/2018 @@ -352,7 +352,7 @@ function Example() { {/*- end highlight -*/} {(image) => ( - + {image.title} By {image.user} @@ -400,7 +400,7 @@ function AsyncLoadingExample() { {(item) => ( - + {item.description || item.alt_description} By {item.user.name} @@ -502,7 +502,7 @@ let images = [ target="_blank" /*- end highlight -*/ textValue={image.title}> - + {image.title} )} @@ -549,52 +549,52 @@ function Example(props) { ///- end highlight -/// > - + Desert Sunset PNG • 2/3/2024 - + Hiking Trail JPEG • 1/10/2022 - + Lion JPEG • 8/28/2021 - + Mountain Sunrise PNG • 3/15/2015 - + Giraffe tongue PNG • 11/27/2019 - + Golden Hour WEBP • 7/24/2024 - + Architecture PNG • 12/24/2016 - + Peeking leopard JPEG • 3/2/2016 - + Roofs JPEG • 4/24/2025 - + Half Dome Deer DNG • 8/28/2018 @@ -889,7 +889,7 @@ function Example() { > {image => ( - + {image.title} {image.user} diff --git a/packages/dev/s2-docs/pages/react-aria/ToggleButtonGroup.mdx b/packages/dev/s2-docs/pages/react-aria/ToggleButtonGroup.mdx index 8745c7cd1f9..b805e247700 100644 --- a/packages/dev/s2-docs/pages/react-aria/ToggleButtonGroup.mdx +++ b/packages/dev/s2-docs/pages/react-aria/ToggleButtonGroup.mdx @@ -106,6 +106,7 @@ function SegmentedControlItem(props: ToggleButtonProps) { Day diff --git a/packages/dev/s2-docs/pages/react-aria/collections.mdx b/packages/dev/s2-docs/pages/react-aria/collections.mdx index 9b31ed9e835..9543f084b04 100644 --- a/packages/dev/s2-docs/pages/react-aria/collections.mdx +++ b/packages/dev/s2-docs/pages/react-aria/collections.mdx @@ -115,7 +115,7 @@ function Example() { return (
{/*- begin highlight -*/} - + {item => {item.name}} {/*- end highlight -*/} @@ -254,7 +254,7 @@ let people = [ {id: 6, name: 'Jane'} ]; - +
Animals
{/*- begin highlight -*/} diff --git a/packages/dev/s2-docs/pages/react-aria/selection.mdx b/packages/dev/s2-docs/pages/react-aria/selection.mdx index dafea18f18f..b6f190825ec 100644 --- a/packages/dev/s2-docs/pages/react-aria/selection.mdx +++ b/packages/dev/s2-docs/pages/react-aria/selection.mdx @@ -83,7 +83,7 @@ export default function Example() { function PokemonItem(props: {name: string}) { return ( - + {props.name} ); @@ -338,17 +338,17 @@ function Example(props) { onSelectionChange={setSelectedKeys} data-size="small"> - + Desert Sunset PNG • 2/3/2024 - + Hiking Trail JPEG • 1/10/2022 - + Lion JPEG • 8/28/2021 @@ -559,21 +559,21 @@ import {Text} from 'react-aria-components'; onAction={() => alert('Opening "Mountain Sunrise"')} /*- end highlight -*/ textValue="Mountain Sunrise"> - + Mountain Sunrise PNG • 3/15/2015 alert('Opening "Architecture"')} textValue="Architecture"> - + Architecture PNG • 12/24/2016 alert('Opening "Golden Hour"')} textValue="Golden Hour"> - + Golden Hour WEBP • 7/24/2024 @@ -690,7 +690,7 @@ let images = [ {/*- end highlight -*/} {image => ( - + {image.title} By {image.user} @@ -793,24 +793,24 @@ import {Text} from 'react-aria-components'; - + Desert Sunset PNG • 2/3/2024 {/*- begin highlight -*/} {/*- end highlight -*/} - + Hiking Trail JPEG • 1/10/2022 - + Lion JPEG • 8/28/2021 - + Mountain Sunrise PNG • 3/15/2015 @@ -959,7 +959,7 @@ const items = [ items={items}> {item => ( - + {item.name} )} diff --git a/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx b/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx index 793979327ee..5369a167ea2 100644 --- a/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx @@ -49,7 +49,7 @@ function Copyable() { }); return ( -
+
Hello world ⌘C
@@ -72,7 +72,7 @@ function Pasteable() { }); return ( -
+
{pasted || 'Paste here'} ⌘V
@@ -166,7 +166,7 @@ function Pasteable() { } return ( -
+
{message || 'Paste here'}
⌘V
@@ -222,7 +222,7 @@ function Copyable() { }); return ( -
+
hello world
foo bar
@@ -266,7 +266,7 @@ function Pasteable() { } return ( -
+
{message || 'Paste here'}
⌘V
@@ -300,8 +300,8 @@ function Pasteable() { } }); return ( -
- {file ? : 'Paste image here'} +
+ {file ? Pasted image : 'Paste image here'}
); } @@ -352,7 +352,7 @@ function Pasteable() { ); } return ( -
+
{contents}
); @@ -378,7 +378,7 @@ function Copyable() { /*- end highlight -*/ }); return ( -
+
Hello world ⌘C
@@ -402,7 +402,7 @@ function Pasteable() { /*- end highlight -*/ }); return ( -
+
{pasted || 'Paste here'} ⌘V
diff --git a/packages/dev/s2-docs/pages/react-aria/useDrop.mdx b/packages/dev/s2-docs/pages/react-aria/useDrop.mdx index 187bee59b23..4bf58340f1d 100644 --- a/packages/dev/s2-docs/pages/react-aria/useDrop.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useDrop.mdx @@ -308,7 +308,7 @@ function DropTarget() { onDrop: onEvent }); return ( -
    +
      {events.map((e, i) =>
    • {e}
      • )}
    ); diff --git a/packages/dev/s2-docs/pages/react-aria/useField.mdx b/packages/dev/s2-docs/pages/react-aria/useField.mdx index 07128f27a30..e02b37e3bc6 100644 --- a/packages/dev/s2-docs/pages/react-aria/useField.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useField.mdx @@ -50,7 +50,7 @@ function ContactPicker(props) {
    {props.description}
    } {props.errorMessage && -
    {props.errorMessage}
    +
    {props.errorMessage}
    }
); diff --git a/packages/dev/s2-docs/scripts/testAccessibility.mjs b/packages/dev/s2-docs/scripts/testAccessibility.mjs new file mode 100644 index 00000000000..ebd1b738919 --- /dev/null +++ b/packages/dev/s2-docs/scripts/testAccessibility.mjs @@ -0,0 +1,433 @@ +#!/usr/bin/env node +/** + * Accessibility Testing Script for s2-docs + * + * This script opens each documentation page in Playwright and checks for Axe accessibility errors. + * + * Usage: + * node scripts/testAccessibility.mjs [options] + * + * Options: + * --library Which docs to test (default: all) + * --base-url Base URL for the docs server (default: http://localhost:1234) + * --headless Run in headless mode (default: true) + * --no-html-ext Don't add .html extension to URLs (for CloudFront deployments) + * --strip-prefix Strip the s2/ or react-aria/ prefix from URLs + * + * Examples: + * node scripts/testAccessibility.mjs + * node scripts/testAccessibility.mjs --library s2 + * node scripts/testAccessibility.mjs --base-url https://cloudfront.net/pr/xyz --no-html-ext --strip-prefix + */ + +import {chromium} from 'playwright'; +import fastGlob from 'fast-glob'; +import {fileURLToPath} from 'url'; +import {getAxeResults, injectAxe} from 'axe-playwright'; +import path from 'path'; + +const {glob} = fastGlob; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); +const pagesDir = path.resolve(__dirname, '../pages'); + +/** + * Known false positives in React Spectrum components. + * These are documented accessibility tool issues that don't represent actual a11y problems. + * See: https://react-spectrum.adobe.com/react-spectrum/accessibility.html + * + * Format: { pagePattern: [ruleIds to ignore] } + * - pagePattern can be a string (exact match) or regex pattern + * - ruleIds are axe-core rule identifiers + */ +const KNOWN_FALSE_POSITIVES = { + // ListBox: WAI-ARIA 1.2 supports groups in listbox, but axe-core hasn't caught up + // https://github.com/dequelabs/axe-core/issues/3152 + 'ListBox': ['aria-required-children', 'aria-required-parent'], + + // Picker: HiddenSelect with aria-hidden contains focusable element that auto-shifts focus + // Elements are labeled with data-a11y-ignore="aria-hidden-focus" + 'Picker': ['aria-hidden-focus'], + 'Select': ['aria-hidden-focus'], + + // Menu/ActionMenu/Overlays: aria-hidden applied to elements outside overlay + // https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/overlays/src/ariaHideOutside.ts + 'Menu': ['aria-hidden-focus'], + 'ActionMenu': ['aria-hidden-focus'], + 'Popover': ['aria-hidden-focus'], + 'Dialog': ['aria-hidden-focus'], + 'Modal': ['aria-hidden-focus'], + 'ComboBox': ['aria-hidden-focus'], + + // TableView: body div has tabIndex={-1} for Firefox, triggers false positive + // Also: scrollable region is inside table, focus moves appropriately on interaction + // https://github.com/adobe/react-spectrum/pull/3520 + 'TableView': ['aria-required-children', 'scrollable-region-focusable'], + 'Table': ['aria-required-children', 'scrollable-region-focusable'], + + // Meter: axe-core bug with aria-value* attributes + // https://github.com/dequelabs/axe-core/issues/3768 + 'Meter': ['aria-allowed-attr'] +}; + +/** + * Get the list of rule IDs to ignore for a given page path. + */ +function getIgnoredRulesForPage(mdxPath) { + const ignoredRules = new Set(); + + // Extract the component name from the path (e.g., "s2/ListBox.mdx" -> "ListBox") + const fileName = path.basename(mdxPath, '.mdx'); + + // Check if this component has known false positives + for (const [pattern, rules] of Object.entries(KNOWN_FALSE_POSITIVES)) { + if (fileName === pattern || fileName.startsWith(pattern + '/')) { + rules.forEach(rule => ignoredRules.add(rule)); + } + } + + return ignoredRules; +} + +/** + * Filter out known false positive violations from axe results. + */ +function filterFalsePositives(violations, ignoredRules) { + if (ignoredRules.size === 0) { + return violations; + } + + return violations.filter(v => !ignoredRules.has(v.id)); +} + +// Parse command line arguments +function parseArgs() { + const args = process.argv.slice(2); + const options = { + library: 'all', + baseUrl: 'http://localhost:1234', + headless: true, + htmlExt: true, + stripPrefix: false + }; + + for (let i = 0; i < args.length; i++) { + switch (args[i]) { + case '--library': + options.library = args[++i]; + break; + case '--base-url': + options.baseUrl = args[++i].replace(/\/$/, ''); // Remove trailing slash + break; + case '--headless': + options.headless = args[++i] !== 'false'; + break; + case '--no-html-ext': + options.htmlExt = false; + break; + case '--strip-prefix': + options.stripPrefix = true; + break; + } + } + + return options; +} + +// Get all MDX page paths +async function getPagePaths(library) { + const patterns = []; + + if (library === 'all' || library === 's2') { + patterns.push('s2/**/*.mdx'); + } + if (library === 'all' || library === 'react-aria') { + patterns.push('react-aria/**/*.mdx'); + } + + const files = await glob(patterns, {cwd: pagesDir}); + return files; +} + +// Convert MDX file path to URL path +function mdxToUrl(mdxPath, options) { + // Remove .mdx extension + let urlPath = mdxPath.replace(/\.mdx$/, ''); + + // Handle index pages + if (urlPath.endsWith('/index')) { + urlPath = urlPath.slice(0, -6); + } + + // Optionally strip the s2/ or react-aria/ prefix + if (options.stripPrefix) { + urlPath = urlPath.replace(/^(s2|react-aria)\//, ''); + } + + // Optionally add .html extension + if (options.htmlExt) { + urlPath = urlPath + '.html'; + } + + return `${options.baseUrl}/${urlPath}`; +} + +// Format Axe results for display +function formatAxeResults(results, url, ignoredRules = new Set()) { + let violations = results.violations; + + // Filter out known false positives + violations = filterFalsePositives(violations, ignoredRules); + + if (violations.length === 0) { + return null; + } + + return { + url, + violations: violations.map(v => ({ + id: v.id, + impact: v.impact, + description: v.description, + help: v.help, + helpUrl: v.helpUrl, + nodes: v.nodes.map(n => ({ + html: n.html.slice(0, 200), + target: n.target, + failureSummary: n.failureSummary + })) + })) + }; +} + +// Main test function +async function testAccessibility() { + const options = parseArgs(); + let browser; + const allResults = []; + const pageResults = []; + let totalPages = 0; + let pagesWithViolations = 0; + let totalViolations = 0; + + console.log('╔════════════════════════════════════════════════════════════════╗'); + console.log('║ S2-DOCS ACCESSIBILITY TESTING WITH AXE ║'); + console.log('╚════════════════════════════════════════════════════════════════╝'); + console.log(`\nLibrary: ${options.library}`); + console.log(`Base URL: ${options.baseUrl}`); + console.log(`Headless: ${options.headless}`); + console.log(`HTML extension: ${options.htmlExt}`); + console.log(`Strip prefix: ${options.stripPrefix}\n`); + + try { + // Get all pages to test + const mdxFiles = await getPagePaths(options.library); + console.log(`Found ${mdxFiles.length} pages to test\n`); + + if (mdxFiles.length === 0) { + console.log('No pages found to test.'); + return 0; + } + + // Launch browser + browser = await chromium.launch({headless: options.headless}); + const context = await browser.newContext({ + viewport: {width: 1280, height: 720} + }); + + // Test connectivity with the first page + const firstMdxFile = mdxFiles[0]; + const firstUrl = mdxToUrl(firstMdxFile, options); + console.log('Checking server connectivity...'); + console.log(`Testing URL: ${firstUrl}`); + + const testPage = await context.newPage(); + try { + const response = await testPage.goto(firstUrl, { + waitUntil: 'networkidle', + timeout: 15000 + }); + + if (!response || !response.ok()) { + console.error('\n❌ Failed to connect to server'); + console.error(` URL: ${firstUrl}`); + console.error(` Status: ${response ? response.status() : 'No response'}`); + console.error('\nPossible causes:'); + console.error(' - The base URL path structure may not match the deployment'); + console.error(' - The documentation server may not be running'); + console.error('\nFor local development, start with: yarn start:s2-docs'); + return 1; + } + console.log('✓ Server is reachable\n'); + } catch (error) { + console.error('\n❌ Failed to connect to server'); + console.error(` URL: ${firstUrl}`); + console.error(` Error: ${error.message}`); + console.error('\nPossible causes:'); + console.error(' - The base URL path structure may not match the deployment'); + console.error(' - The documentation server may not be running'); + console.error('\nFor local development, start with: yarn start:s2-docs'); + await testPage.close(); + return 1; + } + await testPage.close(); + + // Test each page + for (let i = 0; i < mdxFiles.length; i++) { + const mdxFile = mdxFiles[i]; + const url = mdxToUrl(mdxFile, options); + totalPages++; + + process.stdout.write(`[${i + 1}/${mdxFiles.length}] Testing: ${mdxFile}... `); + + const page = await context.newPage(); + + try { + await page.goto(url, { + waitUntil: 'networkidle', + timeout: 30000 + }); + + // Wait a bit for any JS to settle + await page.waitForTimeout(500); + + // Inject axe-core into the page + await injectAxe(page); + + // Run Axe accessibility tests + const axeResults = await getAxeResults(page, null, { + runOnly: { + type: 'tag', + values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'] + } + }); + + // Get ignored rules for this page (known false positives) + const ignoredRules = getIgnoredRulesForPage(mdxFile); + const formattedResults = formatAxeResults(axeResults, url, ignoredRules); + + if (formattedResults) { + pagesWithViolations++; + totalViolations += formattedResults.violations.length; + allResults.push(formattedResults); + pageResults.push({ + page: mdxFile, + url, + status: 'violations', + violationCount: formattedResults.violations.length, + violations: formattedResults.violations.map(v => `${v.id} (${v.impact})`) + }); + console.log(`❌ ${formattedResults.violations.length} violation(s)`); + } else { + pageResults.push({ + page: mdxFile, + url, + status: 'pass', + violationCount: 0 + }); + console.log('✓ Pass'); + } + } catch (error) { + pageResults.push({ + page: mdxFile, + url, + status: 'error', + error: error.message + }); + console.log(`⚠ Error: ${error.message.slice(0, 50)}...`); + } finally { + await page.close(); + } + } + + // Print summary + console.log('\n'); + console.log('╔════════════════════════════════════════════════════════════════╗'); + console.log('║ TEST SUMMARY ║'); + console.log('╚════════════════════════════════════════════════════════════════╝'); + console.log(`\nTotal pages tested: ${totalPages}`); + console.log(`Pages with violations: ${pagesWithViolations}`); + console.log(`Pages passing: ${totalPages - pagesWithViolations}`); + console.log(`Total violations: ${totalViolations}`); + + // Print detailed violations + if (allResults.length > 0) { + console.log('\n'); + console.log('╔════════════════════════════════════════════════════════════════╗'); + console.log('║ DETAILED VIOLATIONS ║'); + console.log('╚════════════════════════════════════════════════════════════════╝'); + + for (const result of allResults) { + console.log(`\n📄 ${result.url}`); + console.log('─'.repeat(70)); + + for (const violation of result.violations) { + console.log(`\n 🔴 ${violation.id} [${violation.impact?.toUpperCase()}]`); + console.log(` ${violation.description}`); + console.log(` Help: ${violation.help}`); + console.log(` More info: ${violation.helpUrl}`); + + // eslint-disable-next-line max-depth + for (const node of violation.nodes.slice(0, 3)) { + console.log(`\n Element: ${node.html}`); + // eslint-disable-next-line max-depth + if (node.target.length > 0) { + console.log(` Selector: ${node.target.join(' > ')}`); + } + // eslint-disable-next-line max-depth + if (node.failureSummary) { + console.log(` Issue: ${node.failureSummary}`); + } + } + + // eslint-disable-next-line max-depth + if (violation.nodes.length > 3) { + console.log(`\n ... and ${violation.nodes.length - 3} more element(s)`); + } + } + } + } + + // Print pages with errors + const errorPages = pageResults.filter(p => p.status === 'error'); + if (errorPages.length > 0) { + console.log('\n'); + console.log('╔════════════════════════════════════════════════════════════════╗'); + console.log('║ PAGES WITH ERRORS ║'); + console.log('╚════════════════════════════════════════════════════════════════╝'); + + for (const page of errorPages) { + console.log(`\n⚠ ${page.page}`); + console.log(` Error: ${page.error}`); + } + } + + // Final status + console.log('\n'); + if (pagesWithViolations === 0 && errorPages.length === 0) { + console.log('🎉 All pages passed accessibility testing!'); + } else { + console.log(`⚠ Found accessibility issues in ${pagesWithViolations} page(s)`); + if (errorPages.length > 0) { + console.log(`⚠ ${errorPages.length} page(s) had errors during testing`); + } + } + + // Exit with appropriate code + return pagesWithViolations > 0 || errorPages.length > 0 ? 1 : 0; + + } catch (error) { + console.error('\n❌ Fatal error during testing:', error); + return 1; + } finally { + // Cleanup + if (browser) { + await browser.close(); + } + } +} + +// Run the tests +testAccessibility().then(exitCode => { + process.exit(exitCode); +}); diff --git a/yarn.lock b/yarn.lock index 8801fdfd8b9..9de9e8eb17e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7479,6 +7479,7 @@ __metadata: "@react-spectrum/utils": "npm:^3.12.6" "@react-types/shared": "npm:^3.30.0" "@react-types/textfield": "npm:^3.12.3" + axe-playwright: "npm:^2.2.2" emojibase-data: "npm:^16.0.3" fast-glob: "npm:^3.3.3" globals-docs: "npm:^2.4.1" @@ -7486,6 +7487,7 @@ __metadata: json5: "npm:^2.2.3" lz-string: "npm:^1.5.0" markdown-to-jsx: "npm:^6.11.0" + playwright: "npm:^1.57.0" react: "npm:^19" react-aria: "npm:^3.40.0" react-aria-components: "npm:^1.7.1" @@ -10554,6 +10556,13 @@ __metadata: languageName: node linkType: hard +"@types/junit-report-builder@npm:^3.0.2": + version: 3.0.2 + resolution: "@types/junit-report-builder@npm:3.0.2" + checksum: 10c0/3848c5247a57597695c86ab7a80cf64ba0bfcbc39e067e9e2e051eea80608a95261de065298aaaaee795b137b076f5ab3acb4e3ba003ee637a9dfd9715f86456 + languageName: node + linkType: hard + "@types/keyv@npm:^3.1.1": version: 3.1.4 resolution: "@types/keyv@npm:3.1.4" @@ -12117,6 +12126,24 @@ __metadata: languageName: node linkType: hard +"axe-core@npm:^4.10.1": + version: 4.11.0 + resolution: "axe-core@npm:4.11.0" + checksum: 10c0/7d7020a568a824c303711858c2fcfe56d001d27e46c0c2ff75dc31b436cfddfd4857a301e70536cc9e64829d25338f7fb782102d23497ebdc66801e9900fc895 + languageName: node + linkType: hard + +"axe-html-reporter@npm:2.2.11": + version: 2.2.11 + resolution: "axe-html-reporter@npm:2.2.11" + dependencies: + mustache: "npm:^4.0.1" + peerDependencies: + axe-core: ">=3" + checksum: 10c0/7f56c06e28aea591762c10f151bd48efbf7cff6a4a783a8074e779d283366a745085be64de72e6f9208006bab8dedc83681c8a9a691c9904886244d579375acd + languageName: node + linkType: hard + "axe-html-reporter@npm:2.2.3": version: 2.2.3 resolution: "axe-html-reporter@npm:2.2.3" @@ -12142,6 +12169,21 @@ __metadata: languageName: node linkType: hard +"axe-playwright@npm:^2.2.2": + version: 2.2.2 + resolution: "axe-playwright@npm:2.2.2" + dependencies: + "@types/junit-report-builder": "npm:^3.0.2" + axe-core: "npm:^4.10.1" + axe-html-reporter: "npm:2.2.11" + junit-report-builder: "npm:^5.1.1" + picocolors: "npm:^1.1.1" + peerDependencies: + playwright: ">1.0.0" + checksum: 10c0/d035ef497ccce07086052fcfb2c633d1ca26e0593a90897b84d92e3d9c4696aa00631ecd8d85c6fdff6372b5aab48314075c97ab7e0bfc59314159d4db1e0ccc + languageName: node + linkType: hard + "axios@npm:^1.6.1": version: 1.6.8 resolution: "axios@npm:1.6.8" @@ -20247,6 +20289,17 @@ __metadata: languageName: node linkType: hard +"junit-report-builder@npm:^5.1.1": + version: 5.1.1 + resolution: "junit-report-builder@npm:5.1.1" + dependencies: + lodash: "npm:^4.17.21" + make-dir: "npm:^3.1.0" + xmlbuilder: "npm:^15.1.1" + checksum: 10c0/28a7c3d98719d5e4f213ad58ad2a068bfdb41ad8fa05c80aa74fcc6e215abb9c582a897a8fa0a59cb2a7fe2f32cf3f1c469c9d9f27386ab5d9c48362e365d851 + languageName: node + linkType: hard + "jwa@npm:^1.4.1": version: 1.4.1 resolution: "jwa@npm:1.4.1" @@ -20980,7 +21033,7 @@ __metadata: languageName: node linkType: hard -"make-dir@npm:^3.0.0, make-dir@npm:^3.0.2": +"make-dir@npm:^3.0.0, make-dir@npm:^3.0.2, make-dir@npm:^3.1.0": version: 3.1.0 resolution: "make-dir@npm:3.1.0" dependencies: @@ -23893,6 +23946,13 @@ __metadata: languageName: node linkType: hard +"picocolors@npm:^1.1.1": + version: 1.1.1 + resolution: "picocolors@npm:1.1.1" + checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58 + languageName: node + linkType: hard + "picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3, picomatch@npm:^2.3.1": version: 2.3.1 resolution: "picomatch@npm:2.3.1" @@ -24032,7 +24092,16 @@ __metadata: languageName: node linkType: hard -"playwright@npm:^1.14.0, playwright@npm:^1.45.3": +"playwright-core@npm:1.57.0": + version: 1.57.0 + resolution: "playwright-core@npm:1.57.0" + bin: + playwright-core: cli.js + checksum: 10c0/798e35d83bf48419a8c73de20bb94d68be5dde68de23f95d80a0ebe401e3b83e29e3e84aea7894d67fa6c79d2d3d40cc5bcde3e166f657ce50987aaa2421b6a9 + languageName: node + linkType: hard + +"playwright@npm:^1.14.0": version: 1.45.3 resolution: "playwright@npm:1.45.3" dependencies: @@ -24047,6 +24116,21 @@ __metadata: languageName: node linkType: hard +"playwright@npm:^1.45.3, playwright@npm:^1.57.0": + version: 1.57.0 + resolution: "playwright@npm:1.57.0" + dependencies: + fsevents: "npm:2.3.2" + playwright-core: "npm:1.57.0" + dependenciesMeta: + fsevents: + optional: true + bin: + playwright: cli.js + checksum: 10c0/ab03c99a67b835bdea9059f516ad3b6e42c21025f9adaa161a4ef6bc7ca716dcba476d287140bb240d06126eb23f889a8933b8f5f1f1a56b80659d92d1358899 + languageName: node + linkType: hard + "polished@npm:^4.2.2": version: 4.2.2 resolution: "polished@npm:4.2.2" @@ -29553,6 +29637,13 @@ __metadata: languageName: node linkType: hard +"xmlbuilder@npm:^15.1.1": + version: 15.1.1 + resolution: "xmlbuilder@npm:15.1.1" + checksum: 10c0/665266a8916498ff8d82b3d46d3993913477a254b98149ff7cff060d9b7cc0db7cf5a3dae99aed92355254a808c0e2e3ec74ad1b04aa1061bdb8dfbea26c18b8 + languageName: node + linkType: hard + "xmlchars@npm:^2.2.0": version: 2.2.0 resolution: "xmlchars@npm:2.2.0" From 97717d79d51bc906820ef5424e6f5d042756127d Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Wed, 10 Dec 2025 18:54:17 -0800 Subject: [PATCH 5/7] docs: Type check examples (#9299) * docs: Type check examples * fix some type errors * more typescript fixes * more typescript fixes * more typescript fixes * more typescript fixes * API bugs - will revert this one after API audit fixes are merged * more typescript fixes * more typescript fixes * more typescript fixes * more typescript fixes * final typescript fixes * Revert "API bugs - will revert this one after API audit fixes are merged" This reverts commit f7ec69e89de7e13418d6adc45bee8ae8daaac293. * RowProps types fix * remaining typescript fixes * cleanup types * cleanup types * fix SelectBoxGroupProps prop types * address review comments * homepage fixes * fix dnd types * fix merge * id required fix --------- Co-authored-by: Reid Barber --- Makefile | 2 +- .../@react-spectrum/s2/src/SelectBoxGroup.tsx | 5 +- packages/@react-spectrum/s2/src/TableView.tsx | 4 +- packages/dev/s2-docs/pages/WelcomeHeader.tsx | 1 + .../s2-docs/pages/react-aria/Autocomplete.mdx | 1 - .../s2-docs/pages/react-aria/ColorField.mdx | 10 +- .../dev/s2-docs/pages/react-aria/ComboBox.mdx | 15 +- .../s2-docs/pages/react-aria/DateField.mdx | 4 +- .../s2-docs/pages/react-aria/DatePicker.mdx | 4 +- .../pages/react-aria/DateRangePicker.mdx | 10 +- .../pages/react-aria/DraggableGridList.tsx | 2 +- .../pages/react-aria/DraggableListBox.tsx | 2 +- .../pages/react-aria/DraggableTable.tsx | 2 +- .../pages/react-aria/DraggableTree.tsx | 2 +- .../s2-docs/pages/react-aria/DropTarget.tsx | 2 +- .../dev/s2-docs/pages/react-aria/DropZone.mdx | 6 +- .../pages/react-aria/DroppableGridList.tsx | 2 +- .../pages/react-aria/DroppableListBox.tsx | 2 +- .../pages/react-aria/DroppableTable.tsx | 2 +- .../pages/react-aria/DroppableTree.tsx | 2 +- .../s2-docs/pages/react-aria/FileTrigger.mdx | 2 +- .../s2-docs/pages/react-aria/FocusScope.mdx | 4 +- .../dev/s2-docs/pages/react-aria/Form.mdx | 5 +- .../dev/s2-docs/pages/react-aria/GridList.mdx | 12 +- .../dev/s2-docs/pages/react-aria/ListBox.mdx | 4 +- .../dev/s2-docs/pages/react-aria/Menu.mdx | 7 +- .../pages/react-aria/PokemonGridList.tsx | 2 +- .../pages/react-aria/PokemonListBox.tsx | 2 +- .../s2-docs/pages/react-aria/PokemonTable.tsx | 2 +- .../s2-docs/pages/react-aria/PokemonTree.tsx | 4 +- .../dev/s2-docs/pages/react-aria/Popover.mdx | 1 - .../pages/react-aria/PortalProvider.mdx | 4 +- .../s2-docs/pages/react-aria/RadioGroup.mdx | 2 +- .../pages/react-aria/RangeCalendar.mdx | 2 - .../dev/s2-docs/pages/react-aria/Table.mdx | 8 +- .../s2-docs/pages/react-aria/TimeField.mdx | 2 +- .../dev/s2-docs/pages/react-aria/Toast.mdx | 4 +- .../pages/react-aria/ToggleButtonGroup.mdx | 8 +- .../dev/s2-docs/pages/react-aria/Tree.mdx | 7 +- .../s2-docs/pages/react-aria/Virtualizer.mdx | 14 +- .../pages/react-aria/blog/CalendarSystems.tsx | 4 +- .../blog/DragBetweenListsExample.tsx | 21 ++- .../react-aria/blog/SubmenuAnimation.tsx | 1 + .../blog/introducing-react-spectrum.mdx | 13 +- .../s2-docs/pages/react-aria/collections.mdx | 6 +- packages/dev/s2-docs/pages/react-aria/dnd.mdx | 45 +++--- .../examples/TabSelectionIndicator.tsx | 2 +- .../react-aria/examples/emoji-picker.mdx | 9 +- .../pages/react-aria/examples/ios-list.mdx | 10 +- .../pages/react-aria/examples/kanban.mdx | 2 +- .../react-aria/examples/ripple-button.mdx | 2 +- .../pages/react-aria/examples/sheet.mdx | 6 +- .../dev/s2-docs/pages/react-aria/forms.mdx | 11 +- .../s2-docs/pages/react-aria/selection.mdx | 35 +++-- .../s2-docs/pages/react-aria/useClipboard.mdx | 52 +++---- .../dev/s2-docs/pages/react-aria/useDrag.mdx | 12 +- .../dev/s2-docs/pages/react-aria/useDrop.mdx | 34 ++-- .../dev/s2-docs/pages/react-aria/useFocus.mdx | 2 +- .../pages/react-aria/useFocusWithin.mdx | 2 +- .../dev/s2-docs/pages/react-aria/useHover.mdx | 2 +- .../s2-docs/pages/react-aria/useKeyboard.mdx | 2 +- .../s2-docs/pages/react-aria/useLongPress.mdx | 2 +- .../dev/s2-docs/pages/react-aria/useMove.mdx | 2 +- .../dev/s2-docs/pages/react-aria/usePress.mdx | 2 +- packages/dev/s2-docs/pages/s2/ActionBar.mdx | 1 - .../dev/s2-docs/pages/s2/ActionButton.mdx | 1 - packages/dev/s2-docs/pages/s2/CardView.mdx | 24 ++- .../dev/s2-docs/pages/s2/CheckboxGroup.mdx | 2 +- packages/dev/s2-docs/pages/s2/ColorField.mdx | 8 +- packages/dev/s2-docs/pages/s2/ComboBox.mdx | 16 +- packages/dev/s2-docs/pages/s2/DateField.mdx | 4 +- packages/dev/s2-docs/pages/s2/DatePicker.mdx | 4 +- .../dev/s2-docs/pages/s2/DateRangePicker.mdx | 10 +- packages/dev/s2-docs/pages/s2/Dialog.mdx | 6 +- packages/dev/s2-docs/pages/s2/DropZone.mdx | 5 +- packages/dev/s2-docs/pages/s2/Form.mdx | 5 +- packages/dev/s2-docs/pages/s2/Menu.mdx | 2 +- packages/dev/s2-docs/pages/s2/RadioGroup.mdx | 2 +- .../dev/s2-docs/pages/s2/RangeCalendar.mdx | 3 +- .../dev/s2-docs/pages/s2/SegmentedControl.mdx | 4 +- .../dev/s2-docs/pages/s2/SelectBoxGroup.mdx | 6 +- packages/dev/s2-docs/pages/s2/Skeleton.mdx | 2 +- packages/dev/s2-docs/pages/s2/TableView.mdx | 14 +- packages/dev/s2-docs/pages/s2/TagGroup.mdx | 7 +- packages/dev/s2-docs/pages/s2/TimeField.mdx | 2 +- packages/dev/s2-docs/pages/s2/Toast.mdx | 2 +- packages/dev/s2-docs/pages/s2/Tooltip.mdx | 2 +- packages/dev/s2-docs/pages/s2/TreeView.mdx | 42 ++--- packages/dev/s2-docs/pages/s2/forms.mdx | 9 +- .../dev/s2-docs/pages/s2/home/DarkMode.tsx | 2 +- .../dev/s2-docs/pages/s2/home/ExampleApp.tsx | 2 +- .../dev/s2-docs/pages/s2/home/ExampleApp2.tsx | 3 +- packages/dev/s2-docs/pages/s2/home/Home.tsx | 60 +------ packages/dev/s2-docs/pages/s2/home/Mobile.tsx | 1 + .../s2-docs/pages/s2/home/ObjectStyles.tsx | 2 +- .../dev/s2-docs/pages/s2/home/Responsive.tsx | 6 +- packages/dev/s2-docs/pages/s2/home/States.tsx | 5 +- .../pages/s2/home/SubmenuAnimation.tsx | 30 +--- .../dev/s2-docs/pages/s2/home/Typography.tsx | 2 +- .../dev/s2-docs/pages/s2/home/app/Ideas.tsx | 1 - .../dev/s2-docs/pages/s2/home/app/Photos.tsx | 2 +- .../dev/s2-docs/pages/s2/home/app/Sidebar.tsx | 2 - packages/dev/s2-docs/pages/s2/selection.mdx | 42 +++-- packages/react-aria-components/src/index.ts | 2 +- packages/react-aria/src/index.ts | 2 +- scripts/extractExamplesS2.mjs | 147 ++++++++++++++++++ starters/docs/src/Calendar.tsx | 3 +- starters/docs/src/ColorField.tsx | 5 +- starters/docs/src/ComboBox.tsx | 6 +- starters/docs/src/Menu.tsx | 1 - starters/docs/src/Tree.tsx | 5 +- starters/tailwind/src/Popover.tsx | 4 +- starters/tailwind/src/Tree.tsx | 1 - 113 files changed, 555 insertions(+), 419 deletions(-) create mode 100644 scripts/extractExamplesS2.mjs diff --git a/Makefile b/Makefile index 9760379367b..d71155c5ca7 100644 --- a/Makefile +++ b/Makefile @@ -124,7 +124,7 @@ website-production: mv starters/tailwind/react-aria-tailwind-starter.zip dist/production/docs/react-aria-tailwind-starter.$$(git rev-parse --short HEAD).zip check-examples: - node scripts/extractExamples.mjs + node scripts/extractExamplesS2.mjs yarn tsc --project dist/docs-examples/tsconfig.json starter: diff --git a/packages/@react-spectrum/s2/src/SelectBoxGroup.tsx b/packages/@react-spectrum/s2/src/SelectBoxGroup.tsx index f3c0da4901c..19e421078da 100644 --- a/packages/@react-spectrum/s2/src/SelectBoxGroup.tsx +++ b/packages/@react-spectrum/s2/src/SelectBoxGroup.tsx @@ -21,6 +21,7 @@ import { Provider } from 'react-aria-components'; import {DOMRef, DOMRefValue, GlobalDOMAttributes, Key, Orientation} from '@react-types/shared'; +import {forwardRefType} from './types'; import {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'}; import {IllustrationContext} from '../src/Icon'; import {pressScale} from './pressScale'; @@ -33,7 +34,7 @@ export interface SelectBoxGroupProps extends StyleProps, Omit /** * The SelectBox elements contained within the SelectBoxGroup. */ - children: ReactNode, + children: ReactNode | ((item: T) => ReactNode), /** * The layout direction of the content in each SelectBox. * @default 'vertical' @@ -384,7 +385,7 @@ export function SelectBox(props: SelectBoxProps): ReactNode { /** * SelectBoxGroup allows users to select one or more options from a list. */ -export const SelectBoxGroup = /*#__PURE__*/ forwardRef(function SelectBoxGroup(props: SelectBoxGroupProps, ref: DOMRef) { +export const SelectBoxGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function SelectBoxGroup(props: SelectBoxGroupProps, ref: DOMRef) { [props, ref] = useSpectrumContextProps(props, ref, SelectBoxGroupContext); let { diff --git a/packages/@react-spectrum/s2/src/TableView.tsx b/packages/@react-spectrum/s2/src/TableView.tsx index 05dd53c7ee4..58a1ebc837b 100644 --- a/packages/@react-spectrum/s2/src/TableView.tsx +++ b/packages/@react-spectrum/s2/src/TableView.tsx @@ -58,7 +58,7 @@ import Chevron from '../ui-icons/Chevron'; import Close from '../s2wf-icons/S2_Icon_Close_20_N.svg'; import {ColumnSize} from '@react-types/table'; import {CustomDialog, DialogContainer} from '..'; -import {DOMProps, DOMRef, DOMRefValue, forwardRefType, GlobalDOMAttributes, LoadingState, Node} from '@react-types/shared'; +import {DOMProps, DOMRef, DOMRefValue, forwardRefType, GlobalDOMAttributes, LinkDOMProps, LoadingState, Node} from '@react-types/shared'; import {getActiveElement, getOwnerDocument, useLayoutEffect, useObjectRef} from '@react-aria/utils'; import {GridNode} from '@react-types/grid'; import {IconContext} from './Icon'; @@ -1446,7 +1446,7 @@ const row = style({ forcedColorAdjust: 'none' }); -export interface RowProps extends Pick, 'id' | 'columns' | 'children' | 'textValue' | 'dependencies' | keyof GlobalDOMAttributes> {} +export interface RowProps extends Pick, 'id' | 'columns' | 'isDisabled' | 'onAction' | 'children' | 'textValue' | 'dependencies' | keyof GlobalDOMAttributes>, LinkDOMProps {} /** * A row within a ``. diff --git a/packages/dev/s2-docs/pages/WelcomeHeader.tsx b/packages/dev/s2-docs/pages/WelcomeHeader.tsx index ef6be1a146c..d9228c53a2b 100644 --- a/packages/dev/s2-docs/pages/WelcomeHeader.tsx +++ b/packages/dev/s2-docs/pages/WelcomeHeader.tsx @@ -1,5 +1,6 @@ import {ProductCard, Content, Footer, Text, LinkButton} from '@react-spectrum/s2'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; +// @ts-ignore import {TAB_DEFS} from '../src/constants'; // @ts-ignore import url from 'url:../assets/wallpaper_collaborative_S2_desktop.webp'; diff --git a/packages/dev/s2-docs/pages/react-aria/Autocomplete.mdx b/packages/dev/s2-docs/pages/react-aria/Autocomplete.mdx index e417b2f2ddb..d214ba55e9f 100644 --- a/packages/dev/s2-docs/pages/react-aria/Autocomplete.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Autocomplete.mdx @@ -1081,7 +1081,6 @@ function AsyncLoadingExample() { return ( {/*- end highlight -*/} diff --git a/packages/dev/s2-docs/pages/react-aria/ColorField.mdx b/packages/dev/s2-docs/pages/react-aria/ColorField.mdx index d28cbd3aa7b..8b647b70c71 100644 --- a/packages/dev/s2-docs/pages/react-aria/ColorField.mdx +++ b/packages/dev/s2-docs/pages/react-aria/ColorField.mdx @@ -42,11 +42,11 @@ Use the `value` or `defaultValue` prop to set the color value, and `onChange` to ```tsx render "use client"; import {ColorField} from 'vanilla-starter/ColorField'; -import {parseColor} from 'react-aria-components'; +import {parseColor, type Color} from 'react-aria-components'; import {useState} from 'react'; function Example() { - let [value, setValue] = useState(parseColor('#e73623')); + let [value, setValue] = useState(parseColor('#e73623')); return (
@@ -68,11 +68,11 @@ By default, ColorField displays a hex value. Set the `colorSpace` and `channel` ```tsx render "use client"; import {ColorField} from 'vanilla-starter/ColorField'; -import {parseColor} from 'react-aria-components'; +import {parseColor, type Color} from 'react-aria-components'; import {useState} from 'react'; function Example() { - let [color, setColor] = useState(parseColor('#7f007f')); + let [color, setColor] = useState(parseColor('#7f007f')); return (
@@ -109,7 +109,7 @@ Use the `name` prop to submit the text value to the server. Set the `isRequired` ```tsx render "use client"; -import {ColorField, Button, Form} from 'vanilla-starter/ColorField'; +import {ColorField} from 'vanilla-starter/ColorField'; import {Button} from 'vanilla-starter/Button'; import {Form} from 'vanilla-starter/Form'; diff --git a/packages/dev/s2-docs/pages/react-aria/ComboBox.mdx b/packages/dev/s2-docs/pages/react-aria/ComboBox.mdx index 7b27c74ce35..47d0a9a1a83 100644 --- a/packages/dev/s2-docs/pages/react-aria/ComboBox.mdx +++ b/packages/dev/s2-docs/pages/react-aria/ComboBox.mdx @@ -113,12 +113,12 @@ Use the `defaultSelectedKey` or `selectedKey` prop to set the selected item. The ```tsx render "use client"; -import type {Key} from 'react-aria-components'; import {ComboBox, ComboBoxItem} from 'vanilla-starter/ComboBox'; import {useState} from 'react'; +import type {Key} from 'react-aria-components'; function Example() { - let [animal, setAnimal] = useState("bison"); + let [animal, setAnimal] = useState("bison"); return (
@@ -148,12 +148,11 @@ Use the `inputValue` or `defaultInputValue` prop to set the value of the input f ```tsx render wide docs={vanillaDocs.exports.ComboBox} links={vanillaDocs.links} props={['allowsCustomValue']} initialProps={{defaultSelectedKey: 'kangaroo'}} "use client"; -import type {Key} from 'react-aria-components'; import {ComboBox, ComboBoxItem} from 'vanilla-starter/ComboBox'; import {useState} from 'react'; function Example(props) { - let [value, setValue] = useState('Kangaroo'); + let [value, setValue] = useState('Kangaroo'); return (
@@ -204,15 +203,15 @@ function ControlledComboBox() { ]; /*- end collapse -*/ - let [fieldState, setFieldState] = useState({ + let [fieldState, setFieldState] = useState<{selectedKey: Key | null, inputValue: string}>({ selectedKey: null, inputValue: '' }); - let onSelectionChange = (id: Key) => { + let onSelectionChange = (id: Key | null) => { // Update inputValue when selectedKey changes. setFieldState({ - inputValue: options.find(o => o.id === id)?.name ?? '', + inputValue: id == null ? '' : options.find(o => o.id === id)?.name ?? '', selectedKey: id }); }; @@ -227,7 +226,7 @@ function ControlledComboBox() { return (
- (parseDate('2020-02-03')); let formatter = useDateFormatter({ dateStyle: 'full' }); return ( diff --git a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx index a39e259043c..b23fbfec205 100644 --- a/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx +++ b/packages/dev/s2-docs/pages/react-aria/DatePicker.mdx @@ -41,13 +41,13 @@ Use the `value` or `defaultValue` prop to set the date value, using objects in t ```tsx render "use client"; -import {parseDate, getLocalTimeZone} from '@internationalized/date'; +import {parseDate, getLocalTimeZone, type CalendarDate} from '@internationalized/date'; import {useDateFormatter} from 'react-aria'; import {DatePicker} from 'vanilla-starter/DatePicker'; import {useState} from 'react'; function Example() { - let [date, setDate] = useState(parseDate('2020-02-03')); + let [date, setDate] = useState(parseDate('2020-02-03')); let formatter = useDateFormatter({ dateStyle: 'full' }); return ( diff --git a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx index 05a418b7d4b..921220edb46 100644 --- a/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx +++ b/packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx @@ -41,13 +41,13 @@ Use the `value` or `defaultValue` prop to set the selected date range, using obj ```tsx render "use client"; -import {parseDate, getLocalTimeZone} from '@internationalized/date'; -import {useDateFormatter} from 'react-aria'; +import {parseDate, getLocalTimeZone, type CalendarDate} from '@internationalized/date'; +import {useDateFormatter, type RangeValue} from 'react-aria'; import {DateRangePicker} from 'vanilla-starter/DateRangePicker'; import {useState} from 'react'; function Example() { - let [range, setRange] = useState({ + let [range, setRange] = useState | null>({ start: parseDate('2025-02-03'), end: parseDate('2025-02-12') }); @@ -60,10 +60,10 @@ function Example() { value={range} onChange={setRange} /> {/*- end highlight -*/} -

Selected range: {formatter.formatRange( +

Selected range: {range ? formatter.formatRange( range.start.toDate(getLocalTimeZone()), range.end.toDate(getLocalTimeZone()) - )}

+ ) : '--'}

); } diff --git a/packages/dev/s2-docs/pages/react-aria/DraggableGridList.tsx b/packages/dev/s2-docs/pages/react-aria/DraggableGridList.tsx index 9ba596321c5..99e9a279e5f 100644 --- a/packages/dev/s2-docs/pages/react-aria/DraggableGridList.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DraggableGridList.tsx @@ -1,6 +1,6 @@ 'use client'; import {useDragAndDrop} from 'react-aria-components'; -import {PokemonGridList, Pokemon} from './PokemonGridList'; +import {PokemonGridList, type Pokemon} from './PokemonGridList'; export function DraggableGridList() { let {dragAndDropHooks} = useDragAndDrop({ diff --git a/packages/dev/s2-docs/pages/react-aria/DraggableListBox.tsx b/packages/dev/s2-docs/pages/react-aria/DraggableListBox.tsx index a7b1d797835..04a37b02f0b 100644 --- a/packages/dev/s2-docs/pages/react-aria/DraggableListBox.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DraggableListBox.tsx @@ -1,6 +1,6 @@ 'use client'; import {useDragAndDrop} from 'react-aria-components'; -import {PokemonListBox, Pokemon} from './PokemonListBox'; +import {PokemonListBox, type Pokemon} from './PokemonListBox'; export function DraggableListBox() { let {dragAndDropHooks} = useDragAndDrop({ diff --git a/packages/dev/s2-docs/pages/react-aria/DraggableTable.tsx b/packages/dev/s2-docs/pages/react-aria/DraggableTable.tsx index 4e6e782075b..510b0d005f7 100644 --- a/packages/dev/s2-docs/pages/react-aria/DraggableTable.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DraggableTable.tsx @@ -1,6 +1,6 @@ "use client"; import {useDragAndDrop} from 'react-aria-components'; -import {PokemonTable, Pokemon} from './PokemonTable'; +import {PokemonTable, type Pokemon} from './PokemonTable'; export function DraggableTable() { let {dragAndDropHooks} = useDragAndDrop({ diff --git a/packages/dev/s2-docs/pages/react-aria/DraggableTree.tsx b/packages/dev/s2-docs/pages/react-aria/DraggableTree.tsx index 56bca67426a..ce5e40774bb 100644 --- a/packages/dev/s2-docs/pages/react-aria/DraggableTree.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DraggableTree.tsx @@ -1,6 +1,6 @@ "use client"; import {useDragAndDrop} from 'react-aria-components'; -import {PokemonTree, Pokemon} from './PokemonTree'; +import {PokemonTree, type Pokemon} from './PokemonTree'; export function DraggableTree() { let {dragAndDropHooks} = useDragAndDrop({ diff --git a/packages/dev/s2-docs/pages/react-aria/DropTarget.tsx b/packages/dev/s2-docs/pages/react-aria/DropTarget.tsx index 826392568d0..dc6c5a2ba6d 100644 --- a/packages/dev/s2-docs/pages/react-aria/DropTarget.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DropTarget.tsx @@ -1,6 +1,6 @@ "use client"; -import React, {JSX, ReactNode} from 'react'; +import React, {ReactNode} from 'react'; import type {TextDropItem} from '@react-aria/dnd'; import {useDrop} from '@react-aria/dnd'; diff --git a/packages/dev/s2-docs/pages/react-aria/DropZone.mdx b/packages/dev/s2-docs/pages/react-aria/DropZone.mdx index 6abb5d188f6..44634a38340 100644 --- a/packages/dev/s2-docs/pages/react-aria/DropZone.mdx +++ b/packages/dev/s2-docs/pages/react-aria/DropZone.mdx @@ -18,9 +18,10 @@ export const description = 'An area into which one or multiple objects can be dr import {DropZone} from 'vanilla-starter/DropZone'; import {Text} from 'react-aria-components'; import {useState} from 'react'; + import React from 'react'; function Example() { - let [content, setContent] = useState(null); + let [content, setContent] = useState(null); return ( (null); return ( ([]); diff --git a/packages/dev/s2-docs/pages/react-aria/DroppableListBox.tsx b/packages/dev/s2-docs/pages/react-aria/DroppableListBox.tsx index 11101575f6b..5c54e9fa6cb 100644 --- a/packages/dev/s2-docs/pages/react-aria/DroppableListBox.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DroppableListBox.tsx @@ -1,7 +1,7 @@ 'use client'; import {useState} from 'react'; import {isTextDropItem, useDragAndDrop} from 'react-aria-components'; -import {PokemonListBox, Pokemon} from './PokemonListBox'; +import {PokemonListBox, type Pokemon} from './PokemonListBox'; export function DroppableListBox() { let [items, setItems] = useState([]); diff --git a/packages/dev/s2-docs/pages/react-aria/DroppableTable.tsx b/packages/dev/s2-docs/pages/react-aria/DroppableTable.tsx index 59dbb4ed124..e1939d57663 100644 --- a/packages/dev/s2-docs/pages/react-aria/DroppableTable.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DroppableTable.tsx @@ -1,7 +1,7 @@ 'use client'; import {isTextDropItem, useDragAndDrop} from 'react-aria-components'; import {useState} from 'react'; -import {PokemonTable, Pokemon} from './PokemonTable'; +import {PokemonTable, type Pokemon} from './PokemonTable'; export function DroppableTable() { let [items, setItems] = useState([]); diff --git a/packages/dev/s2-docs/pages/react-aria/DroppableTree.tsx b/packages/dev/s2-docs/pages/react-aria/DroppableTree.tsx index d62b9457748..4241bb02e6a 100644 --- a/packages/dev/s2-docs/pages/react-aria/DroppableTree.tsx +++ b/packages/dev/s2-docs/pages/react-aria/DroppableTree.tsx @@ -1,7 +1,7 @@ 'use client'; import {isTextDropItem, useDragAndDrop} from 'react-aria-components'; import {useState} from 'react'; -import {PokemonTree, Pokemon} from './PokemonTree'; +import {PokemonTree, type Pokemon} from './PokemonTree'; export function DroppableTree() { let [items, setItems] = useState([]); diff --git a/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx b/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx index 63941e546e9..b957935f4bc 100644 --- a/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx +++ b/packages/dev/s2-docs/pages/react-aria/FileTrigger.mdx @@ -19,7 +19,7 @@ import {Button} from 'vanilla-starter/Button'; import {useState} from 'react'; function Example(props) { - let [files, setFiles] = useState([]); + let [files, setFiles] = useState([]); return ( <> diff --git a/packages/dev/s2-docs/pages/react-aria/FocusScope.mdx b/packages/dev/s2-docs/pages/react-aria/FocusScope.mdx index aba6ee03e0f..565b300757f 100644 --- a/packages/dev/s2-docs/pages/react-aria/FocusScope.mdx +++ b/packages/dev/s2-docs/pages/react-aria/FocusScope.mdx @@ -95,10 +95,10 @@ function ToolbarButton(props) { let onKeyDown = (e) => { switch (e.key) { case 'ArrowRight': - focusManager.focusNext({wrap: true}); + focusManager?.focusNext({wrap: true}); break; case 'ArrowLeft': - focusManager.focusPrevious({wrap: true}); + focusManager?.focusPrevious({wrap: true}); break; } }; diff --git a/packages/dev/s2-docs/pages/react-aria/Form.mdx b/packages/dev/s2-docs/pages/react-aria/Form.mdx index 5972f0260d4..3442b109ac2 100644 --- a/packages/dev/s2-docs/pages/react-aria/Form.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Form.mdx @@ -83,12 +83,13 @@ import {Button} from 'vanilla-starter/Button'; event.preventDefault(); // Get data from form. - let formData = new FormData(event.target); + let form = event.target as HTMLFormElement; + let formData = new FormData(form); let name = formData.get('name'); alert(`Hello, ${name}!`); // Reset form after submission. - event.target.reset(); + form.reset(); }}> {/*- end highlight -*/} diff --git a/packages/dev/s2-docs/pages/react-aria/GridList.mdx b/packages/dev/s2-docs/pages/react-aria/GridList.mdx index 3f2747b9556..0e8ea1f2325 100644 --- a/packages/dev/s2-docs/pages/react-aria/GridList.mdx +++ b/packages/dev/s2-docs/pages/react-aria/GridList.mdx @@ -373,6 +373,16 @@ import {Collection, Text} from 'react-aria-components'; import {ProgressCircle} from 'vanilla-starter/ProgressCircle'; import {useAsyncList} from '@react-stately/data'; +type Item = { + id: string; + description?: string; + alt_description?: string; + urls: {regular: string}; + width: number; + height: number; + user: {name: string}; +}; + function AsyncLoadingExample() { let list = useAsyncList({ async load({signal, cursor, items}) { @@ -866,7 +876,7 @@ function Example() { ///- begin highlight -/// let {dragAndDropHooks} = useDragAndDrop({ - getItems: (keys) => [...keys].map(key => ({'text/plain': list.getItem(key).title})), + getItems: (keys, items: typeof list.items) => items.map(item => ({'text/plain': item.title})), onReorder(e) { if (e.target.dropPosition === 'before') { list.moveBefore(e.target.key, e.keys); diff --git a/packages/dev/s2-docs/pages/react-aria/ListBox.mdx b/packages/dev/s2-docs/pages/react-aria/ListBox.mdx index 05012e0f22a..07547ded718 100644 --- a/packages/dev/s2-docs/pages/react-aria/ListBox.mdx +++ b/packages/dev/s2-docs/pages/react-aria/ListBox.mdx @@ -218,7 +218,7 @@ import {ListBox, ListBoxItem} from 'react-aria-components'; ```tsx render hideImports "use client"; -import {ListBox, ListBoxItem} from 'react-aria-components'; +import {ListBox} from 'react-aria-components'; [...keys].map(key => ({'text/plain': list.getItem(key).name})), + getItems: (keys, items: typeof list.items) => items.map(item => ({'text/plain': item.name})), onReorder(e) { if (e.target.dropPosition === 'before') { list.moveBefore(e.target.key, e.keys); diff --git a/packages/dev/s2-docs/pages/react-aria/Menu.mdx b/packages/dev/s2-docs/pages/react-aria/Menu.mdx index 4d3d3418ae2..c6b840edf5e 100644 --- a/packages/dev/s2-docs/pages/react-aria/Menu.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Menu.mdx @@ -226,7 +226,7 @@ Wrap a `` with a `` to create a submenu. ```tsx render hideImports "use client"; -import {MenuTrigger, SubmenuTrigger, Menu, MenuItem, MenuSection} from 'vanilla-starter/Menu'; +import {MenuTrigger, SubmenuTrigger, Menu, MenuItem} from 'vanilla-starter/Menu'; import {Button} from 'vanilla-starter/Button'; @@ -261,7 +261,7 @@ Separators may be added between menu items or sections in order to create non-la ```tsx render hideImports "use client"; -import {MenuTrigger, Menu, MenuItem, MenuSection} from 'vanilla-starter/Menu'; +import {MenuTrigger, Menu, MenuItem} from 'vanilla-starter/Menu'; import {Separator} from 'react-aria-components'; import {Button} from 'vanilla-starter/Button'; @@ -289,7 +289,7 @@ Use the `href` prop on a `` to create a link. See the [framework setup ```tsx render hideImports "use client"; -import {MenuTrigger, Menu, MenuItem, MenuSection} from 'vanilla-starter/Menu'; +import {MenuTrigger, Menu, MenuItem} from 'vanilla-starter/Menu'; import {Button} from 'vanilla-starter/Button'; @@ -441,7 +441,6 @@ function Example() { "use client"; import {Pressable} from 'react-aria-components'; import {MenuTrigger, Menu, MenuItem} from 'vanilla-starter/Menu'; -import {Button} from 'vanilla-starter/Button'; {/*- begin highlight -*/} diff --git a/packages/dev/s2-docs/pages/react-aria/PokemonGridList.tsx b/packages/dev/s2-docs/pages/react-aria/PokemonGridList.tsx index d41fd63fd5f..058d3392dd5 100644 --- a/packages/dev/s2-docs/pages/react-aria/PokemonGridList.tsx +++ b/packages/dev/s2-docs/pages/react-aria/PokemonGridList.tsx @@ -6,7 +6,7 @@ export interface Pokemon { id: number, name: string, type: string, - level: number + level?: number } interface PokemonGridListProps { diff --git a/packages/dev/s2-docs/pages/react-aria/PokemonListBox.tsx b/packages/dev/s2-docs/pages/react-aria/PokemonListBox.tsx index fd8c3efe0af..6cca6476207 100644 --- a/packages/dev/s2-docs/pages/react-aria/PokemonListBox.tsx +++ b/packages/dev/s2-docs/pages/react-aria/PokemonListBox.tsx @@ -6,7 +6,7 @@ export interface Pokemon { id: number, name: string, type: string, - level: number + level?: number } interface PokemonListBoxProps { diff --git a/packages/dev/s2-docs/pages/react-aria/PokemonTable.tsx b/packages/dev/s2-docs/pages/react-aria/PokemonTable.tsx index a3c7d01ae5e..ad55f6d00d0 100644 --- a/packages/dev/s2-docs/pages/react-aria/PokemonTable.tsx +++ b/packages/dev/s2-docs/pages/react-aria/PokemonTable.tsx @@ -6,7 +6,7 @@ export interface Pokemon { id: number, name: string, type: string, - level: number + level?: number } interface PokemonTableProps { diff --git a/packages/dev/s2-docs/pages/react-aria/PokemonTree.tsx b/packages/dev/s2-docs/pages/react-aria/PokemonTree.tsx index 74c18d21b8c..724b5142373 100644 --- a/packages/dev/s2-docs/pages/react-aria/PokemonTree.tsx +++ b/packages/dev/s2-docs/pages/react-aria/PokemonTree.tsx @@ -6,7 +6,7 @@ export interface Pokemon { id: number, name: string, type: string, - level: number, + level?: number, children?: Pokemon[] } @@ -52,7 +52,7 @@ export function PokemonTree(props: PokemonTreeProps) { dragAndDropHooks={dragAndDropHooks}> {function renderItem(item: Pokemon) { return ( - {item.name} – {item.type}}> + {renderItem} diff --git a/packages/dev/s2-docs/pages/react-aria/Popover.mdx b/packages/dev/s2-docs/pages/react-aria/Popover.mdx index ddf7b728ce0..0a58cb5902a 100644 --- a/packages/dev/s2-docs/pages/react-aria/Popover.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Popover.mdx @@ -115,7 +115,6 @@ To position a popover relative to a different element than its trigger, use the "use client"; import {useState, useRef} from 'react'; import {Popover} from 'vanilla-starter/Popover'; -import {Heading} from 'react-aria-components'; import {Button} from 'vanilla-starter/Button'; function Example() { diff --git a/packages/dev/s2-docs/pages/react-aria/PortalProvider.mdx b/packages/dev/s2-docs/pages/react-aria/PortalProvider.mdx index 594d81030ae..a6ad23fa595 100644 --- a/packages/dev/s2-docs/pages/react-aria/PortalProvider.mdx +++ b/packages/dev/s2-docs/pages/react-aria/PortalProvider.mdx @@ -45,9 +45,9 @@ a detailed explanation of its implementation. 'use client'; import React from 'react'; import {Button} from 'vanilla-starter/Button'; -import {MyToastRegion} from './MyToastRegion.tsx' +import {MyToastRegion} from './MyToastRegion' import {UNSAFE_PortalProvider} from '@react-aria/overlays'; -import {UNSTABLE_ToastRegion as ToastRegion, UNSTABLE_Toast as Toast, UNSTABLE_ToastQueue as ToastQueue, UNSTABLE_ToastContent as ToastContent, Button, Text} from 'react-aria-components'; +import {UNSTABLE_ToastQueue as ToastQueue} from 'react-aria-components'; // Define the type for your toast content. interface MyToastContent { diff --git a/packages/dev/s2-docs/pages/react-aria/RadioGroup.mdx b/packages/dev/s2-docs/pages/react-aria/RadioGroup.mdx index 2c4363da3cf..a776c47b9a8 100644 --- a/packages/dev/s2-docs/pages/react-aria/RadioGroup.mdx +++ b/packages/dev/s2-docs/pages/react-aria/RadioGroup.mdx @@ -52,7 +52,7 @@ import {RadioGroup, Radio} from 'vanilla-starter/RadioGroup'; import {useState} from 'react'; function Example() { - let [selected, setSelected] = useState(null); + let [selected, setSelected] = useState(null); return ( <> diff --git a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx index 16e1aa4251b..bead2451c0d 100644 --- a/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx +++ b/packages/dev/s2-docs/pages/react-aria/RangeCalendar.mdx @@ -161,12 +161,10 @@ Use the `minValue` and `maxValue` props to set the valid date range. The `isDate ```tsx render docs={vanillaDocs.exports.RangeCalendar} links={docs.links} props={['allowsNonContiguousRanges']} wide "use client"; import {today, getLocalTimeZone} from '@internationalized/date'; -import {useLocale} from 'react-aria-components'; import {RangeCalendar} from 'vanilla-starter/RangeCalendar'; import {useState} from 'react'; function Example(props) { - let {locale} = useLocale(); let now = today(getLocalTimeZone()); let [range, setRange] = useState({ start: now.add({days: 6}), diff --git a/packages/dev/s2-docs/pages/react-aria/Table.mdx b/packages/dev/s2-docs/pages/react-aria/Table.mdx index fdf2d05e499..44223a23267 100644 --- a/packages/dev/s2-docs/pages/react-aria/Table.mdx +++ b/packages/dev/s2-docs/pages/react-aria/Table.mdx @@ -299,7 +299,7 @@ import {Table, TableHeader, Column, Row, TableBody, Cell} from 'vanilla-starter/ ```tsx render hideImports "use client"; -import {Table, TableHeader, Column, Row, TableBody, Cell} from 'vanilla-starter/Table'; +import {Table, TableHeader, Column, TableBody} from 'vanilla-starter/Table';
@@ -506,7 +506,7 @@ const columns = [ ]; ///- end collapse -/// -const initialWidths = new Map([ +const initialWidths = new Map([ ['file', '1fr'], ['size', 80], ['date', 100] @@ -604,8 +604,8 @@ function ReorderableTable() { ///- begin highlight -/// let {dragAndDropHooks} = useDragAndDrop({ - getItems: (keys) => [...keys].map(key => ({ - 'text/plain': list.getItem(key).name + getItems: (keys, items: typeof list.items) => items.map(item => ({ + 'text/plain': item.name })), onReorder(e) { if (e.target.dropPosition === 'before') { diff --git a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx index 548d9e10463..942497d8fb8 100644 --- a/packages/dev/s2-docs/pages/react-aria/TimeField.mdx +++ b/packages/dev/s2-docs/pages/react-aria/TimeField.mdx @@ -46,7 +46,7 @@ import {TimeField} from 'vanilla-starter/TimeField'; import {useState} from 'react'; function Example() { - let [time, setTime] = useState(new Time(11, 45)); + let [time, setTime] = useState
+ {(selectedKeys === 'all' || selectedKeys.size > 0) && ( +
+ +
+ )}

selectedKeys: {selectedKeys === 'all' ? 'all' : [...selectedKeys].join(', ')}

); @@ -532,9 +538,9 @@ function SelectableItem({id, children}) { - Home - Getting Started - Components + Home + Getting Started + Components ``` @@ -608,13 +614,11 @@ import {Tree, TreeItem} from 'vanilla-starter/Tree'; ```tsx render wide docs={docs.exports.Table} links={docs.links} props={['selectionBehavior']} "use client"; import {Table, TableHeader, Column, Row, TableBody, Cell} from 'vanilla-starter/Table'; -import {useState} from 'react'; + /* PROPS */> Name Type @@ -730,7 +734,6 @@ const files = [ ```tsx render wide docs={docs.exports.Table} links={docs.links} props={['selectionBehavior']} "use client"; import {Table, TableHeader, Column, Row, TableBody, Cell} from 'vanilla-starter/Table'; -import {useState} from 'react'; ///- begin collapse -/// const files = [ @@ -971,8 +974,16 @@ const items = [ import {Tree, TreeItem} from 'vanilla-starter/Tree'; import {Collection} from 'react-aria-components'; +type Pokemon = { + id: number; + name: string; + type: string; + level: number; + children?: Pokemon[]; +}; + ///- begin collapse -/// -let items = [ +let items: Pokemon[] = [ {id: 1, name: 'Bulbasaur', type: 'Grass', level: 14, children: [ {id: 2, name: 'Ivysaur', type: 'Grass', level: 30, children: [ {id: 3, name: 'Venusaur', type: 'Grass', level: 83} diff --git a/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx b/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx index 5369a167ea2..fbbdd8d3a29 100644 --- a/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useClipboard.mdx @@ -57,15 +57,13 @@ function Copyable() { } function Pasteable() { - let [pasted, setPasted] = React.useState(null); + let [pasted, setPasted] = React.useState(null); let {clipboardProps} = useClipboard({ async onPaste(items) { let pasted = await Promise.all( items - .filter((item) => - item.kind === 'text' && item.types.has('text/plain') - ) - .map((item: TextDropItem) => item.getText('text/plain')) + .filter((item): item is TextDropItem => item.kind === 'text' && item.types.has('text/plain')) + .map((item) => item.getText('text/plain')) ); setPasted(pasted.join('\n')); } @@ -98,6 +96,7 @@ This example copies two items, each of which contains representations as plain t ```tsx render 'use client'; import React from 'react'; +import type {TextDropItem} from 'react-aria'; import {useClipboard} from 'react-aria'; function Copyable() { @@ -134,13 +133,13 @@ function Copyable() { ///- begin collapse -/// function Pasteable() { - let [pasted, setPasted] = React.useState(null); + let [pasted, setPasted] = React.useState(null); let {clipboardProps} = useClipboard({ async onPaste(items) { let pasted = await Promise.all( items - .filter(item => item.kind === 'text' && (item.types.has('text/plain') || item.types.has('my-app-custom-type'))) - .map(async (item: TextDropItem) => { + .filter((item): item is TextDropItem => item.kind === 'text' && (item.types.has('text/plain') || item.types.has('my-app-custom-type'))) + .map(async (item) => { if (item.types.has('my-app-custom-type')) { return JSON.parse(await item.getText('my-app-custom-type')); } else { @@ -152,16 +151,16 @@ function Pasteable() { } }); - let message = ['Paste here']; - if (pasted) { - message = pasted.map(d => { + let message: React.ReactElement[] = [
Paste here
]; + if (pasted && Array.isArray(pasted)) { + message = pasted.map((d, i) => { let message = d.message; if (d.style === 'bold') { message = {message}; } else if (d.style === 'italic') { message = {message}; } - return
{message}
; + return
{message}
; }); } @@ -197,6 +196,7 @@ The example below works with the above `Copyable` example using a custom app-spe ```tsx render 'use client'; import React from 'react'; +import type {TextDropItem} from 'react-aria'; import {useClipboard} from 'react-aria'; ///- begin collapse -/// @@ -234,13 +234,13 @@ function Copyable() { ///- end collapse -/// function Pasteable() { - let [pasted, setPasted] = React.useState(null); + let [pasted, setPasted] = React.useState(null); let {clipboardProps} = useClipboard({ async onPaste(items) { let pasted = await Promise.all( items - .filter(item => item.kind === 'text' && (item.types.has('text/plain') || item.types.has('my-app-custom-type'))) - .map(async (item: TextDropItem) => { + .filter((item): item is TextDropItem => item.kind === 'text' && (item.types.has('text/plain') || item.types.has('my-app-custom-type'))) + .map(async (item) => { if (item.types.has('my-app-custom-type')) { return JSON.parse(await item.getText('my-app-custom-type')); } else { @@ -252,16 +252,16 @@ function Pasteable() { } }); - let message = ['Paste here']; - if (pasted) { - message = pasted.map(d => { + let message: React.ReactElement[] = [
Paste here
]; + if (pasted && Array.isArray(pasted)) { + message = pasted.map((d, i) => { let message = d.message; if (d.style === 'bold') { message = {message}; } else if (d.style === 'italic') { message = {message}; } - return
{message}
; + return
{message}
; }); } @@ -290,7 +290,7 @@ import {useClipboard} from 'react-aria'; import type {FileDropItem} from 'react-aria'; function Pasteable() { - let [file, setFile] = React.useState(null); + let [file, setFile] = React.useState(null); let {clipboardProps} = useClipboard({ async onPaste(items) { let item = items.find(item => item.kind === 'file' && (item.type === 'image/jpeg' || item.type === 'image/png')) as FileDropItem; @@ -320,14 +320,14 @@ import Folder from '@react-spectrum/s2/icons/Folder'; import './useClipboardGrid.css'; function Pasteable() { - let [files, setFiles] = React.useState(null); + let [files, setFiles] = React.useState | null>(null); let {clipboardProps} = useClipboard({ async onPaste(items) { // Find the first dropped item that is a directory. let dir = items.find(item => item.kind === 'directory') as DirectoryDropItem; if (dir) { // Read entries in directory and update state with relevant info. - let files = []; + let files: Array<{name: string, kind: 'file' | 'directory'}> = []; for await (let entry of dir.getEntries()) { files.push({ name: entry.name, @@ -385,15 +385,13 @@ function Copyable() { ); } function Pasteable() { - let [pasted, setPasted] = React.useState(null); + let [pasted, setPasted] = React.useState(null); let {clipboardProps} = useClipboard({ async onPaste(items) { let pasted = await Promise.all( items - .filter((item) => - item.kind === 'text' && item.types.has('text/plain') - ) - .map((item: TextDropItem) => item.getText('text/plain')) + .filter((item): item is TextDropItem => item.kind === 'text' && item.types.has('text/plain')) + .map((item) => item.getText('text/plain')) ); setPasted(pasted.join('\n')); }, diff --git a/packages/dev/s2-docs/pages/react-aria/useDrag.mdx b/packages/dev/s2-docs/pages/react-aria/useDrag.mdx index 61b3a4bafb7..54395efda59 100644 --- a/packages/dev/s2-docs/pages/react-aria/useDrag.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useDrag.mdx @@ -35,7 +35,7 @@ This example shows how to make a simple draggable element that provides data as ```tsx render files={["packages/dev/s2-docs/pages/react-aria/DropTarget.tsx", "packages/dev/s2-docs/pages/react-aria/useDragExample.css"]} "use client"; import {useDrag} from 'react-aria'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; import './useDragExample.css'; import 'vanilla-starter/theme.css'; @@ -69,7 +69,7 @@ This example drags two items, each of which contains representations as plain te ```tsx render "use client"; import {useDrag} from 'react-aria'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; function Draggable() { let {dragProps, isDragging} = useDrag({ @@ -115,7 +115,7 @@ This example renders a custom drag preview which shows the text of the first dra "use client"; import React from 'react'; import {useDrag} from 'react-aria'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; import {DragPreview} from 'react-aria'; function Draggable() { @@ -162,7 +162,7 @@ This example removes the draggable element from the UI when a move operation is "use client" import React from 'react'; import {useDrag} from 'react-aria'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; function Draggable() { let [moved, setMoved] = React.useState(false); @@ -205,7 +205,7 @@ The drag source can also control which drop operations are allowed for the data. ```tsx render "use client"; import {useDrag} from 'react-aria'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; function Draggable() { let {dragProps, isDragging} = useDrag({ @@ -247,7 +247,7 @@ When the `hasDragButton` option is enabled, the keyboard interactions are moved import React from 'react'; import {useDrag} from 'react-aria'; import {useButton} from '@react-aria/button'; -import {DropTarget} from './DropTarget.tsx'; +import {DropTarget} from './DropTarget'; function Draggable() { let {dragProps, dragButtonProps, isDragging} = useDrag({ diff --git a/packages/dev/s2-docs/pages/react-aria/useDrop.mdx b/packages/dev/s2-docs/pages/react-aria/useDrop.mdx index 4bf58340f1d..707747710de 100644 --- a/packages/dev/s2-docs/pages/react-aria/useDrop.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useDrop.mdx @@ -37,20 +37,20 @@ This example shows how to make a simple drop target that accepts plain text data import React from 'react'; import type {TextDropItem} from 'react-aria'; import {useDrop} from 'react-aria'; -import {Draggable} from './Draggable.tsx'; +import {Draggable} from './Draggable'; import './useDragExample.css'; import 'vanilla-starter/theme.css'; function DropTarget() { - let [dropped, setDropped] = React.useState(null); + let [dropped, setDropped] = React.useState(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, async onDrop(e) { let items = await Promise.all( e.items - .filter(item => item.kind === 'text' && item.types.has('text/plain')) - .map((item: TextDropItem) => item.getText('text/plain')) + .filter((item): item is TextDropItem => item.kind === 'text' && item.types.has('text/plain')) + .map((item) => item.getText('text/plain')) ); setDropped(items.join('\n')); } @@ -81,11 +81,12 @@ The example below finds the first available item that includes a custom app-spec ```tsx render 'use client'; import React from 'react'; +import type {TextDropItem} from 'react-aria'; import {useDrop} from 'react-aria'; -import {Draggable} from './Draggable.tsx'; +import {Draggable} from './Draggable'; function DropTarget() { - let [dropped, setDropped] = React.useState(null); + let [dropped, setDropped] = React.useState(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, @@ -124,7 +125,7 @@ import React from 'react'; import type {FileDropItem} from 'react-aria'; import {useDrop} from 'react-aria'; function DropTarget() { - let [file, setFile] = React.useState(null); + let [file, setFile] = React.useState(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, @@ -160,7 +161,7 @@ import {useDrop} from 'react-aria'; import './useClipboardGrid.css'; function DropTarget() { - let [files, setFiles] = React.useState(null); + let [files, setFiles] = React.useState | null>(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, @@ -170,7 +171,7 @@ function DropTarget() { let dir = e.items.find(item => item.kind === 'directory') as DirectoryDropItem; if (dir) { // Read entries in directory and update state with relevant info. - let files = []; + let files: Array<{name: string, kind: 'file' | 'directory'}> = []; for await (let entry of dir.getEntries()) { files.push({ name: entry.name, @@ -225,8 +226,9 @@ In the below example, the drop target only supports dropping PNG images. If a PN 'use client'; import React from 'react'; import {useDrop} from 'react-aria'; +import type {FileDropItem} from 'react-aria'; function DropTarget() { - let [file, setFile] = React.useState(null); + let [file, setFile] = React.useState(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, @@ -294,10 +296,10 @@ This example logs all events that occur within the drop target: 'use client'; import React from 'react'; import {useDrop} from 'react-aria'; -import {Draggable} from './Draggable.tsx'; +import {Draggable} from './Draggable'; function DropTarget() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let onEvent = e => setEvents(events => [JSON.stringify(e), ...events]); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ @@ -327,18 +329,18 @@ If you need to temporarily disable dropping, you can pass the `isDisabled` optio import React from 'react'; import type {TextDropItem} from 'react-aria'; import {useDrop} from 'react-aria'; -import {Draggable} from './Draggable.tsx'; +import {Draggable} from './Draggable'; function DropTarget() { - let [dropped, setDropped] = React.useState(null); + let [dropped, setDropped] = React.useState(null); let ref = React.useRef(null); let {dropProps, isDropTarget} = useDrop({ ref, async onDrop(e) { let items = await Promise.all( e.items - .filter(item => item.kind === 'text' && item.types.has('text/plain')) - .map((item: TextDropItem) => item.getText('text/plain')) + .filter((item): item is TextDropItem => item.kind === 'text' && item.types.has('text/plain')) + .map((item) => item.getText('text/plain')) ); setDropped(items.join('\n')); }, diff --git a/packages/dev/s2-docs/pages/react-aria/useFocus.mdx b/packages/dev/s2-docs/pages/react-aria/useFocus.mdx index 8dbd617292e..c79040de912 100644 --- a/packages/dev/s2-docs/pages/react-aria/useFocus.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useFocus.mdx @@ -26,7 +26,7 @@ import React from 'react'; import {useFocus} from 'react-aria'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let {focusProps} = useFocus({ onFocus: e => setEvents( events => [...events, 'focus'] diff --git a/packages/dev/s2-docs/pages/react-aria/useFocusWithin.mdx b/packages/dev/s2-docs/pages/react-aria/useFocusWithin.mdx index b41f8cc6ede..4dbd96dc14f 100644 --- a/packages/dev/s2-docs/pages/react-aria/useFocusWithin.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useFocusWithin.mdx @@ -25,7 +25,7 @@ import React from 'react'; import {useFocusWithin} from 'react-aria'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let [isFocusWithin, setFocusWithin] = React.useState(false); let {focusWithinProps} = useFocusWithin({ onFocusWithin: e => setEvents( diff --git a/packages/dev/s2-docs/pages/react-aria/useHover.mdx b/packages/dev/s2-docs/pages/react-aria/useHover.mdx index a10a778125d..2327dcb5d40 100644 --- a/packages/dev/s2-docs/pages/react-aria/useHover.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useHover.mdx @@ -28,7 +28,7 @@ import React from 'react'; import {useHover} from 'react-aria'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let {hoverProps, isHovered} = useHover({ onHoverStart: e => setEvents( events => [...events, `hover start with ${e.pointerType}`] diff --git a/packages/dev/s2-docs/pages/react-aria/useKeyboard.mdx b/packages/dev/s2-docs/pages/react-aria/useKeyboard.mdx index d11507d71af..6e484cdc4fa 100644 --- a/packages/dev/s2-docs/pages/react-aria/useKeyboard.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useKeyboard.mdx @@ -25,7 +25,7 @@ import React from 'react'; import {useKeyboard} from 'react-aria'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let {keyboardProps} = useKeyboard({ onKeyDown: e => setEvents( events => [`key down: ${e.key}`, ...events] diff --git a/packages/dev/s2-docs/pages/react-aria/useLongPress.mdx b/packages/dev/s2-docs/pages/react-aria/useLongPress.mdx index 15379daa8cb..18f05f1d814 100644 --- a/packages/dev/s2-docs/pages/react-aria/useLongPress.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useLongPress.mdx @@ -29,7 +29,7 @@ import {mergeProps} from 'react-aria'; import {useLongPress, usePress} from '@react-aria/interactions'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let [mode, setMode] = React.useState('Activate'); /*- begin focus -*/ diff --git a/packages/dev/s2-docs/pages/react-aria/useMove.mdx b/packages/dev/s2-docs/pages/react-aria/useMove.mdx index 28a7b67373f..c32d09c9f8a 100644 --- a/packages/dev/s2-docs/pages/react-aria/useMove.mdx +++ b/packages/dev/s2-docs/pages/react-aria/useMove.mdx @@ -29,7 +29,7 @@ function Example() { const CONTAINER_SIZE = 200; const BALL_SIZE = 30; - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let [color, setColor] = React.useState('black'); let [position, setPosition] = React.useState({ x: 0, diff --git a/packages/dev/s2-docs/pages/react-aria/usePress.mdx b/packages/dev/s2-docs/pages/react-aria/usePress.mdx index 4d34195ee7b..8de0ca95b44 100644 --- a/packages/dev/s2-docs/pages/react-aria/usePress.mdx +++ b/packages/dev/s2-docs/pages/react-aria/usePress.mdx @@ -26,7 +26,7 @@ import React from 'react'; import {usePress} from 'react-aria'; function Example() { - let [events, setEvents] = React.useState([]); + let [events, setEvents] = React.useState([]); let {pressProps, isPressed} = usePress({ onPressStart: e => setEvents( events => [...events, `press start with ${e.pointerType}`] diff --git a/packages/dev/s2-docs/pages/s2/ActionBar.mdx b/packages/dev/s2-docs/pages/s2/ActionBar.mdx index cb258e6b89a..700fc82a8fc 100644 --- a/packages/dev/s2-docs/pages/s2/ActionBar.mdx +++ b/packages/dev/s2-docs/pages/s2/ActionBar.mdx @@ -16,7 +16,6 @@ import {ActionBar, ActionButton, TableView, TableHeader, TableBody, Column, Row, import Edit from '@react-spectrum/s2/icons/Edit'; import Copy from '@react-spectrum/s2/icons/Copy'; import Delete from '@react-spectrum/s2/icons/Delete'; -import {useState} from 'react'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; let rows = [ diff --git a/packages/dev/s2-docs/pages/s2/ActionButton.mdx b/packages/dev/s2-docs/pages/s2/ActionButton.mdx index 5d33be3e19b..8e8d6102907 100644 --- a/packages/dev/s2-docs/pages/s2/ActionButton.mdx +++ b/packages/dev/s2-docs/pages/s2/ActionButton.mdx @@ -56,7 +56,6 @@ function PendingButton() { return ( ({ async load({signal, cursor, items}) { @@ -428,12 +438,11 @@ export default function Example(props) { layout="waterfall" ///- begin highlight -/// loadingState={loadingState} - onLoadMore={list.loadMore} - ///- end highlight -/// onLoadMore={props.loadingState ? undefined : list.loadMore} + ///- end highlight -/// styles={style({width: 'full', height: 500})}> - {item => } + {item => } {(loadingState === 'loading' || loadingState === 'loadingMore') && ( /*- begin highlight -*/ @@ -442,14 +451,15 @@ export default function Example(props) { {() => ( + }} + layout={props.layout || 'waterfall'} /> )} )} @@ -475,7 +485,7 @@ function PhotoCard({item, layout}: {item: Item, layout: string}) { {item.description || item.alt_description}
- + {item.user.name}
diff --git a/packages/dev/s2-docs/pages/s2/CheckboxGroup.mdx b/packages/dev/s2-docs/pages/s2/CheckboxGroup.mdx index 0857cee6559..cab2905c377 100644 --- a/packages/dev/s2-docs/pages/s2/CheckboxGroup.mdx +++ b/packages/dev/s2-docs/pages/s2/CheckboxGroup.mdx @@ -82,7 +82,7 @@ import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; Cookie policy {/*- end highlight -*/} - + ``` diff --git a/packages/dev/s2-docs/pages/s2/ColorField.mdx b/packages/dev/s2-docs/pages/s2/ColorField.mdx index 498e12ad3bf..c1fccda1487 100644 --- a/packages/dev/s2-docs/pages/s2/ColorField.mdx +++ b/packages/dev/s2-docs/pages/s2/ColorField.mdx @@ -26,13 +26,13 @@ Use the `value` or `defaultValue` prop to set the color value, and `onChange` to ```tsx render "use client"; -import {ColorField} from '@react-spectrum/s2'; +import {ColorField, type Color} from '@react-spectrum/s2'; import {useState} from 'react'; import {parseColor} from '@react-stately/color'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; function Example() { - let [value, setValue] = useState(parseColor('#e73623')); + let [value, setValue] = useState(parseColor('#e73623')); return (
@@ -53,12 +53,12 @@ By default, ColorField displays a hex value. Set the `colorSpace` and `channel` ```tsx render "use client"; -import {ColorField, parseColor} from '@react-spectrum/s2'; +import {ColorField, parseColor, type Color} from '@react-spectrum/s2'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; import {useState} from 'react'; function Example() { - let [color, setColor] = useState(parseColor('#7f007f')); + let [color, setColor] = useState(parseColor('#7f007f')); return (
diff --git a/packages/dev/s2-docs/pages/s2/ComboBox.mdx b/packages/dev/s2-docs/pages/s2/ComboBox.mdx index c9885b0bfb7..7c9ad5d75b3 100644 --- a/packages/dev/s2-docs/pages/s2/ComboBox.mdx +++ b/packages/dev/s2-docs/pages/s2/ComboBox.mdx @@ -49,7 +49,7 @@ function Example() { return ( /*- begin highlight -*/ - + {(item) => {item.name}} /*- end highlight -*/ @@ -158,8 +158,12 @@ Use the `loadingState` and `onLoadMore` props to enable async loading and infini "use client"; import {ComboBox, ComboBoxItem, useAsyncList} from '@react-spectrum/s2'; +interface Character { + name: string +} + function Example() { - let list = useAsyncList({ + let list = useAsyncList({ async load({signal, cursor, filterText}) { if (cursor) { cursor = cursor.replace(/^http:\/\//i, 'https://'); @@ -254,7 +258,7 @@ import {ComboBox, ComboBoxItem, type Key} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [animal, setAnimal] = useState("bison"); + let [animal, setAnimal] = useState("bison"); return (
@@ -339,15 +343,15 @@ function ControlledComboBox() { ]; /*- end collapse -*/ - let [fieldState, setFieldState] = useState({ + let [fieldState, setFieldState] = useState<{selectedKey: Key | null, inputValue: string}>({ selectedKey: null, inputValue: '' }); - let onSelectionChange = (id: Key) => { + let onSelectionChange = (id: Key | null) => { // Update inputValue when selectedKey changes. setFieldState({ - inputValue: options.find(o => o.id === id)?.name ?? '', + inputValue: id ? (options.find(o => o.id === id)?.name ?? '') : '', selectedKey: id }); }; diff --git a/packages/dev/s2-docs/pages/s2/DateField.mdx b/packages/dev/s2-docs/pages/s2/DateField.mdx index 9a966c8362f..42568881460 100644 --- a/packages/dev/s2-docs/pages/s2/DateField.mdx +++ b/packages/dev/s2-docs/pages/s2/DateField.mdx @@ -25,13 +25,13 @@ Use the `value` or `defaultValue` prop to set the date value, using objects in t ```tsx render "use client"; -import {parseDate, getLocalTimeZone} from '@internationalized/date'; +import {parseDate, getLocalTimeZone, CalendarDate} from '@internationalized/date'; import {useDateFormatter} from 'react-aria'; import {DateField} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [date, setDate] = useState(parseDate('2020-02-03')); + let [date, setDate] = useState(parseDate('2020-02-03')); let formatter = useDateFormatter({ dateStyle: 'full' }); return ( diff --git a/packages/dev/s2-docs/pages/s2/DatePicker.mdx b/packages/dev/s2-docs/pages/s2/DatePicker.mdx index 747569f160a..a4f06c9e831 100644 --- a/packages/dev/s2-docs/pages/s2/DatePicker.mdx +++ b/packages/dev/s2-docs/pages/s2/DatePicker.mdx @@ -25,13 +25,13 @@ Use the `value` or `defaultValue` prop to set the date value, using objects in t ```tsx render "use client"; -import {parseDate, getLocalTimeZone} from '@internationalized/date'; +import {parseDate, getLocalTimeZone, CalendarDate} from '@internationalized/date'; import {useDateFormatter} from 'react-aria'; import {DatePicker} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [date, setDate] = useState(parseDate('2020-02-03')); + let [date, setDate] = useState(parseDate('2020-02-03')); let formatter = useDateFormatter({ dateStyle: 'full' }); return ( diff --git a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx index 72966a7652e..88e89e3d60a 100644 --- a/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx +++ b/packages/dev/s2-docs/pages/s2/DateRangePicker.mdx @@ -31,13 +31,13 @@ Use the `value` or `defaultValue` prop to set the selected date range, using obj ```tsx render "use client"; -import {parseDate, getLocalTimeZone} from '@internationalized/date'; -import {useDateFormatter} from 'react-aria'; +import {parseDate, getLocalTimeZone, type CalendarDate} from '@internationalized/date'; +import {useDateFormatter, type RangeValue} from 'react-aria'; import {DateRangePicker} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [range, setRange] = useState({ + let [range, setRange] = useState | null>({ start: parseDate('2025-02-03'), end: parseDate('2025-02-12') }); @@ -50,10 +50,10 @@ function Example() { value={range} onChange={setRange} /> {/*- end highlight -*/} -

Selected range: {formatter.formatRange( +

Selected range: {range ? formatter.formatRange( range.start.toDate(getLocalTimeZone()), range.end.toDate(getLocalTimeZone()) - )}

+ ) : '--'}

); } diff --git a/packages/dev/s2-docs/pages/s2/Dialog.mdx b/packages/dev/s2-docs/pages/s2/Dialog.mdx index fa45509b9c3..d3334a52ced 100644 --- a/packages/dev/s2-docs/pages/s2/Dialog.mdx +++ b/packages/dev/s2-docs/pages/s2/Dialog.mdx @@ -62,7 +62,7 @@ Use `Dialog` for standard dialog layouts. It supports `Image`, `Heading`, `Heade ```tsx render docs={docs.exports.Dialog} links={docs.links} props={['size', 'isDismissible']} type="s2" "use client"; -import {Dialog, DialogTrigger, Button, ButtonGroup, Heading, Header, Content, Footer, Checkbox, Image, Form, TextField} from '@react-spectrum/s2'; +import {Dialog, DialogTrigger, Button, ButtonGroup, Heading, Header, Content, Footer, Checkbox, Image} from '@react-spectrum/s2'; import heroImage from 'url:./assets/preview.png'; function Example(props) { @@ -191,11 +191,11 @@ Use `DialogContainer` to show a dialog programmatically or mount in a different ```tsx render "use client"; -import {DialogContainer, Dialog, Button, ButtonGroup, Heading, Content, ActionMenu, MenuItem} from '@react-spectrum/s2'; +import {DialogContainer, Dialog, Button, ButtonGroup, Heading, Content, ActionMenu, MenuItem, type Key} from '@react-spectrum/s2'; import {useState} from 'react'; function DialogContainerExample() { - let [dialogType, setDialogType] = useState(null); + let [dialogType, setDialogType] = useState(null); return ( <> diff --git a/packages/dev/s2-docs/pages/s2/DropZone.mdx b/packages/dev/s2-docs/pages/s2/DropZone.mdx index 04d5f469f18..ac30dfa1a56 100644 --- a/packages/dev/s2-docs/pages/s2/DropZone.mdx +++ b/packages/dev/s2-docs/pages/s2/DropZone.mdx @@ -13,12 +13,12 @@ export const description = 'An area into which one or multiple objects can be dr ```tsx render type="s2" docs={docs.exports.DropZone} links={docs.links} props={['size', 'replaceMessage']} wide "use client"; import {DropZone, IllustratedMessage, Heading, Content, ButtonGroup, Button, FileTrigger} from '@react-spectrum/s2'; -import {useState} from 'react'; +import React, {useState} from 'react'; import CloudUpload from '@react-spectrum/s2/illustrations/gradient/generic1/CloudUpload'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; function Example(props) { - let [content, setContent] = useState(null); + let [content, setContent] = useState(null); return ( { + if (!files) return; let url = URL.createObjectURL(files[0]); setContent({files[0].name}); }}> diff --git a/packages/dev/s2-docs/pages/s2/Form.mdx b/packages/dev/s2-docs/pages/s2/Form.mdx index 38c13eed408..5b4cb93ab15 100644 --- a/packages/dev/s2-docs/pages/s2/Form.mdx +++ b/packages/dev/s2-docs/pages/s2/Form.mdx @@ -60,12 +60,13 @@ import {Form, TextField, Button} from '@react-spectrum/s2'; event.preventDefault(); // Get data from form. - let formData = new FormData(event.target); + let target = event.target as HTMLFormElement; + let formData = new FormData(target); let name = formData.get('name'); alert(`Hello, ${name}!`); // Reset form after submission. - event.target.reset(); + target.reset(); }}> {/*- end highlight -*/} diff --git a/packages/dev/s2-docs/pages/s2/Menu.mdx b/packages/dev/s2-docs/pages/s2/Menu.mdx index 196640edff7..0162fe79669 100644 --- a/packages/dev/s2-docs/pages/s2/Menu.mdx +++ b/packages/dev/s2-docs/pages/s2/Menu.mdx @@ -279,7 +279,7 @@ Wrap the Menu in a [Popover](Popover) to add additional sibling elements. This e ```tsx render "use client"; -import {Popover, MenuTrigger, ActionButton, SearchField, Menu, MenuItem, MenuSection, SubmenuTrigger, Avatar, Switch, Divider, Text} from '@react-spectrum/s2'; +import {Popover, MenuTrigger, ActionButton, Menu, MenuItem, MenuSection, SubmenuTrigger, Avatar, Switch, Divider, Text} from '@react-spectrum/s2'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; import Buildings from '@react-spectrum/s2/icons/Buildings'; import Settings from '@react-spectrum/s2/icons/Settings'; diff --git a/packages/dev/s2-docs/pages/s2/RadioGroup.mdx b/packages/dev/s2-docs/pages/s2/RadioGroup.mdx index e219a9dbbc6..70fc70de365 100644 --- a/packages/dev/s2-docs/pages/s2/RadioGroup.mdx +++ b/packages/dev/s2-docs/pages/s2/RadioGroup.mdx @@ -34,7 +34,7 @@ import {RadioGroup, Radio} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [selected, setSelected] = useState(null); + let [selected, setSelected] = useState(null); return ( <> diff --git a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx index e79d28f14c2..8e10cecc38e 100644 --- a/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx +++ b/packages/dev/s2-docs/pages/s2/RangeCalendar.mdx @@ -154,11 +154,10 @@ Use the `minValue` and `maxValue` props to set the valid date range. The `isDate ```tsx render docs={docs.exports.RangeCalendar} links={docs.links} props={['allowsNonContiguousRanges']} wide type="s2" "use client"; import {today, getLocalTimeZone} from '@internationalized/date'; -import {RangeCalendar, useLocale} from '@react-spectrum/s2'; +import {RangeCalendar} from '@react-spectrum/s2'; import {useState} from 'react'; function Example(props) { - let {locale} = useLocale(); let now = today(getLocalTimeZone()); let [range, setRange] = useState({ start: now.add({days: 6}), diff --git a/packages/dev/s2-docs/pages/s2/SegmentedControl.mdx b/packages/dev/s2-docs/pages/s2/SegmentedControl.mdx index 17f85426a54..bc1a77929c9 100644 --- a/packages/dev/s2-docs/pages/s2/SegmentedControl.mdx +++ b/packages/dev/s2-docs/pages/s2/SegmentedControl.mdx @@ -83,11 +83,11 @@ Use the `defaultSelectedKey` or `selectedKey` prop to set the selected item. The ```tsx render "use client"; -import {SegmentedControl, SegmentedControlItem} from '@react-spectrum/s2'; +import {SegmentedControl, SegmentedControlItem, type Key} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [selected, setSelected] = useState('month'); + let [selected, setSelected] = useState('month'); return (
diff --git a/packages/dev/s2-docs/pages/s2/SelectBoxGroup.mdx b/packages/dev/s2-docs/pages/s2/SelectBoxGroup.mdx index e9f261e6d52..168ef2f9f72 100644 --- a/packages/dev/s2-docs/pages/s2/SelectBoxGroup.mdx +++ b/packages/dev/s2-docs/pages/s2/SelectBoxGroup.mdx @@ -75,12 +75,12 @@ function Example() { selectionMode="multiple" styles={style({width: 'full'})}> {/*- begin highlight -*/} - {(item) => ( - + {((item) => ( + {item.illustration} {item.name} - )} + ))} {/*- end highlight -*/} ); diff --git a/packages/dev/s2-docs/pages/s2/Skeleton.mdx b/packages/dev/s2-docs/pages/s2/Skeleton.mdx index 73b7fb40ee4..a675e60ff3a 100644 --- a/packages/dev/s2-docs/pages/s2/Skeleton.mdx +++ b/packages/dev/s2-docs/pages/s2/Skeleton.mdx @@ -12,7 +12,7 @@ export const description = 'Wraps around content to render it as a placeholder.' ```tsx render docs={docs.exports.Skeleton} links={docs.links} props={['isLoading']} initialProps={{isLoading: true}} type="s2" wide "use client"; -import {Skeleton, Image, Heading, Text} from '@react-spectrum/s2' +import {Skeleton, Image, Text} from '@react-spectrum/s2' import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; import preview from 'url:./assets/preview.png'; import Select from '@react-spectrum/s2/icons/Select'; diff --git a/packages/dev/s2-docs/pages/s2/TableView.mdx b/packages/dev/s2-docs/pages/s2/TableView.mdx index 7801139f8ca..8731902d9b7 100644 --- a/packages/dev/s2-docs/pages/s2/TableView.mdx +++ b/packages/dev/s2-docs/pages/s2/TableView.mdx @@ -284,10 +284,10 @@ const rows = [ ///- end collapse -/// const columns = [ - {id: 'name', name: 'Name', isRowHeader: true, showDivider: true}, - {id: 'type', name: 'Type', align: 'center', showDivider: true}, - {id: 'level', name: 'Level', align: 'end'} -]; + {id: 'name', name: 'Name', isRowHeader: true, showDivider: true, align: undefined}, + {id: 'type', name: 'Type', isRowHeader: false, showDivider: true, align: 'center'}, + {id: 'level', name: 'Level', isRowHeader: false, showDivider: false, align: 'end'} +] as const; function TableWithDividers() { return ( @@ -405,7 +405,7 @@ Render an `` instead of a `` to allow users to edit the valu ```tsx render type="s2" "use client"; -import {TableView, TableHeader, Column, TableBody, Row, Cell, EditableCell, TextField, ActionButton, Picker, PickerItem, Text, type Key} from '@react-spectrum/s2'; +import {TableView, TableHeader, Column, TableBody, Row, Cell, EditableCell, TextField, ActionButton, Picker, PickerItem, Text, type Key, type ColumnProps} from '@react-spectrum/s2'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; import User from '@react-spectrum/s2/icons/User'; import Edit from '@react-spectrum/s2/icons/Edit'; @@ -654,7 +654,7 @@ function SortableTable() { aria-label="Favorite pokemon" styles={style({width: 400, maxWidth: 'full'})} ///- begin highlight -/// - sortDescriptor={sortDescriptor} + sortDescriptor={sortDescriptor ?? undefined} onSortChange={setSortDescriptor} ///- end highlight -/// > @@ -749,7 +749,7 @@ const columns = [ ]; ///- end collapse -/// -const initialWidths = new Map([ +const initialWidths = new Map([ ['file', '1fr'], ['size', 80], ['date', 100] diff --git a/packages/dev/s2-docs/pages/s2/TagGroup.mdx b/packages/dev/s2-docs/pages/s2/TagGroup.mdx index d654578de65..9009d062de4 100644 --- a/packages/dev/s2-docs/pages/s2/TagGroup.mdx +++ b/packages/dev/s2-docs/pages/s2/TagGroup.mdx @@ -12,7 +12,6 @@ export const description = 'Displays a list of items, with support for keyboard ```tsx render docs={docs.exports.TagGroup} links={docs.links} props={['label', 'selectionMode', 'size', 'labelPosition', 'maxRows', 'description', 'contextualHelp', 'isEmphasized']} initialProps={{label: 'Ice cream flavors', selectionMode: 'multiple', maxRows: 2}} controlOptions={{maxRows: {minValue: 1}}} type="s2" import {TagGroup, Tag} from '@react-spectrum/s2'; -import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; Chocolate @@ -42,8 +41,7 @@ import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; ```tsx render type="s2" "use client"; -import {TagGroup, Tag, TextField, Button, useListData} from '@react-spectrum/s2'; -import {useState} from 'react'; +import {TagGroup, Tag, useListData} from '@react-spectrum/s2'; import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; function PhotoCategories() { @@ -204,9 +202,8 @@ Use the `selectionMode` prop to enable single or multiple selection. The selecte ```tsx render docs={docs.exports.TagGroup} links={docs.links} props={['selectionMode', 'selectionBehavior', 'disallowEmptySelection']} initialProps={{selectionMode: 'multiple'}} wide "use client"; -import {TagGroup, Tag} from '@react-spectrum/s2'; +import {TagGroup, Tag, type Selection} from '@react-spectrum/s2'; import {useState} from 'react'; -import {style} from '@react-spectrum/s2/style' with {type: 'macro'}; function Example(props) { let [selected, setSelected] = useState(new Set()); diff --git a/packages/dev/s2-docs/pages/s2/TimeField.mdx b/packages/dev/s2-docs/pages/s2/TimeField.mdx index 9bad9790770..5a717244559 100644 --- a/packages/dev/s2-docs/pages/s2/TimeField.mdx +++ b/packages/dev/s2-docs/pages/s2/TimeField.mdx @@ -31,7 +31,7 @@ import {TimeField} from '@react-spectrum/s2'; import {useState} from 'react'; function Example() { - let [time, setTime] = useState(new Time(11, 45)); + let [time, setTime] = useState
0193>=XOWsE0|zfkk=4g6}&auNtuDWDwX3O%MM8ROKEt#+Dm&S??cW; zZ6)sgG$)aDtZ)o8#eB6)ZeClDiTj? zy4|HyX;U>U(qh#9Gef{MPMGGdslnXwh;H}}l$}w@s)+IpCN)5=lGZGSM^Mei1j%VU zbu}eGSSsLCEq|Zf_56tHOd{T8OXH`lJ8}I-Q$w(OB7WVjuVIwmVnV`cg%i4W(1FD! zjkY;1g1=@oayoZIk?2i4&VVVGRA%rTel5pO7t?N+3OMLLUW`d!a@9DVXcir$$U5x?!)D{D0aI!GPokmsi_}WQWNKk` zEm`Jr^D}cShQV)WY|Oe#P`3Kb$~iB)FJ>F2b*j5^(BgJ+A-Ru@<&w=3hL#X5ikUIg z6_B1SG52=@7STIX*W4Kxg+M&x;E?pL_haEBNmRH-6x`)(PHAoQD3!@Tgo!FHPKE#1 z9?2@qlH)72Y;?)k3;m?~qrAoOYC!H@bv+f7TrJ~%z}?Zp)DCVo4$J}bd*NkyDL)(h zI=7LQp>U|voWCF!=Jk?<_oG;i)a=u|xI4G(8YlvZ?4l#Yv{y6C4?d;96TBHH_4vq} zG|WV`?xgHdi@T%m@rI0FfZL`(?6aQ(#)EAP_^lzLG zA`dqHnW@+j{35w0N~+at1l*Lw2C~=*WDTOfMeH|DdC_LkM*yxB{qNov@g>!eb{UY3RTglWg65txaG~e;4Lr5zvs63M3>`@Px^2F61%QS@~)Rv-L_$f@}3mK n{3*V+oSbW3P+28+Wosv_cCEA zDeq20=JV{hEcQ+7w92q}al#J@mcB8k9)3h$7JW7$Mso7<@or>g*J7CH#@BehC#hlD zo^FQ&eP1Ljv^KLv3mjpf=+!yl@|$%a>hLOv6z$w`n+F%aEluWjbg`YtP;vc@ShXH} zB66Q=x2!$ipRA3AsZ6gWWzJzkd^5=i`CO9xtEcX`fTQy;B_rIEYd<)M8EkOzRN!2X z^t)b^M)IM9c}ps-azUMTRR=p#kWxSn6@OT0ul8l*r~J9N;uX>kh4!`=g`;9o2~~PM=~?Q;)~}x1k68ux6xL4VCIGhH zdsA#jJ2VD}pM^iEB62jMnBL6Pa(hd?#EMihM`AzG8GfMo+zSV~`FUpG*#!)(Y>r2%M{m>(rT?GcmEQL5KUp*(9&|h z>h*_PBy&bH!pGxl=i8G2n-i&KGvXv2_Xr^hgbF3yDt2SVQ1Mm*%9ZRp!roNf2Ja_5 zFRlXH5l|)Gorsl_IwXNk?r2Um_P6qW(S6qEcDpZe2zlK)_R$!hgvSo6eF6<>!a2%RJQ=NdU$T9Nn4*#QzFY9H=ogF65+VCrL(`i{ z%E}FQ_w~ujAKb65H%2Tya*EngFVPIOmG5!BJ+D5>Z{6v8FT=!C^(Wq0MTcs~)g{oG z4&?ro^sO#$W!5cD%2*4_>J`%Nfw-64+3emz{cyyaWE#oP*q@2f74z!~DuXR=_5<^M z_fCx0RAd}jqyJO?EfD_ z7W&AF!r_kpj`43j*<)h$-@?Cxf%*O}{D1OM`5*ZWj&wmjikWaE%;_Xh9AOS# zkKOSBm;sLz9@K+R7KK6k2mz#USESWn005wO0sv_GkKl25FZf>ui2dk9q3&L?e=~O% zM+gFGW%I9-fxzG}B*fL*)y)dw3VE!7JHVkX-Vmq*()QnL`fnH3e}^XgUq^Io?7uzf z;Yh^4MUNN_0K@=>qGJKjFapsrLLM1vxQo?)M}M5hNHXUV z=M}HIrZnNG&6{-`pRi8q!x?M;n^EhDbnnJm0DA&=V(t)r+9HoF`bj6}nAQW+cm zkr6Tv`JN8dZ@Cl0Vd?m#`Nnf{h?|jD*YP~rc06TZS|K@s&QDvriRBz!J0068RD;Xv z`doaJTiQBAsU^b;mG2VeWuI{h*h)b2vbpI(dL2P+m0tjAdBzy4?vvE~^s7wrtt=|4 z6L^HvSQphVL5ZO@-G?wj1DMnR@C?M&|L&F4t6SEOAmB&TaNUpSGkH;`QZz<;=uMiQduamT4 z=G01=zojhLW1340CH|m(r-*tRR4!o6Qsse@K+lQkdzLor$+@Y^IeO$8dOJld?$@w= z;~mE$C+;K=7f%%ji0}>UU$-yRtfE`c<4+u`|00=)Z8Vp$QfJa!8#+)*i2npKj4$^7 ztja@mObxD(ls63hF85+*Sn|01Y_Nwjc+i~vI+NC^8J;@A+avUS>Ww^WWl&JO=R2J1 z-T2bagC?}se^#$e24xpFr;Z=rH{La2yHA_*OqVm#( zZaV2FbMc;-X{~sBNd&@QZcHv6415a(64D5BBe7qFb~D-iI)deH>Ur3+Hz&r1HnNv# z8b`E!T2ZL(4%B&`F?ISqs&sR;ZqDkwv3-I_gMH)Op?O${_v(W*A#nmKO-}D{rp~u6 zMZ$-2b|x(5Lc+dk`{E;I>HP3VGGSZI2Kl*R|1A2p_qtM;$P%2b z;k)zxN|vUE{5NR9W7qCiHi;0_ZyhI^{Afv-2m9)p4O@gJs*q@jK6o^i!R?pV?G$0i zlXc3ji_^u{Ly83|Hln#(Wxo({vtm7BDsgwr<2!*KdMS4DCsWNuM3BNy{w!7vUikNE zL^Y|oDn7rK!W7<}=FWQZWB7Ji&CrK#MiSk2Q@1PEVERgtJ-=7{l!AErAPQw*OFOA& zO}UW|lbIIsCgYA%7_>LHA&m7TCFyyH6DILoqx`ih6iv*K@gji)r)iH_&PBuyl0s)k zgGJ$(HWsUV-&w3Ez50h}Btd&tZ++QBq!Hitw8<>?R?EfEB9>qHE%73Ilj-tBW+R^^++kDrr)u(1Hb$`{Y?Dg@0RwIx3Y(gxeaC#3F?z&XF1(3&9G_*I`&y5YiT){M z!2J`yscv$<*iWL8ojq1yuqjc_ZDO_bNY8Y3%LH6mGvC~U)#uybpzo5xWS67=%3*wg#z+b)* zZ@^Y}x34iPOp*`$5u}Xx=fZO7DG!}y-In;ps<0CG<~$KW74-7VU_;$zqYPt38$tt= zN7HsJw$yJQY4`V%wN4~LJIg4(yjS)2xsOz*XINR|@NrYW>vSEL4tgFZ5)lc4Zq{6v zd>|#IQ`B@ElPVM0)6teU$yP7Ds9J&@;|g9KOU&5ue26ucU<5~NNe9kT3>k;cH#L-P zfl2@oTX+F3_bQfi!dRkJ5~&jte<;L@;>tu%`` zRzE{afp;TGoeWhd%!p!*j0b!1u?7n_UH}Vd72JxuxU97Kcq|n7Lw`_Yc`kdYuUG z$4jrB3J?%u227dI!@s>)iM86LfBTZpySfVY;dji6NgV>hl?RD*MI_?NpB+dVJoDG4 zwEL>+V#=uEmS2O#!eZ-42X*|$DVW6>1)!u9kT^QqUl>4$4F{NZ2BK3s9YR(DX)h9 zFm?t;m=c$-XOo3Bs~zW`Ieu1n&nJ-3(VYT5rz+H#WJ$Kq?a~75as8Y@y8t$h`H_@D z`I01JP5g_AL65FJF%u~x`#7CevvPCpe5z;3A#E;&-TGbe3ss}fyb8-wHEGO<+F1r- z?iN-mN$k%~lj>mNMgVuh&L9W}Io7ic$2 z?uME&oL95!jjC4(K$)JAkxy*v($0lc8GQ@|`So|@WN+s=IxRp zIlIgMmcri9axvKFcO%Hmewp1*FR8IUba&p3arNd{ExJEwbjFi)?;$XaSThO2)D;XI zcQj8=cNE#`;)*+aBD%v5w|G^*j9#U-yLewZkDbDfcH8b@Z%evj_--} z$LtYNZ8qV?y&>zZ!MYVY#COw-c>M=3#+qEp7|%x06u1T@4S&%WgUx(Q+r0e`fsp?1 zy5lRFF^PF6Ls2WC`Z2w zMBTAg`1lO08C+C!jxeeT{FWIOFU|AJlSlUox=(&axOgbcB_EVh8=}#3fg2gE+beyy z$NeTK-A88Zb>3N>>LtXV^x4_GIFF%q%HirXyUYuzlRXd-H_l8DGU%?W4`(ldqYs-$ zf#Y=pmv=w2F1wg?dom$Zn|fxbLhrfJ$$5~P)pE!^ffy>wlF-yASdCwH>5@b;TsAPY zj0!15w>*0)YC?|PYRcSQks_ILnF-ADDH!8)b_K*lIuBu+BVxptkVW!b)zP*Up!_&m z8g;hT6B}H9XsnizGQZ(=V(^pJnY<*ejV7k2eUsGZ<{Ipi-7$Es4Hd1{5yv4}-5tOU z-%A)!(dJCjKyoLGIFVjSwYC zA^JbQ1g~ZkM&`FrgX`k^$D#6pSyNj@seZ12Edg63)B?TNZ6RaQqNWn(yENV;X#;b$ zdH7L`1!*zn3o5^0kNl@2q8tg(?tD_IXvxy{X&>R2m@Z1L*a$EsCpFl2pk~}_f&T-j znI27U%%kPhM37qTI9B5$W6>Z>?+dn9Vhb*B>3vcq3l(L-<}&s27g z-S?e0syms<+kScIZC&N_~e3EgTOGVsBT!_2YRO^dr zOhJ`ec+atNrVC#-2Q2izw@>f`{bDm`cTp_4P4=bb(Ld@iu7&Oi=ArWtQI+C{Fo&+m zQR)V(dytJv(=<8#7B78Zt5{?I;kx|u-vCDv)tI#q&E63FPGgh&4> zOgZMA5Yv7vtux`#$*K4FC}>=C8_DQTn^+J(I41SPhS+>$%m z3f7LQnh}tb(duizqF2OIE5fO~l=(9F%YN@ydTS(*%;}2uzT;!wg*n9dFpv8W>G~T^B>6L|KU?VgTP*~<47w{URSQuA#3`) zoeu2X-yn!e??*10rn5?i996B%E|e18&>PvcCC5bfu?x_0Y>Ib{GPC&0n_2I4`_5CS za%HwhbYFm;{Wu_QK4FaWCQz|3!99e|@-9o)dtK9@4nHUpjLS8OK=Ei5VPDKaB?M+y zZt6YsaqPxCC{pQ?EI8j>kmI)~Bt2=bS{|Rv@o!q5JYI4CK1yJRW}AE_3`x0dm5(xi2Ozuo=tT*FZ2gXGHa)4#VCt^OhJC8;wEM6kJl?_F5mUG zdWs}L8OO2}C?kr;NJmLOS*L+(mgicZ{1v#lLzzUtOz$Lws%~S8{>h?Y+f6e`zQe}B zh6`@c!j|ouoVn6aRYy&;?Ez|JpbfA6NF#@0U0lc==%T90o#Kzah~^nO$?)`rj|60W z;PzD1FdQ}KK^r>jKoi&X&Lo_be|Q3wQ6m9!78UtI!M*MIQ?6-Z$*gMGyi57D7M1~1 z&b!C~5_CzK8RLD8ar}$8K38!E0;%LsEDaUI~b6ePF z)rUx4^6~BExi2UZ@J|U~tmnfDt=t7N*)G^kV%rH* z2^nNP(0>sp*k(7k@*~cC<;rWHR8@SB%ux^7}(H(fNFA#EjRADSaOV5bh$p>iW`d&5SL?&Ph_ z8BwZQM7IDuVK(5$El4F|K`dXH@u~BjtXN{!`wQt%xqBXZRcl(zJj+D+#KG5O>GDwg zU-<(olOHT6JeW9kgG?BbVBte9%YDu!ARE z8*l+-+4Zg6b?7CBx|v(bAMFX}dv9EaKes?>3@mHKv|xrYdEpXK*I12K?`%@J7rwnL z4x>G3*QPq|oE5}kTOoa}N05M}G}63-bMcQ-F*L5!0UvOh`2U&kO%cL`1$9iF;1y|UQh=gqC%VmA5i`*7HsqWlBRmcIQIP1l6* zqz~kgh6;GJ@>iyXez;rOzhIK)<%bPHOG^CdI_W$Q87Qq+mF=q!ftg<<%9NHPm3ZVyS>~-`h-Z9O>{@IK7|E(; z>R9JvW&6LCskE5t824v3hOZJ8FjgbO6QZ>=*tJjr!dh!&2Gq-bA~LQy)b}Y=}xE^CZMgvp$acl?`uOb z36>sZ)8lFIW1zkse0{$l%)urf*xBXjZCs$+9p|L1R|b|isGs7qj%VQfQI9NRd#IIB h*>oMsnn@_{q{k>4no9a?v{^gnbLOj0N6I9+{(sfl-}e9j literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Provider.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Provider.avif new file mode 100644 index 0000000000000000000000000000000000000000..ab95405a4549cb9ffa4c369448fb409d5592abb8 GIT binary patch literal 4989 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/RadioGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/RadioGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..3dbf1d1d0105b6444ca8b24bd8e344be98f0feaa GIT binary patch literal 5083 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/RangeCalendar.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/RangeCalendar.avif new file mode 100644 index 0000000000000000000000000000000000000000..120c47b41a88ce7d9de4a08a6c02e0378382dfe1 GIT binary patch literal 9027 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/RangeSlider.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/RangeSlider.avif new file mode 100644 index 0000000000000000000000000000000000000000..1ee8609106d41b521f7369055fd1df8b2e4e5d97 GIT binary patch literal 4957 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 LBD0lE%a;EGamNb` literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Releases.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Releases.avif new file mode 100644 index 0000000000000000000000000000000000000000..43014b9ef3eab2e015e49abb15e57e8c2da996c1 GIT binary patch literal 6233 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/SearchField.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/SearchField.avif new file mode 100644 index 0000000000000000000000000000000000000000..77f40e5cd2449cfa09b388dbcea854a2d2eb35fe GIT binary patch literal 3995 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/SegmentedControl.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/SegmentedControl.avif new file mode 100644 index 0000000000000000000000000000000000000000..a5337493ba5096493bc80f750248de5089ba2c1f GIT binary patch literal 3793 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Selection.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Selection.avif new file mode 100644 index 0000000000000000000000000000000000000000..2146736e3a2e21de83aead115d40486fcfa38a5f GIT binary patch literal 5904 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 YZWn1s=i~CX`rL&+C+g(LPPp9v0NRD~1^@s6 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Skeleton.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Skeleton.avif new file mode 100644 index 0000000000000000000000000000000000000000..985d0f8b9eb1f796729d5c8a8e8891d93b1a0eab GIT binary patch literal 3978 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 N%@v*Y)W&1N^M6maGSL74 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Slider.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Slider.avif new file mode 100644 index 0000000000000000000000000000000000000000..6aa3c5f62c84c339d1a6ab572d12b048afe1f473 GIT binary patch literal 4294 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 RDo4Mpbc~|_vq*vS{|7<4!ZZK? literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/StatusLight.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/StatusLight.avif new file mode 100644 index 0000000000000000000000000000000000000000..e1101354f621818297f84c3a7efcc23b68ef8da2 GIT binary patch literal 4196 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 b_!g5WlS=t{l&Ddz+%yqiV;4z-W6u8o?%aV+ literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Style.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Style.avif new file mode 100644 index 0000000000000000000000000000000000000000..138fc00fabfab8bc74406dee0c2406ffaee427fb GIT binary patch literal 8114 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/StyleMacro.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/StyleMacro.avif new file mode 100644 index 0000000000000000000000000000000000000000..a0d64a4456aa34f2a58b4337d8241cf8b847e03c GIT binary patch literal 8124 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 C@GWKl literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Switch.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Switch.avif new file mode 100644 index 0000000000000000000000000000000000000000..9e8b60cb34b53c8c777e4d87e341bedf7874103b GIT binary patch literal 4405 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Tabs.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Tabs.avif new file mode 100644 index 0000000000000000000000000000000000000000..1b96802cd5796e42f08391c8ac0c912f09b2002b GIT binary patch literal 3992 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 SsBXRR%oOW#%!~#yB zgl833^8*QtEEM0%$NZu@&&ZGYRXZX;yxexie+77Z$4}!BxwtXg&}7R>~*c3b5b7d(lFpBWf}^T2r<7lz1^x zOv=M*E&5cUh6qk2XzCi|#fwKDbn;3&C=t_y`>*6r{rs)27|9lER6yp3;4LPJwf4g9 zXEBGYwWfu1ngbJum2^zod(CPvVAE41*}!s(_`9s`8M#Z)+R6SyzZzB47I4pn1}k;Q z9M;@tbOGJ2CP`6@-P2;00|~wSv9kWRV%Df?C93^|*Tz4)KkQ)0Xht#RTEda);0I9s zUAfK|60)0x(KaTVl6HMM0!GZ3n*(=X4WHh{un=u!5DU%4%(IPQV(i}95AkM{DQ9tJ zWFoVwHnzpMMWl)7IrcW+py?2K9_bzXu>d($-=O#I0i4-NHvnVI__g6=Jl>4Dml}O* ziNtyJ1xgAA!VMhRP$rGx(R>j4L8j@02^n$_SM^YG<5^))ID|N2lZ(B7uoo|K-L9Bo z0Ef2e*J78r+C*VsRW5deVrumW8BN)bHzv`bGztz^!`B;I{@alYOncZ;Ww1q)P(cM! zBO>f|H<_KoME3+eNwe_`eOj)sXJ+Wm-G^4wTRTBcEUZEvc%XB|dS%v}{EyRu7)!t3 zr9eZYIy#!LNX_>Ej@SaM1;LlBak#~5OAIstwsP@PUpeWnbY|OmO7YP{K5K8OGsJFY z9#UELVRj4t94ymiU8;xGeC}Cjc}&}mEe6|Cs>{q6)g-K3fhR8{PIe%g zJ3G6U{k%p`F4xDVB3Vqi?rXI*!Q8?OP-z%g>^GO|cyR&Dxb2Oj%%Wq+{ieqXe_k&M zO^Ca1KCw#Vx6vgZJ;p}hwC?R=b2YtGq-MoBi52Ig7C~oj(cOQEem`WhpSSk1A%EiI z+$XQ$g4xVSjkH!>xowKN#XW(IrrM7HSveku$uB&xlK$r6@mbF;rwbp9`>d}69Gbe7FGcw&j@bl_l zb-g&@37M@`lNU+ly{g4$9k!Lqim24Q7NhCRVDkayr>s_Wr<{dk!~c7VmmxT1WPHEn+fe+fPSh1~>{cg^U5 zGJYmqmhy7IXodI=Dx~89K7~65Md{;)maB`bE^1k4A82trGTU3_s1!mtl=24vGjw~> zohjP)2z7((!-jz_45UH4dLA@T@=Vo)rO$ Pc!O$QO{kWv$cO&{HGO(# literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Calendar.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Calendar.avif new file mode 100644 index 0000000000000000000000000000000000000000..11f0250989081e60702584dcaaa1d9ceb704b26b GIT binary patch literal 6707 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Card.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Card.avif new file mode 100644 index 0000000000000000000000000000000000000000..64ecea88095ed36d1dc030c0d1423c8accb59288 GIT binary patch literal 4191 zcmYLF1yq!66WygdrI!{ZB^6k@Taa#~S#s&_W$6Y%8tG1@8>K^}LAoTRML_;V&v*WL z&Y8J$?>zI~_W=L^AS*X-sHq3U3V?{m>Hx9gc7T{7dLYcf(#`adM+Ci%g}uu^2mnAK z=5GJt|0*67;^y$T0U|OV#NNsLv6B`DAR!JSfTe&(iPD3|<<76@Wk-|JwLF zPl9MH|6P1E#>M@3@&6=3`H$>_KwY2+F&hFkcS2NRb0>QjM{|2G#CBW&S`dQ5G49ki0087}002oB0TAZBAdd_X1Cazw-Myq9J9igHumjZ6`frj1n?uZ@ zU{`NfH%kXsFk%K`4>5J|2AkSLZT>#fzpp&~YntG{jmQ`nk2`4~P=~)m2#f>(q5$E@ z=l~>?5M-1v1VagNvHbVz2rr1u_K!1>n4fPR zv{D*q5H~3wr{V*4jn~Gg0?0fX`s3*@<*fW zCTrv>o_Zk9=TCJ>ZD3s@rnH<7vcdanS5|1g2*gNG8>&cjKk&lQI#ODa;-diYtjvV)O^+WMFtWsKi0=>Kk z-vE0P&yRo)MiQKHLz{{@-RW4W$Zu4A_b2LutJh74GnAfCR)X!Fo;}~jP$!?geXG~i zfWd!wZ2Y6E%6C!wBNWgr?jL^-V`dtV2k#i{^-9L~&J8eK<=&iy5|AQA=TE-=?Oon> z;JVaI#GMB$>gzx6_=RzO0t1!_FghQrUWOMXLGs^l01Avc<0A9|Y#BI$1wpFHHm3f^ z>ErLQ$xNk)26B4BOI)SRw36zv3Of?=ER!>qu!70^i(J#s$8J1SeJSsIMQDVYlTXwh zCYlP$n62M6sas8PG0z{$7+SwbtjH?ylo9J~6^Tl7JhJl|_%KpM{A7O1Mf(lT&HKGB@wY_Xbm zp0!>b`Cj3`3~;9(Ogu(L1VUdErJOAOF%!708R!swG|NJrl)`(2#!~?VsNKipR#l{< z-ZGF#it^>j1r7alBiJd?QM_=!k|1%ak*vHlBJ^N0uz2U%Mvs;0^6aR-R>QfEWo-=)`?=1Vogha#5vCtjwynuWCC!S7WgMw* zDDDz6o>a#GCmxYK?V)P_c0T5#=H5|n5`{`|ov{mEY56(8W@@`u2*M!i;s9IiGD{O? z0e5SHi3uafe>Lz4YI_Cti2E1ySNLN=+vgxVQbF^+ftzwk?9`0zLa`yFL?>yPSja8M znOh|K*7!_ZlVGJZPDjC!S+Q>O%hSkTBM?3`nwjqJ`G=*fm25`)5_`E?3Qeis&XVV2 zm9-Q$TbBJ(eeq;qwML7pbK?;%@9EOxWgM_G9+)1ovKT!~iJQ&tKRad)z6q*-$+j^? zQhHNS(T!QTr6Ga$8^9~xcE}6oGa?o=bY7(~J5_tz^{|@pd!ZCm|AvSAD31!r4-TGx&f=U@Q1muE@k{1fxm;}r95#f#2VJ^b zYplB0fW`>N;ZCHV(qH2Pq!jqSuuypV+2>#zpE$;ezh5B=3-h^|R6~d1J;s7dxSfV!>PA zb6#o3Kw0l!icy6U;iDSDD@4B0y6=G@#g}jv=_%j0QRUka7v%M0?uNU*Oq$97aDkHI z03U@*4bHY=iZ*R!HZ|x|x2=E7y&eWS-_NW0>ZU@v*LsW}WO^Lk0$h(!#~8`dmf9MI zEX7cLSHNFi(AhE?V(lk2E8OnfJGekt@m3^lF zq)4rVVH!GA(vq&;Ag%DG!DnZABm78LVz{$H8=}B&^E8u-gS((!?4uHQS2)2ca(D1A z`}g}jFWsFa@{44e?{ZL12DA11NWLH59N2z?ydJ;$0I~QW0)zPw985Oue^>Mg@+Rs< z&Q+?Zf2~7F;QYl%?3+Z4d$|`gM%XLaAz5J!5(xg3*ttURZ(w9>!hz!VL{<7@)%gdn za{N1Cx8o(@Ry`H6uPhB8RNk4PPx~>i;G1T7)$JY;3<@ivPHR@fbUw#4j!Xv@a}9{? zCww~JyoQgj>qxAK&w_F#u1u3qP%h47ol%nd^qkAzFgSznK9%5N6inNh1AXzNFW*y3 zsn;E@*bUQdNc$y~UIb?Ir^Fssp3Imb&2S0R7!@#Qz~7zE`4G3G^ttu|#J`5D;Qgk< zz13uWk(0o%t?WMf!0?QHC`2$c=!0B};U4xrDIQIYgiGuRiZi^fuF}!*dbpoGC!E&v z7O2*ppQ>hekfvWwH4#O~(ZU&zIXB0Sb)v}fRb786QBl&1b@Ydgmv#=_Y`+QHD>kp( zYn8ar^Cuvott*cy$}IClAM~1CE-(-#(ua@KAtRM?o^_|_5t(k40hCf3o$%50Z~DO_ zmbU~c5O&Q|Z+!Vyz~AY+0NVKV2}v-o(9>hd%}`sp(=XTSuIG4_q~XR@<(Wk(dFHi0 z8RUDeg;uBaXI<51=)FHuWhDGZiZrrQyHa;_1!tkd9^P4Fsl|3DgaFI; zVmEt6Z1vjVgU*+{AS2ZqJ@X5FB9Vp{9j03=#jp1apNQb7){5X=1%Nf`2C86I#d;dO zpune2tnJ+JOk+l^>$|Ue5eYqdtiZB-mRL~_=5^irFUgnBY}FfGxf)GdXNZ3PE-^EU z^%64gvjUrVSy%8*v~t7-M6%8fp>BKWcgZc7FNwL)9iS%8#V>GZ%suDXwgvcEdQD?n zwl@l~GhSiLG&1hmpEuVs~@f|w|} z#xGGa53sBZG}OVu5@(8*ac#cB;NlwPrayd){SWs0>XUWJiw^J>QNlQ@)2I;57rCp; z1}Lv`+UO2>Mc)*aP^yRfLyXZ{QKx~U7<>sHIq>RytDdFXB;UssxP*V@w55PNNdS3Rs2W>>VmS1?g-trWVKZck6w6!A#g{ij&7x3X-LPzHIn^<2 zF%ozGBT$Z2>NP72Aph}&fQTpnnWJ~9mYI%6_%H~%o&5*+hS#L=O6Y^g1|DQo@)s*` zF{2~xXV#vClTx9+nxmNnG{KOaroGcsiG>~8C>MSwi;?D$jLF5eQ<=yrjaFXOaXgzx z6~3clC7pCdVKE?+KwMuBiVL!I{HW2)!S8DjVX@G!2)Q-v^2W3g+pUz>iCy72(<@h% zIu3(xB*SxPUQeF88COioTsMp`7nv|d)P;lKK!rd4tnrt*^OCltrAt01-(#l*EQZ}P z6_>?eID(mOP1jnsb6ZF|4Hpl^epjw+n;31Plc;%OSgS z%9b4&Gnjx~QZWjrR6&hA7n{(WH*Hc^b^Q+usfXX$-Hh7v?>3YCYEUOkQ?Dd|qb9nV zRd4i}b4Q>Ulhfi7uC{T=D4lqev@#~g-z;*pQ|XTxyb1{<>9DJV+TR}Vh;&`9kTPlc zZ4X@wgkJ;}z3Gn@x`KHX)CR}wcqA!FxzR0Iv-l1iFVc}H^xywoV1TudwD4B zwzS9`+i&Z-rJCnO8Tw_gUrngw2_HBnUPSNmO))=PbikKlrH#uv^S~LMaGte<2RPK4 zSYH%k9PTehSlkT37D)G!>S{8_U_ajHy3L=admb#3Db;woQCu$F5Jcag*}`zHhwpIh zG~Ek2jFujVdykOo!JH3gp>zA5YfF;sPsP7dTEqk>T6>QoU9u69(agCv9`pCGU*jTFNiF64J2>z zdyc8igZ!`%e{m=QoHqz)ZCaq`zzuj_fr?W@p?MJeSyDf z^1A!=yd3E5eW6=Yz*FQD3)Q9*wwn=Y4&9xhS-5Uel=Jq-cY%Y)ZG(G$1}svhxa}x| zWQ!}>Uw~@pc1fksFo_^Bs+k zTx?|eE2qM=@|(d_D)cROXw&J{dOEZu>3*?vW&4R_CUcP|EoxKAq$4a+J)$z+C*r7W zPt2q9b(A`^gm&ycZ|>M#?t3h!W9WSsKUnMwJB=Fia@x7H{&eKXqUh~H*AjUQikZJ<)gs_YkL7p4lORK8 zIZ5t2q0*kY99%3?i^&h;7GWOZgje;?Z6Up@fnS)4SHBo zX2;bo%u;}5dxdgr=liX$iYy;Map$+xXWim)C^ET9 z`zEd^*X3iXFi4ySC;usowTNY${LSA9vq45R@ KgJrJ>v-E#+UZE2J literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/CardView.avif b/packages/dev/s2-docs/assets/component-illustrations/light/CardView.avif new file mode 100644 index 0000000000000000000000000000000000000000..8fcc28c52123e1f73966526d646952d9a48ceb1b GIT binary patch literal 5825 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Checkbox.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Checkbox.avif new file mode 100644 index 0000000000000000000000000000000000000000..7f20f7b548fcfed8fb9291a25457725b974cf225 GIT binary patch literal 3819 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 Kl2XlRCi_30Q|~YU literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/CheckboxGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/light/CheckboxGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..70aaa27877999038f6438217ecab22674c22932a GIT binary patch literal 4723 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Clipboard.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Clipboard.avif new file mode 100644 index 0000000000000000000000000000000000000000..c6abe06ea7f4932176a85fe9e6ad89ae647ffb03 GIT binary patch literal 5850 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Collection.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Collection.avif new file mode 100644 index 0000000000000000000000000000000000000000..4fd7a90fe1112790e9099354d58e9867790151ef GIT binary patch literal 4018 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorArea.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorArea.avif new file mode 100644 index 0000000000000000000000000000000000000000..4210e3d96e08fad75aff4341d588760e33366371 GIT binary patch literal 3824 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorField.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorField.avif new file mode 100644 index 0000000000000000000000000000000000000000..4d2e0e79c255857c9b208c65376353e8b6abef06 GIT binary patch literal 4208 zcmYLI1z6Kx7v5liq;xCD06~zF?oR2FiNY8|CN)NmkS>WKsW=*G6p#>G4acV|0fB`eohyI(2y%0)~|LLVJ0`-Mr)pH3(M(6orfMf`(H=mD_1UiUPmC^ z{uU815da7RMiY|(h(O`QpeO>vjzGcx9i1=>p|k5{&E@6LjJP>Mz3BlIWNiF_Cw5V) z5)8B>0DuX-9K(q2x0EfGa1X2b27*o@cd18$B-vFZGOuY$0stg{`7NF4o`v^HSFbH| z{Z=ybO|>84w3 zp?Uvt3EI+&j~CSQCG}~%qW8yY^?!6+xp*DPaP&T*eO9A44}g_BWH z_@W$@;2Ij$7Zc?CWDdMKE^ucdZ1wB&^`f+g*i=*d)&=a_0zp-Ya2{6SEGy)b!H3J; zsUb%Oi)}{p5kfY@S&}7*M3vMcr*0CyuJe@cN|3NI_!S&$vzzp+w^0qF zx}zu&9nm(dLyEP@4|Hs{HG0LOMxWGFjT|;_XGmA~*!J)8+44cS6iUS(FqN6`=CG)y z+<8EAX2y8DE)?#&oLgu?9*4IV?TrFGW!-*Yz2D(CLZORwt`T0!*|?xEZMl~se6QN9 z`p@EMLO$||hjv_ByW;7psK6BS)18NMEHiRKzDY4YVz1JF0?O0yAIXL39H1u;ocLc$ zToJ1W(<=Ihz_R01-z@5ea66k+G}&%`1*{^s-&8Jba2@sK9Ug0uEY$!9kUHyTBBQ+4Y$Q25^DsXZlWtrV4#ZOc)2RZuwk}k7UxXq(g>p z70O$=gG^g~hlk6>F#X6pBX+R+#l2sVpTc!jmiqI*Pg%Ad8J_WkMO1$XCfcZYGo}&< zLJMtIkcX9y>{Nc}`K-f!o=7DuZYbfX_hd(3XJ#9tc`{&|h*UXsG!PT1SkS-u(|yO@ z>FgLn9q>h1kV9a|OuNp{_IoOa>5J6G%#LWH(SZDiCbC2JiCz0+zUKvbdg4}_=4<8I z()rcp%*ob%G4aCfjU7M@&#)Kmln~h^?X{KfJEH=~Uy4@M{ZyS70=engXBj`H)^%2M zefAkAxqX%Ug^l9Z^dfV8!lK6fr0!=YSKq*wjZN(hf0!sw6&N2XcC7L1f6Z|N-KMFO z*>Rig%STT?xPhEjvDKzC8V4c?D!r%zMV)Gq=)E|@dZGOJni6MMy*>shdI%~7dmfr7 z)B7kv>>z_^A`D+KeY6AzTB^3FCH*yl?%H!q1`*Y8RQkpt@?+Lsx zHlS6%;{hPrP7>z6A zo=714kz8?x%J0L z51glN%NSceXhB&Bg??HbT-bJc(@L~P8CnuBtR;3l79i_RqwdC&86G?Q4HjBelVHoo zMKhagQ0`f9z4s1(k%nhlZeH^l4I4Whv2+SMXkkb?%RHcnfmyTWN=@OlS7yy({z|u? zjBiI));_3aE~R|&?wO!dJovg(JaL46UJx}J+!=2Ye=xKdZEVsVB$qZ{=_QNp#vu6i z;1oZj<7Kag?=(G6pQj#nq`14iOj*<~OBqP@;Z$#F)<8hMZcLm}rOSA5?LpJn38}VI z9RJR*VhZvI=#sIiW&=~7pO^(@Wk3P%jHUeKt(=T0b3XQ_1CecsXw^#ghc2G@iP$*f zISgYhCC`~*Mh%HX&tQ;@6@SM!|E9NA*6)S%pqz%5WIZ&zO!0}M>EOC|iIu3;v5#g7 z_*S}K?CZ^^zJ~rp!^5q7tEpsj)YNAXyXvlK(pKh^pNG_TFCYBjtt+U3wuJiKO+L-0#_4=ZIU3t|17%QqBxgVsvyUJl06Nhx&=OckN1)}i|yiY@Y zVpDY|`U?9#eF)10S@`p7Qu`!9dRBpzr*$L-MA;c2 zn3T#E_d+3<$IB9*y5>-SvqKRGG2S_39cJrws-2_73I66n%Mptf;=qeB$7c&*qY` zFl8+xD=H@+~w=x~Jfa&Qj3 z?Uys!ycr9dPsxPnex+UuNwZbB7r|)CGNd90zO(5v&G+#3Uhun!$VE{GO%jd?LCy<| z6}I3D4W^7Z$qP1@4X>DFWtAO*u-V++5dAHP#k3^Js>!~iD45`D!j=gnai#w`SBgwi zza|-#l}!FKo2PxtR&__$Y%KRM_&%o=chhFPw341IHq$W@Ond;;JXPb~nexfpjJD+qD2ZnKoVLYvcGH_1qbVi3nA|V|Z3QsSk)~Oy`LLT_ygs!(sW% zjrE;*SA(1T$;#(`5c#;)xHZ*zR>C|A+P~kj2Eu2#EEln|m1QaCsA-U@)E~aJZ#F30 z#^CyPTuQHX4V|*^{K}jOqF@OIhIygMC0M5ldh#P zNg-wu{pPRh;}tmj3&jS~y8{eBt~jfN2B{uBpGKp4Iu3B?r%=`kd49moT}OXc%--0- zO=hc_3vzl1-oqNr!{l~s0GAh}Yn@5N@c27#B zyx&M^v>g`Dkt{6hUe03XHz); z*^hR8jgF^*QduC&d!$bqqA+Qzl7HC1B;MC&u-dRh-S&t|v5sQ}@3lwuOmPDbnSD9W zW1zOG_eX_I@zH*W#LqA9q=0`FG85kPi|0;;w0AEWEm}0k$#$-+!LXYRmB|(}>k(9_ zU5(`D+kTJGH%hVfY){fB>+4E#XiI8M`IO#eNU%I~ip>sTX+7QrZ;Tt_M%*u$^*X5C iUkDzeJ``4*&+uPW1Ylvp!V9||>3^D(oqvn&hyD+cAExvG literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorPicker.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorPicker.avif new file mode 100644 index 0000000000000000000000000000000000000000..25b68b537a9e0d328e0a0df829c813a06816c70f GIT binary patch literal 5150 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorSlider.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorSlider.avif new file mode 100644 index 0000000000000000000000000000000000000000..728f7e140bd452752269a8f4eb9d5e0a88fb19bb GIT binary patch literal 4014 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorSwatch.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorSwatch.avif new file mode 100644 index 0000000000000000000000000000000000000000..e119f6e37ba17aa2936299ec2ba475214d8e80f3 GIT binary patch literal 3799 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 B_~QTo literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ColorWheel.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ColorWheel.avif new file mode 100644 index 0000000000000000000000000000000000000000..3a0ee5307fc71d4993502192c214874b25a0f2bb GIT binary patch literal 6671 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 GrT+nMWL{hV literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ComboBox.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ComboBox.avif new file mode 100644 index 0000000000000000000000000000000000000000..a3b5eded96567396027a74b293c08fcddfebf643 GIT binary patch literal 4043 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ContextualHelp.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ContextualHelp.avif new file mode 100644 index 0000000000000000000000000000000000000000..1ebf0934889d53ce2d8d583450e388a4b7416406 GIT binary patch literal 3413 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/DateRangePicker.avif b/packages/dev/s2-docs/assets/component-illustrations/light/DateRangePicker.avif new file mode 100644 index 0000000000000000000000000000000000000000..ae71fdc37fad79c9a86a0be7395d84afd814cfbf GIT binary patch literal 6453 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Disclosure.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Disclosure.avif new file mode 100644 index 0000000000000000000000000000000000000000..0a350c85684503ff503166de1f45474d5efb532d GIT binary patch literal 3904 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/DragAndDrop.avif b/packages/dev/s2-docs/assets/component-illustrations/light/DragAndDrop.avif new file mode 100644 index 0000000000000000000000000000000000000000..b124cf0047d7bfb5df5ebcb6228c9b88ff229eb0 GIT binary patch literal 5510 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/DropZone.avif b/packages/dev/s2-docs/assets/component-illustrations/light/DropZone.avif new file mode 100644 index 0000000000000000000000000000000000000000..da5e932391d4af985346e1d2b0df118dcc9557a9 GIT binary patch literal 5160 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 Bc$NSF literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/FileTrigger.avif b/packages/dev/s2-docs/assets/component-illustrations/light/FileTrigger.avif new file mode 100644 index 0000000000000000000000000000000000000000..104140544cef10964542d19fa1aa001c27b54e4c GIT binary patch literal 4123 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 AkpKVy literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/FocusRing.avif b/packages/dev/s2-docs/assets/component-illustrations/light/FocusRing.avif new file mode 100644 index 0000000000000000000000000000000000000000..247f9d6ea2313d260d6b3233122d00d80b5bd08b GIT binary patch literal 4601 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 pPGMKlYaq!wEPq z%n45oAt!qmkADyVAmXuJ|Ka~C3lZ-{_}c)fSrPBzhCS)7ssljOLk-|#z=?7ag8vY( z_dfAXE$ zQ3N8+@o&;VVewcZ%G2M|3rFxoQD^Wjc#MZX3gbd_`uj}(zJmB`n(e=hG^b9T>=eKg z34e#E7z6;)0wZY{03g~>8rldd!-Mz0{rh#Q7wTr0lbMspfpin>F<$HdFax*f{R5i_ zb$J-uFaTh{t^ym@ol0Hh3UxD`tEcK6VF52Jg6`*+2wi$ewj)re_G9khZ zcmPdOhTm8!@>aDNWSv)rd@U-N+}levftqty)#e1o2tI0BPr00iAiTM>w9IvVoqZe5NZUrG`A|r=#eYvpCu`16) zMja{!>8yOZQ*Fn*N)EaD?ZHA%6Z66Sm9M)UgY!yNC3_0l$h#v4mN3QW1T33MD#>=$ zDM6m6R_s@dEn!00MD{`n#5k*2A|c_ZlJ$L__f%LB+f45lOYVW)1kp1)hVF!$&zR_T zJHZ^rtV_4{)1hYAK8Ca#&RxI%u8~2Y?v|grFLidev z%AC0Zd%s2?OQ~fjifo_TOZS?<>E+EjBC%byQhXxZ+_O(+eB;&xZ7O(I=6)65v3t_% zmukROF89(ll)i5Z>adZ+Z!L5z=~^YgTX#|FCF4VB5wq>5t^E3!M#%oT;vuuu71pzI zFqRmxXfB%F;@M0YH_9yk;cC;?fUq#KfsVB$zdXf=Joz08>Z{+E%G4{~E6y>TE}|=V zQx9B};@oZte+=S|)1RWOymwjnt|04i??Hc&Tuh0B=8kw7-&6x~>ML&qD0~r()Y@&x z>0nOBmGlbx@AF8mXS}48AbYDUXKvavB`8@f6S&4Or_@I~oE3-Ne`^>Kh0~sFt;04B za@@UlVlJ>V3Zo=G2K!8lrjpyNBttaeXofd0PaCH+3fLV=wQM>6me{gQEMK#7M;rZ# z)U$KYP}O1>47mAn)%aTr&cyP|k`F9yrouo`vD#wLS#hu*{`yuKZ6MN)&v*5F*E+E7 z`xn(eISKRQ(sq)EYo{Vr+G$AfvYMAme#NsTtZ-f0Ecc`@h#L}AiyYe9jU@Ld;!&86 z&Zs*V-&>CrL&8*t+zjWBcYXW7P<$)gN2&cImump?4Bt7Ko<~tdg!fq&Tc7#m7<689 zZdb_0`@_3+Mk)Jm`e5_n?8cdLL0l?KdJ~kujkth9#fWC#%W>$G1EU-#knC>?g%`Mu zjDy}JnwG8PRtMV@cNLvli0|m9P>zm5YKld!>62rFr>_ubx_jk5l|Ad&g@2x?oP|5s zG!j!>o6zz8)rHn3vpxdR=-)o$YsqZQ3p+-4EZ$jVPV`Ake7nbS?J(z#LBfpoT%b@Tj|FX@QLo^~RGruGQJ6 zAbas47imd!tVEjNs*~(ThBz71-sjAIY<#o@X>?5Uo7Ocmk0BcQsf;wX0rn634@TUk zmsy|k(wk*7nC~X}YToE|#K6_)+BUq8ECd4w+m06_f0h~SM~J{q4PI&BXZH)i+8&K) znerdqJWUR4h7PB&*Y;}mmaVFa$lom&kMnO4d8B9w7-sp-WX|oURjPcxuSvT(m`_2v zS>kv^xxCjVX#2D0sb!A0KRox-YNf@<&m%M;vJbm-v@@=$|G4rHZYM)A{}8$vVP96F z;aWO8mAW~5Kv$;u%nvl>_@}|_d-)~6ZCYLXq|Vu^ex=HHGjC8d7aoQ0AjRu$UD8<` zHAzIbz)<|zZ}MB}K=HDeM?1Vb)e<3r7=ymzr^;G!zF#_FQ{q+OwLLta-iNbUAMRoa zLUW=#n&616wI}!X9A5OKeXlow24|0@Um8HHT`4-L^gr(mdPq*d?`vYhZwQi9O8LH?Co>C!bx+F(xLs{2H~(g>9LGB0>omhJ zzkQh11CElsttQC@p98*14vJg=Aw#X_|B&1cLnwb#2aiUd`j9D?~1LmWegAL6lM>$YHW_?lX1mHNNaMaTnZPTYHJE!sCc09Y2 zwzD$qY&}<31_NooW?=EdnOemQm)_paND*=L%p>_iqQ0ws448agE+3LTo}mO+%3}DL zbE}hcV4WRRv9r(@#&4~jo*fLHbD!KoboOtv+}!;#bp3nX(C)u1k59AUry+Z#6_|0qH*~u&`_e3}iXe z=)=x7u*kg(-&|*bASTaozd#8y6|m*KdwaX51e?K%+>qN3u1fb3IDlI0a#*;1IS#`3 zvYnokksDV2Fck2{b2ZmxUuMm}>Wts|w=?LyK+qHYOLw^TuB76vGra3H^csHyc^V%( z0dpHV_AF7Io>HnWwm(@1kVqjYrIsDz!Nu*~%^tj_8Ad9r zr6JN~>Z@9uF?Ubp+k;Y0*QQ;tB8&Bd6F`2K-4g1RM-^?^0qa(zWAKO?yL9d9 zA0d9s;`$;$k`+AqdJx^a0e;Kj(rKG$$%}IqC4YR@mw%qsn6_d5DmUCKcdaoDD3NTf zYZDdROG#}%r#Ku_lVX<29j{F{J@)7a&L*k3PBE}H=uz|HP+b81WZ#|T_l}}BV#3M0 zG}~|6-k|7DuaKFpipf~DFBp2@p~Ap$Tc>;!DP+ENn2o}y0j>yGl4h!(RceDXe`f59 zRc#%!qAb2+2qh$YAaYF%!lnz;Zh`r|d8E`YZ0vd>Ty9vU4J;%lRnVZ$X5JbwX(Oe) zh(m$M-MVbC_dmXl%Y9%Q4F~ToN%H>TKURbY2y&Cya|CpS8Eivx{4or;b?=7fjF$WtL1-mJd;XNl9ULgh-&T0x>I0!S9W)(_xGcw zn>y)ZO!eWP?w=zbQgFG)#*{%*~5!dssy3?Md}c<$g5`nB zeO?n!LHoYgUfQ@v3p)EL4W@(V^#(7!G;dv6sY~H=imwT>{HkJU7&0FD*5gc_4aVgs;tQ%Q+p#uQ~U7F@r-){2*tfSAzJ zeNAV`wfwHG=`$oGn(48e z-*!{MrT7K3m~y;Mb?Wt;t)0R_0^KWvP2aoG1;~Z^W#d46;r|;*7_@S ztjEG0R{jYxPrn{f)&6I4E1jcg1S<=$2g{!!96PzJ+@ZfbLQFjHO26ISI7_-hZ1f9{ zCVjkCiQndQ+2CvFfQ2 zrftan?1rkv>eB5rM8~hub0)=y2LHj!>v|MGW zYmlSMsGpSIdv9?ZaWNu&{_ezV&iFz)aex#hh=X$9f=|K0Vzh*3IdYF%BOv+19|2tc zl_{ATbG`B;i%>2vW5x9(gH&{7o6OhnB>TqW~F1!ygDoJ%(+b1Wih7s$A?VQ4%`ydX#C#RQWkT8Tk()Dwp8>J6sP(w eRw25e5q6JM^{sawpu>}OeJVOIaZpI=&i?>^%k%~S literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/GettingStarted.avif b/packages/dev/s2-docs/assets/component-illustrations/light/GettingStarted.avif new file mode 100644 index 0000000000000000000000000000000000000000..38596f0a6b62481dcffb478bb3ff77f7d9a110a2 GIT binary patch literal 7034 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 LSLQ`rH+cF#An6sC literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Home.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Home.avif new file mode 100644 index 0000000000000000000000000000000000000000..cdb88b99b4287c4e8b861e1b60728e4b37b19b99 GIT binary patch literal 5318 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

7H=5nl! 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/IllustratedMessage.avif b/packages/dev/s2-docs/assets/component-illustrations/light/IllustratedMessage.avif new file mode 100644 index 0000000000000000000000000000000000000000..4b33ef983ffdd0051b9d61681a87a9b742153f08 GIT binary patch literal 4869 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Illustrations.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Illustrations.avif new file mode 100644 index 0000000000000000000000000000000000000000..e5a1419cfc68431c45ecb21a48baef1cf06e09ae GIT binary patch literal 9299 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Image.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Image.avif new file mode 100644 index 0000000000000000000000000000000000000000..db8887e5de18dd1ca7d5783520e972d78478aca6 GIT binary patch literal 5895 zcmYLF1yqz<7oDNIn;{%&5Ex3jQ&PIShE9hXrMm<~KoF1y2|=VA=?>`_x>M=+@xArd zf9_i6?7h#q=iA=}001CcFJCu{H&9!^Q~a&YP+N#I)Z&Q)L!E8BEdJ_G@yy=Z$>U!L z0JuS|y#B-gRXjJSm-9aa_>}pePOesenXDuL>FGQLuo&>S^Ec@KMZmuQ6jF&NRS*hw z`NzgT^Q2G2=HH8djd4T%Ui`oK)cH^Bg1ULQJvFnSZdR^OmDtMF$-~9U$>(W1E&wg? zNy4#s1Ca?r0X;zg3Dncg<}UyMklO(OB>gAwWZnn*R{>%?B|!^sADO?*+rvfJ+0Dl8 zpCm181+{V$_Vo4ivT^nlewu+gK`lIdg)N-i?EiVDf4{=;k7tS{M|_lb#wk_ z=m{eMfGEIlWOM)$N-#1?*pos9^|1N(*PpyRZFc%Q^Y?K`?VPPGyodl;=#)(U*Jfdo zJj4WJ0DuOO5b>Dee9}I7u&eIMkEcGC(BFP23LljuPX*iG8Iql)#fRRa(fW$!Z0kn1 zV8`^YS{>>+b7UNy=}TO9Ryzj`BCG|~pxxaXip2^&)FtKXJ&Ta0{S(}NbiR9YX|#Ol z_?MHwcfpPwFNV!D_`cY`EM8L-3;1Hd2n;%IQ=YroJ&&&t>UPUKSCgi5PQ@^rSg`Nb zyXkt7Qbs-%x-BEH^@EM^m^BdwH55~zvCzOkY-f)>A7+o{FuZ@37%VKgD!!jDTa?!| zyp5}f*pM%caP{DRuU~Qmj-oZMrsUp6qr9;4q$N8qGDLG=5*tQy4a<&VlXbD^H4OuN ze79^w=Y-SX*;qE$w~!_Wht<p^{_w)EGscil%&z zx;~nEDf!jU9qX~sbgkfMvj)#JQ>$nG&0NK|#!ptPf|RI{@L^WZQu3b^p~#0+h_DkB zw8+|uf&l^v@cDHVtgAAo`EzMP0g=J&E?EoEqQ(U zfEg55w909vCHkE4d_=-F$}E_GY|^&QbZs-L#t*oTM6eI}Irw!>iTRHZi7Nc$3Pbz{ z4u7vbNs@%cw$}&ij1=Q(f8NKYOQ?D5A`DQz1%@EWTg*V`gB`K4h&Lk zQkG8J)m1`2YzOZVUM%|$Y?fk1=smEPFx+m9dUP#Je zKNaRRrM!|H!ZAgat88Vk6Cju1i1vz3%Pv@WbSOr%iKn@=xh-sX^6BTafZ zQ2-X=cw0VtRmLS@xz&L>*TaI(zM)dG$giW0?`pY`Nohx#XBT{$-O#4~=8KSaO=`u0rOpNGLxZ}^7$dw<{GLtn+_1W>ijX6!1h5N_2 zx~dshsHGWHe;MyVkN)||+>7)ZRY@52s|E*8d4Up_S*docU7;AG>YrK+?!K{b8vQ{? z?N^L$Q93qTJS-Uzxl;PA2gUNhkDhA9#5m=XwGC{{GA07rwn+vc;(Im`7B-Aa?fVuu z1QP7N8i18120P7w4PmDyGPr0r9abm!qX!K5A@>$MX9d}%a`b!CYAj!Iet=xYeRo_p;T}pK9f!PyU0_igp3;d7Tdy z+Fbc8s3u(G$H;E$%y~aHlX8*MFF&c4&iXXbPCUyuQm_bWU9qO&L?l<9JBUQr2K|ha zJ_9(gM_Eo>1CZMr@qqf$F8Ts1y?DCTn8t&&dS<&7i3IaL!MHU@Xr~~&3ft*RUyZ)q zOh`1e2XC_+ztt!5tR3LZ(;D>sL$-g(t)?BeU8_e0)2+J1;F|WTFl@kG@DVH?--#85wnGJ59|ROhePXK)>x-Lg?xNWO5A zA!TqL;^i@fzBpL{zPlg_G7*BOlzg(I|6|y%WR1M}(QB7_}ajalCME z47-(=Fq~3I1Pia$_)0KzxG8sJQUhF2U<%OFQ9~ z&T16I#fJCU)G+_wduPcD6i0eu!Euhe`@V$HSdi@?8^xOR6fNJPnkj^Hs{aqX_|5-qNCP7g?>FH&pO zwdrkEp;gIIbXl_YwhZk%tdT0-FDNAg%t|qQ^y5rEqtXGprSVpB!D#e2&RH)jjr7|T z!RE0DuX$1*ZjnJ+1$#@X+^p<9xG`i)-G!*9QowJ%qcS^3U~3z;12vD)vvhyjwR5f8tltvHp^vf~E90jAjgtqAUVM+& z&&859D_-mH9HX8Q*wO9Nw3BO@2z+?s;M_N)t@fS+<4eD5xZmOnv)UJGM;t-2jirWo zgSpmUfjd_*wMWtIfg&;W?;5{z%)jX|s1q5|u0MoV&~01?1SYj+Dh5gtP3&w==fd$~ znSJf!mBU}yq09+=1IZ2hHNb5{$@gE}BG5|aKb9-Iuf-Od+Fr%gR&k$}7v$-$-_l@| z6MlRo8TRcJTqUx1$W#J(4K@>N?j=OWpzx0WrkshDJI@0>r%F=YBfv{*3C>(zZO@7= z{|-kdLCumy(!3^WbnNU1qtRwjNQ4ade{zg}?EBU{eYFZH(q3UrO0!gtM&l{@F)b)% zZyi2$qc%CHF&kmO{n0qT-hbxo%4MU`EY_;*BuD)NV@pHkRHffAX3z=7JSf+MOQJ)X zE{ZKIIW1E4O{)f7*fbIN{njhmrpZhnNW1bZtKdUFd@V91p1AJurqw)A4)%v~brQ8g zG*9UA{cx<~Jo2g|F~*p;WMhu3)5%=B9f4$36SW9Fk=!apDf?b2(O@*MA_%F3vFe|B%~SLJQ+Gz zzyVL#eOEgmKP(;YS{G2ImZtXJTk=w@4N%zhopR5D%u3T^CHNie+xU-=9B<@Jn(wlO zuC0*epC$=MZ)`6j-8WssQ;f9wQZJ1jPWHKLm=Eev)hjt^b#L#ydC?h+o=K{0T;9l@ z5v86s{@OH>7as3VPU?|TicC)iGGD~oQxn|~n*oXMj2AE>(mpf1LSejqjdbiA$=)@n zRwODsT06*JhvMVs@%786&P7;CA|r_XZG#2xxHA3?(J16>#-#@n-9L4!H+CeF0La@{fy#XZ)f~X zXghvSx&bq`lm5)Yps%Qg@`?Mo8q%oMK^akst}%t=(y6a|jbCU6zUTe^V5=CJ7bU6b zuwOdFu^F>k=`^}K5|}8wA572ZqA1~FNSF8v*S>;-+sB9PBh3BIZ*V;=g6z~Vs*p@Z z@*db>7NZ?N@8^Z<(oF%Qg|=-YS8jyxCe%}M7L0MVhz37@Hkx3rDh+=aTo|8b ztPwqbt9L044o`+=80jSsZ&oAnksMnvsTx8yD7Ahf%Lc`%q6*O(m9)nQMoxA-%qOqS zJG16$&+B7+{u6CEw&5**ywF~mTrM5{iy=Gt8>Vi45w}fU_^)ura!sVGN>Cyv3NdL8 z7CeIRb8OypEA5ATzc<5yD`ZQqZtg7*cczPF76S4JJ;0Zxw64NNHp>@hCzMf<8;1Sh zvvAS3ZNF2xkhj@BSts(!1}zK-4kq|$F#JR&e{~{v30?*j983-sBz0rE4=iO$7)U5F zULq-)QtRbk$mF3-5_KBRGSta?XMkW1LpyjJL^ZPgia z#%HM!FnLyco2lScWDhACzQFPqc^0_|?JT11=Ui=MlDPq!V`m92K53Jf@Dsb~$OTEF`yl)xjftm+w-rNFfq`ih&4$APywow-X&M_^KC~ygnIhi1=)%++|I&lihv5JK+;B9WjH&&{ zCY}XTwFONkMBjxm2bC)w&u86Gr25EX7xbyO+n=`3woKJOH_(x^w5ud7097zI{^+i5 z?X}*?`*~xQdDKVtw%}ASs)qWcIkTB2gSJ+7?z@m9{Kv{Xz7ud9f_4#|8+%m(o;`li zDtM(Fg6YgI)BjLwe%ioLkkH3uMUC9_iU4evUF;Ddvs<6(z{tCyk|uq2ea&eToK=av z8+Iv9fj^q>F&rEf(;{Dc;a@&HCtDDWe;RiZWUJBs(x@&IU`v|NOVaR8Hh1t)3Km-T zTsS}6UHZ6+Ye0`{qW9oS)6TM=Opkqk0L9wU>>{%4K!;hdWf_W&Nju&erg*i$mdWDz zXWBN#0>O#p2G==;orxfDrN7!z`kzyhi2^CXxxi{%ik!ZiqiBvhzmDB}9ytC{x?NrsCI4OtqCGhBTQ9g>LtQl#_bLUX`(GUPv7pf&Q1mc+zvX^BWqS!?egCX9{XV-ZN% zbQ=fu{P@R-JC^^c&TwXPz8=t>bxBk*R~FS<%4>V3Qr$87freD|^FfZei}AYi#gK>E zW4A`#iKQ)ymeK}JA?ykc)mWp-^2J83hLa(QD+p4W!xeFb8E4Jyw(sdnEl} zyYz10QO2POLblILHHvtEO9-6EEf898Va}>hD5B2q7&|jUG7W6H@f1IO*(A*6m+ChCJovx*T|Jihq!7I|(o7Ug z`}oIUh86I-p-W97ia{!zhowJ5$T0#%&WuCx+3c}}@1(_K6pbe~dtuigT@Z_FMSNJG z6Zy@S7O-J7dU`WC)Huitc+F%xl_J_gP;tbmBJf7mJ^hYNmhcOGBA9{eA)Qo$7yoJp z-LkImZ1O$0EsZpkuc}R`A0+;@V$aAaE}(XsoT+Qf-1+r0ht`(Q>qR3LI~7hDrHU#= zRx1p3E<|bJgPlB{o{Z1P39ezLg|zhtn_F*3^}XvZ=V7-73Tf$iYDI(T>8)&*!I~PogdmHW6~|;yAzYv{(-y7kU?dMl6#zW-&Hrq zT1WWk*ydLSe&%Q6#PK%E?%q&_fXCpa;8ExVnTZsg=#j}?D1KrU3@+S;aAo6atixwK)Ud4xXomyBkzo`D}#9$C>P zx$;olw$auW9|``Dy&UWa6rsdJ-{vd; literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/InlineAlert.avif b/packages/dev/s2-docs/assets/component-illustrations/light/InlineAlert.avif new file mode 100644 index 0000000000000000000000000000000000000000..c9e7982a4822b22d9a165f33dd0ab8c49a04ecc9 GIT binary patch literal 4401 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Keyboard.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Keyboard.avif new file mode 100644 index 0000000000000000000000000000000000000000..db887c6b7eedac923941cf8985e5654efa18d883 GIT binary patch literal 6150 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 F{{ys=X8iyF literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Link.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Link.avif new file mode 100644 index 0000000000000000000000000000000000000000..fcbcad733b4f95ca576a5a1fa84c01c77d8ca4b1 GIT binary patch literal 3846 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 HpXU4zAwj(% literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/McpServer.avif b/packages/dev/s2-docs/assets/component-illustrations/light/McpServer.avif new file mode 100644 index 0000000000000000000000000000000000000000..7081774156fa76810305425e8a3177533eece505 GIT binary patch literal 8083 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%0DU4!Tj%>%! z0F&QN|HsZRf1ZAD8K89m{19tGtd{Lt3vDLMoI0~^XLZ8f!cPB}5b6*y^XZplW{q{S zB&5hSu=mAng{4HsCGUDfy{alT=*l0FI`x^E^j-r1=|9JlmDV!a#)!wTvP%$Ez8 z9tsv>RI&+Bvfma1Dal~DHEAm>tx6|1!uUn@6degNX+QWiMW25&>fsL7$Eyb-R zEoc_^DoWxZ0KBTZgS#pG73UHVo|X%?&uQf8izF(y@n_3MyT<$bD%&*80Vj(yfQli1 z>snv1EY!X zU%GonAK`GV5%96I)eZ2l+AVvX|EQRxebW~7w~`Sx|5zUR8o%_wheCfL1ix}(Q+Tn? zyd3a5H-U#9>>&zYT=Dnw#3PgTOr(ngu7sJ2fC<=DXXV)~X>v=-#-U7^rAHDB2dS4n zf>8ylk4c1>Ek;@>_|T7$J!)D+>AsxXMzeckdk6|pgFtUBQjcLn$2!Qf5wJddK$l2Z zo$w<9CorQ6dLLi=Y4(xWz2?d%{R}aSbOK8WuMKT3Bk2>ru=- z1T^n>oa!j7Tj9rSSHjmMSV^9bqc!?ntRW>gIl83CX#_m5>D$RsJ2XARX!)=Jwd6vhQMlLgF`PVQzBW%F73yM{%zh`1l4b+c=Wtv;2yW2IHWtkthT6WI7t>nF^{- zPfotbTJH1DJk8mgXaroA3bM z)N1r2Qz8-j5F|;8S*5x~;+y?zgU!vcx88o|nIeyq zc|B)C#x-1G!;{@ULA?CZ+2*a+r~c#i7>O4~%AokBdY9^DZllv1lT9Ry!kM)_sC{~0 z&qvTf$kt<8yz+W_s{5|bQ*p}IEh9wScKXEnEez7h6I2?I#0~Q1QU1+j1--}O`qT{+l5227H%o0e8s<{) zC+I<~pm(%c>?*(>pmrF-HPgH-_;oXzsFxIHzwGw&%9aA9?dl;G^fwC0k*{?)vmT^0 z+@n=Holm4w8Wka8g}8_VMSr2k<>{a@$1^#Gv%jbpOHmi`eu38)8r>Wh(lrVYpG3ze zSJ2q)t0?@j-3|OGTxr~ytDzSWGA5JtC+}r#I&aRI;)i^6IDJQouZA%wIBCEIC>4bg zTDK)?mD`S(!5mvwR3||B@PJFNw)4dt@|pVp7eMN;Y^`;yc}T5@eH$UxKYuPZuQ12` zZF5_)8Js}JYr07PV;O88mAG_?+!Pr=x1d9HG-1pOjLX302ZDtPSMFhunIZ%UEdMSW=DHnxA2F=pc+YBE@pj%XnqUC_~>e=bCk?M)X4DK JrtM0c{2%eDL23X1 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Menu.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Menu.avif new file mode 100644 index 0000000000000000000000000000000000000000..4916d375006ed91a03804552eaa98d5e9cfb4264 GIT binary patch literal 4057 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Meter.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Meter.avif new file mode 100644 index 0000000000000000000000000000000000000000..1fb8fdab652c902f21bcaf80b0b680b29b1924ff GIT binary patch literal 3471 zcmYLLc{r5)_kJ)KW6ADIlzm?(S%$Y6yX;Dq2$OX*ld+Ss?=to+OJS(Uo?Z4euNP5@ zFjBG;GQ#j1b#?vDb6w}$=f3aHdCv3s>j40O*VQ)&i}Xji0^~Ta7?i6528AT|6j2x# zU*tJY4gq&(wD%tf09cfh?_d14GGS4^nBNTrIV+;jo=)eTHUgj|Kjffz0h}x6!T$$Q z4E<&32g$4o3U&YY8o&J<%8;x zz7NA-UEF>rO_&qP2@CTH^6_=S_`t{>6dHx}4uT=kSoh!8^ye+Yzn5nIJCOFA<=7Y-Dr9EJ;)ox zrNjjH@@LshF5jJif^`m7Mi~=hf%Jnn5glG|oQNyY1BnCl7VaFgFAVrULbJz+k4jlf znAkK69C0=5;|ns72Sg~|wd$(OD!BU@8gN&?7 zKDk}mmSvqMtp6dWk#Hk=>1Aq(< z%){7n<-f73{BM~AVg}~&#w)M=3~22%E8XIkd0>WzvRq({o%W3`ZMJ2oexdZ~B z)nHY%&#A(TVOCxP|0*;IDy`vrThx%+!6*rKOKXnk734vy!~O-E76p^g1F?qt+lV}) z{4CvLQQ!FfA`F*vz`SIfpQ&w@8TNqmGAayf8N!Y~+28<~fw}E7Njg6exX-UCb|m)I zHUi2-BuqmG>u2A8a7FHx4+ga;DEkTxaX#KAMXU0)ks6&b%k#GiMu)V2h)YK+uw9oc z+_|;04#|?mH)cjIXkHY09Dw|mYFRU-7Bq0XUk|b<-oZOkt71JZ%T;w!T*u*nbDlDA zs0>`$lSYWNZmNL>U(UH82mHHFL>pL2`{sXwr44u@WbYE0HBjv8! z_LT_*+}o3sLQ_v3QGc0`l8B$ko&Qyq$N>tcn_sE2aNAApFo`WJVAd&oZBX=4hR@cz zp|3i)yL;5yw5#i=*JlxsZ5Y4Tt3lMRxcmK~Q{dFx$Jf-V$|LE}Q?FbdLMnX6qU71j z+#w2f%`I)!#egXJP@}>bx7cse-9E-acKTsI4mIenY!mHE}7 z7eef~Z?lT5g6JYTB4*6E+U^aPbj8ie^~6tEpIL$+$%cP)m zj$mci@Qa2?jFGIM>{;?xVm)rNp|k zr@OlXbjoSPd_oJOr=nMMbJ_d({OZ16wYu|kGD}kI_}$3(=!8~wtfy8wT!n;O#Ksg@ zq;Eco`zJVUb?6gBP>2K>D;#oYXSL@u#chQZiB%57nE4e;wbxuCrKFDpyg#}D2VSYc z6^O^u+S>Z2DvCGwBL#!0Jv1)l(E%tc4YR>acQrFqH(X1#uAq}E(d1_2jU^7rN>v#i zTbyNA(^Gj7wq9q#q^fpM3i539CG898RAV|Y3*NzuzC_2S4(*I$GnXuB_z8e3PhBl@Da! zHUt-2cF!I%!z@E;i5wQaatMU*QJRFSz#(RuNtmO^F8ar^t4Fm>O~kL>lcX;;%OSnn zaEH#rvWV-OQnxOxRSorlzBfz!{52m?a*gi-giYl(N}bIdt=Z%C&-g z8L(Rfby!s}hBGMgbgRI}v3r90DF zVD#$27^IrID~ZPa=MyF2BfBYS=MxSt>5aUqu21TRKu>yQojLb-LBNU3Sw*J);eS-Y9L&!fU;h7z|;#Iy z(6QohTG3z;W^>%g63AiAoyLCW_5ZNofX8{uk+&|V4+*tJi#0aa1;(ylRbq>pkQjC4yUG z^1>MEq~$FEIiyu?)OkNV&+1@Y*5666G$h~3>e+kMkx*fKQGPdya{10A$GEyrIkBV` zj+#Oeit*X7$#gDvk;i&_d2zpB5hnq3_DZJl%AVhbc73uLC*x%3E5Ar4o9Q z1~HI-#&{Zu{~=}I6sNH(9p(G2N)KSSJ}!}7cD~`$HagzKNo6Pf(?5BW!TRkwg}q}$ zTi{;TIPGNi?l{dSSuUW~K@#|ARA;n>es`kP=-pt>w;DQe5Dd7|TYjh<$N`%|y{RVG z`SvZBv;uP=Ln<}{^|m8+r?16boryKf>KK{g9Hoa^ODhOCF590ZlXxw-C`5IS)4GIz z&Kgq&JgIelahgBHop`T3Bq*`|$IKWvMmWmhg5Fks2!`+>;0RCm(WptDQLGa&qc@&< zn(GebX*Ta$^7LAKJ%9D0bLDYzC{qH}l|HSN@S+;ex#ts+Vv>EoR$+lQFGmOCwUS0w ztGfqj(WOl94QCRVBOOkCg{$S7>NoFFcy)#3UfVHyFn!&7`jrZw>TI^G#z@1l zZG&4-wDhIjNxU7)6gR%Q>!#^gF*7)X*4M{Tyk}JkrT23-&hG2wY=c>`}+;fu>S*A@-Q0! literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Migrating.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Migrating.avif new file mode 100644 index 0000000000000000000000000000000000000000..10d5e4e477710da0cd887a842ef2a60b5ce3aa3a GIT binary patch literal 5636 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/NumberField.avif b/packages/dev/s2-docs/assets/component-illustrations/light/NumberField.avif new file mode 100644 index 0000000000000000000000000000000000000000..998e9bbdc9edfa443411abfe378f25726be13ac4 GIT binary patch literal 4240 zcmYLF1yqz<7ah7m8flac2^oO_>F(|xz!_j*=#r2aq#JoiNXJNtl%#YDBMQ>f zbo_&Fz4f2F);W9cbME=}cL4wZvx{#K+`%8}0>H#wg+X0JVNeGQ$BKqI`#Rj|nBago zxqJT$0RT7@?E4@7uad)|zOcUp3zNm6?w;T~rYsM@#vDvwRRZohcftNI!W#ZhAs@!5 zl2E9}UmJhtX)(n4--~y~L`3f{{$Ip&{uBG4aBn!KnGc17Ju#IU?CI|90d^0>Y$pTY zM_?pU2Y*qe7r4wA2%v%bz@6^^0D#j20AQPA0LFYE^iIJd#3V@vzd)rs=I8AJg2A1i z{Y{D>Fcb_2`2_j+I>UTGm>H-$)WJIlzry*~^u7N!;t&$v?PP_*VSk4( z7#o0vi-o`;0AS-r;^4+$6h^4G^S{52@q*dxem8UXIOGQ~CkJ0D05QRR?vQi47wKU8v`|P8;h@2a7r#x#y zJf!-~D{|*eFd+XIEftxNt`0}WNoQo2ms~QJ%c-kFGC*y`=8|S*&_C3j2EjWaV9uv& z(aLc_-*jA>pXqRNDpsn?T8HqA1@@)C8?@eeVZ(CI@Lfs&YLgR+)B5eeRk6y!(H6fY zN0P8iv*yxnU@rA9FYcQ|bslBB4@4c+7g^MCL{YO)y6WV~FN5Qb9V+pr>euxSQMD;o zmSyeP=C3)`XL6cX4P(}Bk9b>Oy!;TZRT1KOd?p84jhiY@j9`WjSP8}RVWUevx|xnJ zlC?elGznxMCFej4F1?RxBinOls$yd|+aolN| zXsLcM(u;IKM4|L;c#@c)g0CgF7M`7U639ep>C`L8l|Y5&2RuC*#HWT!^}^qR>kamz zV6Smw^H(NNa?Z)UHJ!XHW&Ny(;OnaB2)Jn&P3hGREv`P{ecP;Sl|%XD#rIeTe8cs$*_|R%@5GTo^Z1PPB3!Sq%lavvELEgmS`u4@ulz3Ko1L%uWJ90w%>%1f znD?yf@%!$csFm%Q_pFgEar@r)N#Y6?@&i&|UHlfvcivbGy#VHnXuu%2aUwTW6*tym z>*a>ZWG(hJ-c-x1Wa}BingOEMujf`u$XaVUY##eFU?WPRc2v?fBbbIAiiJHq_w(Tw zJ*}rdkf`OS-%#-K{i?V}d>i|jq$g>`Y!XwIC9{u2)3HcAk({3uV)^m-Xuqo3Q&G1Hpb};X# zdwbf10Tt888hxSdR%8uwJbraNfHWoDVKjfw29D@wm!zT^Q(BPqiVkP>520P>@zi%?B}zzp-kkKqp_#C zIq#vd=R2k%w^mOZh|rgLpB|-kMDKhWwC2yOe#hP;R77`XYM7MAkkI5K?&^WZ`ab8} zhg_x7K)!xD96%Bme%r5Tmi18dQMX##rI`6%l(%t!AC-BrSzsZJ0+Gn~F~-gZ0@F%F z^gRLF(YCj3DREmegpy9$ofjLHwR#K#wHsIP>v)M%%`$e82s1yi2UM@8y95+dp6jHN ziklt_W!u)0vMMYh@jOGeINsR1*l6RqCYh~X642a+I87X7z@MY6&a|0XqS#!6FOQ=) zr}$p?zRl`hU|@l0NGn0$@zpf4xopBEHm}-h2MS+ZPc1VSr4cR3B@lQ6!#GA10kH|R z-gM^``Emvd)%ZSKc?_v|x))r`Aq-8r6P7Ga?>oC6!^jazGA!wH1QS7 zc^!FS`_SZU%aC$cOboMu_t=oj~W67{Y z(1~0gPcDaaQ&x?j@?}bNd*W5(hQhgV`;!A3CZ`8z9&J+p3U*i;qG70VMLhG*2&?J| zk#-gfYtRhuxh+%PqO-5`QeYNO^>>@#7FPrk>Z*%bUxYsN&5M}0E= zB@-wq-Nt}m#=2P|FEip&J#><*Xof4L*d?koh~yNl zIkZ;6<4E0OCy`nBy9na!_XqKOMq)2K8?6eiok@7Jb5HS@^mEuONEU@U;aZA$VXm|0 zS)a)dwx%TkflvAp6h)r~Nh=_zZRHv(--WyEXfszlkBMePoy$uDR}E%U3LNUr6rBAB@vXK* zNn(YKEcjC_OQDw*gtf6F6*)vo!6{1LXZrpGZ?mzy?jn2R25I*yuiG#wk1QA_i1LKZ5ZZ{Bo)6Ll)-TLW_3|_EB<+4OtU*DAvNNA9hj#YLlDFZ{CLj!ASy% z{PZE^qC=mo*yyidh-?Py`ee%>X6y>z49D6Z)I`l;&@09i`}+Kd%M}?1yqB=dZv}F% z=%ivBLzGWr*;OPvHf7W1zu6rfe0*DYi0@Y`KMEq^s6_Tu#kTonFw0e6HPgHh53==g zMFZGCmiSeslD{z(yMqv0iO*f!AyarwCd}Z3KYFF-8|wkLu`E&$O?)ID;!T}Tp&{0w zIM6R}tVjK*%ol6UV)wX6QJRyW&|lAf5`3f;ohD&CAeowB5=?bAP$%GeR4?Vdfo{g} zOA(Daw;$|6OK1&!7oy{280L#Up6VSG8l)5n55|?K^JBDZJbRBV$h5&ViWRxSY0k{M z*LUpHP+O2ePSK<7MaFRc&zTxpQk#=-@q*%Mu2L_8P>WC0Vsn4pisZfiF>L&K&!G{4 zaiVk-U6$^JuCoc1O+W+}zT+=PRA+D2;C4cz`^F2uVu>>Ud0fVrs46ic1q%;)oArcr zFZOM%11Gg{&msdxS=NM>Y$NeT<7R+ih7)9pa(~_K8Ygy&|M$;@7En$Vr~}NB0R|O` ztYqs=EG1GOtsOy27%kCKa}W>m2wOL6t-TGs@$j1n4s@qCBBR4P0w>BmQ29m%BG`Y9 z8cb9V7_6WjBFsarbjLiHrU)=|tdA)BW1ef}t^7RNKWCtKGI9Cs(PDHJthl`^QEN;m zo`{LSM*9tm-flYEnlB@3*X`xw)Os)d{wxt&SczyJ$w3CQ({Nr;$QdodiPBz!a9F^N zx1IL6q|XpYO^6b}oQSq(+d(3@Csmmj3$uPbD-#Xu4)<2esv~$Z_lG%-Y~2KJXfIXpZ{aPQvUq>>p!Fv7mmMlwsN9`>D4;O@yL( zdi{yuKuSkP-{ITZoAZyv&8EQmfZNo3mn#iTNn>x6&ckg@CyiK{mL%Ny$N!jY%s`4NpskfG;k<`%(Gj_!| z|=iyuBf(!=}xT3uSYjDR6Ob>oEW^^L4ciTS7gx7#CD>D3sSEY826d(L$`VYHu zDMOS@nZ0?}H}oivQ8|r)9F3wc@|wzYGNQ+4Aq9mv_%SjuvpPn<|GDau$N3C;qo9Sd zrBr{XkHy0^zIkT}=~9qu*|&%OQX6aVo&S`Ci{mc`<;ILK5L*h` zQ75zEz;%l9j)WiW7xhg4u_yzT+?Q2=W+tC^kZE`IhuYN=cvmnFJeV-XuhqjIUbY@h zzG4)_cGODqz>_c{^CA2aJEJ&@Cr6z0F7V~f;~5)aItgMT56hq;rU7R#d%(_SwT}`t zy!10^VA}I2QugUDJPR}p>~y8YW&3t#&xow`S`s65oRPR4VLtA}jyg99HHE=5>F-d8 zI4&uc9K?abDs9!RfPW&NhZ0?aG?ZNtNb0N#a+CDk|bY1jdgPn2}S&r#*9evKeU4?U+aR+vV{;bZIe+ zR!4WmMSKjJIjV`o)=asUZs2_Rtof$$67rDMUU=KBEN4t1$oxe;Cn8f-j(nA;E;46- zj^ic}g(os)F~5$5Eta_e!wQ~k45yUrG!A-twmL>MlqmsObxD-zL9VyF_%bl1PwWnS zD|;1gy-dqRWY~`2%=O#J!a*(qXn3xt@r^!;bh&$}!jO&g;Vov}!LZ<0^~Y!(>ix*# zFWJQsxs>%>+xtV2S;2=X>_9}=&(>B$77YlcBpOujHQx+0tZ21ke7swWOpX{I(prvO z+GrY#+CP~0(V90fwEQWol%(5Mnqe32jQiU$dMqWLzct78W$r=JsO{>;cDllDf=n+j zB<$Hpo)2odf?erRP6EC&-t97C(q+zp^L$#(klE05j4Hjkp2;0C5WdKx9DxgyH>=R}7GX;NhB|i4?oCL@tLKVV|UcA2axPUtaE{#)snl z8aJUuk~Y)3i{tfgyt9fpWlr0gqid$a_lpN6zKo_mHvQOH?)hSzk&-cOp3De#5r=MS zfY>19R((g;)A*9o<*P5^hZaQ!a^gT0v*XI`;u?P{seQE7yWiIwmZ11>J(yLi#9eb(TCqN5AtMi zQMLB|nv}hwPm8nuIw0T-d7hhV){77Mr`5e#7pFbFM*?T)8isd`iB0NWcrRO@=2L7+ zfA=b0zmd#f#(;0rKW9aZV6{t*yx0#Jw!`A-Q~K*xiL>)1HUO35b7biH7|Zhyuj0m= z-jC2AY@tw0ob}XQ>X6bewR@jdn%!CM?&yeLhVh#}Z^1MzW^8T~tz4UoHdZ4UJk5LD z>=ap}^sq$dx4bO>_Rg4b`P2M|)Av7zGx;*8Z@LMOK4qz2PXr zmLYGiJnmKsCnPt}#{+ar{A49#Q)O7gI&q4py#5V)9bdDYX7mGi6%?0Oz&lCW+wEVg z@kjLIr(dZrb>}bXrY@2`f}zoHHvzHFnW` z%M@>az(8yLU_Pg!Fj<8-_Sc+J4RBoZT}^WA_Rr@JPFQ-)uY)o}BdT+&is|8bycY-d z_rrY3w!ttkG12=DN7Z(-m2x59l5PAH{sPYWr{DX5)x;QvH>3WG%fwk+8U-?6o;`Yz zw<_|;51;y{`rP>$xtLgL{z}v!Eu6z8NsA>pOW}HA$nCqjh7#ZyLz@X9oMZjdU2X|i zW0<{0O|e+%N(if%z_tKm6SCj|`$qO|_9UOD5(&)UA>|Eo8tZJC$0Ux+LtpRVIigvO zV{e4Zu~b|G`*!LqSphusDyfeT&lHN224WhzB6lt1K>W^zmLrWx+*k}VCZTF+Qt48m z#z<>;=dO8)CiBa?v+1TaI3`Ha6Y8Wq={u81=7q6!ta{ZuUM)Q{NL&9)u|T-xdy^39 zqZ6KprBH}VAoVv+v{+0vFYy$X^ zhOkLSDuZE?kK18xiTHQKnVEhi0uc`b{foqpn4VhkpDZj#%341&Bw+kA!^nT_9XLD(%o&g6nG!<1B7LF(l zu)GTqQghoYK^<`9shoH$Fj!%mwIiyqfj{oO81w<%i3-$2u|nJfltN|D15=i_*|DsC zX2?7hmVV#K4Mt!6*$cmoLKy?x=e*jk4wre|GRlVmostXKCODciT<7^oz=bj+Tb_!a zC`#f^YJ0@cBie}a$8l7_o+8Z~F_P-(16+v5Q^$JG67e2QBrXp=chaf^K$w^w*-?(# zLPt2$zG=Iri()1edzx1-PsO_u`5M)_;gA6YmHzJAMLgHyb67yB5QDEuF4Ju17MP!y zfi5}@uC8DjeosI=?m+Voo=+h6z?P*OnwT_jM~t>PGR04FvGl8DBWil-+R!@GzYF$x z4QDUt13LXAVj*UV@&4AQk%n3RL?au)*yR~|-e7U}vcWDbk1UfJS7l!pJNi)R^9hDq zySms}#v(HTm+gB$8%F6o9a7VB+_9!F;XE);om)iW`44e{%Bxn_RaT{+Z~SP(q^7DP zZJq{QED+&i-5kXR-fU&w=X(h`o0wR8+D`DIp#@{c$mJLa520u9w3>h34is8A85 za6}e-X3<_5rEhc$^9fv988*1jMp1d>UQjxeW6W)zUr`NeSbTjcG_BqxvK_)7Sq-@k zV-3Y}?hbNH&5WK&1Q_Wj=ARRPlq5eCRDV)gZor9?5mrWCJR8RXJhF~yWWRLa1U^cW zscpk~mYp#_6sm++?Q!Tz7BP30sLHs@l==65lOof^)SMl-fQ6&O!uXk@H-`ULM zTrImfJ#98~?e@-#TP?yf9P2(-A6ncWMGI@coG}QTI^W6h;Ny=_+<=Fv3`fqXjjA1l z|LmrY$pJ&2zipk|u6*$QNg{_i^`{SDTiwG~$cDM1FouD9cz{Z+$p-(1cS5Hp_8v(D zltakejsu3|fNBsUN!8_bBC-mg5Snz`AmMNK%}+rynM@mo0QEMq+5so{;k$XMl+lV; z_wVW|#%-UM1gqQX8z7^;=hAP;>A7DnZ3y1a{0^0>63pcrM+3@?zUSmkmyOgaU2PaaEX=^7P4P6D{nZHD_l^9X!2sOf8I*|J*8n= zEi=oT@Hi_m7C%)AO5d&K>zz~+(#lYu^XumFG8!azE%L_uCC$@p#qTq7gW9W%lv9yq zH&L0}~3@X<@T{s3g`S zxjT5Cwi);IZ8u7UIdiM?H9I|ozN?Hy^qmIDCwhfn#SjUn!u+xk+%sm&NqREWE$tp#aL%}5-sDq#s9s>=Q5|vPEEiuq6z0qdB z)GtjBF&NV4Nq9i1c1Pmne7kV!!ra%DC`hVVO>#%raX6{GBWmh5u?lHV!MRbNz)=rS zILj>VRG>{Ie+LlEAd@R!zo&3co3rj%IB(cPq}9@=UHMusmZ=cUACiH-la{`vid`Ff zl=xO>f@+0Fa(*>FCe6^2chq$LxlJEa%_fi4{nN{#jWD*o{eU*|gUbN&#Vpoz3m|~0 zhj{V_L({L{K2eT435rRf^zTZzHpzl3v|p$y35$=_Ue1(}ROycX33t8wst2f>P28Q@ z04bY9^pa9DOV%4@G4to$Lg+mQ54YmKg+9P~j%&9^-Rah#(oDUEU2c(nmuB;cPCV(7 zbTkvMb!HNpweK47Vu=mVZ6lpFvEQ!mw_ns+8K8Q|C_cmL6Q%PZswGuX(NOy#RgO>7 z!57Wra7d!J3O>YkGtJ(9^H)?e3B$m;`%9uIF`#@l029= z`t@5y3SS@jK29D9(l0}j!QeOc`{}ly6g33zfY*xT+gv*|BP5?5%`vD+h9tCh6AAYXritzAxqBN$}-OUZ8K(zor%9RO55}rkJ4e z$R{3X473CW{^Gs7RA{v_bAW{YTu-XAl5P%4m5>#-Ag8vFyKARpFnVT1; zp6E2>2aCOgDVR8t5z~h!C|T!!O|v%D_htRV(!ex-X&VtNv5cEhcZc2Hka?=DeoV@2 zNss)E+L#)QbdB=~_7|yIr#tThv?dok?pTeOmfV=svzGW6?PAoXH(Hgfv-CT+BP;|zh0guZ0TceIdm!XVkm1M>M6B0 zQ)uVK&p}2|Zk81bQaQ8Y`}gK!xwkk&Q8e$j-I&-hj1BcjRXWZq@0A{t+caMMPaZ5W z<)GueC{(2e6F>sFO%ZPSq>qm5-66?R=J}g1r!_RuSz1}u_O9Z4;Wi4DDOgrE3ySwk z(M@BeFK8K9l?K6?ThLD_(a8g`aT*2e9Ew%*s)ribi2S~OKpGJzySy{XEeBOL?l$WWL+C6j1{;;_y;A!=1so-07*Y0%m7acv37DPaiMmmN_r!ZO?r03XVI!J@=gZ-rxDX007`V9PNRGxFO&GY}`}_1YF1g0m1e-fetV<K_CEkO(OHKm1=MLn6=)e;XWZ7D3oML2tUJasXWH!3ItN;6}L#rhf>h_dkX#4a#_6-LczA0ffF- ziUi^&r09o#9}5B02p1&m1^@tftpEV7F&1FWyCZHG93VD{L0sJxZ#q|$ql5zz_VRC1 zkbokfNC_7Y7c|VlMFKm6utz{p9ug3Hq|M)F`u7#Kzosev+lU7Q-t1&VARYb=VKFWM z2OlRGj|hN^?~jKcgk|UvDA>PW$9lnTw!fLVc^tA%2WtqL3P4Om$KiEq86+oshhh`} z(54cSS7z#hrtFZNO-9|)?y3-R|3AA zWkWWa=kzw_c<#dnn!beZy%0C1!E;QP^1ALI51{B?TsJ}-nE)5(1K9h{Y}%?nYMWWD zS4>{KKo>P8Lm7e3HeKMD`9Nr-|x&oz`HAMXo^QB-prms1# zxn+aD6S>Oq#DVSL;oTUI>$VW%z6nEv`@<)~<6ciz)Yy3WXyioS0c)k_ z-&H=(-|G-jsCAQwxBeY~N_4d5mgO+qZ2g%OW|2A%JGgHI+8b^EofiU@!`s7il< zR5LY7C0q{qe)DUiDr}yjSy@4X&#CbGsh#_VEKWJ5?2m%4X2b+6;9z(tyKJ$ff4gt?=wRAF z4_2U5%w`?Wk*}2tWvD3e=``qS^XieGG3JJs5D}=oY21?i`pj0bcW&@k+iffN@CK^K zcgXL3kJo8^Ifh_Dl7%!sOS5=xkg-kQ<~36#B>2?Wmq9(eM_p8Uy0C%5&U2>J z%kN=T^&0bMe731#AWdXD)2()Y!?6P8jOdj(GxZT3vT(Ve=$v}rOD^Ss(JLg=(+siW z7F8eSTIpV#)B{($7a!4C`!PfKy1ID0-Q<=*^JCebtG$h60o!3=i)D~&dkuM z=1vo&LihDzzi-yZLgZe6VL8>f_tG#67nQ3oRunSF6wDu`a2`jeocx%}$jyDDz7{>uHLGyYeyM1`ZSn;P=2#Mj%joNTp7NP+ z1`gxfzUN8BcUI1dT>J??d1!Q6Z`}wN~tBqVqh;7xwCSBJ)Z;@fI)(S5y5gIL|oS_7e34VKB+b^~gDadnwg@ zQyS#PhOTU9il3wL;4UK9!DHG8k}UamxF^@rQ2AJud=N1TLdbnTz0 z>WKIe4a7~-Pp^2K=R`25u#IaOvsO|`k>pZN-Cq3ou*#h+Pcw)*eR-w)*_qE}C<};R z&yJ#Jd%I2Pw||7y0O##i^XmhuFhvu(ko^~*8$9J3>PL16{8G?8Jw)U#+%b_ESBu2f zfXkOAUiu`Pr2EhNtUHxsB+=}54E{cw&_mGKHTYa6oDxSJZd-Q z@&L&pJ!zgt3cGVU_1gOK&Qm~rXgd2GLR(Y>=!(3X$9<2?Ka*vDh~J$e=uhFWn=Gw0 zBGXQ^NPO4+CgaC&Gp5Fif_Y1M$S|`s1IRS55yovoE}&qJ+Djb-Yxq z>ghO6gKIAAN^D3vW!dClDnyiczd+-;hsxU4*JoucT$1FYYf|2f@FXHBPm5s>CxEP& zmSz!Sbl2-t+)nS97uD=n=#AyvJOyrZJ5GIT6G>S?v#*Q{8zmMUnevKCOFg6=qPQgO zfeOc|EWGL?`6K<#==MN0Oe@9sbYmX%FDO`XbQ7mqvoUx&*)#O&d*(xG5^n7m32h0S zb)jDGZm|OhFLO8CFtLiu`un+j$)V7acS8(Pb!&XM1TOyld>TuiDj}o({6V^ra3V6b z>IX8CSH5Npb<`%*#*e!W0_j>M8G3r|3*gDW%}Fk)-41TCCS+7X8HfG$;X~X;xYf@! z8??ekf%*@3^b58-XLxq*r(vdOPs|;GOYlI?YrO}X{6FJY8!wU`M2jtJy&Y)Y?kNW- z`wtDdNKV`trnQpX_4f0?u&p=W?Nwqw2Gdct#^&{lScf<5%>Ph&?2>O_i@=LQ+0@aV zvyEhCvASw&WZ6({re)V@h*(}e!XvsnJ1`CTo9c@q)D`U@4Ad=W~r!XY;9?p!D3xQ`5Req2T_2( z@!-g9NqGOxXd{>FhfKj2nY*acQ{TOh#B_t9(S7tE68tZ$A^?C1Vq$qqcOeVls)LDu zSC}XFqAu^Xj+i!5vGBc#6I9|4uIpDuf|`gY2Lnlt{6?-J70(jLjGQAMcLWU`GKNx< z@ZDCTG;;j#?8o78pV1HZXA)!9M|PA+=tgi>+g`9hqO;%uHGBFOa?qM@3|#Y1m^b9j zF?<{GHA&wVXmgQ$!C6Ngxz@jnS!_!ztZ_yC86S9Xs>V4MaBr-k;5eVJJJwu5^ppHF zu#GB@J^rFawVB$xL_AAUgIpDvm04$rURS+h`p+Smi#)vGk`GwU5%j>BaSO(;TXnZ_Dp0 z*zqPf;!PJscXZR@coyARhKyMCsbb2)kCNV8Utj5&FcjB6qydH4zWGhb<`C3Wh^fVO zByL~R5OlYuG!a+tmamZFLLRr12|vn}7L>6Ja=!ziFL=8!^j7&+3z;CM=8+SJXzO5A zF=gc>y^8*Q@`UVGmo(GtHr9k=&jDUFT$JF|y%`Ex*T)COmU*LuERvf0X8FB&R;Hkd z6>ECW6cTAL*J$i{4)u|d;fT}liGM=l)nw2HUPPXyqB*TVa!zk|X8bhpuJ=>f>uZZB z^WN{{O$SRX6XLscQa(0MIaR-eug9z=*GgNrL;Otra@Rxj$!bh(znUj{v{hGM&G$`m znS|ci+x8sGI*?&2-<3qrvlzI!IInU}6JBZNo)FOXl7>fx^GxYonx(x@vGhz4XwkHx z{EognrN&cXwr_vEc$BS=w4*r?0iseSbp`}P?scTv{M;x1v#c9)D%zJSs8kjwcuBgg z7x9F;YA{WIg| zE`okK#65A3Zoj5+n8S7a)5djOgSZ^AD4uy-K+!8NA}wf30h-YWW#F7qR*~rhGKW(| z#ZsQlEkn;W$_{T?c>NT8vab~|Yi$V5Bnfq$8s?QnUq>3G+dU%CWgLT*-__|NebVOS zjpJZohPM-u1mwOp5)-Q&usgEUcEO<*K4>o6b%HVAf7#JFF4r?A07! zK&|w3*o>bbYqxMOkt&m>QHjiT#}$11=0m8f&A8$~(lvKQRhQ4SkH{mz*#}HNEaFsa zcRovj;THls4e4ho=i&9e8OLp*B9K0APJil#!=0mT)BR-}$Bwn6HOZ5>p)p@f)l3dS zbW3E>O4-@H_eXy)h8RKzvF7rzlu%{5Vq;GJXTf-II5^IB@?5*}BBrATGM-kFWh2(p1A^>Co>}h`pKN}w9#{4Rmss- zuJKM)PO8uRdQ(Crbz*kxlj64?R7}}*kNKc=<>Q8%S!f;IuB^D32^;leP7%M|=+zpw zPMh#wEtO>&hi1B~$8~YUFGxeIvBoJC25*p`naCbmAk92l Ve|Zu1YI_;+^;9m(rdX8S@qhJvp3eXP literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Press.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Press.avif new file mode 100644 index 0000000000000000000000000000000000000000..71dbf367fddba3ea1969ede5998b21f025c77666 GIT binary patch literal 4889 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ProgressBar.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ProgressBar.avif new file mode 100644 index 0000000000000000000000000000000000000000..63ede86da3cb38cedb6a790d28fbb18d6b2e2fd5 GIT binary patch literal 4227 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 H?dksj>+uic literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/RangeSlider.avif b/packages/dev/s2-docs/assets/component-illustrations/light/RangeSlider.avif new file mode 100644 index 0000000000000000000000000000000000000000..cf9e3df5814f4d414e369c16c80ed43d53bf16fd GIT binary patch literal 4859 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/SearchField.avif b/packages/dev/s2-docs/assets/component-illustrations/light/SearchField.avif new file mode 100644 index 0000000000000000000000000000000000000000..312e867181605486f216437d1b04a87591b064c7 GIT binary patch literal 3857 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/SegmentedControl.avif b/packages/dev/s2-docs/assets/component-illustrations/light/SegmentedControl.avif new file mode 100644 index 0000000000000000000000000000000000000000..5cab5d3e89082af8e0e0070640b4445257cfe5f5 GIT binary patch literal 3629 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 U+nRa?@~25P9cg}@=`}q1KMqxU2LJ#7 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/SelectBoxGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/light/SelectBoxGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..989751ca23e36533dcbfea7035bfebac9fed70f4 GIT binary patch literal 5218 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%0A)knld7iPaL$DTQAvn;-bVtV z;9GJf9cZ;vG^xC(2MpiE`19`xswYE1QGJ)Ry1{H@ReOidI|cc>-#cHT{seXl5bYKj;-_)M`ACGD)G7Jpt&^}3mn4;s8Xoe zb{s~9`j%PTHw40^a@|tD`@E-f%W`$Fl3uvHJi5M)N4DsvuPdta;sNFWEoCbg5joWl ze6a^a;-=JwDn-s{LeQ++O1F<+aaNskX{yZ?tL(7oV?cQpP==2evZ6_JgAmDTDzG-H zTnz8!BCh(Tn-!@y)Ej5G#Dai(D*?#_wU70JtZxm~7wGS2<81mofsq4Eq)f?Y;jiX_ zextq9XflswDE7CdTS2oK-1`k$ky#M^FQuglScikXOS^pd!bOhquAL79;{|%|18e^S D_2;Be literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Selection.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Selection.avif new file mode 100644 index 0000000000000000000000000000000000000000..bf7471aa4640f9e856a106be6c1ce59f6498f19f GIT binary patch literal 5022 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 RVPHS5J-2k=KVMRH{~uN|9=!kn literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Skeleton.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Skeleton.avif new file mode 100644 index 0000000000000000000000000000000000000000..0b34f0f2eed6346c288ded609dd683fa280c72f6 GIT binary patch literal 3715 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 GI{yQi{I;k7 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Slider.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Slider.avif new file mode 100644 index 0000000000000000000000000000000000000000..d8da97f2c6c99b3a40eecd0e7c6a43fdbf488204 GIT binary patch literal 4273 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 Tb4(%D)h(1;NzPw&YYF*3%g@j` literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Style.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Style.avif new file mode 100644 index 0000000000000000000000000000000000000000..892b6c6ee66c8ed7f72ba82d404067b6fa39a6da GIT binary patch literal 6609 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/StyleMacro.avif b/packages/dev/s2-docs/assets/component-illustrations/light/StyleMacro.avif new file mode 100644 index 0000000000000000000000000000000000000000..20634182b2f0af6db577c328835e433de6e546f3 GIT binary patch literal 6622 zcmYLF1yqz<7adAcKmkcjH6kY-ZcKfSeyI5y;sA;skQ=e%$^P z@FeI_!ZY{ekqt(tdV~OCTQ?W*UjP80bpQaU`j6nzytnON1qJId37dO(%l>5^5GPSb z7qIm|Nk$Z83vv;4^Ko+rJGzNJ&e%HGnnQd<%^h59{&}W9P$fAsRW+2QZZ-^U@7bhI>ge-6OGB!A_1 zZ5l4cOGG#U0BAfHA(~KJNZKb2aelwj@Yu%@`P&ae=ckb34d?zlL%g#*@JiCU(}DYq zJx-exb!?1HSuPA8ybb#4gpZvuu4S0Geyg>(9E=W`%__KKt6%(t!x1sZXYeXpRSQZu z?I4@{ghK=rzw2H*oL7mJR>mFF^t?S?XwynX+b}W#1J6t={pN)s`NK6DVG#$FAlp_>jONGLIJH?g5>cYFZYW2(eoGH`&w{sl+Bkb& z9&~Wx?=v!xt;Ml(>qM=R&6Ue)7XoPI!#VVUE#uSmYZKz$JMg)KTq~0Z~QNR zhVvxPxlpRgXleMBYt}?YLlu356ohwDqf0IIb?Ex1CFs{`%O}ziM)WI7PKt!QzwK+* z-xj3J%^u@ee3WUv4K;$4q8;cZGwcV%*B*q+S81BZKOy5KM5V?5*_#DpGo&Kns@C;M zwi|M~`58^GsiR*V+^GT$X%9K)VTo`eds};lDPS6;;^9~!+L>BE(W%ZiuayD=`z@QN zwbZmR*~y}f^{Vl^Vsh1`e_-R9(u0ri=dUr+-&YjOcz7v46(E=8$--HjvTMCace4Ci zD50MPeEZ8miE9gu9nGAjJiz>0SIx(~-wFw&l%l;ATMEu>D7$bLF4V6;`S92N>B*)8 z9b?DDVdQZ=10)M?c!3eNPXfn)9{JlPcmxwP7K86_a({yNp(gSVI$#c;X|<_s8T%Vz zbnN_35GM>Lg3B;__xla$GbpR823zq~3r>3S%yPeOrep_DCq3Psya0o% zl81h%TzN2YB%W~&R9A%Ld+4v58-vMb7~LKIj1!tu@QWM!XAtq)DYmDBeftuSJQG`s z8&&5`v5AnMbUY1W)Tk`zcmYOUGV!n-HFIPjb#=JUA%6gnT3$V-fw3cFe5ZT)s9z>a z+qhuh$wtMp-Sz8`PUH}qp@Foy@R}TsRqe$W4M6{t-+&0qi#k|xPx$w?Z~#-!v)Cz4 z>H}E0o^ZtJbVg*9TubK73Eghn7K(a8ec0Tf-VAF5h;_Z;_s66yroeZIC+hrG#(F`8 z$CNs+b3J42z!5ERqbIAOH_u)P0WzMt6zCR+3D@q)2o1Elg>TSx(3&nI58s_vx(*_* z$VxCgd`>(2tZJ4`-m*MUY-KUOGNCoexV?>Ex*#|5(MWEsuB=pSnX7yn0iR!HRy_aN zRi*3YSQ@xWuex`ecs%IMd9SdLMCS3)GG{1H|ENcF0pS&oLr3FA#lpb3486Ozpu=NC znfC5I^Q{E@Vb@(c$J4PNZbJc{!w*;6J?Xfpcskf7u6d-&(j@v4Q3YtU`Mf9rd9{1* zdKjqMa}F|BBVuCG!aKF8H@KFVvG1_3f!fW>Up^7J&6EONC%21;vb}3oacowSy-wZm z#+!<09p_#5Fp+a^l{OKh(MMq~$wtw?E5-?iHId%iN2j2bJp^M5lHE*D9)<=_EsMhr z0;$MSkAP^X@>lyf`Kkk!1vEbumiBZV3_fFWzC?AX?Z)^a)OyDUF!UQSQ5KC~Fdp3EV<~6T*aS}oaojcw}wqRYVQ2Oh9AqboDHl1BVbc<#V&#P zib^`PQU)c$=U-y3gbAjIM8IjZ#f{$Oab?NsB&6Nnw!FE7Glva|^L^H%b|u_Y=n|)g zk8+!`YK8^~7g6sq4uyt@m(m_ zkaX_2;cueT%7jeOr}ih)rE#KtR^mSSYWJ?7DJ#TYP#+ETW`IFs{nr#UbdRSCa`ECU zT5sE)Lr2lbgXc|vLd}ah^u;q-Ycus8iXtW|R!oKVdGMBdhDS96Hx%nzieva^zN

J}iI9E?Icep0L4J_LJ_fuN=zt0?{w@rGDF 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 Gy8i+4Aa}L^ literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Switch.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Switch.avif new file mode 100644 index 0000000000000000000000000000000000000000..3db89630a6fb0f4fc423201069f4d73b0f7fc988 GIT binary patch literal 4005 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Table.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Table.avif new file mode 100644 index 0000000000000000000000000000000000000000..75e89ea9f197958715bf9922cd29fc652e096708 GIT binary patch literal 4785 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 Toi7Etk%Odg9=^!Q!R`M6+4`D7 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/TagGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/light/TagGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..f74dee4a20ffd25ac7734601def182d2bc3be948 GIT binary patch literal 5559 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Testing.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Testing.avif new file mode 100644 index 0000000000000000000000000000000000000000..0c5de0d970c3a1261e812cffe1f0394450554257 GIT binary patch literal 5101 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 PJ5%HOQ+)W|co_c=yf-T4 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/TextField.avif b/packages/dev/s2-docs/assets/component-illustrations/light/TextField.avif new file mode 100644 index 0000000000000000000000000000000000000000..41cd857619498c5c61f0dad151e968c6648369e6 GIT binary patch literal 3704 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Toast.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Toast.avif new file mode 100644 index 0000000000000000000000000000000000000000..6f93278734bdf6c3aa78de40121381b5e51b724a GIT binary patch literal 4458 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ToggleButtonGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ToggleButtonGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..714b06e994abd7eea005392133bbde847e656ced GIT binary patch literal 4509 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 SGYeyCFL{Dr**_wJME(zihB`_B literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Tooltip.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Tooltip.avif new file mode 100644 index 0000000000000000000000000000000000000000..1ede73e07fc729a70b68631dafe154555c562752 GIT binary patch literal 4276 zcmYLF1z3}97alMKMoTk6P^6Jg=}?*xlH!OFgAGQfG>9Omgp`zY3kcHfkPi8fZUjUf zNRAl)@Vmb2KhJfYbKmzl&w20n0RRBE9K8cjw!Uyj06wlO67DF9gxlgdK@`%#+xA+= z2d6U(;rTBF08nsy@Bi?Bl?ny-M*bxP_$&cOxZ7Vdb!7k{{@{b46mZ?S4vv2j!I%FO zs-JjO1`c=oYvb=c1D-hid-2+si0Jjj|BLv}e_}5j<%z;Kv*9RvcYLL@cSm@-*(3b% z+bIDz!tfG>t*@wBIPex80_fphD2HnR01$Nn0EFgvfH&_Czg7rH@kz$k$6xK5`FOg? zAyE!af0L@5J=`88=M~`P?SS->!_UAGa9hs+Ia>tE`R_CR`xUOgrfL4$NJL6{y^|e| zLjE1XV?qD{kRXPL1V9LkAOc3?6;`;X!@s|d_k!PyxSqLw9BO(b%+~uR07SyV9fXBO zD~r+5i~|6Wo3eD{nsZ6JOcCy;%Z>OxNcOrP1(aY_7Mo|go}u4f{KBp1)Qu2Pas{<3 zv&Y9dm*=HXIc(VjvUeG7QVQwoaV8(PM|5~7CEjy9aj{JVJX*Fsr(Z_5n=vM77e}6(25rtR%68iVI4hXciLHq-u1*RnI{&h}dwDK}N zU&`+G+7nPPYe|?Pnv3*vLm{YvsKNOD5YTgF?`i=nZr%7xT~N=Dh5dJrHpQwa2ampY zfHRcuxr^`TeW{2Fbd1N_KV%KUQs3HFJ~VX^W4Na3_ss6!50jvy|Ey|%_RdV=jz`I5 zbP@RA+!V4$7*6kGpPRiMNDI0r5-_}*FtWT2D81J@8yTw7Tr%Gnv+1d1v)~+fk4K0} zAiDlR9{&$E;#-)XEYD5Ns7~7$*9902ioRxgg7$MzmR7@sD??`D&JR_s@`u>K$RH7K zi$Xv+h2Co~ zkZ>8V#y*FBP3}yLRqm|o4K(CqZw-_;L@~ZEQXmf~c(cLPuWoAEsO4C1%B<@nevA~5 z>}axQd{LmpVx3K!Mc#`$@yOn;@bUfuH#CmD^mlMiBtYzoGsSbfKTG>PRN<-~(AM&7 zzm};SB8?E?R8X_B$h`zV6)V?T*HGF~W+&BhTLJw_jICh|a4C^nwef=f+(PLb2NR(O z+TW5N8Qxvba()iw>Nz^4D|%7wz}nzwShrU6TEDEcBqv~0evh*}CNc-`F10&$PFS{c z29xw7Cs-;t6!%C_9xrAW=HmAVVNI`1MFq^LA<8GP&3D zGO6!AM=JFz2zE+6DmpItCY4O#0sWS*>2Wmtqr+@w{zopE(F8D@%GTkKshxx=dhi@*)Lp>GAt ze7FIcHj(LHgnml>S#>gb5e0-iT-%F%lOrG1_CKtnDzAiefl8wqFuEN%VF5N$NRC+; zZ3&A_w4PY)VBB$l#f}^SjD1`Q{4^%JmAcUx%K0$Wc!V zq3=809cfxzhpb`So_{RX%qYkJwG~GfgHLG-o19)0D{<-s)cu*;fA!-`(Tf86Xby+1 zs47}a`2`CFb(!WNoq}=ixJosdMylfe(e2K(T8_T8X4m=ltZ6#-L&MlYbc0hY@__pw zQkE?rJKtVtm(Y3k#9uHS>Z)zw6-I30Kq%g|Qh5O^Mbr%2C&~{Y<8JJp0YSb-C*YTg z%xWImFa|pW$W}3Nf;Fc?4U(HbGAq9M?z+#MYdc+edLU$NZ<4m_HKT(5Jd}!twB(?qO{JS+zk2=izClQ6nm~Xle@Y7}2 zEHQ<@znEd(PE<8ol3_iiGE%?k3KEdf??y29;@uhL6sHO40XHyULdL!mJ+}If8DT+u zYFb`tFT-msg0{TVcboafOmi9em#L1?vf3trm8HIz@uwjcn5~i?R(aEQS$?ZUy@W_H zTlp*`{fU}6LT8t9G&hl3<5Tp2R$LC1ZF%;@9&T`lYQz&LlMDyjmzQD8Ogl}G2Yj18??n2;bWLu(`Gro*XyjMh z>=!5_PcE0Ty4NvbC%kIdtpHY^%vA_2-?P4BYaYuo&epjNDvam^c09E@g>_X$r}LI$ z*QQ1_CuAWC31fTlQ!V|Z9nsaEZ}r_iPRH_1y~w0PN>wa=UARr(2(IlgGO2^k_qBf6 zA0OX`GciQ>8Ep}tSEuk*$rV>dI%kM(8h>UA4wBxZH1wF!o^TSK6PkXAB`Ed0a%haE zsbu2>&KO4u`Ot57tHh}8hQ=D zE~^|p-D4VWW*bn-zh;o0Tun0Ekgq>_&;6{_Kx5}wxXo9ac_OMQfiuFg1&d?|6Jd_& zbHH8$x5Ur9dv}7poFXb;R8jTc@J-a!FqqS~Vhg2{cq)I_LF0vhmN(=R=}bJbT+fAy z`DKO8>XOCoCjpKA`;rEhPD`@UZ^{`e-uqMcAP>k@HDlg0Sez@8M~FJMj{OQ5{e8Bn ztUTu{`h`y|i;X7+MdHWm)$8_T2GLWelD=n9>^?Xt$o0~wOVf3SsZU)g;-Z^%i??C} z>%vy^i4FZ5O_8*yowZ@umsgEY;;K5+%%$f6_nnre`~hB)EaYS$yru09*^HX^mxsp{E#9T3HI!bd&@eiyGW(P{h!ug9=Mp$D1GS{pZJXnK!&EY5c@bu z0Wr>`bR+(TbbG;|tkjdSLS@rlNrTO)7gh4u0Pv5@bE!pI zel(@Ap_Eh|rFk4tj|l*Fk_2frFZCUke3o^Ke|DhDZ$6o8nti_866klth!W@!ib}rK z((9+wciv`rK^moO8+5LGQJfaVlte;i^5p@=;;upGhu~J3wI8!dw9H=rG(I|%aqP-@ zRxhAQrLfdTfoeh>`&%s#M?^XnUrs35btaChoP@RVr_W@nvY#h*#7}qGh-;C5tckn1SnisygdY%V|xsLer$nw^N@= zzQ98qd}G$zKZARjY4;4Y0(D-Z>v00bdC~go9d7>|+P|wQB`_wNtsTEks)>2k9sgJ| zp*UiV4Hx+!xx&2uX?ulD<6`FA$8X7F0$PF0;p+KUwVxs$;})#E8S>7=+!mE<*AzOK zkD#a6dwqE|=+7PB>0D(b)~UW)cn^wn`M`(!HCq`HbEA!_x^Q#k!f_PZ1e3LV6X zP1M7Bh3>SR9P`0j9*Nt`Os@4R!2H!jLz+Thono3!`ja6wf&4`_iIn~F4ZO@f%74rs zXiJf944y)aHM)pZ>9j&{)ZyC4=#>sJ56l!nW|b0JI!@v}QR#`L7m6D9P_r_szpwo? zm-wvxez^3I)Ya#cyB&Kl-rAuz-~3=F55@VuIn&3A3=sqZz0?%SNtkq5)WvHI$L z1%GOAK{#0&VmHGC5M*ar-%d|!fw9o+)*H)zBG>>W8TK@gxgw#Y3 zB2gUtnyeg&d_SfRF&pD1udyq$n}Mmck8?0jo+qEAzl)MN^+tn~{&|}^no2;NNqmLz zsGuZo+E=l&zMBQGB{`fL{I0FhF&8X(59u-S%A;+U)Wnge{>_c{e6uZ?gks+pt0f1U zm~Dsb+!vKQqhyCnePJw=Yz=+jx7d2l-qt%NCrGgXeW|SopakY7WINA%Iz206=ncEJ zp7Kh`6smS}ZjF+WA`lALUESJjWes zFN;)tZE2e%$`A&&M?DcGPmKwko(-yKKEzi3@J-X!FJLL&roq`K*v#0nMeYqDp$xZ} zIrt~FXT?S?h~uESPR9k`Ldl+VyU|!?0&O-Xxqb;@j5z~V9d>txwUk9Z7q|TnPe8`5 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Tree.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Tree.avif new file mode 100644 index 0000000000000000000000000000000000000000..490c99d3c4153e3444df3e2b9d602b1673d97493 GIT binary patch literal 5245 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Utility.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Utility.avif new file mode 100644 index 0000000000000000000000000000000000000000..d4d74ed367b3dc4c2ab06452cd62f19985e25a7e GIT binary patch literal 6925 zcmYLJWmFtn6U1GDJAnjS+#$%~PSC~OS#)s=5(w_@?(PTCeB{0J&ewBJ zcXd_Wo}T+-prD{g&7D0UMy_CUsJHlAZNcVjwqT>T9{QWDnX}Pf{w*jiO>G?ig-}os zu!-}3_`iw)0Xy6N(?GvvPOy!=$=^;~7z*a?c?;+gsK3hJp!gR-5B$dvNxZSVV6fdk zYy9KKduz=8J@|JqR<^$f|4+Ut|B*dlh$G}p%mhPB?B6PmiM@@Zor#V6+jMj&1iv>5 z&B&Ea>?<7U8-&6IJ3-9;0w^fhE+{A%%{TD2ygT?W1C8{Sc#T}##r}3Kj&^*u5HpK^ zk|>`E*aX7o39E4ghfL7JChs?vHi#N zhGC$f;h=+H5usq<{9)k&-xy-BquIZo{X+>976`j+0oJy@CC&2lrrg<)y!Pyrt?#w&{0> zzjbPbYPVv}B0l5K)K!)zlY^61en4Rz>EU5L;YyVT{Hol;kx@X~@df%IBImQAC_;f~ z6wfrYufKIS)2M+GXPzZb$(FQWn96BBas00T7YB7ur<%+l=9-T$qQvtu0TB zdE6qo6=~1EhR`(dZMEDvRyu0&$$RDCu?5XxM_;zdkAG0w+e@=5X&1IBLnik5w&Sr1 zMBP1V$Xqt?00>T|uJ(0X;> z+31~<|LG^N81GdC&;bf?yBibmEBkfwq$Ah(SnU$Nr=eljBr22IVitefr^I&S1>AX0 zhLQ^b5-aVWeu*jP)ctZ)#QkKpIFbkY9`fmHrx){viH>D4LT2hK+Gvg=2-YWd|7TE1 zAroo%FFgzX3u|1>7iQ4osji3xu(V|o*J9@5FdP?2D^0;364}aN>I@Sld~DV#Ird@* z+-2~~zXlHD~#epM2kfsi!1x6aA)3CsLegER)}z;u&L5iKp>An3H< zx)ZHAEG@WZHJ$Uxws$c2N3vMSKPW(UWPYTYOOQQ9Q5{~6 zJ{K*VLcQG`Mq_MK|I>$CtuhLHO+EqjU$P`$2J1V>c{)Sk3ly_;|7e19cqyOS6aAv} zMzxPGeI%#I^59gEnm>c~=$?V{$j#NGG4BMX6Cx$jT2xPdU>P#W){ZeqdYpiRcxh_I)i`Imx5 z5PQj=$Vz4e!Lf`Gh~~`TRy@_caO91CVsTs@hwf#1-dKm75FHh#~P<;SD z$qHR(T0lS*qeDB;+jcpu?&i76EqO7Ru6`fgze;fX1`<|%cQ<85vyml2y`dKJ>D21c zFe9xFQCI6GAusHL+Xz7zOiA3qsbaE*_A{g+flSe~zZI?3i8l549D`bZu^>BmKZ0Ib z!BM>IBwl;gIcl&POxF&AQLA#21^XjUKLkvxBx4LqyNb>H&ImDHH_sVaa8)^W4TuRS zOEDtW|1%~-AuzTyk^!d%aIm)tt^1@-;8VfOLWPMfMX1W#Dx$h{-*c<-ym#GaMieh{ zZ|)K`KR2?whuR5)ee$b5oomr-BVsVcM&07$ut)}$Q+Cg@HQXdQ%_Ol2Qz3ujjb$)` zpj;ktH(v-x=a#Cx8Fp z*|{(*85iIyTmOZpbP+9^P)eKsAWrnI)Zp-nM_(t>eA+*DHtA4P7AuQ^g3nzoS7?_{&( z5C1VTNeepEo+B$OI&W9Gn1>`~ea07Zc5hrl#oF1!n|n;pXn_!g-34e;H@bcAFSg!0UcZcayF!4b zCX8M2my2*Axq*~yk2HFiv(RmYxHk4JE|fkBJk+>-a=+DAj0E;lL1aBzVHBYsD*^;4 zO`_Z}Va}UT*fPF(WF$-UuL_V}$=*4tRb0A1SBIn)l@C_q2Q=6!EhqXPTuk8&dMe}W zF^q&>grH;H)NnRLz0X74XvjGG_5G#7IYo(qgLX5{3tSN0u*Jl$3MO2A97Kr9C zlqO>EWdwi2X$3{oD`L5$E4J{90*_LC!?t85b}91!drcn}jo4OtOEL!fT_|^Gt#;-y zCd(98D)32CI7DQdc+$qik1onBw5}D?|FACUUVndiLW{$hL^4G0&PggFJ6gD}Fs)=w z{j;y@##?hC8LJ(U!j4yqL2{{U#SrpoedBlB+0Fu7y(zxjjzmz<5hU^v2;UU}2;t&z z=LvJyue!`-=rB&hJz{l6)g0Z1^6hbN=ZkZmiw1ocR<^NP25w41-O;)K{;{p0*GOa1 z%sf88kPz%6Myzz48a+Vx3V?seRc_^D?YO<{b1a8!!Cgo^k5dw_X_ag~-4gU84@KH& zH=&})2ZwViDvsg!yBZYjsF7%hS2yqZ z>~ACYRquv*I(Ma}Gg*?BUj`mbY=vnf-S=HdMs;qg=oSsHI;Svt=VxMQOWbuSpcqRe z)M0n&>Ca6SmCCb`Rh~Du{0y9YG|xu*AYyQ9NXj?TA;GvURDp*YRz)UJ|GlhtW7=M% zR6jyXG2-4n@0@AluATm2mLr6zBs}^hUY)-QZ!6AU*EnUXix%AvdX7U`t(etI&3}85 zVqe%Aoq<{+5N(Xf`W*vtH`5Ts`QEYXVgp$_{21<3kAxBHhd@6P<}ejYZ3M(3K4son{OG8_n_%9ru-{v*G;PF z3+@<`6r9zK%$>#`5c_~7fc3ob8Rq8YA>nnG)Gaz*GqE+uwUK;0>CwS-W6E_mM*+IRirq^s+VF|?N z(5z4Mdnu?ivO}Esx0;{A=YK79o>q4Zxg2Wyt6|<{pay)Z{P5Febv#OOa-hUw*W*gn z)*$I3LFY$2KOye%NTbBABdK4kC_iW&_4S6~v6d|5@h%JH2tTmw-U1@*MdLc_N8JEwGR58wAGS7WONNUBcm;vQ z1lp*DhNzyBPAXB{;LD&if1JA9MS(OU17WR21iJ{Z zCQG7sc~c(K!Z%%cvaL!!Q+PT@n=NleN@8tO<9s(IZ+dc2i8WY4v*=4bk0K>Y5$yU7 z2j!zBxs+9$Blgz*sMlx@I?^9wkHvRzJkNGFZudf>x#bJHRCzjd%RAK!)>8LF6Ft4y zWhJJbt2tw+km*-BOTQhNCkX*hA*FTW4B;$M@@1u3gLtU)_3a#1|xmmv6&2?%BSxr2T z%X(~RJ>yZ5KL(ALex#P1uW{aF;w0wnuAg!BibxR^^O>;}yMMLm_r z*S@6VQ7J2u%z?zsm6PmyT#Oex=H=J|omeTASXXtei`#y$fgXim=;_$`?5-u z8*#$&zCjH`KCN0?ex<4GN9XsmEK|1h6nL1^@d2~PdX^M^F+8?Xn$o+~Vk&o4`r}kv z$H;hzC2HhT0`oNb)0X$;K|=ULUeSWTy%Iw5#givCTQyOPHJLrx|zf{R&g1Sb5<>)vg*X%BqxC znsY7L;vy4Vc*>O=`TSzkEc^45Wy*{OtN|43c|ihMRiWi`uXM-q(8P)CbF!h9smDQ# z(XU}_Y53e%+gO8!R71wx$xYRloMpyXgt}b^cZ^sj-gD}Pa08a^{90v6Y`h=0D84wS ztKh{;lMq`i$+!YvIc^#Y)=7u-P!4nPhe0ma#^6y@fYuA+f-oIMnhK={rcJwG6|(%Z z$T(HsASf(cVEp~V+zrvtsAd4xPQr1yJ|n6E=FHe^gpA@b!cq*S^=7su-|Iz;+^BYV zN#azpWa8`&Kt*IvR*Qn};FnH5O%YJT9^qY~DG0j4ru+>3Jw zs!8Ht+f^a+#Dz3$_1JiTxc*a^2Rb~`y>Nu+lCp=Q=mTqDz&%gXC_!4|f(Zb&>t;tN zZ}kIT8<9Re|DD)%X)=X@^29)tdFcWjpXGzEYno#ylGH=y<(26k`BhS8pYR`F4=|R;6Dv=yR5)Q?4&+17+`GvXxv-Acx$lqec1@&h zx+QeBY;&x&#X9_g z*-raf=!;1*WzJSpp6Rs&p7S(QKD3kG(Z~cXad6``Fy{$wt#|~e5tvp+j)bow9qGup z;yohrRNcZ4LCRqbrXL^ z%k7XY(01-`RTiGWJUe;n^3A%^vWh=WCG9H=MhM=Nhvu8Bu2grVZ-*Xy{8^;F0zYF5 zREF9`9duxe;#v1F7!P!D4Wy<&f1h5sHqB&J1lemT{oUC*u%h=|qz#N>h#02ZylKYI^uA_zRh50-{Y;s{%T0o*fflarjH&d|KkpqyS0*mOg}k!$o}VP?i-oEV8Xp0$bEe}`O2Gx zEbEZZ7R%36sJ1>F!^*Bz!L+&!4WlD)u{YiMLLk54*vLOGUpJ}upbztXWC{hjklp05 zYA_QGxsj@PwiZfnsQ%}R#dm5>E?|CMqcc=v-;J2kSv7p-gFfgXDM0_uSLGV(V@^G8 zS%(VT*O(Jx5`28?B@}CJJP~?;nw?pxPR(IMs%KQz$nU94-K|_Ap}R2>l6q`nM48wv zvc`;#_o}!fNziDE3cmF8mp67%vM1sCMg?MEmWN^Xa$2Q_kYj)7vK3{hqzzj7AHpQ! z%~S6fg~m`m=)cp=2s|Z?G0vU^enG6y>er5)6G9knIkXZET_V{fXeng~=B$Q;$U9)* zfZ*+&7Vv4&EEY`wxkfSlmOcgT@n|Acpi#dO!+1s5Fv~504o}TK+7Cg_@2h|y?Id{t zo8z`W{4#k*8uy#txb2N~Y%&!SdPS$qBRWaHH6^gDveBunwx~V^bu0PUpPZIRp-)oy z(r(}UPGViOh3>^gD!{ACcha8+<7pU>NLD!TUf=ISsBO=2y@{mOwpoQo;W*Y*1Tc1_ zDE~B>AXJ5pRK^HI_k8ZFpgp#r>C0hC)kr);vK!@A7@ z5tfh-Q9@EAC`Vf$oS1$TWDt>9DQrHOVp<)e(8}6k6^7XU@6gR<|24N>_(U#vysQ4D zQ?-=9>W4VX{LY1A(JRK7TG~lo@j~2NzPQ**oq=6Gy%eh~OMZUA9+w~N4+yK1)BMDg zi14vp%OewuhE6?mUl6VrTL0VD-f%)OR z_13??wa(dlpL5SW-vs~wbdGReh>bVc5%7S=>;`rea0A;sXq0d_2e{3n{{SXudspbc z6aavL?co3M|1tpt40roSpgcrju&amNqf(Rupgw#LKq&(}Rvy9lFGCsp&mnhsaK*r2 z_kY&-r=R>mIQ)C?aWQ^@$AkYjA1eQuy+iC85jn6yzT*LUjP79;|KDvybt)%K> z(`C^)Vds&57cC@s9x{UacNbkK#!*?Hd>UEla1k1zJKpP$=$6<6LoSL!JveyzwC!?u z#zV7-Dg9cU>)PLd7 zub7)+u^gDvcQpj+x`Ik%zT;uOVJIbZP#zc@`!27x<5`W&CM>uv;=2N`edN8~GdJ}{ z_KM5dJ?{}|+tudq?027;GQEPHh!v1E#rce<-2>DboXx((VAKVush-sgsvn`)v^b3* zyS2$=Rpbrsc>r}1*Qr@c;ZEtFB*}V}#UQVs)U}s-lGrUGIrB#p`p;?Q(dL?#I(G=^ zNy2CG&Zy*XHAzf~?inGu^L)nX16OUi%uEA;-iCS;;;Exb2N135a~UH1Y%#Dse`-@f z->Hx$YG2ZjOJ*>CHXffDjycH}+&GW~wL&JzszM*3fFh`al#|$IoS{_(UTFer%EHD+ z{o{yeP)r<5RVFEaYI}>HuZ9)C)6!E6hAhIrow@)(-Er@{O*79xUO#TOvlj>zt43d9 zx}-%f-&mktm-}jnZf#0J$OUhaMG#;fd%&M1B~yX4ABKQWyR}AJt>)9N?sK#q$Mks= zd_Inj0xFm1G~c69q!vGaw;!WDtHn#p2T!b^N%V}0x%!g`*%&6I?x~a|jt3Hr7rOJa zJ6>7Lyv`?M=0WAHzxIoN+h8#B?#XDtucU%|eB|9C3`O{sbYgVr@7KjVboB6=iDT;p zD*vFR!9R=rR#^rnW%?pNRTU4=$l6)>kk^)EMGQJVPTIbEA1D(eQEAR4^W^DL-^yLH z(}>E-I+}G=9nwyte!RvKJ4o}GS2f#)=>f5imF4E~aWkC#!)TwJq)Tov8>`oCeImv> z*6cL5_m@aK(*Mz9!#rq%Q(50W(maW8hAk<6q4J~*dwu@{Fu5#rV6NwV(@n=v`vwD! z8Y1oH?m}M+B`zxOp7eE$)!K*Aka#irh^P^TQwAAsyNkS>MgR9l$wccx;^|fej_d`b z`$$|N@4VPEP3MaCm;O=ApM+Vog1-U_jaWm=Lk&}`e7HcX>AB0!86Nkm&WKS$dc-$; zvf2US5f4{|r=6l>K9a*TD=Z`$dPnH0r9>uVaIzej-a_G9qD%VA^_))41_HN_9GMt+ zMw{_I{>}@KX9lj*?#R#Ha=7N$I2ElFe@Q%eFqeC^IIxXyt_W|iPeg)UUVftM-@7XN z;FKIa?aflndXyxPJpm3af17GRe;HJ+z~c4JQr=843hPG*%6kP8?C(R6Slu@M8&Cfj zuNOe%9R;qQgDO%Qx#_GQGq;e)H8EQ=zdqc|&e4!On-Cvtz#7BZ#h;+GUmRx+$fJJ3QmaM>%`s@fZl+Wi$z z!G$S|r9~Esx8Q-cqR{KDF%gUJ@=jYgWH^Z{F_hXxvO5)rr-7wyuR?pBC}7%7B|<6{ z=#ci(*ec2KwtBQPwdC0WfH=2%V8h&vDoahB(^U)y6D1vf+DuH`fhI}KBi>Rj_1XgM z%cPZiaVoLOEL8eU_iSiE=VJYIMAl;dV2=g#Svdh zUnADU;pc$peyUDz=H|QpUzO(gCDZ68RL_a7Tq2J88U2vrh6d$1U1*>{29uG&oh7mRU=HfG~aX{o21n!y7T zd}iH#TK)MVHF7icy{b4xBKKeCSf5W?!FJ|lT^G3|2}3tMh2!1%-Ua&Q&9|Q{vg_T< z$sWJ-2#5WaD9?xsE1@E$Zi^Jvv#(&$iq{iqe$7Pzuai8+dij=`G$hK%lyW7tGR#Yd zR^xi%UGW-Xbl_gOdNA)$#WS30Nr+L>nfhBZpgHS4#UKSuty?nEcD1ou@w0^3X#O*T zG;uthV@8K2kL5Kls4|8zNTBSTrH%IcB9sX<{y{xObVj|Mrn0>DXL}}TyAxT^ z%;7_ztnKuCojAwo;$`MfphVFr@j`nqySc|^&rqc%YI=In^%XF=U5e^CF^N8YokqPK zc@f0iTB$bwGg>24Slsc*av6W_8JSAwLddJmxlW(0f*aSwO%k5$^50E;MSjf*j#*Va?!J*%>qq8~LK3Y>bqaTnWjioPb>6r59h0wX7YCoe+%!1v4 znn4@fC?|pwx<^2{jM3EVG;Tz3^gV|LLOd|b#D~)em6i9|LTo46^T4IIy-@pAcFH_GVJ;KuJjfr^C(}SgJT;-sT21!iX8@j=~?5As^q!%IOCI@ zEP^Wm7%UEsLRZE8(|`9$&SF4&miNm1N;aj>nigG+`ZKdtcaANQku&fF19!)YuDtRO z1`qQVd*Xpy+~0D6`8b6MJ;Hn0Ewcl~dzdjn3S=kZ?qd?iBn`v|x#U%RNRY0%${63s zyv()kf@UdrXxhvDD{@&yC(>uZd07$H!ID)bNIgY}Ld}eEZBki}o!lk2y?I%*uZ=8u z(^65(Qfv$pH}E1Msxze~qO>f?;gUoO06YgXx!u{U4!ASYWU8U#+rWK8igoQZ4lHav z&-2-jkC;3t*4T;5=6(2rG*>tll^kMeGZn?P^hqRZPL(?X>%DAQ5RqjXxL67?p%miI%_ARFqC!>Ogi3idQtf%0FHL34JhU4HSs=M*7&lv4dG|)RM2^` zW|-GZabV>RJqzZWb}OVWsvqMdrGC*`ZG?U}ZU?a*6rA~>-_z4?h3X5x^rcY}jQ?$+ zifG1Q7_*8z`coqp5Cv`Hch|}+9zNP0&x^*Ul3W~Ta=T6K=uC3Ay z^61OfQ8XlT3KnGq`)Jg&H^Y!fc{9*(TG+yo6RX9BN0axAb}Rw*QTm~dgS;)#2p<#| zkapEu&F{NnIAKJ#WqRIW`gP#=DW;h{O2zVp-&K9VXNnX)+5Is5*T!;70WZQMBQ$o& zM+z`2@L1nJzvr7MZhEGZh!*U^ss%$VTz2WIp)7*}bQpVBcR&oR?DRTQiD-x|<+m{f zei$n8)%IKX&K#_TC|~d|UPKrmTk^OP(p>Uu+fXvYYC6;)tQ|Ul2GT=~q&FBvbln?7%NFi{GUu{?i?(S~H@e zWKC{$XYd>&CEQr6T9N_FWU6N&{-OcQzj@zHYBT3axA3zf@)p|E%LI2&V>gwEco)}A zMCZq^| znlZ9=feb1t?@#R-lM-%I&!3va-DUqUd>&_XQ~D0iv*a~xY8!A^qig;Hv)|7|cU}91 z>%1*(alH%2CwbHXuAnecNb;!>A#3M3&pOYd)dWZu8M4;XSyVdPlg$+QJ6y|6Z-4^D}zd4|Hq zSJEVyJ9nsHx#rA%GSN)lpN7|VQELajG(`-EWNNAggMRVau7&++aVuhW!IQw(;a?L9!?-fi6RRRc$0|}+_30ug=3+$8k+mRa7o+f+##_Twy!irqyc(s7| z1R`flil;IS{o7biXPqjRDc;p?dwM&2eo9|fy~sJ(n;rz|r{f9Eza zT$R%xBX2oeVSo5&JM9dgMp|GNU(zwp^0_)Gk9506oV#B6UsXlKAc-}FOC8$3+lqgp9 z4KA$86!i(;5UZi6%p4vTQjWx{zn(QIF+YmPs10_%u6O*k4PmmGeXAo4WT?u8>tRdT zrpA}f{gj}JYbX~7u+G53Q~1|_6V#s8fkP8|o+^wO4LCQaW_bs?BIuOEHbMK_t;nmF zT1xMN*vfaQ1(9ca9NkIDiX1QZe|pHB?#(PU5?rY#=4O_zJVVh}ff-n~*yQ<9!%3-h zPitOJcKHiJ@yMdvu#KzAV4mObZb_TU$)k6wjen9<5~t@SxPQ=FxI6F8UhMh8KCO)%rH@xYg{HIiUJ%d2WRjU=3;EnvrG-^78T7lC(-J+xL!rR26UY>Zt}n2rhf}310j7&@Rp~N zGoEwPE2rctSMZeKumJJ_KXDzCw&K71s(ZED|Hr@acoprz5jv1fM# zeFkQRzGsJ7tvjliPrPB{?%|;v&TlVZQCZhTE6DPW#5_%4rxpeILVC=AtzAuYYzJi~ zZIKo45pkp?MHxBgqOV@nu^k>KnIrM;jH}ST+(a2P%A?Ir8)Oa;lLB1vz1m8_`4eh=OB9FcG_6z5zYOIVS+!M)w-IWaRlgagu6k9>`m24%S*a|)?n7Pb z(k+q4qU+Wn$B|*;)Voys+>yUpaV@B2?r7mdPt14@5R|loL%o$uu8}NQzxs;MyT?!I zu7A8lM*a!Sxv;*kRMbxJXv!}e)^6$h(ss4$ehBswtN87IGb1f;KR|yVTr$7KdNciSJFp=)b1 zd6Z(>Fw_s#tXf!oen$G0I&}c?GL({9Z;Qsv_(t9(7iqW;l*zvS>?R-gvW^{pKu-P^ z0r|K|vjSf@*1}-JF6(i=5zK&=GznF;R7SbKxEhWr5sa@WH~1=U9TIFmLEbzbxFTf3 z?m%WJ^%bqfg>)6)K>ZV)+_RymVfA|F@{?Gw-;B0rv9!fkM8kmetU|kvhPI6bG&;Y#?KBJ2$TpRe?jRUQ=T=BMK5kp=Da#xE#v!}0-au#(b0 piJoXo-!KUN;>wB!80UmOQ>;2M3)~;r4#wS<>Ea+C@Fp`}_#du_(lr18 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/gradient-bg.avif b/packages/dev/s2-docs/assets/component-illustrations/light/gradient-bg.avif new file mode 100644 index 0000000000000000000000000000000000000000..56a68dc4927a11fa4ff5131622abcbe910dea9e8 GIT binary patch literal 2822 zcmYLF2{@E(7k)8}C0Sl(+A;vcJQ2rKSU4F;!#R*>$Yg~;Jk6pej!@U-UN@|&-CXjvcFC9|J}&O$;sR) zi6h{D4>2$+zye~4V*>-MpeQy_EJG2+`MLl3b%qzlW^d*U^KrPacsJ(&L4X@9ax84u zF;))&;U5J6OF>P@=(*YSP2ngXoB0+-pIejJj{&KP>LF?cnKRJ!*HQWoIeliS%0Dxp zO4z3aH=5?bg~n_OjYm=TZe>ODH8Z5(kQL6-#tfhf;?TiwN@AX52tvp*Zxc?M96xk) zROEu^RP#Ux89jX#$1?&6Ue_z1j8OUKGS90r(hq*V%S$ThmEzpNrIxIyejme%?S*n%Z|Rh_rqGv#t@&6d0|D#DY59b*r)?P zx3-7=MShq|;6_VRY=B0P%%{yr*yGyk2sO5T7uU}5T@{Z*O_}3U<=^~NBLXje5!y=P zceMU_0{&|^hC{kWJjFT?Dbf1D_q!b(6AjOK*e!O%d8u$eM8-eI%rpU}j_R~EU-fTG z5?=_>>@!hHICtPXUhK2DRA=0Qv^047f!4AT8j&LHMP9$Ho_(RDm;cI3$>=QT&p@lI zH3+$me~vCxXBioCvM42VR(GWI#BVy^y5pjCWQ(YFYX}&PY;+2+oFrQ#+utPbe}BB( z+i%s8_vDl`RcWXqv7YkLh1F6OvBBj%PfE#0qNpms$TjHkbo7{Wk9^L?v)R2mE>^Xb zdnBlen0U>*3bDn@{1d9GG-lP%E#?MxcioRj;6ixzSx#AR z4tbo?dDAeUv6)bKH&)jm9DQ4_@ZWng&qryoN=2*^XlaiH_3-zmms1)q1>~CC$}lvY z`+*lQ8v`Bvu>x?(wmd|Rp)~i&4v{~+29WO?7Hq{_XmBt}&^ zZfx$%wZ)5eeEzQJZU#?!+}O{77E9j-s|ioWz=l_3;rk8lKaOBM58P+lt-SXl;G!-& z#I%tKF_I3bZnAPam|pYJ0P0&|^&NsSwrWuy96z|^fw*YOnyP5@pBK+s+4#_aT}4%0 ze#WphvRn65(Xaa-J8o&#Y-(Od2c5g1Z`)~>DoL+CS~uSUSEdKTY2E6cb?X2VX2L`BLgt^cJ9ecS2X_=SH@IySH6*musw7*7F@a+2PgY@w%k54(m624M$Fa z!KfswCbCn^UdzkzT`#9=CHWQCcw`(Gn-l?$nLcsFSW!Kf@*7do&4_Pm5t4UL-}x1q z$fr5x$60{H)QG7fe0g_gd&0`^MAj^8Wx^ANv*uU(#Hd6&o6xo!J_BIz4sV)eW&sI^K%eBYDsvW}vxw$&~Sy z2Xf^O)>jKOAozWW5`}N-h=Z$6lgRBx%ST$%Qu1iSU~{kX#E8|#{XE*Gg?jf}4}VtA z9U1L>etuxuyeV4LKncEF1RB&rQ-eOn1MKa^vY#jNMJ-W? z=)C;u`p`k)gi_58;W;*~pf5Z8ug&J>J}>p{`ML$g}D3 z67lED8Au_3?f9Uxmy~8<=?%xC{KHVC1-B=$LWAR_wGK`Z56*5TU9{V?CF`^FpuTA%NquM3Qo}=6j~Es04a3mW zKO9}|OC4^m6PkN~%o#UUrxzw`3iQId`|ZxtSxpceB90SO$|lNQRCa2?PKm596WT3$ zi)TK_ZuW`ikp2fk3i^gwj?bO8_r>weTdR2cL{!+=vIMtoMY|X!kCVnrI|fCjWzu@F zRxiU#HB85xJbHc|6?k@T!8Qbw6&6;gWLkMfwUUC7lTK8PJ~ai-u;%W_>qF0NuO*oz)04^iM6oQlj^6V zs?YHYUFg{{isACl8HyHZi+h`y(BCIe2Itd{kuI@a(H_872-%(=faR)^rB9!%H~bo( zIsuQ6j{8z@im3W85mS4RJR;q2^GSZ2>Y8$|L>)8@W>I~`wLpIDQ`Y@@VXPKLU)f-= zXJ=k$QxJOLXU0FbhP#iahSAOwbpN9yuIVpX8Q7<3(0pgCE2>il%GrG%Aw4-oOwCof z4+`%MrOB$4=2ng2r#H-X-+D?^XWCjd5qZrQsW0>tv*DWSXCQSlRZ@86>Ap7-kLKh; zF&B&zIZl#h#ZW?uzLn{@3O4i>DfPi7@%Y!Eq?{j32ruc_{n09zQ+){^rg0cR8+*NN z3)P2GR+nCEse`}dul9kht8${sBV~5OyYGJe0?Bgqcm(S9I{2fMxnQr*LfN+@%>YyP5V=r&DAF}k4IJFhVQWpS8E}L{|5(`=*Iv6 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/pages/react-aria/internationalized/date/index.mdx b/packages/dev/s2-docs/pages/react-aria/internationalized/date/index.mdx index e8b6ce39f84..fde4c50c0e4 100644 --- a/packages/dev/s2-docs/pages/react-aria/internationalized/date/index.mdx +++ b/packages/dev/s2-docs/pages/react-aria/internationalized/date/index.mdx @@ -13,6 +13,7 @@ export default Layout; import {InstallCommand} from '../../../../src/InstallCommand'; export const section = 'Date and Time'; +export const title = 'Internationalized Date'; export const pageTitle = 'Internationalized | Date and Time'; export const description = 'Introduction to @internationalized/date'; export const group = 'Internationalized'; diff --git a/packages/dev/s2-docs/pages/react-aria/internationalized/number/index.mdx b/packages/dev/s2-docs/pages/react-aria/internationalized/number/index.mdx index 979800811eb..3472ddc394b 100644 --- a/packages/dev/s2-docs/pages/react-aria/internationalized/number/index.mdx +++ b/packages/dev/s2-docs/pages/react-aria/internationalized/number/index.mdx @@ -13,6 +13,7 @@ export default Layout; import {InstallCommand} from '../../../../src/InstallCommand'; export const section = 'Numbers'; +export const title = 'Internationalized Number'; export const pageTitle = 'Internationalized | Numbers'; export const description = 'Introduction to @internationalized/number'; export const group = 'Internationalized'; diff --git a/packages/dev/s2-docs/src/ComponentCard.tsx b/packages/dev/s2-docs/src/ComponentCard.tsx index 19aa1884ec4..d67b99a36c5 100644 --- a/packages/dev/s2-docs/src/ComponentCard.tsx +++ b/packages/dev/s2-docs/src/ComponentCard.tsx @@ -1,104 +1,195 @@ -/* eslint-disable rulesdir/imports */ -/* eslint-disable monorepo/no-internal-import */ -import ActionBarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ActionBar.svg'; -import ActionButtonSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ActionButton.svg'; -import ActionGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ActionGroup.svg'; -import AdobeDefaultSvg from '@react-spectrum/docs/pages/assets/component-illustrations/AdobeDefault.svg'; -import AutocompleteSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Autocomplete.svg'; -import AvatarGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/AvatarGroup.svg'; -import AvatarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Avatar.svg'; -import BadgeSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Badge.svg'; -import BreadcrumbsSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Breadcrumbs.svg'; -import ButtonGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ButtonGroup.svg'; -import ButtonSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Button.svg'; -import CalendarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Calendar.svg'; -import {CardProps} from '@react-spectrum/s2'; -import CardSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Card.svg'; -import CardViewSvg from '@react-spectrum/docs/pages/assets/component-illustrations/CardView.svg'; -import CheckboxGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/CheckboxGroup.svg'; -import CheckboxSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Checkbox.svg'; -import CollectionsSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Collections.svg'; -import ColorAreaSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorArea.svg'; -import ColorFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorField.svg'; -import ColorPickerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorPicker.svg'; -import ColorSliderSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorSlider.svg'; -import ColorSwatchPickerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorSwatchPicker.svg'; -import ColorSwatchSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorSwatch.svg'; -import ColorWheelSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ColorWheel.svg'; -import ComboBoxSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ComboBox.svg'; +import AccessibilityDark from 'url:../assets/component-illustrations/dark/Accessibility.avif'; +import AccessibilityLight from 'url:../assets/component-illustrations/light/Accessibility.avif'; +import AccordionDark from 'url:../assets/component-illustrations/dark/Accordion.avif'; +import AccordionLight from 'url:../assets/component-illustrations/light/Accordion.avif'; +import ActionBarDark from 'url:../assets/component-illustrations/dark/ActionBar.avif'; +import ActionBarLight from 'url:../assets/component-illustrations/light/ActionBar.avif'; +import ActionButtonDark from 'url:../assets/component-illustrations/dark/ActionButton.avif'; +import ActionButtonLight from 'url:../assets/component-illustrations/light/ActionButton.avif'; +import ActionGroupDark from 'url:../assets/component-illustrations/dark/ActionGroup.avif'; +import ActionGroupLight from 'url:../assets/component-illustrations/light/ActionGroup.avif'; +import ActionMenuDark from 'url:../assets/component-illustrations/dark/ActionMenu.avif'; +import ActionMenuLight from 'url:../assets/component-illustrations/light/ActionMenu.avif'; +import AdobeDark from 'url:../assets/component-illustrations/dark/Adobe.avif'; +import AdobeLight from 'url:../assets/component-illustrations/light/Adobe.avif'; +import AutocompleteDark from 'url:../assets/component-illustrations/dark/Autocomplete.avif'; +import AutocompleteLight from 'url:../assets/component-illustrations/light/Autocomplete.avif'; +import AvatarDark from 'url:../assets/component-illustrations/dark/Avatar.avif'; +import AvatarGroupDark from 'url:../assets/component-illustrations/dark/AvatarGroup.avif'; +import AvatarGroupLight from 'url:../assets/component-illustrations/light/AvatarGroup.avif'; +import AvatarLight from 'url:../assets/component-illustrations/light/Avatar.avif'; +import BackgroundDark from 'url:../assets/component-illustrations/dark/gradient-bg.avif'; +import BackgroundLight from 'url:../assets/component-illustrations/light/gradient-bg.avif'; +import BadgeDark from 'url:../assets/component-illustrations/dark/Badge.avif'; +import BadgeLight from 'url:../assets/component-illustrations/light/Badge.avif'; +import BreadcrumbsDark from 'url:../assets/component-illustrations/dark/Breadcrumbs.avif'; +import BreadcrumbsLight from 'url:../assets/component-illustrations/light/Breadcrumbs.avif'; +import ButtonDark from 'url:../assets/component-illustrations/dark/Button.avif'; +import ButtonGroupDark from 'url:../assets/component-illustrations/dark/ButtonGroup.avif'; +import ButtonGroupLight from 'url:../assets/component-illustrations/light/ButtonGroup.avif'; +import ButtonLight from 'url:../assets/component-illustrations/light/Button.avif'; +import CalendarDark from 'url:../assets/component-illustrations/dark/Calendar.avif'; +import CalendarLight from 'url:../assets/component-illustrations/light/Calendar.avif'; +import CardDark from 'url:../assets/component-illustrations/dark/Card.avif'; +import CardLight from 'url:../assets/component-illustrations/light/Card.avif'; +import {CardProps, Image} from '@react-spectrum/s2'; +import CardViewDark from 'url:../assets/component-illustrations/dark/CardView.avif'; +import CardViewLight from 'url:../assets/component-illustrations/light/CardView.avif'; +import CheckboxDark from 'url:../assets/component-illustrations/dark/Checkbox.avif'; +import CheckboxGroupDark from 'url:../assets/component-illustrations/dark/CheckboxGroup.avif'; +import CheckboxGroupLight from 'url:../assets/component-illustrations/light/CheckboxGroup.avif'; +import CheckboxLight from 'url:../assets/component-illustrations/light/Checkbox.avif'; +import ClipboardDark from 'url:../assets/component-illustrations/dark/Clipboard.avif'; +import ClipboardLight from 'url:../assets/component-illustrations/light/Clipboard.avif'; +import CollectionDark from 'url:../assets/component-illustrations/dark/Collection.avif'; +import CollectionLight from 'url:../assets/component-illustrations/light/Collection.avif'; +import ColorAreaDark from 'url:../assets/component-illustrations/dark/ColorArea.avif'; +import ColorAreaLight from 'url:../assets/component-illustrations/light/ColorArea.avif'; +import ColorFieldDark from 'url:../assets/component-illustrations/dark/ColorField.avif'; +import ColorFieldLight from 'url:../assets/component-illustrations/light/ColorField.avif'; +import ColorPickerDark from 'url:../assets/component-illustrations/dark/ColorPicker.avif'; +import ColorPickerLight from 'url:../assets/component-illustrations/light/ColorPicker.avif'; +import ColorSliderDark from 'url:../assets/component-illustrations/dark/ColorSlider.avif'; +import ColorSliderLight from 'url:../assets/component-illustrations/light/ColorSlider.avif'; +import ColorSwatchDark from 'url:../assets/component-illustrations/dark/ColorSwatch.avif'; +import ColorSwatchLight from 'url:../assets/component-illustrations/light/ColorSwatch.avif'; +import ColorSwatchPickerDark from 'url:../assets/component-illustrations/dark/ColorSwatchPicker.avif'; +import ColorSwatchPickerLight from 'url:../assets/component-illustrations/light/ColorSwatchPicker.avif'; +import ColorWheelDark from 'url:../assets/component-illustrations/dark/ColorWheel.avif'; +import ColorWheelLight from 'url:../assets/component-illustrations/light/ColorWheel.avif'; +import ComboBoxDark from 'url:../assets/component-illustrations/dark/ComboBox.avif'; +import ComboBoxLight from 'url:../assets/component-illustrations/light/ComboBox.avif'; import {ComponentCardClient} from './ComponentCardClient'; -import ContextualHelpSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ContextualHelp.svg'; -import DateFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DateField.svg'; -import DatePickerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DatePicker.svg'; -import DateRangePickerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DateRangePicker.svg'; -import DialogSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Dialog.svg'; -import DisclosureGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DisclosureGroup.svg'; -import DisclosureSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Disclosure.svg'; -import DividerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Divider.svg'; -import DragAndDropSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DragAndDrop.svg'; -import DropZoneSvg from '@react-spectrum/docs/pages/assets/component-illustrations/DropZone.svg'; +import ContextualHelpDark from 'url:../assets/component-illustrations/dark/ContextualHelp.avif'; +import ContextualHelpLight from 'url:../assets/component-illustrations/light/ContextualHelp.avif'; +import DateFieldDark from 'url:../assets/component-illustrations/dark/DateField.avif'; +import DateFieldLight from 'url:../assets/component-illustrations/light/DateField.avif'; +import DatePickerDark from 'url:../assets/component-illustrations/dark/DatePicker.avif'; +import DatePickerLight from 'url:../assets/component-illustrations/light/DatePicker.avif'; +import DateRangePickerDark from 'url:../assets/component-illustrations/dark/DateRangePicker.avif'; +import DateRangePickerLight from 'url:../assets/component-illustrations/light/DateRangePicker.avif'; +import DialogDark from 'url:../assets/component-illustrations/dark/Dialog.avif'; +import DialogLight from 'url:../assets/component-illustrations/light/Dialog.avif'; +import DisclosureDark from 'url:../assets/component-illustrations/dark/Disclosure.avif'; +import DisclosureLight from 'url:../assets/component-illustrations/light/Disclosure.avif'; +import DividerDark from 'url:../assets/component-illustrations/dark/Divider.avif'; +import DividerLight from 'url:../assets/component-illustrations/light/Divider.avif'; +import DragAndDropDark from 'url:../assets/component-illustrations/dark/DragAndDrop.avif'; +import DragAndDropLight from 'url:../assets/component-illustrations/light/DragAndDrop.avif'; +import DropZoneDark from 'url:../assets/component-illustrations/dark/DropZone.avif'; +import DropZoneLight from 'url:../assets/component-illustrations/light/DropZone.avif'; import {ExampleImage} from './ExampleList'; -import FileTriggerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/FileTrigger.svg'; -import FocusScopeSvg from '@react-spectrum/docs/pages/assets/component-illustrations/FocusScope.svg'; -import FormSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Form.svg'; -import GroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Group.svg'; -import IconsSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Icons.svg'; -import IllustratedMessageSvg from '@react-spectrum/docs/pages/assets/component-illustrations/IllustratedMessage.svg'; -import IllustrationsSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Illustrations.svg'; -import ImageSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Image.svg'; -import InlineAlertSvg from '@react-spectrum/docs/pages/assets/component-illustrations/InlineAlert.svg'; -import InputSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Input.svg'; -import InternationalizedDateSvg from '@react-spectrum/docs/pages/assets/component-illustrations/InternationalizedDate.svg'; -import InternationalizedDefaultSvg from '@react-spectrum/docs/pages/assets/component-illustrations/InternationalizedDefault.svg'; -import LabeledValueSvg from '@react-spectrum/docs/pages/assets/component-illustrations/LabeledValue.svg'; -import LabelSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Label.svg'; -import LinkSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Link.svg'; -import ListBoxSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ListBox.svg'; -import ListViewSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ListView.svg'; -import mcpSvg from './icons/mcp.svg'; -import MenuSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Menu.svg'; -import MeterSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Meter.svg'; -import ModalSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Modal.svg'; -import NumberFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/NumberField.svg'; +import FileTriggerDark from 'url:../assets/component-illustrations/dark/FileTrigger.avif'; +import FileTriggerLight from 'url:../assets/component-illustrations/light/FileTrigger.avif'; +import FocusRingDark from 'url:../assets/component-illustrations/dark/FocusRing.avif'; +import FocusRingLight from 'url:../assets/component-illustrations/light/FocusRing.avif'; +import FocusScopeDark from 'url:../assets/component-illustrations/dark/FocusScope.avif'; +import FocusScopeLight from 'url:../assets/component-illustrations/light/FocusScope.avif'; +import FormsDark from 'url:../assets/component-illustrations/dark/Forms.avif'; +import FormsLight from 'url:../assets/component-illustrations/light/Forms.avif'; +import FrameworksDark from 'url:../assets/component-illustrations/dark/Frameworks.avif'; +import FrameworksLight from 'url:../assets/component-illustrations/light/Frameworks.avif'; +import GettingStartedDark from 'url:../assets/component-illustrations/dark/GettingStarted.avif'; +import GettingStartedLight from 'url:../assets/component-illustrations/light/GettingStarted.avif'; +import GroupDark from 'url:../assets/component-illustrations/dark/Group.avif'; +import GroupLight from 'url:../assets/component-illustrations/light/Group.avif'; +import HoverDark from 'url:../assets/component-illustrations/dark/Hover.avif'; +import HoverLight from 'url:../assets/component-illustrations/light/Hover.avif'; +import IconsDark from 'url:../assets/component-illustrations/dark/Icons.avif'; +import IconsLight from 'url:../assets/component-illustrations/light/Icons.avif'; +import IllustratedMessageDark from 'url:../assets/component-illustrations/dark/IllustratedMessage.avif'; +import IllustratedMessageLight from 'url:../assets/component-illustrations/light/IllustratedMessage.avif'; +import IllustrationsDark from 'url:../assets/component-illustrations/dark/Illustrations.avif'; +import IllustrationsLight from 'url:../assets/component-illustrations/light/Illustrations.avif'; +import ImageDark from 'url:../assets/component-illustrations/dark/Image.avif'; +import ImageLight from 'url:../assets/component-illustrations/light/Image.avif'; +import InlineAlertDark from 'url:../assets/component-illustrations/dark/InlineAlert.avif'; +import InlineAlertLight from 'url:../assets/component-illustrations/light/InlineAlert.avif'; +import KeyboardDark from 'url:../assets/component-illustrations/dark/Keyboard.avif'; +import KeyboardLight from 'url:../assets/component-illustrations/light/Keyboard.avif'; +import LinkButtonDark from 'url:../assets/component-illustrations/dark/LinkButton.avif'; +import LinkButtonLight from 'url:../assets/component-illustrations/light/LinkButton.avif'; +import LinkDark from 'url:../assets/component-illustrations/dark/Link.avif'; +import LinkLight from 'url:../assets/component-illustrations/light/Link.avif'; +import McpServerDark from 'url:../assets/component-illustrations/dark/McpServer.avif'; +import McpServerLight from 'url:../assets/component-illustrations/light/McpServer.avif'; +import MenuDark from 'url:../assets/component-illustrations/dark/Menu.avif'; +import MenuLight from 'url:../assets/component-illustrations/light/Menu.avif'; +import MeterDark from 'url:../assets/component-illustrations/dark/Meter.avif'; +import MeterLight from 'url:../assets/component-illustrations/light/Meter.avif'; +import MigratingDark from 'url:../assets/component-illustrations/dark/Migrating.avif'; +import MigratingLight from 'url:../assets/component-illustrations/light/Migrating.avif'; +import MoveDark from 'url:../assets/component-illustrations/dark/Move.avif'; +import MoveLight from 'url:../assets/component-illustrations/light/Move.avif'; +import NumberFieldDark from 'url:../assets/component-illustrations/dark/NumberField.avif'; +import NumberFieldLight from 'url:../assets/component-illustrations/light/NumberField.avif'; import {Page} from '@parcel/rsc'; -import PickerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Picker.svg'; -import PopoverSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Popover.svg'; -import ProgressBarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ProgressBar.svg'; -import ProgressCircleSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ProgressCircle.svg'; -import RadioGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/RadioGroup.svg'; -import RangeCalendarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/RangeCalendar.svg'; -import RangeSliderSvg from '@react-spectrum/docs/pages/assets/component-illustrations/RangeSlider.svg'; +import PickerDark from 'url:../assets/component-illustrations/dark/Picker.avif'; +import PickerLight from 'url:../assets/component-illustrations/light/Picker.avif'; +import PopoverDark from 'url:../assets/component-illustrations/dark/Popover.avif'; +import PopoverLight from 'url:../assets/component-illustrations/light/Popover.avif'; +import PressDark from 'url:../assets/component-illustrations/dark/Press.avif'; +import PressLight from 'url:../assets/component-illustrations/light/Press.avif'; +import ProgressBarDark from 'url:../assets/component-illustrations/dark/ProgressBar.avif'; +import ProgressBarLight from 'url:../assets/component-illustrations/light/ProgressBar.avif'; +import ProgressCircleDark from 'url:../assets/component-illustrations/dark/ProgressCircle.avif'; +import ProgressCircleLight from 'url:../assets/component-illustrations/light/ProgressCircle.avif'; +import ProviderDark from 'url:../assets/component-illustrations/dark/Provider.avif'; +import ProviderLight from 'url:../assets/component-illustrations/light/Provider.avif'; +import RadioGroupDark from 'url:../assets/component-illustrations/dark/RadioGroup.avif'; +import RadioGroupLight from 'url:../assets/component-illustrations/light/RadioGroup.avif'; +import RangeCalendarDark from 'url:../assets/component-illustrations/dark/RangeCalendar.avif'; +import RangeCalendarLight from 'url:../assets/component-illustrations/light/RangeCalendar.avif'; +import RangeSliderDark from 'url:../assets/component-illustrations/dark/RangeSlider.avif'; +import RangeSliderLight from 'url:../assets/component-illustrations/light/RangeSlider.avif'; import React from 'react'; -import ReactAriaDefaultSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ReactAriaDefault.svg'; -import SearchFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/SearchField.svg'; -import SegmentedControlSvg from '@react-spectrum/docs/pages/assets/component-illustrations/SegmentedControl.svg'; -import SelectBoxGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/SelectBoxGroup.svg'; -import SelectionSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Selection.svg'; -import SkeletonSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Skeleton.svg'; -import SliderSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Slider.svg'; -import StatusLightSvg from '@react-spectrum/docs/pages/assets/component-illustrations/StatusLight.svg'; +import SearchFieldDark from 'url:../assets/component-illustrations/dark/SearchField.avif'; +import SearchFieldLight from 'url:../assets/component-illustrations/light/SearchField.avif'; +import SegmentedControlDark from 'url:../assets/component-illustrations/dark/SegmentedControl.avif'; +import SegmentedControlLight from 'url:../assets/component-illustrations/light/SegmentedControl.avif'; +import SelectBoxGroupDark from 'url:../assets/component-illustrations/dark/SelectBoxGroup.avif'; +import SelectBoxGroupLight from 'url:../assets/component-illustrations/light/SelectBoxGroup.avif'; +import SelectionDark from 'url:../assets/component-illustrations/dark/Selection.avif'; +import SelectionLight from 'url:../assets/component-illustrations/light/Selection.avif'; +import SkeletonDark from 'url:../assets/component-illustrations/dark/Skeleton.avif'; +import SkeletonLight from 'url:../assets/component-illustrations/light/Skeleton.avif'; +import SliderDark from 'url:../assets/component-illustrations/dark/Slider.avif'; +import SliderLight from 'url:../assets/component-illustrations/light/Slider.avif'; +import StatusLightDark from 'url:../assets/component-illustrations/dark/StatusLight.avif'; +import StatusLightLight from 'url:../assets/component-illustrations/light/StatusLight.avif'; import {style} from '@react-spectrum/s2/style' with { type: 'macro' }; -import SwitchSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Switch.svg'; -import TableSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Table.svg'; -import TabsSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Tabs.svg'; -import TagGroupSvg from '@react-spectrum/docs/pages/assets/component-illustrations/TagGroup.svg'; -import TextAreaSvg from '@react-spectrum/docs/pages/assets/component-illustrations/TextArea.svg'; -import TextFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/TextField.svg'; -import TimeFieldSvg from '@react-spectrum/docs/pages/assets/component-illustrations/TimeField.svg'; -import ToastSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Toast.svg'; -import ToggleButtonSvg from '@react-spectrum/docs/pages/assets/component-illustrations/ToggleButton.svg'; -import ToolbarSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Toolbar.svg'; -import TooltipSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Tooltip.svg'; -import TreeSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Tree.svg'; -import useFocusRingSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useFocusRing.svg'; -import useFocusSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useFocus.svg'; -import useFocusWithinSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useFocusWithin.svg'; -import useHoverSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useHover.svg'; -import useKeyboardSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useKeyboard.svg'; -import useLongPressSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useLongPress.svg'; -import useMoveSvg from '@react-spectrum/docs/pages/assets/component-illustrations/useMove.svg'; -import usePressSvg from '@react-spectrum/docs/pages/assets/component-illustrations/usePress.svg'; -import VirtualizerSvg from '@react-spectrum/docs/pages/assets/component-illustrations/Virtualizer.svg'; +import StyleDark from 'url:../assets/component-illustrations/dark/Style.avif'; +import StyleLight from 'url:../assets/component-illustrations/light/Style.avif'; +import StyleMacroDark from 'url:../assets/component-illustrations/dark/StyleMacro.avif'; +import StyleMacroLight from 'url:../assets/component-illustrations/light/StyleMacro.avif'; +import SwitchDark from 'url:../assets/component-illustrations/dark/Switch.avif'; +import SwitchLight from 'url:../assets/component-illustrations/light/Switch.avif'; +import TableDark from 'url:../assets/component-illustrations/dark/Table.avif'; +import TableLight from 'url:../assets/component-illustrations/light/Table.avif'; +import TabsDark from 'url:../assets/component-illustrations/dark/Tabs.avif'; +import TabsLight from 'url:../assets/component-illustrations/light/Tabs.avif'; +import TagGroupDark from 'url:../assets/component-illustrations/dark/TagGroup.avif'; +import TagGroupLight from 'url:../assets/component-illustrations/light/TagGroup.avif'; +import TestingDark from 'url:../assets/component-illustrations/dark/Testing.avif'; +import TestingLight from 'url:../assets/component-illustrations/light/Testing.avif'; +import TextAreaDark from 'url:../assets/component-illustrations/dark/TextArea.avif'; +import TextAreaLight from 'url:../assets/component-illustrations/light/TextArea.avif'; +import TextFieldDark from 'url:../assets/component-illustrations/dark/TextField.avif'; +import TextFieldLight from 'url:../assets/component-illustrations/light/TextField.avif'; +import TimeFieldDark from 'url:../assets/component-illustrations/dark/TimeField.avif'; +import TimeFieldLight from 'url:../assets/component-illustrations/light/TimeField.avif'; +import ToastDark from 'url:../assets/component-illustrations/dark/Toast.avif'; +import ToastLight from 'url:../assets/component-illustrations/light/Toast.avif'; +import ToggleButtonDark from 'url:../assets/component-illustrations/dark/ToggleButton.avif'; +import ToggleButtonGroupDark from 'url:../assets/component-illustrations/dark/ToggleButtonGroup.avif'; +import ToggleButtonGroupLight from 'url:../assets/component-illustrations/light/ToggleButtonGroup.avif'; +import ToggleButtonLight from 'url:../assets/component-illustrations/light/ToggleButton.avif'; +import TooltipDark from 'url:../assets/component-illustrations/dark/Tooltip.avif'; +import TooltipLight from 'url:../assets/component-illustrations/light/Tooltip.avif'; +import TreeDark from 'url:../assets/component-illustrations/dark/Tree.avif'; +import TreeLight from 'url:../assets/component-illustrations/light/Tree.avif'; +import UtilityDark from 'url:../assets/component-illustrations/dark/Utility.avif'; +import UtilityLight from 'url:../assets/component-illustrations/light/Utility.avif'; export interface ComponentCardItem { id: string, @@ -106,169 +197,232 @@ export interface ComponentCardItem { href: string } -const componentIllustrations: Record = { - 'Accordion': DisclosureGroupSvg, - 'ActionBar': ActionBarSvg, - 'ActionButton': ActionButtonSvg, - 'ActionButtonGroup': ButtonGroupSvg, // TODO: get better illustration - 'ActionGroup': ActionGroupSvg, - 'ActionMenu': MenuSvg, - 'Autocomplete': AutocompleteSvg, - 'Avatar': AvatarSvg, - 'AvatarGroup': AvatarGroupSvg, - 'Badge': BadgeSvg, - 'Breadcrumbs': BreadcrumbsSvg, - 'Button': ButtonSvg, - 'ButtonGroup': ButtonGroupSvg, - 'Calendar': CalendarSvg, - 'Card': CardSvg, - 'CardView': CardViewSvg, - 'Checkbox': CheckboxSvg, - 'CheckboxGroup': CheckboxGroupSvg, - 'Collections': CollectionsSvg, - 'ColorArea': ColorAreaSvg, - 'ColorField': ColorFieldSvg, - 'ColorPicker': ColorPickerSvg, - 'ColorSlider': ColorSliderSvg, - 'ColorSwatch': ColorSwatchSvg, - 'ColorSwatchPicker': ColorSwatchPickerSvg, - 'ColorWheel': ColorWheelSvg, - 'ComboBox': ComboBoxSvg, - 'ContextualHelp': ContextualHelpSvg, - 'DateField': DateFieldSvg, - 'DatePicker': DatePickerSvg, - 'DateRangePicker': DateRangePickerSvg, - 'Dialog': DialogSvg, - 'Disclosure': DisclosureSvg, - 'DisclosureGroup': DisclosureGroupSvg, - 'Divider': DividerSvg, - 'Drag and Drop': DragAndDropSvg, - 'DropZone': DropZoneSvg, - 'FileTrigger': FileTriggerSvg, - 'FocusScope': FocusScopeSvg, - 'Form': FormSvg, - 'Forms': FormSvg, - 'GridList': ListViewSvg, // GridList -> ListView - 'Group': GroupSvg, - 'Icons': IconsSvg, - 'IllustratedMessage': IllustratedMessageSvg, - 'Illustrations': IllustrationsSvg, - 'Image': ImageSvg, - 'InlineAlert': InlineAlertSvg, - 'Input': InputSvg, - 'InternationalizedDate': InternationalizedDateSvg, - 'Label': LabelSvg, - 'LabeledValue': LabeledValueSvg, - 'Link': LinkSvg, - 'LinkButton': ButtonSvg, // TODO: get better illustration - 'ListBox': ListBoxSvg, - 'ListView': ListViewSvg, - 'Menu': MenuSvg, - 'Meter': MeterSvg, - 'Modal': ModalSvg, - 'NumberField': NumberFieldSvg, - 'Picker': PickerSvg, - 'Popover': PopoverSvg, - 'ProgressBar': ProgressBarSvg, - 'ProgressCircle': ProgressCircleSvg, - 'RadioGroup': RadioGroupSvg, - 'RangeCalendar': RangeCalendarSvg, - 'RangeSlider': RangeSliderSvg, - 'SearchField': SearchFieldSvg, - 'SegmentedControl': SegmentedControlSvg, - 'Select': PickerSvg, // Select -> Picker - 'SelectBoxGroup': SelectBoxGroupSvg, - 'Selection': SelectionSvg, - 'Skeleton': SkeletonSvg, - 'Slider': SliderSvg, - 'StatusLight': StatusLightSvg, - 'Switch': SwitchSvg, - 'Table': TableSvg, - 'TableView': TableSvg, - 'Tabs': TabsSvg, - 'TagGroup': TagGroupSvg, - 'TextArea': TextAreaSvg, - 'TextField': TextFieldSvg, - 'TimeField': TimeFieldSvg, - 'Toast': ToastSvg, - 'ToggleButton': ToggleButtonSvg, - 'ToggleButtonGroup': ActionGroupSvg, // ToggleButtonGroup -> ActionGroup - 'Toolbar': ToolbarSvg, - 'Tooltip': TooltipSvg, - 'Tree': TreeSvg, - 'TreeView': TreeSvg, - 'Virtualizer': VirtualizerSvg, - 'useFocus': useFocusSvg, - 'useFocusRing': useFocusRingSvg, - 'useFocusWithin': useFocusWithinSvg, - 'useHover': useHoverSvg, - 'useKeyboard': useKeyboardSvg, - 'useLongPress': useLongPressSvg, - 'useMove': useMoveSvg, - 'usePress': usePressSvg, - 'MCP Server': mcpSvg -}; - -// Overrides for specific illustrations so they fit within the cards. -const propOverrides: Record = { - Autocomplete: { - style: {height: 'calc(100% - 16px)'} - }, - DateField: { - viewBox: '0 -56 276 276' - }, - TimeField: { - viewBox: '0 -56 276 276' - }, - DatePicker: { - style: {alignSelf: 'end', height: 'calc(100% - 16px)'} - }, - DateRangePicker: { - style: {alignSelf: 'end', height: 'calc(100% - 16px)'} - }, - DropZone: { - viewBox: '0 0 290 220', - style: {height: 'calc(100% - 16px)'} - }, - Select: { - // Safari doesn't calculate the max-height correctly with the aspect-ratio. - style: {height: 'calc(100% - 16px)'} - }, - Picker: { - style: {height: 'calc(100% - 16px)'} - }, - ComboBox: { - style: {height: 'calc(100% - 16px)'} - } +// Mapping from component names to their illustration [light, dark] tuple +const componentIllustrations: Record = { + // Components + 'Accordion': [AccordionLight, AccordionDark], + 'ActionBar': [ActionBarLight, ActionBarDark], + 'ActionButton': [ActionButtonLight, ActionButtonDark], + 'ActionButtonGroup': [ActionGroupLight, ActionGroupDark], + 'ActionMenu': [ActionMenuLight, ActionMenuDark], + 'Autocomplete': [AutocompleteLight, AutocompleteDark], + 'Avatar': [AvatarLight, AvatarDark], + 'AvatarGroup': [AvatarGroupLight, AvatarGroupDark], + 'Badge': [BadgeLight, BadgeDark], + 'Breadcrumbs': [BreadcrumbsLight, BreadcrumbsDark], + 'Button': [ButtonLight, ButtonDark], + 'ButtonGroup': [ButtonGroupLight, ButtonGroupDark], + 'Card': [CardLight, CardDark], + 'CardView': [CardViewLight, CardViewDark], + 'Checkbox': [CheckboxLight, CheckboxDark], + 'CheckboxGroup': [CheckboxGroupLight, CheckboxGroupDark], + 'ColorArea': [ColorAreaLight, ColorAreaDark], + 'ColorField': [ColorFieldLight, ColorFieldDark], + 'ColorPicker': [ColorPickerLight, ColorPickerDark], + 'ColorSlider': [ColorSliderLight, ColorSliderDark], + 'ColorSwatch': [ColorSwatchLight, ColorSwatchDark], + 'ColorSwatchPicker': [ColorSwatchPickerLight, ColorSwatchPickerDark], + 'ColorWheel': [ColorWheelLight, ColorWheelDark], + 'ComboBox': [ComboBoxLight, ComboBoxDark], + 'ContextualHelp': [ContextualHelpLight, ContextualHelpDark], + 'DateField': [DateFieldLight, DateFieldDark], + 'DatePicker': [DatePickerLight, DatePickerDark], + 'DateRangePicker': [DateRangePickerLight, DateRangePickerDark], + 'Dialog': [DialogLight, DialogDark], + 'Disclosure': [DisclosureLight, DisclosureDark], + 'DisclosureGroup': [AccordionLight, AccordionDark], + 'Divider': [DividerLight, DividerDark], + 'DropZone': [DropZoneLight, DropZoneDark], + 'FileTrigger': [FileTriggerLight, FileTriggerDark], + 'FocusRing': [FocusRingLight, FocusRingDark], + 'FocusScope': [FocusScopeLight, FocusScopeDark], + 'Form': [FormsLight, FormsDark], + 'GridList': [CardViewLight, CardViewDark], + 'Group': [GroupLight, GroupDark], + 'Icons': [IconsLight, IconsDark], + 'IllustratedMessage': [IllustratedMessageLight, IllustratedMessageDark], + 'Illustrations': [IllustrationsLight, IllustrationsDark], + 'Image': [ImageLight, ImageDark], + 'InlineAlert': [InlineAlertLight, InlineAlertDark], + 'Link': [LinkLight, LinkDark], + 'LinkButton': [LinkButtonLight, LinkButtonDark], + 'ListBox': [CardViewLight, CardViewDark], + 'Menu': [MenuLight, MenuDark], + 'Meter': [MeterLight, MeterDark], + 'Migrating to Spectrum 2': [MigratingLight, MigratingDark], + 'Modal': [DialogLight, DialogDark], + 'NumberField': [NumberFieldLight, NumberFieldDark], + 'Picker': [PickerLight, PickerDark], + 'Popover': [PopoverLight, PopoverDark], + 'ProgressBar': [ProgressBarLight, ProgressBarDark], + 'ProgressCircle': [ProgressCircleLight, ProgressCircleDark], + 'Provider': [ProviderLight, ProviderDark], + 'RadioGroup': [RadioGroupLight, RadioGroupDark], + 'RangeCalendar': [RangeCalendarLight, RangeCalendarDark], + 'RangeSlider': [RangeSliderLight, RangeSliderDark], + 'SearchField': [SearchFieldLight, SearchFieldDark], + 'SegmentedControl': [SegmentedControlLight, SegmentedControlDark], + 'Select': [PickerLight, PickerDark], + 'SelectBoxGroup': [SelectBoxGroupLight, SelectBoxGroupDark], + 'Separator': [DividerLight, DividerDark], + 'Skeleton': [SkeletonLight, SkeletonDark], + 'Slider': [SliderLight, SliderDark], + 'StatusLight': [StatusLightLight, StatusLightDark], + 'Switch': [SwitchLight, SwitchDark], + 'Table': [TableLight, TableDark], + 'TableView': [TableLight, TableDark], + 'Tabs': [TabsLight, TabsDark], + 'TagGroup': [TagGroupLight, TagGroupDark], + 'TextArea': [TextAreaLight, TextAreaDark], + 'TextField': [TextFieldLight, TextFieldDark], + 'TimeField': [TimeFieldLight, TimeFieldDark], + 'Toast': [ToastLight, ToastDark], + 'ToggleButton': [ToggleButtonLight, ToggleButtonDark], + 'ToggleButtonGroup': [ToggleButtonGroupLight, ToggleButtonGroupDark], + 'Toolbar': [ActionGroupLight, ActionGroupDark], + 'Tooltip': [TooltipLight, TooltipDark], + 'Tree': [TreeLight, TreeDark], + 'TreeView': [TreeLight, TreeDark], + 'Virtualizer': [CardViewLight, CardViewDark], + 'VisuallyHidden': [AccessibilityLight, AccessibilityDark], + // Guides + 'Collections': [CollectionLight, CollectionDark], + 'Customization': [StyleLight, StyleDark], + 'Drag and Drop': [DragAndDropLight, DragAndDropDark], + 'Forms': [FormsLight, FormsDark], + 'Framework setup': [FrameworksLight, FrameworksDark], + 'Getting started': [GettingStartedLight, GettingStartedDark], + 'MCP Server': [McpServerLight, McpServerDark], + 'Quality': [AccessibilityLight, AccessibilityDark], + 'Selection': [SelectionLight, SelectionDark], + 'Style Macro': [StyleMacroLight, StyleMacroDark], + 'Styling': [StyleLight, StyleDark], + 'Testing': [TestingLight, TestingDark], + // Hooks - interaction hooks + 'useClipboard': [ClipboardLight, ClipboardDark], + 'useDrag': [DragAndDropLight, DragAndDropDark], + 'useDrop': [DragAndDropLight, DragAndDropDark], + 'useFocus': [FocusRingLight, FocusRingDark], + 'useFocusRing': [FocusRingLight, FocusRingDark], + 'useFocusVisible': [FocusRingLight, FocusRingDark], + 'useFocusWithin': [FocusRingLight, FocusRingDark], + 'useHover': [HoverLight, HoverDark], + 'useKeyboard': [KeyboardLight, KeyboardDark], + 'useLongPress': [PressLight, PressDark], + 'useMove': [MoveLight, MoveDark], + 'usePress': [PressLight, PressDark], + // Hooks - utility hooks + 'I18nProvider': [UtilityLight, UtilityDark], + 'mergeProps': [UtilityLight, UtilityDark], + 'PortalProvider': [UtilityLight, UtilityDark], + 'SSRProvider': [UtilityLight, UtilityDark], + 'useCollator': [UtilityLight, UtilityDark], + 'useDateFormatter': [DatePickerLight, DatePickerDark], + 'useField': [FormsLight, FormsDark], + 'useFilter': [UtilityLight, UtilityDark], + 'useId': [UtilityLight, UtilityDark], + 'useIsSSR': [UtilityLight, UtilityDark], + 'useLabel': [FormsLight, FormsDark], + 'useLandmark': [AccessibilityLight, AccessibilityDark], + 'useLocale': [UtilityLight, UtilityDark], + 'useNumberFormatter': [NumberFieldLight, NumberFieldDark], + 'useObjectRef': [UtilityLight, UtilityDark], + // Blog posts - map to existing component illustrations + 'Building a Button Part 1: Press Events': [PressLight, PressDark], + 'Building a Button Part 2: Hover Interactions': [HoverLight, HoverDark], + 'Building a Button Part 3: Keyboard Focus Behavior': [KeyboardLight, KeyboardDark], + 'Creating an accessible autocomplete experience': [AutocompleteLight, AutocompleteDark], + 'Taming the dragon: Accessible drag and drop': [DragAndDropLight, DragAndDropDark], + 'Date and Time Pickers for All': [DatePickerLight, DatePickerDark], + 'How we internationalized our number field': [NumberFieldLight, NumberFieldDark], + 'Improving Internationalization Support in Our Date and Time Components': [DatePickerLight, DatePickerDark], + 'Accessible Color Descriptions for Improved Color Pickers': [ColorPickerLight, ColorPickerDark], + 'Creating a pointer-friendly submenu experience': [MenuLight, MenuDark], + 'Introducing React Spectrum': [AdobeLight, AdobeDark], + // Internationalized + 'Internationalized Date': [DateRangePickerLight, DateRangePickerDark], + 'Calendar': [CalendarLight, CalendarDark], + 'CalendarDate': [CalendarLight, CalendarDark], + 'CalendarDateTime': [DateFieldLight, DateFieldDark], + 'Time': [TimeFieldLight, TimeFieldDark], + 'ZonedDateTime': [DatePickerLight, DatePickerDark], + 'DateFormatter': [DatePickerLight, DatePickerDark], + 'Internationalized Number': [NumberFieldLight, NumberFieldDark], + 'NumberFormatter': [NumberFieldLight, NumberFieldDark], + 'NumberParser': [NumberFieldLight, NumberFieldDark] }; const illustrationContainer = style({ width: 'full', - aspectRatio: '3/2', - backgroundColor: '--anatomy-gray-100', + aspectRatio: '8/5', display: 'flex', alignItems: 'center', justifyContent: 'center', - minHeight: 0 + minHeight: 0, + overflow: 'hidden', + position: 'relative' +}); + +const backgroundStyles = style({ + position: 'absolute', + inset: 0, + width: 'full', + height: 'full', + objectFit: 'cover', + userSelect: 'none', + pointerEvents: 'none' }); const illustrationStyles = style({ - maxWidth: 'calc(100% - 16px)', + position: 'relative', + width: 'full', + aspectRatio: '8/5', + objectFit: 'cover', userSelect: 'none', pointerEvents: 'none' }); -function getDefaultIllustration(href: string) { +function getDefaultIllustration(href: string): [string, string] { if (href.includes('/internationalized/')) { - return InternationalizedDefaultSvg; + return [DateRangePickerLight, DateRangePickerDark]; } else if (href.includes('/react-aria/')) { - return ReactAriaDefaultSvg; + return [AccessibilityLight, AccessibilityDark]; } - return AdobeDefaultSvg; + return [AdobeLight, AdobeDark]; +} + +const releaseText = style({ + position: 'relative', + font: 'heading-lg', + color: 'white' +}); + +interface IllustrationProps { + name: string, + href: string +} + +function ComponentIllustration({name, href}: IllustrationProps) { + const illustration = componentIllustrations[name] || getDefaultIllustration(href); + const [light, dark] = illustration; + + return ( + + + + + ); } function getReleaseVersionLabel(href: string) { - let match = href.match(/releases\/(v[\w-]+)\.html$/i); + // Match releases with or without .html extension + let match = href.match(/releases\/(v[\w-]+)(?:\.html)?$/i); if (!match) { return null; } @@ -282,32 +436,30 @@ interface ComponentCardProps extends Omit { } export function ComponentCard({id, name, href, description, size, ...otherProps}: ComponentCardProps) { - let IllustrationComponent = componentIllustrations[name] || getDefaultIllustration(href); - let overrides = propOverrides[name] || {}; let preview; let releaseVersion = getReleaseVersionLabel(href); + if (releaseVersion) { preview = ( -
- {releaseVersion} +
+ {/* Background gradient */} + + + + + + {releaseVersion}
); - } else if (href.includes('react-aria/examples/') && !href.endsWith('index.html')) { + } else if (href.includes('examples/') && !href.endsWith('/')) { preview = ; } else { - preview = ( -
-
- ); + preview = ; } return ( diff --git a/packages/dev/s2-docs/src/ComponentCardView.tsx b/packages/dev/s2-docs/src/ComponentCardView.tsx index 07eec383ff6..184f8097a6d 100644 --- a/packages/dev/s2-docs/src/ComponentCardView.tsx +++ b/packages/dev/s2-docs/src/ComponentCardView.tsx @@ -1,6 +1,7 @@ 'use client'; import {ComponentCard} from './ComponentCard'; +import {ImageCoordinator} from '@react-spectrum/s2'; import {InternalCardViewContext} from '../../../@react-spectrum/s2/src/Card'; import {Key, ListBox, ListBoxItem} from 'react-aria-components'; import React from 'react'; @@ -25,52 +26,54 @@ interface ComponentCardGridProps { export function ComponentCardView({items, ariaLabel = 'Items', size = 'S', currentUrl, onAction, renderEmptyState}: ComponentCardGridProps) { return ( - - {(item) => } - + + + {(item) => } + + ); } diff --git a/packages/dev/s2-docs/src/ExampleList.tsx b/packages/dev/s2-docs/src/ExampleList.tsx index c65a241c4d9..3498db4d9b1 100644 --- a/packages/dev/s2-docs/src/ExampleList.tsx +++ b/packages/dev/s2-docs/src/ExampleList.tsx @@ -1,4 +1,4 @@ -import {Card, CardPreview, Content, Text} from '@react-spectrum/s2'; +import {Card, CardPreview, Content, Image, ImageCoordinator, Text} from '@react-spectrum/s2'; import crud from 'url:../pages/react-aria/examples/crud.png'; import crudDark from 'url:../pages/react-aria/examples/crud-dark.png'; import emojiPicker from 'url:../pages/react-aria/examples/emoji-picker.png'; @@ -50,30 +50,32 @@ export function ExampleList({tag, pages}) { } })}> - {examples.map(example => ( -
  • -
    + {examples.map(example => ( +
  • - - - - - - - {getTitle(example)} - {example.exports?.description ? {example.exports?.description} : null} - - -
    • - - ))} + itemType="https://schema.org/ListItem"> +
    + + + + + + + {getTitle(example)} + {example.exports?.description ? {example.exports?.description} : null} + + +
    + + ))} + ); } @@ -88,18 +90,21 @@ const image = style({ pointerEvents: 'none' }); -export function ExampleImage({name}) { +export function ExampleImage({name, itemProp}: {name: string, itemProp?: string}) { let img = images[path.basename(name)]; if (!Array.isArray(img)) { - return ; + return ; } let [light, dark] = img; return ( - + - - + ); } diff --git a/packages/dev/s2-docs/src/SearchMenuTrigger.tsx b/packages/dev/s2-docs/src/SearchMenuTrigger.tsx index ac53eabd62d..baab07aeb55 100644 --- a/packages/dev/s2-docs/src/SearchMenuTrigger.tsx +++ b/packages/dev/s2-docs/src/SearchMenuTrigger.tsx @@ -39,7 +39,7 @@ let modalStyle = style({ width: 'full', // 1280px matches body maxWidth: '[min(1280px, 95vw)]', - backgroundColor: 'elevated', + backgroundColor: 'layer-1', paddingX: 16, paddingY: 8, zIndex: 10, diff --git a/packages/dev/s2-docs/src/SearchMenuWrapper.tsx b/packages/dev/s2-docs/src/SearchMenuWrapper.tsx index 3e167999cc5..a1ecec10b86 100644 --- a/packages/dev/s2-docs/src/SearchMenuWrapper.tsx +++ b/packages/dev/s2-docs/src/SearchMenuWrapper.tsx @@ -36,7 +36,7 @@ let modalStyle = style({ width: 'full', // 1280px matches body maxWidth: '[min(1280px, 95vw)]', - backgroundColor: 'elevated', + backgroundColor: 'layer-1', paddingX: 16, paddingY: 8, zIndex: 10, diff --git a/packages/dev/s2-docs/src/searchUtils.tsx b/packages/dev/s2-docs/src/searchUtils.tsx index 35811ea6aac..03d5cf444a8 100644 --- a/packages/dev/s2-docs/src/searchUtils.tsx +++ b/packages/dev/s2-docs/src/searchUtils.tsx @@ -440,11 +440,11 @@ export function useSectionTagsForDisplay( }, [sections, hasAllBeenShown]); } -export function sortItemsForDisplay(items: T[], searchValue: string): T[] { +export function sortItemsForDisplay(items: T[], searchValue: string): T[] { if (searchValue.trim().length === 0) { return [...items].sort((a, b) => { - const aIsIntro = a.name === 'Introduction'; - const bIsIntro = b.name === 'Introduction'; + const aIsIntro = a.href.endsWith('/'); + const bIsIntro = b.href.endsWith('/'); // Date sorting for Blog/Releases if (a.date && b.date) { diff --git a/scripts/processComponentImages.mjs b/scripts/processComponentImages.mjs new file mode 100644 index 00000000000..76347a47f77 --- /dev/null +++ b/scripts/processComponentImages.mjs @@ -0,0 +1,126 @@ +import fs from 'fs'; +import path from 'path'; +import sharp from 'sharp'; + +const OUTPUT_DIR = 'packages/dev/s2-docs/assets/component-illustrations'; + +// Mappings from source file names to target page names +const mappings = { + // Component mappings - special cases where auto-conversion doesn't match + 'DateAndTime.avif': 'DatePicker.avif', + 'DateAndTime(Range).avif': 'DateRangePicker.avif', + 'Slider(Range).avif': 'RangeSlider.avif', + 'InLineAlert.avif': 'InlineAlert.avif', + 'CardsView.avif': 'CardView.avif', + 'Cards.avif': 'Card.avif', + 'Images.avif': 'Image.avif', + 'Swatch.avif': 'ColorSwatch.avif', + 'SwatchGroup.avif': 'ColorSwatchPicker.avif', + 'TreeView.avif': 'Tree.avif', + 'SelectBox.avif': 'SelectBoxGroup.avif', + 'ClientSideRouting.avif': 'Frameworks.avif', + 'MigratingToSpectrum3.avif': 'Migrating.avif', + 'MigratingToSpectrum2.avif': 'Migrating.avif', + "What'sNew.avif": 'WhatsNew.avif', + 'Releases(Numbers).avif': 'Releases.avif', + 'Home.avif': 'Home.avif', + 'MCPServer.avif': 'McpServer.avif', + 'ColorPicker.avif': 'ColorPicker.avif', + 'DragAndDrop.avif': 'DragAndDrop.avif', + 'FileTrigger.avif': 'FileTrigger.avif', + 'FocusRing.avif': 'FocusRing.avif', + 'FocusScope.avif': 'FocusScope.avif', + 'RangeCalendar.avif': 'RangeCalendar.avif' +}; + +function transformFilename(basename) { + // Remove the _4-3_(Light|Dark)@2x suffix and convert kebab-case to PascalCase + let renamed = basename + .replace(/_4-3_(Light|Dark)@2x/i, '') + .replace(/\.png$/i, '.avif') + .replace(/-([a-z])/gi, (_, v) => v.toUpperCase()) + .replace(/^([a-z])/, (_, v) => v.toUpperCase()) // Capitalize first letter + .replace(/ /g, ''); // Remove spaces + + // Apply custom mappings + if (mappings[renamed]) { + renamed = mappings[renamed]; + } + + return renamed; +} + +async function processImages(sourceDir) { + if (!sourceDir) { + console.error('Usage: node scripts/processComponentImages.mjs '); + console.error('Example: node scripts/processComponentImages.mjs temp'); + process.exit(1); + } + + // Resolve the source directory + sourceDir = path.resolve(sourceDir); + + if (!fs.existsSync(sourceDir)) { + console.error(`Error: Source directory "${sourceDir}" does not exist.`); + process.exit(1); + } + + console.log(`Processing images from: ${sourceDir}`); + console.log(`Output directory: ${OUTPUT_DIR}\n`); + + // Ensure output directories exist + fs.mkdirSync(path.join(OUTPUT_DIR, 'light'), {recursive: true}); + fs.mkdirSync(path.join(OUTPUT_DIR, 'dark'), {recursive: true}); + + let processedCount = 0; + + // Process Light and Dark directories + const modes = [ + {srcFolder: 'Light', destFolder: 'light'}, + {srcFolder: 'Dark', destFolder: 'dark'} + ]; + + for (const mode of modes) { + const modeDir = path.join(sourceDir, mode.srcFolder); + + if (!fs.existsSync(modeDir)) { + console.log(`Skipping ${mode.srcFolder} (directory not found)`); + continue; + } + + // Process both Components and Guides subdirectories + const subdirs = ['Components', 'Guides']; + + for (const subdir of subdirs) { + const fullSubdir = path.join(modeDir, subdir); + + if (!fs.existsSync(fullSubdir)) { + continue; + } + + const files = fs.readdirSync(fullSubdir).filter(f => f.toLowerCase().endsWith('.png')); + + for (const file of files) { + const srcPath = path.join(fullSubdir, file); + const newFilename = transformFilename(file); + const destPath = path.join(OUTPUT_DIR, mode.destFolder, newFilename); + + try { + await sharp(srcPath) + .avif({quality: 80}) + .toFile(destPath); + console.log(`✓ ${mode.srcFolder}/${subdir}/${file} -> ${mode.destFolder}/${newFilename}`); + processedCount++; + } catch (err) { + console.error(`✗ Error processing ${file}:`, err.message); + } + } + } + } + + console.log(`\nDone! Processed ${processedCount} images.`); +} + +// Get source directory from command line arguments +const sourceDir = process.argv[2]; +processImages(sourceDir).catch(console.error); From 5da33c544be01a3be4d9c8b7d4d726b626d29c40 Mon Sep 17 00:00:00 2001 From: Daniel Lu Date: Wed, 10 Dec 2025 21:40:11 -0800 Subject: [PATCH 7/7] fix: completely reset the git index to avoid git child error (#9324) git update-index --refresh throws a error if it finds files that havent been commited so it fails the build still --- Makefile | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Makefile b/Makefile index d71155c5ca7..f44e45a5eb1 100644 --- a/Makefile +++ b/Makefile @@ -92,7 +92,8 @@ publish: build yarn publish publish-nightly: build - git update-index --refresh + rm -f .git/index + git reset yarn version:nightly yarn publish:nightly

    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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Testing.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Testing.avif new file mode 100644 index 0000000000000000000000000000000000000000..05c31ca7a7f818b9cc03dbe643a1d04217d3aaed GIT binary patch literal 5647 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 TPGC5G(^AI@c%4oIw~OI_Osr&J literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/TextArea.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/TextArea.avif new file mode 100644 index 0000000000000000000000000000000000000000..c2131738468516bd723605873c2e3ba2775c5516 GIT binary patch literal 4392 zcmYLG2RzjO8$T;&@4a_N*~#7^*&{;MIqo>ly1493X0l}_qKq@LDKd(jb&`?nl@+r2 zpL+dX|L6O9JFi&q!oS6sn1S4>j4vc_%dw}8oxakyt z8=*Lf+~J9YMi?PG4g%<5KAwzSM|Pxrq~ zIE)X#BgBg)AO_$Qh7%A*;S^SwH{{=^<95MKhF|wwUk+8QyOV=2Er67mMKIvRE=pCB zj(QjXFrt;C8`hah-DCy6i}e{EB? zO#I^6Jjv6TbPcr=(y--4qwh=Bw~8ioYWsm!4b2vuApH{8{@+!_&)J^v$p6tzD4lLL5_ zSXy%M3Cdrz-lpCs6CU61m}-(oXV7pjafo8b6g$ANaybQ}5^<=QT^e)So;kT+2=}Y0 zQ?yW*F#gCDPJc9?`)Omm`C<%_%`5Zh5bCrr(^ZA9$UE7`X`-bhYob{>-rJydM&-sA zk$8iF>##(7oDiu`nFuzOsdBIC}4xQn*grUds z%x~og@K;yRb;1OW?=O?6;{0iBPFFhf*P17JN4d7nW#O2ZI07atFBY(HInfbb*>P(s zQPou7xGrMFH<6^!tdKmVLrwttGvy`4vOHo%fhL-UggBd~S^+g>Gfd_0dP4djv#uD7 zb)%jkJ9cYisF!!(d`G-hza7zWe4ez~JGY$cYTO;@D3eyh1K-(m37s34m?Mp3H4~3Z zUw-Ar=oCbL0kY>@+7$G7Vpts~WKQ}eS!Tz02W2HBaUQ0+2II>~dooC0z6^={R4<`1 zF!8f$E;Yxa{bRLl?bx)#wjp zkM$z9{mJGarQ`)Z&$JD;58{rc6x|&*B%f0HLQ^d#FcF?Jx>gS$+l=4KH-(A3??5jIkP}ygiqi&PnZW7Q%=)3F!=a!qM_bsFA+9v?ZVG6DMzzfLT~sl=F-9-`q@(z?2+4L{f!2+dNlz7-p2ld3*<(A zi%4v=qK8(Ud&cI&pYMKUVp8jj!ZWvX4IHaSQ~d;9r4*>VznGHLPB^eezqI-WGI|gV zL6%1F!s~oYC&!lkAPnryz;(Wh+H$SPnw&gkXi|w&Uoknf zWVTb_ETHFVAd{{&F*k=00khMXsfz++^Cz=Jvl8XW%Wce%)~3U+_v4!tB_x zd0!F*O{^b`4GeKC9q5@Ja89vGJktDQMQ`_ z6q5rS)BjU)&g(qgPYE2rcX~ngUI}9_Yq*xySZqy_pP$CN+wN=HI8iC%@{;~EZtS8V z|JPV-#UsU7@pBo!1=6s}UY43Dn}&myj_!&Zy50lPB&xG>IulRViUoG&$YWDdg;#UG zS)8gKye@^v)Np= z+(}#`e}Ps%0g5LtAa``1$bWi=xJWZ6%}Qfam2yAW_BeR@`Q=8#z>8hAw%PIR60Jd1 zhFTc&5;KiH+;4p)veuEtA(M}`^_>+O!>ZEO%=c-e0hsITS2BH|YQGvpiyFMQW-=4@ zTh@X7H+z=sMH8Z=n;Oe@(2F$6NRW?g0fiZ^o3Nl#z#v&uL3NWD|r&A&-gL*vxKHiNul_tSIUEHlILgYpDb|vEukhp|Sn*hlE-lxI=JUA=1A>t?p|_*7dsLEB zVDw_nj)7v1d@sv6?&5QmWx4nemsA@@ys%0O)tgSN^>Fll?RWPKG=#nq9QA4N+jpWN z)^C@N0w;8aX?bAN!@-v_6(gWu-xQTz-uD`~eNL}p6q#IW#CO8ogC8d86EXWlBSQhD z`bzJaSAcN!TxE@*Iycg#nuUCUY%O-ihBn?VVh#_y2cO^%eZpsKsV2rf5KtQNI91p6 z>)7fth_We`A3ZO~_*{_!!-sgR1T_WQqdzAC+phA*L!G}mSsJZJwNY5P`r~^*B)%gT zR0CeQswT5N{koI)N-O2T+@m4HOks6Xl2ek{?LC_X!=;S)1i?T;U^EC@17Kfzc!`w#fe zCyKEm+Vh5V8IgRahxfZ*Td=r^sD^dkOX@}JUUDDZyzleNRc=?4tmXIqWjaM%bFXc? znL{;=#uJeTk!Y__TM}BmySyM|d^u3#=dV4YzNYZU3Y*%xiOy{^UbP0;8K66Xkw(5po%aWIQL_O?_$EblVX}$8j>~`_3;omdAX`278a| zg%>Dv9PnL z*tvYz0EL^$m|}>KY{`$O7aXMcK!)SqHeai*LVZ^wY#~hMx`X|vl*QvlG5WxGKHn-# z8RI)+H>b$2CiNTV2aBV(j))McNnoa<*oTlFCMsmMm|@-kEhsr9;*WO|%pLTx5V=xYLXVw$ghN+AW#zU%VTtO>(}x)Xr#EEZOL8e+WO*)X zKe|m3`3x8p$q4yI{bS+`uYd+SQeIjm@_yhkSBF3QIH3x|XL<{<1jQcR;DB3$8*d3) z15O{Mq36J&ek^=vbf=y3G7ZFUc_8n4MFJ|*xS^ONt&d%U)W0v(Qo@BJds!v#q}-Yi ztok$9WS?e9(?Nt6+~KlknI)<~nFS!fds9L9CK(HU3tkFpdG)R8ClKX6kb0XLmic~3 zu7E)&kPW&(VI^ZKLGI93gR*RH{8hf%YAVph=UIMfU)^qv1Wjl^#>hELeQdHK}xKfN_BfbpG61Tj+=fQFJb!oO- zS5}4?Ho`RKvSp|%@EzUpsHOj6Iw1wIfr?bm?FWY~+53}s3g4ux8FpN-@MiMHk#B{g z8Hws;UN5Kd@%K{OLvQXW#5)oQ7-bfy?dwR+56Mv%R@9iYaMGr5Bn|O;1rqmDmdkal zuVwbRN{pc-D#$v{vA4;gQZico&-I4lGi{^|cExPQKZdKVc%|8^yO|PAJ<;X32c0IY zY4kee9n}s$LM2^{UFO{t>pv#8oeC#r{1HjE>* z9jxBS8G+<+;!;FALlmvsZWJ66U}0P0BbSrI=9} zxZfS>czRV=a(5jnq%NL*ct=3Ui2h25k+`;0L)H*!Cx03=$*t5#2#AtnGMQroe>BeK zyGUiWUa&Z3VFavqqU)UkIjP>CJPA&_B73Tl9aK~Bhj((}nXE4=!i z>We7MP>(4Tvw4l*M2*V(Gfnpv?mHyIDp<%XyGzJA4AF{>#=ID~7?->Z;l#50bs8?Y zE4%0$vvq{rnO5#6UxN4sZLLh1m{H{Gqp4%dXVMXkXDu)L*|fo)r8g3#o(5Rjp#$?} z^`;Cm)MQZvlsN%g@x}O}UbY9PV4ID4J>au8a$0v(-q^nA(uzuZMnmw0`37KAGbSlr zQ#ebMn}+GBNOKG?OGu>6P?J*0kyG=X@6TH>*{Qz!8(WV~2*9+# z2Z}58O!_zC`;$auNu+lA4cg&|HwSWwzh;S#TD6#7P9O>uc|opcgM+3%`B;JeQxUI( z=Z7!Ju%v+KM-3CSE7WQs${6k+$DZZIV!oVRPAbA&h|Khr?B0S>8_ujo>G*Zo`}#ME zj1}1{Rwq@_@=qHZvl2pjHMX6$B%2QW2~D5dMHjxNGFVd42_M_0tav_mcM9C|NQqLj_B`SJttoDc zU&ExRL3}STWhq-C&?oB+|L}5v;b)6Fbbm7=-01+R*pu5ZXqIbLE%rFTO2wL;g8hmk_6;e51&&fA8zHHTwUS(HqVZI~um~!N(kGD_`-IW%2g&rPvF!+o+ANmGE!RE+6prhn0J5B9hh*j5pU>;{Jn!fIem>9l{rvy{09JcXKQ!DMX%E21RYf7~At)pq-vh%@2v7JGj}I=# z$IkBmAOL_y+Ijwm|EpAJq$lcc1H@-3q_eBtRi~;50O1clfE9o%fDq7|J3% zD~m+B{I&6So)O<5{$0E>CIPv+_+x5 zK>#2jFp_`-03r+}AdJ8>V5B?Z->>7n;5R#8&0IYW;JKMsl6s|JXW0QIei! z6adhplcOKioJ;=B9O`Pa+=AE1l^wX;hku(lJ@c`l{aSnz=~fR2~IR+WRcWa5px?VN>9cllD`iV$PSKm}uq8Vjt%^ zf6?UUcG;9Ki!G*AQKv&1Cy8SDPGXf3tkSBtdYacZldA;YZoFB?Tpw7_H5GxdtQi^8 zrdNELtqDw4Q=t~V<#-QXlrPE_(eEPIRnq~`DY773_8JFEvM+O~b@ITp$Id_0*g&;C$#EB$FAK~meDz|DB zvPI%R8kjb@TKd{%uDoeSq!B%a0gCT*2%{gY?ovPW4Ty}p*tWzFXeKYw6>-rd`Wjaw zX`;P#=7A07LF!-fz0{;cH3wlhTykyTw{MA`NowCGyYekM_KTYs88)}NkVS9GC0$;g z)6I7io2|wyX*nP091QD~q1bBEDd=jYd>~j~aOt2dEQy7*I6MJ#rGUb8wmWr^M zYTH0t>#O87Ap+BmBv9dW6_%OIhix3c6jKsq?qi=m1krp793f2^BBrW1*SDY=1W z+EH3x4F-Xp}bq>orGF+b(h0FTctDTbL;j5 z3L~>Am@T|KM&c&T^sa>4QU6bhl;NW8v%ukd{TqV=?b>1H>4_x!vD6V1HxTsBX{6@# zAxxyAg0229`V+wy!@y&?WK%|0svFy?De>6UJfHjotq>@<((-xs6hDkaA2Vqmo@eK1 z>ih5(J9ED45ol?qHX(jv_U=+rjCmL=Mj|7H0P;u?t5L#YD==YX2f4e8g8^BfLo4&XZXuI~itB%TuqT1=Lo3r_BnlLH?N zq z4Dt*$x7J+?ragc*SVOMOmurm%2ZQ${vq&{#$Dt3Ver4#NvTDvy<@m0+k|nv$KPn>F`wh>G0?$Z7_(9v! zkB`o*MRx?c2!FCd&+i*4UBHM=exUe;cv&Dj2Sh?xivd4!9kN=pMHgsAQuZAFc0vA){GHY&6Nv>%sV_OL8`wyoK4go%+ z(A^IQ?|3R1&ly-{nb?=lrbU$?T-MxWYWjc(_2_j6mIxoBAn~ES7*9>YYU_Mc3(`t1 z-y9!uvlVP?CR@bq^Si_j`} zT=}R(sDU$0fQ<;-uCBBPpwq^(&O$x`rX4;ZvkUbwyMc_aS9n!7E*PfWmB=6Y_=OTU{<6sw7C|`#Ix$ z?trG9tQe=4?l1NzFr2KTk)s1SnADD%wwguLKdt-Vv9H&%qMh#0m5G$4z*Nk65IIME zsIFwusjByO5j01(ovBRx@9#&|v=-bS@jcl3m59#snkXM>%M47sJat`E@cpF zgS`o5v|6Bw8>cqO;;yUp2(;-yhhJjyiP2Ui>0UAWKc{Gmq>|p0F=mGgv8J=6dZOOk zM3DI7B7E`-Okhz30$A$4!+0m?Osf-TLbBLsIk#-DRF%cYV7(?I{%|x_$S11^2$Nv* zYRQn>?v!8$PcfS@Q3U!`CY;DPe3r%-bxIe)eM@t1$8!NOEQV<;1{Ad}gL&WAes*Bu zTez*M<8toLvp1^C^jf7GJvoTC6K#Kj03Pd!Jau6Fj^-k7#+0)K;i@io^($5_Iyo!t z_c54=tT2^E9u2jrGybQ~96E0JMcdTgv1)tLpfBuXW6t0IOt{~KFWlsG zYlCT$f@Lh%;Zq6U*lJD1~*Kux)P%G%F2YYg4ua!UNYWr~;s0Y*+n*NzV ze6p6JK^AY+p7OMu$A>eET-R6GL6Ulin6apw(c3OcJkSJ`t8@H$xa@hj^KF@Cb%laH zs z68NcOc*`d&O4fF+=}?fUKDfmej>TxXjWQ*Wr>i;l7nP&GKdsowQf*sz1SyRU`AF!S z*wL;mwHXlQo^dji{uq!Ke1xrJ?L_m8J>lIJckDSci<4OYu`{@KOF(bYh4T7`8M8k1 zILCsUf^k)&?JwWtmsY0rfSMw|H0T&R`E_wHsBnq5-x@s8uCwi_0A zLd0wiX|x5#f}S7CtQskRVU_Hx-;CiXg4!yp(2-Jx+zD~>zLS+>@@=?P@k?WaoG2F! zMH(ORRrt*}v5lrpu(AB)o(#V_--HZwU+=?(K6~Cd&&h+^edA&ZwrdkZK*S3yX}3K@ z(bU?6Okug0Cz9&PcWaPMZ_E(X2v_0#;8+5F$sz$MEaPb1w_9>?e>C}Q9rb<8#ndI-gCO_ z_GvF1m$1Hmq=d1*X3K`g%50%J+uT)`(pt~`|;tbue2o0buZCWfe;D}q#gKvKV zeb}jaZEp>UnG=Ocs(`ucXved@m$fT5kx{TC7yd z@-exJn7+~^@AqB$bkkvE8SRf1;Mtv9-wKw*dc9Tpa-++BaMeb1;vwLXww$(dcgE#J zse{8s*@CgXAU7X{WupD2Ykd~0RH=k$xnHTI754h{2t(O@rfA)_o$e{4U`DQZ+!?y1 zj>Bf&*3oe71KiU&pX|hKE@(ED@$S7Rx>`qQTTh4f$8#Sz4M>(O6ZrYEOEjn&kC@k| z-xK3D*Ako3d+2`3_j+#zT_c-pR^H`zOQT*nhlmk2zB*TqJ^Q{7%VdT>J%!en8f}|K e58gD)cE1DTqHHqoT&pK~acc-mOk~OLMe{!j$PYLG literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/TimeField.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/TimeField.avif new file mode 100644 index 0000000000000000000000000000000000000000..e4df49f9975d48c1bbb404ab17be0d10ea876b20 GIT binary patch literal 4373 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Toast.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Toast.avif new file mode 100644 index 0000000000000000000000000000000000000000..b909698c3bee2d2477fbcbe69d08ab5c1eb88cd3 GIT binary patch literal 4822 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/ToggleButton.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/ToggleButton.avif new file mode 100644 index 0000000000000000000000000000000000000000..3a38c01154d1bba22346a2e294eccbff5ff869bf GIT binary patch literal 5840 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 E0K@myP5=M^ literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/ToggleButtonGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/ToggleButtonGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..4d1d7dac95da1b130b015c2b7ee4dd3b936b1212 GIT binary patch literal 4962 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 J1+v*e_&LJ@Wz);BuN zxEyWasDB{fiU54v!Wmv6;3jipoc|)c?*9}Z zEl!n!!Cd~1@wc7tW) zML3KPz$3&9BOnIg69y9yVsHv83}yH4)p4`nI>T>jZXO3HgRr&spaqZ-v+((yT45B$ z=zzljfF7+h-7sV(eupX8)o8I6mnW0H$%hh(vnqtDEs9{9iU&*OFO!=X8w)M44Bg z8q%Z`_D`1v#H*=LKX~XUXPuiZ$d2i9xz}9U2++@K%q z**2WAtChSLPoLP#$H%#CahdX3W<1l$;;QQTBwhBr63Rw?e6#Pqs3g+vOzieo!s#_c zX34PVHn9U~K+-rizwY_WhpIh+O5{i~p737d1Edc2fclw_e^~U@u0=8dBz}Q5mkSu{ zWB3sUeC4G*i}%Sa@X<=Pr<%ARq)&5cDZVUVYb*9UaoM+cSKfKYE@7jm2G#X0WUn@* z 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/Tree.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/Tree.avif new file mode 100644 index 0000000000000000000000000000000000000000..facd62adb5091141ad1d7c2268f5b72cae71ad89 GIT binary patch literal 6089 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 d{BW8X&m4fAU_v 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 dg)nBKqK&-I4{o+{s@C47X1h;6>wWhL_dgQg$$ literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Accessibility.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Accessibility.avif new file mode 100644 index 0000000000000000000000000000000000000000..afc755ac5a7764da76f89e4c9d5c266e2a351e5f GIT binary patch literal 6690 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 literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ActionButton.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ActionButton.avif new file mode 100644 index 0000000000000000000000000000000000000000..64036e945c97fab49e9172267bf1e67ca1c17eb7 GIT binary patch literal 4135 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 Jr1IWc{T~>2llcGu literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ActionGroup.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ActionGroup.avif new file mode 100644 index 0000000000000000000000000000000000000000..e8dc552fd54dd9bf2f1b8259b500e619652efaa6 GIT binary patch literal 5174 zcmYLF1ymGT6W*nlTso!MrKCh%N;;(*DPgHqVp+Nbr3Ivs?(S}tl3JugL68;@>CPYC zJMa8+&zbq=oA1t@I{*NH!N%1KY2l8r0o>VrbU@e$Iv_0Wa$t~ywX4NFe`hRqR`#fW zApn3xz+L~t|3zXX!qwrQ1bF9#5%x~-`%F#>fN^*33|I`fuiP8wzX&+`A47KkJPd(w z{AY}R^ptmr^}iSI2NMvyzxaRhuJRw*jXC1+C`Y)x=UsOq08YRi zMQGtJDEk(R;SK^Q5H3jTdjJ4nb^rhvhIim@cu&MV1H`*?Fbg+N+55~5UhO_`i;rczE|c84*Z_|8|K1 z0Ac|{FmVAGSnn{gg72zy2$c1|U%#8>uCx8!3V`>^Axm;N#Lle9p~-rG)6g zqX2*=nF#r)(rnxxcE!itKK`Gd4m#q{>UG@d@I~%*L0H0cQbJSg_gacydz2MR-lct; z)Fs%)+c^3&Qf%A+anff$cQ*Cu=9Kf9KP_x&^O=|FE#9Q1rlT!Q_sTaI^&}>&qnD6u zZg16eO58$C8fTA7m%UeJyVl5(?UQ6k!j(0uLD59LO^Y)F530W96*at*bOobgw`N3W zmK4-?_l4Cdw)eo1K+;bY6(SbLEpcVT?x;HSo{c%^#=;6K4rChUJ&e;!s z`7#icgmYIUnL*HRV{qa14>|P~9p6alR4%-cE&Kl1&aR4aUjxE7hU9!`UzsR($Y62p z7lQdxos>BD0FbD0Zbx_LSJ6D&oy}~E$WlQ8HLswGvcm`67=kZM=kR}Q)_D>l-P8Ii z3qL&yR(}-cKFgLz<>9M`Q3}L434wh6Jbd=}xfu3{KT_vYJy^D|gqhDY7#BTHLZXFK zCTc3Z=N!IvCMNsB=TrHFI)`RG-(U!;AP9=qm-YIGcU zBOC!aS7cT7Z6*FzQeER+(#DUKK$zT0ryaowrS-Gu9#(k%epp8nlc2?bJBn+57Gmjt z#Zn~qa6O@;MN(TM#A&0&fiCIzyY?R_BFOxivazG$`0s}kGGB(v-mLWrdw~{#XzyPf zHII(Wxd-!9m~unJB!#-N)!MaO*wv3z1@yJ_EPqhOO%}E4%WqrHtty5@r7ll}cyOtt zK8;GlpA=V+XsZwotTOs#t&3N#_IFu}BcN^V~?FecBj<5cR;5?cODLqc`$*30!huT34n=aLuMR}O3C zu*Nsp)o11Cby;z=;VlJsU=qMns11g?bg1XWKqHM#dZ<3kJYG%{OiwEX&Uh&+x;2nGy*cI zm|_05|ZhcLi`BNkxktk}*T_Ww~D<%Ds!Kgqj^UKjfjG4BB)y|Mb z@+qG>G~TuE##9dsmCBr#UaBF#ncG|h+oO10JfknjrQ4$lmr2aI*o{^T*@t%BYu4?C z&=nyrIKKyK;dPz>ZdKk0XKfZzC|@zGrqD{XjiBil`mIctVaO1q)(sp8_%Knm(~nQHqn}Vy9n*FXKp0 zH(Q$$G$y6~5%1&jBB@x;>!sq)VE7?Y_Q0n832;n+j(k$TB2Ce9R>kX}fd@&JN z|C{aPU2Wi{RtIcg5H>*tn_Z0xkJo}(2xFOEJfC*4r6oOlmFwPd<@0c(#W1jy8u;+> z+sh}zGLx{U`u>fmCoUsT{p(L+u8L?VzOI*?{I+&YXOYkL{CuU;kmPfR!k>*~OH1Rw&ad)E1%F^~(L8xC@f%kX^I=oxxnE-nOr?sbEaXp& zt5J-Md7;rbhi3slA2t@?>cJMD;as3Q#Vbh_=QNsGZwF+-w^3M!f&_KarDXI3M3-^R z@8m&fKtHoYBM))g&E5zf6nTTWfNGhdH7??WMXw*_zf){l8}stsvTD?z-WfhgVx8zr zK8hrr@<5gHFf6187bWPWz&*)+nbN7pc_i+Md1@i4WbONW(z{`V8OimY<3Pk?Y?pj-s8Bk!(=G-pKpyy4x!!KNwMd}2HeKsRPIQa?jUbS*> z4dHuW9iu-pZ>L}+>iEiB#FdM@j?tYsI(g;oDToK#dQP^|VadmByrSJ(=nJD1;PHFSi*Mm9|%lA!+@+R#w8= z=8IH1phuZu*ga5hi;E9+pDxC%qT&QxP>+Q!R9>jqZlVVW%yH1#3}WK0GZoZYRQ9_m za=;MkC-FlkJHnP`wdzkzgfTPlBMXa%#TvJui)BZK*AIOO2^k7LE2h4YJK-9%1Pf`P z(tD@v)|16z1qm-jT8^OsD{MHGY>OJloZi*K+Aw(No`jc30Z(S30|J;)F#QECh7Eg25F4Fd%60ne7IZlTIf-Z zWwYNL`%&8g>dz3NwAc?XsT+`6kLwR-Cpclj*IEXXS4d#O(--%)g>(%Vnuf zwQkPy;8e6CzaLiZ1h;|*eN6+HKV-9K`Em2p&heK#crRbV^JkU=?s9rolV_5tN~pxI zzm*psi(!Y+u0NeIZo4L8m*&AS9;O&UieUG~m(spW9*J&(Ut3$Y<6U28K6E!4QV2g# z*k@i)`~I3&#mOvip@fJc%cr)Jn>%+w&A*}kd)D+j7ZeYM- zVk5Fj$9Uo=u-&UVuC?s&A-UB<<5mwXtg9!CbU+cxHn-SWJ6M7M`f%po-;Jcer$M9w zK#+b|A2PPsK5Mv$*o0@eTRJn~j4KUnJ7b*XoAgs-mrPTVU^kHh7|xW9J?MAt^N~wM zg$|ExRh!efErz@LHlA%s-BCr`u7UU9`szaw_P5{7v6UTuBM{i*FI!Klrp6y&3dl(2 zlk3^yZDNLgkHfN1g2X*~j_10sw6cX;QWY%S6a+$0G9T3*#ZEI%V{mOB_KlEzyA6{K z{_1A_X1J%;-}u%b;4QIJD|63^uRnf;|p!M)xB^si0BJ}_9qa;h;wmi7 z&Rfx9rd~#GIhH+%pXixD6xg!$mb0yNzcneeyoCQ?VyB`dJ9VDYerqLH6tQh%Ce8Zv zGQPDvsv_O6=`!0X`Ds&F&)Ju%5B-QQMurMd=NHsqGmjSX+>46g^A*;`g+SyJmG-sL zgoAa{CTy1ps>gX9^bGQx08FUQO2US?i1X)^ACUBm=Y4#B1w_VQtonWbx+#2>_ch&) z5}2UVpdgVaKDvC!59O;k*AF*AksY=_PT=7&?{d^2;8CCUauLfl8v_OHD7Nfm!>TOb zKeA)(TI=`f9nU+*A86%_5tvke^tIuuLBKZ@S(3o?6rzNlV{ReQ@l7iIq}@{L@~fni zl`+@73HZ{D|CFW2Nw0BO#09nN`VTv5!7e_kiUo0E0==hGw-HBDNCz-|m6E5l0;9lB z+cKl~x}%+eV>nd8spHit*s!Ewo2NRK&-s`yI1_fr(2dC_Rop(0DJ^YmD@z7I@~}9bN-XXj#@3btDsI#| zTTDhAQ4S+pV@U%%3QN*ehLsA)Q%~3oC7BEzH5=UJ7e7fuR-5tns2O!=9C@ z^TO___;Gh-XWZPG^sQzh%zP}$jT98ojd^Qp)p3pT zqE{(q7*Is%4)MBu^3@+8*})W35*eac7V&tZ0lh^kX`A>Dv_+1T#)sgSoqg+BDwf^b zCnMs0M+Jc_Aqy5$NEe|DfZI#vz!=?QHujYUmkg=^5=s_(CJ{j+*1$<+`K!S3cCwo{ z)ix@C?itEMRB_jag?PLlWRm4N-D%N3oO7%|PR?AWX{~Bs#PLk|4F4kAy~R|<%u`P!5>bb$}7AAfR+QgM6{%^6u-)Y^2SRlgrtAeLr>T#d^1`;B^wQU%RcQNgh z1m(!zll4zwpo5%O;9LQS>=bB=}a6T;aiXY}!~P_;6D|XHB;A$xUHg z=r2OunzfHP@r1Qai3&e_^Pa7Gv^Y+ga<1H{u6iiuKpEhIFrHV5fG=FP%i_G^wjd(S zo?C}R%R^_aR7h@pSLxYkWq7UZcaKg`YcS0xxiZ2e6!o{x!eHl-=TJlKLqX1+wt~aL zrL~jSJR8ZkzYqUfxcv;lrmX(LWHBQ_N;^e~1(1$9KY)(W0I{(a+P0+sw;YFk>ZCHMI{A189Ji3Z}7&!aXQbVf6S)>DA#Jx ze@tX+APUB=19E3_!C?#!xpEi1j@34DgM8p4%o=By;GUTK#`Kx}x{d;cq*5{WMOXAx I+3V&10mtcaqW}N^ literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ActionMenu.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ActionMenu.avif new file mode 100644 index 0000000000000000000000000000000000000000..b2c26754f14bd67e8b5d973414261b24d9415980 GIT binary patch literal 3564 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 PK9lPu$6UJh?jB$Sq`SMjLsFy>R9fl-UGMtN zUF)2E_TJCA=RSWf005x0bn$cqxj`%ekMUIPAeOv#5YS_f5Nro_0X^}LL1%3Nb@~SZ z07rG=K0c3u@EP!=JO%APgfRFYgFEoZ3PK?E zf7kfyCw^?e{|-Ja#>4w`@c-na@*mj)addKg6tf_X<_?dQ(A)v)WN!}jc$|(6K=ps5 zut09SQUS=6j}Slvadreh0RRB0697QedjyZmdqAET1oX!w2y*q1dg@%A?1k+d!B&5h zq_8=}+)>!s)7b@V=Pdl_fj}W3Cr@Dz)Y1CyHT`=F08scd8*Yt=H z0SL$lp-5-|MC3pu(9O4B2_vw$jJWhr_d7dr@_r%TumT)JLQi@yG9S4Fu%710L$tR#$Sh{n1?3U9eby#H9TjO^ zlAD49-Zckg9TF2@bE+uQC0w)xw!asTVY0lm0mT61){Sq7*8AOjp+upqW9)h_RP-C^ z{*cz46=WrXE-rxuD%2IB4q>l);;Z|OjslEc?(eZqEA8AnzQnk-EhPBxWdYUeIOSt> z@a@d&Ar0>?9dOtz$4^A54^6MwHG(Df`?`l?ZXB?-?5yo1<(X`%vdohRJm36AQ&bsY zT#&QA?;dF`pNeP;ttgy{ntLupSXG6ADdn`n;O+9UCxPf=jYOw09UI@!<-XS_=AyO6 z@@M|0CINd~fu5CeYpg;Ib@X4|)T{N}dg0l3aznoE?I#JPbm$2Ncgsd_lzn~Bbe`SC zj3BZ}^M~;xq?=rK!$k;BJVw<>Ixi z?PZF0m^S?h)kqgHFvL;WN_W_(ol=jRxs?yXZ1AFX%5T$BDD@vwTqfXXG}&(wA4|ov zu1$sKsy@2WaTqyv-k zl(@ZV#o0LR&y7Yzm)=^cy~*v~I&w&_vZ9`8@_fdd--urJ+a6cwct)~(3o$DU0pfsZ94m-Fs@zer60JnB^FCov6ZdpMl%9Vf5Sv(-1Th%@{~Q`9|s z+j64Gh~Bx}h6K`WF{A}DW>S%k;6lGj7ng?Lz+F@Ib3l{`dRt!+yJjDkdx>~-D1{kP zTiQ#xxr>iF?($KCH7)j`JVkLA=?I8^jMT&d0hi-)riIxr)8Ku(+ z19m|;aSK~?l`QB2>8HY`Ndc76ndj41b0RUG_5qb62cbHfYvY^Djp}rkC5ZmSL>2p` zu-_g@qGjE~gMHQN*(wDz8e8rnh|V-~o5gyO2|2*}b z7q3RPa{PIDe(E3>yGKzGg08GlvGf>{%AP4`fU=}`V#`?j*tO!vS81=WeY|QC%7zli z1y1j8)VjFMS9*c~!K9q8crtLdKz60Uiz}Fq~y!Lr-cDV zYDnkJXTB~IkQQ#E6RB>cUQ$>mosUq7{1tbu<1I?|W&s$MLY5XL(fIx0C8vp&xNOT_ zm2sFyVA*1nX|a1Y+gvBpd%1R;r$^#lK)0z-2mHP`(2#)T+m2} zIL<>jdz{7dB0&mft1>4f&T>j^hj~9V7_Heo6RsP~jI2{IUcNkZb0aT?mCdcKv_Ok~ z%E5(2-EXk#4A{j{>op0K7%B`-GlE<~@g7KTvU3GQkr+9l0(A+jl88EI_|7DlV$jXq ze2?xygXQp#*D7xTgz#*Xz9L_gjQCSDhYjini!wJ&yWHFCoz#KAhu+Ln6b}D_PpUVt zFa2}5G5M~C>NVO?M`h%AIsx1bt0Xc?0CEDXS9u0m2y(iT2)_Jmej`cA#vYwNR~scB zW+Q<~d1$3kS<3LjtD$a`lalmfmy4G6s|$T;k}yU6zJR^0-SuwC9pzb~tPs*+QRL&#v7La0?o%A}b&N%BT$67G_RF+%THCz*yy9R_ zHxl{|-i*Cy#Zxf5LTeM@^-26LLVcD-8MpB>smPez=|i*gDvemw!bGJiFkPE>(H;8e zs&vdOc_8}>?K3P>(0IqL5Vx@ETeN*`HL9g>r~Z~n}(xkG!e#CFd}&|*3aDxT?S!uaARcHPdB(p1YM@GsHR4XQ~5 z8~f$w2QB9#A;j`^E^YZe#dI+ z5ZF+CMEIuABVF8VIx&2Qz&$^1(Jy46?qm}N>le-7Hy;x*B+ma_i5(|C>{#uoDVJZd zq9fa@Rd-j>|3)bS51j5HMt2O7!NHxcETw-Ok|CaqGH^09OWnhoxQaZh+;qp9 zP#8W64VAC+aC&-2yNxGnno?1UROFw_l$gm&$$s{g)4mQt96U_bs52I^~tKAZcf2XdR z$idFkWSW;ga9F>EF{*eR^B$$H3if+;mrQI~U5JFO5`hCQ74qjl6uWLF5nqjP!l*CC zAeuYg#=ENrm;B$!L0K-kn&kCaQ0RPwD#jHQuorr-i};Nh$*(+ z5csZo%tMdJP2FuHC8g4%gR%>6=|CuWGi?&ekt9CqkW55xqW|o*DM-`Uh&pSr964h( z^vfwKUlTYA!EknZ9YfI;;wVM_ZC3l+qQ)2*q1@f!r|G+#egsPO+1{bA7VsWUBi(3e z_l{*glVoqQUOWE+q0IiC0(}m#=gPq>lR3g-+4MkLCllJGG|7k8V&3o^{Wau?4GLE# z^}9%#6*OJt#*@=ui*O>LD@@@me0umX8-OdBKJIs!cE)S^*#16}qBB4yaT-f>)6XQU zSA-;=-F`65;1Cx>`_0K>pCK z0PQU1AzNHR`rbRw{Ss6pwM!Azqwgu1xG~rqp}N)SapT z8-Xq1I1H^@7Am%w8)tInh-b6%*`6H^#9yZ_lD6v-+z`odG&^hZ#B4k4XY_NL0)%p2 z_Z?n~NbSw-{+K#O>{}qDvgQKXnD(albi)`Axr2J7P>&?(KgHkGSWU4}m?!!1TY96h z)yf%js$0JkI`>o(vIXj%C28+D;6XyR1;>k*fwPRv`3!Blr5j^~hhTJ3eUC8pLbZ?P zCrfKsi);s|4BySzelu)5uyoQNGLo=uF=bD!C+Ei?tTW8IO>k@H=1RRT%iGp*V3s8M zsif+bGT#dnsQEQ6csU=x^WLlL&DYqZ^G32HX-0vi5LSp@o&*(v_CPkvI2r{o%0INJ z>vcVUuUX5h4c6@=*C>l{NLn=+2c}-qSKqA9)I-L0mlA9Gf?AiHDet1R8QMPA!njNm z@qswl*Z4llzxQ&5g5>H^2Q{%J98?-*%BW20yrk%jZNO*V%VU_1X)?vO z29PP0a!TsoNHS9O1iAVqbeJDh*48$|I%yk(ebPNc)MJma+AI#!&aM2agH+u~JBjx~ zT4h%z8We0m(hd*5y1>f_HCtD!57Wd4sP#GTEf#t?u_;ltSom>5HaPcJ&$O}=mHU7 zmVB#oDv7wc0)Q<1Sc#4dAx2Y_g?$5OLS|iamo)j05_r<1ij@r+y=G>&!@11*I{d_+ zicqLKroq`GpTTfn97*SF;XDwJM@9YQ9#`wYxIy}Uy{Par=n?jjnZt~#SPoowp{pQWA^vbScN zpCr1}8`kC11dQ(Y8HofparPugR~n%DTcbj1C{2#3Jhxxf65qm$HB4b{5$7jD(Gm4L zgm2;1*R}79?Z142=Hd(|-q)XGZOOi4#KN-3DyJI}U7)m~Wfs`Gq{THIkP$->UdReM zwW7p@jtmznPb9o1hW7!rIm3`rUWf#+Q!+w=IS+r-74ea#%>a@MbP z1Z$X7iF)1J62r2;C?+N@%rMpp6PeafZsTpYgrWX?lMrp8F148_sIY+oq9Q@5ng1f4 zUiZ^z`HOt;3L8b0_P23{$z05_3A~Uw7kc!M>CUy-BlqoQ+JpKAf+9wZojYvQYIaSx_jd{{WFD?@5KA$-tV|c&eR7f{7x)w36KQ zUvna_WesJ$XNm5;}1J$dJq7R{E&m<1>oE{k1PKo zig*7h3^Qa^1%dGUyT;#sHZp<#d+>ZQ8QJrL{};*5e_|g36^J66g$NYPpIljC{yu?z zFrRSpbb0`FG+DX`4VBe>0OBD-z$HWw3Vsd%0LpFv0BBDJ{3x>03axa5`-lyT!=vUzn@Otg*@5kyyyIK7%6?-p}{NwTJUAj zd&jO=h#V`^C;(u=qRKjIG@ZW95#xV*p@r;V1$8y28_%A&6l7T5?OZHqEER{y#RzgLmb;5| zZCD7L(1RF7CGS0YpRJAY{^)P88#)rA!&l3Qer@ieZ7VM#dpCo}S(4i+1z4`|S@Hqp ziBX^-lcILU`kr@uW=F~F4^;5fwOlFX5*Uk3XV=OSKBb05PC9RzU98T%P-Id3#UuDm zb2dXVhvJQSq9K+${#4lv$3`0+T8Fs8$I zw$YL#L)}+ZZ(b_BU!ZayAkV`2|@ zeC(ohKck`2Kfkzdk2KobsWg=?b#M0B_Uj)U<6~E{@j;(^9kL?& zeWW`Zna?hL!n_;O>JG?D`rbSrU%i8)e)dMY2JBG;$S>O3*Qf#6yYUc+`xCJ z&O^oQr8Q3l&r|x4)_L!=%YcLhN@}Ru%eRT;8(-^IzSy_`6c&WX+f|=s(Q|I$>*5k9 z-~2JQ^&~a8-dBDeE5SipGx4a6D!-ZrR&*|T$nbzvJT=mcYn>hQR`<(is_t!JMdmCE zWh_gTe0;Uu5fD?JwPbAGS1A<}@Zg>isx~MLHTN#&*%i@RBkryAhNp*PO+T83lNy9> zM>dPLor2!1qS#J)@J(({xN^!I&+gw&f}k(s7BySOt9cIG&96lDx^1)>p|1(DNSfV@ zRYxv}M%n7S33bMCaxbFM&$Se+KI?3eGDJR^+HCo#NE|f2tuecrxA}W79}2M7o?hBT za&)ZMd-4vA@jIm_zb>FI15y&KF(R8I1)~!{!h6#G!n^(5En$@0pow}qJt+b{rVI0t zHRxgqJw^9rK5ciVn`ddz(x&blaKH>V9Ve>Wmyp~pJ=4>*e5Q$g%XU^wCFU?B_jB#5 zKt`lK_hvm(*8i%&l(`!4zMTn$46-8)zV6Ca*w3KJcYO_|kQAHg%8`7tX>@#7OkV%` z0OOt3Txp8kEYpzg14?x+bVJ ztw0s~A2V2S4O?58xvTqCASw;)O)0;$+{wa0|2LOMFmKR6;7g${umw)nZ;{8W7T-}^ ze=~B7)iQT_Yfu01yZP^G=OqH9;euJE)Usm{QS}~%oz!B*m1@og6MaaW(}#4`!Zk{j z4^pQFW(SVIuco-d+Djs?iO9Snv5C2xRV0EhJ8cvr}1^e)U?y^lnZy#=nFipzQ>4r^;C}#326>N@!BOo`mrH5AHg{j3T(}urNPbC zb%kFK5=~}G9RwNldRSV=W!b%ZawcjREgpru4ENTO z!Fqc{kt(juBeRuO%?wV)bhpRp^(|4S@cZc*KrE7tWOGLmgg-Mb_;!e>TI(8kGIHA? z4<@S17XY+R+lj3$J2me&l3(iani?1TMYFJ(bw4HeWhCEnozq4xa@?>rn~O3|J&))# zxx5`AJ#0xY<(iU`f~P~$@?8r5Jt1Jk7>a&rb{uzcmi?(E=crE6aWP`%JDx9P3>PP| zqRTvSq+vh0*Jy}auK?|L=yYWWz?S7a?0R(PNQcRZ@>dt1X{rZPNQL%u3+hu4;GJE#<7iKsskRO8*XAU;_WwX+WFo~%_>#)@dFO{;!GPFyhxoUxm=$ViVBg^z<`Ku4kh_sO1 zCHExBJ(j|!AC!b6I_-FjyN&WX19imQIjCFK_+?}hfC!vSXvT^n6Q8x%vm2Uzt2eUp z(ths5=9S*0aFR$&Phn|lao{?^Kko^S_{lXUFRAajV4wjK88~hHaI=^Clb5l43dDl` zWE%r(jU5fn3%Dq3fHya(jOCiGYTTqVSsuPOSi8A7Y4`if3B6?6#-yEPzs=DdpCo*b zqxmDv31zndHj>wo!?(&kTvw&3!%{u~*YHSjMX=6%sx(m&UnnuW4J}BW3i+uCJ~;)x zp|L|vq~Eu^D4FJM583BhO+ek=V;gOa#^78zI`qKdEiLaL*X;_kGWB}8r&&t% zOP3Z=pnj)%VeeO_2Z&kt11rYjdeQZKqJO@)IB})0ro!rr?NE+G~ zbb-PG#(L~L;`+pPD=uWy$ly353_e_odGm%jiF1ZS0E-472V zi>;Tz@PrJ)C#%Z2?xM}f8d=q6fm>P+kPK7S(W7zp?O&b_C?uq8wR`dsXZr3C_sc~n z&^C@cXh*bkR)EC3;@Y#>KYyH+j!(J0hLYczrwy`S+wle^i@&6-Ca(weBzA*#ZYPKPc=_5F`}*s@nssW@f3Bp_Om8KQPFSfv z!v1VlxmPpHO)n>ureESdmVX4PQ1^vUb?PCHOZPL_OXTcL+!Isn*dxFNiq3==70NH2 z)#~{0HLIH~0<$Eg3rmB{DhFK;9X1KkY(k!S0fH>Jn9F}WVO|!ZgV-!4yGEokbE<_oI{dIkpwN!T9G3ElMu<}jkUx# zdSOVdtT?v<2aT$2@;_OWpgbE5LzRYnI3+E`80LjZa_QtSWCQ&$a(3{W#^U1^yhC)2 zsG_gcj~IV&sWywvU8>2RLv!UTx z>(#F`Pt%WbcO` zd7jxH{fU*Gtl(61H% literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Avatar.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Avatar.avif new file mode 100644 index 0000000000000000000000000000000000000000..018e08d6fc58aeb3105db6354c2c6addfb997f17 GIT binary patch literal 5162 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 G!TdiY4vNYE literal 0 HcmV?d00001 diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/Button.avif b/packages/dev/s2-docs/assets/component-illustrations/light/Button.avif new file mode 100644 index 0000000000000000000000000000000000000000..d565d13616bdea850ff80c8cc3954db8717b48ca GIT binary patch literal 3844 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