feat: S2 toast (#7975)

devongovett · LFDanLu · web-flow · commit 6b0f84b3e70a · 2025-04-10T16:44:19.000Z
* wip

* wip

* tmp

* update

* wip

* fix

* fix

* updates

* fix

* updates

* wip

* Move to css module

* Accessibility improvements

* Fixes and cleanup

* more refinement

* ts

* exports

* more cleanup

* add intl

* hide extra toast story to fix multiple toast container issue in docs

was breaking animations

* Move storybook config to be global

* Only apply view transition classes when in a stack

* Mark as unstable

---------

Co-authored-by: Daniel Lu &lt;dl1644@gmail.com&gt;
diff --git a/.storybook-s2/preview.tsx b/.storybook-s2/preview.tsx
@@ -6,6 +6,7 @@ import { addons } from '@storybook/preview-api';
 import { DocsContainer } from '@storybook/addon-docs';
 import React, { useEffect, useState } from 'react';
 import {withProviderSwitcher} from './custom-addons/provider';
+import {Controls, Description, Primary, Stories, Subtitle, Title} from '@storybook/blocks';
 import './global.css';
 
 const channel = addons.getChannel();
@@ -42,7 +43,17 @@ const preview = {
           }
           return code;
         }
-      }
+      },
+      page: () => (
+        <>
+          <Title />
+          <Subtitle />
+          <Description />
+          <Primary />
+          <Controls />
+          <Stories includePrimary={false} />
+        </>
+      )
     },
     darkMode: {
       light: {
diff --git a/lib/viewTransitions.d.ts b/lib/viewTransitions.d.ts
@@ -11,9 +11,10 @@
  */
 
 interface Document {
-  startViewTransition(fn: () => void): ViewTransition;
+  startViewTransition(update: (() => void) | {update: () => void, types: string[]}): ViewTransition;
 }
   
 interface ViewTransition {
   ready: Promise<void>;
+  finished: Promise<void>;
 }
diff --git a/package.json b/package.json
@@ -246,7 +246,7 @@
         "packages/@react-spectrum/style-macro-s1/**",
         "packages/@react-spectrum/tree/**",
         "packages/@react-spectrum/color/src/*.tsx",
-        "packages/@react-spectrum/s2/**",
+        "packages/@react-spectrum/s2/**/*.{js,ts,tsx}",
         ".storybook-s2/**"
       ]
     },
diff --git a/packages/@react-spectrum/s2/intl/ar-AE.json b/packages/@react-spectrum/s2/intl/ar-AE.json
@@ -31,5 +31,8 @@
   "tag.actions": "الإجراءات",
   "tag.hideButtonLabel": "إظهار أقل",
   "tag.noTags": "بدون",
-  "tag.showAllButtonLabel": "عرض الكل ({tagCount, number})"
+  "tag.showAllButtonLabel": "عرض الكل ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/bg-BG.json b/packages/@react-spectrum/s2/intl/bg-BG.json
@@ -31,5 +31,8 @@
   "tag.actions": "Действия",
   "tag.hideButtonLabel": "Показване на по-малко",
   "tag.noTags": "Нито един",
-  "tag.showAllButtonLabel": "Показване на всички ({tagCount, number})"
+  "tag.showAllButtonLabel": "Показване на всички ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/cs-CZ.json b/packages/@react-spectrum/s2/intl/cs-CZ.json
@@ -31,5 +31,8 @@
   "tag.actions": "Akce",
   "tag.hideButtonLabel": "Zobrazit méně",
   "tag.noTags": "Žádný",
-  "tag.showAllButtonLabel": "Zobrazit vše ({tagCount, number})"
+  "tag.showAllButtonLabel": "Zobrazit vše ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/da-DK.json b/packages/@react-spectrum/s2/intl/da-DK.json
@@ -31,5 +31,8 @@
   "tag.actions": "Handlinger",
   "tag.hideButtonLabel": "Vis mindre",
   "tag.noTags": "Ingen",
-  "tag.showAllButtonLabel": "Vis alle ({tagCount, number})"
+  "tag.showAllButtonLabel": "Vis alle ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/de-DE.json b/packages/@react-spectrum/s2/intl/de-DE.json
@@ -31,5 +31,8 @@
   "tag.actions": "Aktionen",
   "tag.hideButtonLabel": "Weniger zeigen",
   "tag.noTags": "Keine",
-  "tag.showAllButtonLabel": "Alle anzeigen ({tagCount, number})"
+  "tag.showAllButtonLabel": "Alle anzeigen ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/el-GR.json b/packages/@react-spectrum/s2/intl/el-GR.json
@@ -31,5 +31,8 @@
   "tag.actions": "Ενέργειες",
   "tag.hideButtonLabel": "Εμφάνιση λιγότερων",
   "tag.noTags": "Κανένα",
-  "tag.showAllButtonLabel": "Εμφάνιση όλων ({tagCount, number})"
+  "tag.showAllButtonLabel": "Εμφάνιση όλων ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/en-US.json b/packages/@react-spectrum/s2/intl/en-US.json
@@ -31,5 +31,8 @@
   "tag.hideButtonLabel": "Show less",
   "tag.actions": "Actions",
   "tag.noTags": "None",
-  "breadcrumbs.more": "More items"
+  "breadcrumbs.more": "More items",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/es-ES.json b/packages/@react-spectrum/s2/intl/es-ES.json
@@ -31,5 +31,8 @@
   "tag.actions": "Acciones",
   "tag.hideButtonLabel": "Mostrar menos",
   "tag.noTags": "Ninguno",
-  "tag.showAllButtonLabel": "Mostrar todo ({tagCount, number})"
+  "tag.showAllButtonLabel": "Mostrar todo ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/et-EE.json b/packages/@react-spectrum/s2/intl/et-EE.json
@@ -31,5 +31,8 @@
   "tag.actions": "Toimingud",
   "tag.hideButtonLabel": "Kuva vähem",
   "tag.noTags": "Puudub",
-  "tag.showAllButtonLabel": "Kuva kõik ({tagCount, number})"
+  "tag.showAllButtonLabel": "Kuva kõik ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/fi-FI.json b/packages/@react-spectrum/s2/intl/fi-FI.json
@@ -31,5 +31,8 @@
   "tag.actions": "Toiminnot",
   "tag.hideButtonLabel": "Näytä vähemmän",
   "tag.noTags": "Ei mitään",
-  "tag.showAllButtonLabel": "Näytä kaikki ({tagCount, number})"
+  "tag.showAllButtonLabel": "Näytä kaikki ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/fr-FR.json b/packages/@react-spectrum/s2/intl/fr-FR.json
@@ -31,5 +31,8 @@
   "tag.actions": "Actions",
   "tag.hideButtonLabel": "Afficher moins",
   "tag.noTags": "Aucun",
-  "tag.showAllButtonLabel": "Tout afficher ({tagCount, number})"
+  "tag.showAllButtonLabel": "Tout afficher ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/he-IL.json b/packages/@react-spectrum/s2/intl/he-IL.json
@@ -31,5 +31,8 @@
   "tag.actions": "פעולות",
   "tag.hideButtonLabel": "הצג פחות",
   "tag.noTags": "ללא",
-  "tag.showAllButtonLabel": "הצג הכל ({tagCount, number})"
+  "tag.showAllButtonLabel": "הצג הכל ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/hr-HR.json b/packages/@react-spectrum/s2/intl/hr-HR.json
@@ -31,5 +31,8 @@
   "tag.actions": "Radnje",
   "tag.hideButtonLabel": "Prikaži manje",
   "tag.noTags": "Nema",
-  "tag.showAllButtonLabel": "Prikaži sve ({tagCount, number})"
+  "tag.showAllButtonLabel": "Prikaži sve ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/hu-HU.json b/packages/@react-spectrum/s2/intl/hu-HU.json
@@ -31,5 +31,8 @@
   "tag.actions": "Műveletek",
   "tag.hideButtonLabel": "Mutass kevesebbet",
   "tag.noTags": "Egyik sem",
-  "tag.showAllButtonLabel": "Az összes megjelenítése ({tagCount, number})"
+  "tag.showAllButtonLabel": "Az összes megjelenítése ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/it-IT.json b/packages/@react-spectrum/s2/intl/it-IT.json
@@ -31,5 +31,8 @@
   "tag.actions": "Azioni",
   "tag.hideButtonLabel": "Mostra meno",
   "tag.noTags": "Nessuno",
-  "tag.showAllButtonLabel": "Mostra tutto ({tagCount, number})"
+  "tag.showAllButtonLabel": "Mostra tutto ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/ja-JP.json b/packages/@react-spectrum/s2/intl/ja-JP.json
@@ -31,5 +31,8 @@
   "tag.actions": "アクション",
   "tag.hideButtonLabel": "表示を減らす",
   "tag.noTags": "なし",
-  "tag.showAllButtonLabel": "すべての ({tagCount, number}) を表示"
+  "tag.showAllButtonLabel": "すべての ({tagCount, number}) を表示",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/ko-KR.json b/packages/@react-spectrum/s2/intl/ko-KR.json
@@ -31,5 +31,8 @@
   "tag.actions": "액션",
   "tag.hideButtonLabel": "간단히 표시",
   "tag.noTags": "없음",
-  "tag.showAllButtonLabel": "모두 표시 ({tagCount, number})"
+  "tag.showAllButtonLabel": "모두 표시 ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/lt-LT.json b/packages/@react-spectrum/s2/intl/lt-LT.json
@@ -31,5 +31,8 @@
   "tag.actions": "Veiksmai",
   "tag.hideButtonLabel": "Rodyti mažiau",
   "tag.noTags": "Nėra",
-  "tag.showAllButtonLabel": "Rodyti viską ({tagCount, number})"
+  "tag.showAllButtonLabel": "Rodyti viską ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/lv-LV.json b/packages/@react-spectrum/s2/intl/lv-LV.json
@@ -31,5 +31,8 @@
   "tag.actions": "Darbības",
   "tag.hideButtonLabel": "Rādīt mazāk",
   "tag.noTags": "Nav",
-  "tag.showAllButtonLabel": "Rādīt visu ({tagCount, number})"
+  "tag.showAllButtonLabel": "Rādīt visu ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/nb-NO.json b/packages/@react-spectrum/s2/intl/nb-NO.json
@@ -31,5 +31,8 @@
   "tag.actions": "Handlinger",
   "tag.hideButtonLabel": "Vis mindre",
   "tag.noTags": "Ingen",
-  "tag.showAllButtonLabel": "Vis alle ({tagCount, number})"
+  "tag.showAllButtonLabel": "Vis alle ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/nl-NL.json b/packages/@react-spectrum/s2/intl/nl-NL.json
@@ -31,5 +31,8 @@
   "tag.actions": "Acties",
   "tag.hideButtonLabel": "Minder weergeven",
   "tag.noTags": "Geen",
-  "tag.showAllButtonLabel": "Alles tonen ({tagCount, number})"
+  "tag.showAllButtonLabel": "Alles tonen ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/pl-PL.json b/packages/@react-spectrum/s2/intl/pl-PL.json
@@ -31,5 +31,8 @@
   "tag.actions": "Działania",
   "tag.hideButtonLabel": "Wyświetl mniej",
   "tag.noTags": "Brak",
-  "tag.showAllButtonLabel": "Pokaż wszystko ({tagCount, number})"
+  "tag.showAllButtonLabel": "Pokaż wszystko ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/pt-BR.json b/packages/@react-spectrum/s2/intl/pt-BR.json
@@ -31,5 +31,8 @@
   "tag.actions": "Ações",
   "tag.hideButtonLabel": "Mostrar menos",
   "tag.noTags": "Nenhum",
-  "tag.showAllButtonLabel": "Mostrar tudo ({tagCount, number})"
+  "tag.showAllButtonLabel": "Mostrar tudo ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/pt-PT.json b/packages/@react-spectrum/s2/intl/pt-PT.json
@@ -31,5 +31,8 @@
   "tag.actions": "Ações",
   "tag.hideButtonLabel": "Mostrar menos",
   "tag.noTags": "Nenhum",
-  "tag.showAllButtonLabel": "Mostrar tudo ({tagCount, number})"
+  "tag.showAllButtonLabel": "Mostrar tudo ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/ro-RO.json b/packages/@react-spectrum/s2/intl/ro-RO.json
@@ -31,5 +31,8 @@
   "tag.actions": "Acțiuni",
   "tag.hideButtonLabel": "Se afișează mai puțin",
   "tag.noTags": "Niciuna",
-  "tag.showAllButtonLabel": "Se afișează tot ({tagCount, number})"
+  "tag.showAllButtonLabel": "Se afișează tot ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/ru-RU.json b/packages/@react-spectrum/s2/intl/ru-RU.json
@@ -31,5 +31,8 @@
   "tag.actions": "Действия",
   "tag.hideButtonLabel": "Показать меньше",
   "tag.noTags": "Нет",
-  "tag.showAllButtonLabel": "Показать все ({tagCount, number})"
+  "tag.showAllButtonLabel": "Показать все ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/sk-SK.json b/packages/@react-spectrum/s2/intl/sk-SK.json
@@ -31,5 +31,8 @@
   "tag.actions": "Akcie",
   "tag.hideButtonLabel": "Zobraziť menej",
   "tag.noTags": "Žiadne",
-  "tag.showAllButtonLabel": "Zobraziť všetko ({tagCount, number})"
+  "tag.showAllButtonLabel": "Zobraziť všetko ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/sl-SI.json b/packages/@react-spectrum/s2/intl/sl-SI.json
@@ -31,5 +31,8 @@
   "tag.actions": "Dejanja",
   "tag.hideButtonLabel": "Prikaži manj",
   "tag.noTags": "Nič",
-  "tag.showAllButtonLabel": "Prikaž vse ({tagCount, number})"
+  "tag.showAllButtonLabel": "Prikaž vse ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/sr-SP.json b/packages/@react-spectrum/s2/intl/sr-SP.json
@@ -31,5 +31,8 @@
   "tag.actions": "Radnje",
   "tag.hideButtonLabel": "Prikaži manje",
   "tag.noTags": "Ne postoji",
-  "tag.showAllButtonLabel": "Prikaži sve ({tagCount, number})"
+  "tag.showAllButtonLabel": "Prikaži sve ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/sv-SE.json b/packages/@react-spectrum/s2/intl/sv-SE.json
@@ -31,5 +31,8 @@
   "tag.actions": "Åtgärder",
   "tag.hideButtonLabel": "Visa mindre",
   "tag.noTags": "Ingen",
-  "tag.showAllButtonLabel": "Visa alla ({tagCount, number})"
+  "tag.showAllButtonLabel": "Visa alla ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/tr-TR.json b/packages/@react-spectrum/s2/intl/tr-TR.json
@@ -31,5 +31,8 @@
   "tag.actions": "Eylemler",
   "tag.hideButtonLabel": "Daha az göster",
   "tag.noTags": "Hiçbiri",
-  "tag.showAllButtonLabel": "Tümünü göster ({tagCount, number})"
+  "tag.showAllButtonLabel": "Tümünü göster ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/uk-UA.json b/packages/@react-spectrum/s2/intl/uk-UA.json
@@ -31,5 +31,8 @@
   "tag.actions": "Дії",
   "tag.hideButtonLabel": "Показувати менше",
   "tag.noTags": "Немає",
-  "tag.showAllButtonLabel": "Показати всі ({tagCount, number})"
+  "tag.showAllButtonLabel": "Показати всі ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/zh-CN.json b/packages/@react-spectrum/s2/intl/zh-CN.json
@@ -31,5 +31,8 @@
   "tag.actions": "操作",
   "tag.hideButtonLabel": "显示更少",
   "tag.noTags": "无",
-  "tag.showAllButtonLabel": "全部显示 ({tagCount, number})"
+  "tag.showAllButtonLabel": "全部显示 ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/intl/zh-TW.json b/packages/@react-spectrum/s2/intl/zh-TW.json
@@ -31,5 +31,8 @@
   "tag.actions": "動作",
   "tag.hideButtonLabel": "顯示較少",
   "tag.noTags": "無",
-  "tag.showAllButtonLabel": "顯示全部 ({tagCount, number})"
+  "tag.showAllButtonLabel": "顯示全部 ({tagCount, number})",
+  "toast.clearAll": "Clear all",
+  "toast.collapse": "Collapse",
+  "toast.showAll": "Show all"
 }
diff --git a/packages/@react-spectrum/s2/package.json b/packages/@react-spectrum/s2/package.json
@@ -147,7 +147,8 @@
     "@react-types/textfield": "^3.12.0",
     "csstype": "^3.0.2",
     "react-aria": "^3.38.1",
-    "react-aria-components": "^1.7.1"
+    "react-aria-components": "^1.7.1",
+    "react-stately": "^3.36.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0-rc.1",
diff --git a/packages/@react-spectrum/s2/src/Toast.module.css b/packages/@react-spectrum/s2/src/Toast.module.css
diff --git a/packages/@react-spectrum/s2/src/Toast.tsx b/packages/@react-spectrum/s2/src/Toast.tsx
diff --git a/packages/@react-spectrum/s2/src/index.ts b/packages/@react-spectrum/s2/src/index.ts
diff --git a/packages/@react-spectrum/s2/stories/Toast.stories.tsx b/packages/@react-spectrum/s2/stories/Toast.stories.tsx
diff --git a/packages/@react-stately/toast/src/useToastState.ts b/packages/@react-stately/toast/src/useToastState.ts
diff --git a/packages/react-aria-components/src/Toast.tsx b/packages/react-aria-components/src/Toast.tsx
diff --git a/packages/react-aria-components/src/index.ts b/packages/react-aria-components/src/index.ts
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -11,9 +11,10 @@`
`11`	`11`	`*/`
`12`	`12`
`13`	`13`	`interface Document {`
`14`		`- startViewTransition(fn: () => void): ViewTransition;`
	`14`	`+ startViewTransition(update: (() => void) \| {update: () => void, types: string[]}): ViewTransition;`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`interface ViewTransition {`
`18`	`18`	`ready: Promise<void>;`
	`19`	`+ finished: Promise<void>;`
`19`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -246,7 +246,7 @@`
`246`	`246`	`"packages/@react-spectrum/style-macro-s1/**",`
`247`	`247`	`"packages/@react-spectrum/tree/**",`
`248`	`248`	`"packages/@react-spectrum/color/src/*.tsx",`
`249`		`- "packages/@react-spectrum/s2/**",`
	`249`	`+ "packages/@react-spectrum/s2/*/.{js,ts,tsx}",`
`250`	`250`	`".storybook-s2/**"`
`251`	`251`	`]`
`252`	`252`	`},`