@primer/react 38.37.0-rc.0b6dd7e38 → 38.37.0-rc.5b155816b

package/CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Minor Changes
 
+- [#8306](https://github.com/primer/react/pull/8306) [`a3afd7b`](https://github.com/primer/react/commit/a3afd7baf05ea6c4a272a40ccb636f20a48f87dc) Thanks [@llastflowers](https://github.com/llastflowers)! - Deprecate the `Flash` component and move to `@primer/react/deprecated`
+
 - [#8295](https://github.com/primer/react/pull/8295) [`bfebb8a`](https://github.com/primer/react/commit/bfebb8a538e6f068a457722b154799876bda3ab4) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Textarea: Add an `autoSize` option that allows the field to grow with its content
 
 ### Patch Changes

package/dist/Flash/Flash.d.ts

@@ -2,11 +2,17 @@ import { ForwardRefComponent } from "../utils/polymorphic.js";
 import React from "react";
 
 //#region src/Flash/Flash.d.ts
+/**
+ * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+ */
 type FlashProps = React.ComponentPropsWithoutRef<'div'> & {
   className?: string;
   variant?: 'default' | 'warning' | 'success' | 'danger';
   full?: boolean;
 };
+/**
+ * @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+ */
 declare const Flash: ForwardRefComponent<"div", FlashProps>;
 //#endregion
 export { FlashProps, Flash as default };

package/dist/Flash/Flash.js

@@ -4,6 +4,12 @@ import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 //#region src/Flash/Flash.tsx
+/**
+* @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+*/
+/**
+* @deprecated Use `Banner` instead. If migration is not yet possible, import `Flash` from `@primer/react/deprecated`.
+*/
 const Flash = /*#__PURE__*/ React.forwardRef(function Flash(t0, ref) {
 	const $ = c(15);
 	let className;

package/dist/deprecated/index.d.ts

@@ -3,6 +3,7 @@ import { ItemProps } from "./ActionList/Item.js";
 import { GroupedListProps, ItemInput, ListProps } from "./ActionList/List.js";
 import { ActionList } from "./ActionList/index.js";
 import Octicon, { OcticonProps } from "../Octicon/Octicon.js";
+import Flash, { FlashProps } from "../Flash/Flash.js";
 import { ActionMenu, ActionMenuProps } from "./ActionMenu.js";
 import FilteredSearch, { FilteredSearchProps } from "./FilteredSearch/FilteredSearch.js";
 import _default$2, { UnderlineNavLinkProps, UnderlineNavProps } from "./UnderlineNav/UnderlineNav.js";
@@ -10,4 +11,4 @@ import _default, { DialogHeaderProps, DialogProps } from "./DialogV1/Dialog.js";
 import Pagehead, { PageheadProps } from "../Pagehead/Pagehead.js";
 import _default$1, { TabNavLinkProps, TabNavProps } from "../TabNav/TabNav.js";
 import Tooltip, { TooltipProps } from "../Tooltip/Tooltip.js";
-export { ActionList, type GroupProps as ActionListGroupProps, type GroupedListProps as ActionListGroupedListProps, type ItemInput as ActionListItemInput, type ItemProps as ActionListItemProps, type ListProps as ActionListProps, ActionMenu, type ActionMenuProps, _default as Dialog, type DialogHeaderProps, type DialogProps, FilteredSearch, type FilteredSearchProps, Octicon, type OcticonProps, Pagehead, type PageheadProps, _default$1 as TabNav, type TabNavLinkProps, type TabNavProps, Tooltip, type TooltipProps, _default$2 as UnderlineNav, type UnderlineNavLinkProps, type UnderlineNavProps };
+export { ActionList, type GroupProps as ActionListGroupProps, type GroupedListProps as ActionListGroupedListProps, type ItemInput as ActionListItemInput, type ItemProps as ActionListItemProps, type ListProps as ActionListProps, ActionMenu, type ActionMenuProps, _default as Dialog, type DialogHeaderProps, type DialogProps, FilteredSearch, type FilteredSearchProps, Flash, type FlashProps, Octicon, type OcticonProps, Pagehead, type PageheadProps, _default$1 as TabNav, type TabNavLinkProps, type TabNavProps, Tooltip, type TooltipProps, _default$2 as UnderlineNav, type UnderlineNavLinkProps, type UnderlineNavProps };

package/dist/deprecated/index.js

@@ -1,5 +1,6 @@
 "use client";
 import Octicon from "../Octicon/Octicon.js";
+import Flash from "../Flash/Flash.js";
 import { ActionList } from "./ActionList/index.js";
 import { ActionMenu } from "./ActionMenu.js";
 import FilteredSearch from "./FilteredSearch/FilteredSearch.js";
@@ -17,4 +18,4 @@ import Tooltip from "../Tooltip/Tooltip.js";
 *  example: import {FormGroup} from '@primer/react/deprecated
 */
 //#endregion
-export { ActionList, ActionMenu, Dialog_default as Dialog, FilteredSearch, Octicon, Pagehead, TabNav_default as TabNav, Tooltip, UnderlineNav_default as UnderlineNav };
+export { ActionList, ActionMenu, Dialog_default as Dialog, FilteredSearch, Flash, Octicon, Pagehead, TabNav_default as TabNav, Tooltip, UnderlineNav_default as UnderlineNav };

package/generated/components.json

@@ -3394,39 +3394,39 @@
       "source": "https://github.com/primer/react/tree/main/packages/react/src/Flash",
       "id": "flash",
       "name": "Flash",
-      "status": "alpha",
+      "status": "deprecated",
       "a11yReviewed": "2025-01-08",
       "stories": [
         {
-          "id": "components-flash--default",
+          "id": "deprecated-components-flash--default",
           "code": "() => <Flash>Default</Flash>"
         },
         {
-          "id": "components-flash-features--success",
+          "id": "deprecated-components-flash-features--success",
           "code": "() => (\n  <Flash\n    variant=\"success\"\n    style={{\n      display: 'grid',\n      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',\n      gridTemplateAreas: `'visual message actions'`,\n    }}\n  >\n    <div className={classes.Visual}>\n      <CheckCircleIcon aria-label=\"Success\" />\n    </div>\n    <div className={classes.Message}>Success</div>\n  </Flash>\n)"
         },
         {
-          "id": "components-flash-features--danger",
+          "id": "deprecated-components-flash-features--danger",
           "code": "() => (\n  <Flash\n    variant=\"danger\"\n    style={{\n      display: 'grid',\n      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',\n      gridTemplateAreas: `'visual message actions'`,\n    }}\n  >\n    <div className={classes.Visual}>\n      <InfoIcon aria-label=\"Danger\" />\n    </div>\n    <div className={classes.Message}>Danger</div>\n  </Flash>\n)"
         },
         {
-          "id": "components-flash-features--warning",
+          "id": "deprecated-components-flash-features--warning",
           "code": "() => (\n  <Flash\n    variant=\"warning\"\n    style={{\n      display: 'grid',\n      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',\n      gridTemplateAreas: `'visual message actions'`,\n    }}\n  >\n    <div className={classes.Visual}>\n      <AlertIcon aria-label=\"Warning\" />\n    </div>\n    <div className={classes.Message}>Warning</div>\n  </Flash>\n)"
         },
         {
-          "id": "components-flash-features--full",
+          "id": "deprecated-components-flash-features--full",
           "code": "() => (\n  <Flash\n    full\n    style={{\n      display: 'grid',\n      gridTemplateColumns: 'min-content 1fr minmax(0, auto)',\n      gridTemplateAreas: `'visual message actions'`,\n    }}\n  >\n    <div className={classes.Visual}>\n      <InfoIcon aria-label=\"Info\" />\n    </div>\n    <div className={classes.Message}>Full</div>\n  </Flash>\n)"
         },
         {
-          "id": "components-flash-features--with-icon-and-action",
+          "id": "deprecated-components-flash-features--with-icon-and-action",
           "code": "() => (\n  <Flash className={classes.WithIconAndAction}>\n    <div className={classes.Visual}>\n      <InfoIcon aria-label=\"Info\" />\n    </div>\n    <div className={classes.Message}>\n      This is a flash message with an icon and an action.\n      <Link href=\"/\"> Learn more.</Link>\n    </div>\n    <div className={classes.ActionsResponsive}>\n      <Button>Join waitlist</Button>\n    </div>\n  </Flash>\n)"
         },
         {
-          "id": "components-flash-features--with-icon-action-dismiss",
+          "id": "deprecated-components-flash-features--with-icon-action-dismiss",
           "code": "() => (\n  <Flash className={classes.WithIconActionDismiss}>\n    <div className={classes.Visual}>\n      <InfoIcon aria-label=\"Info\" />\n    </div>\n    <div className={classes.Message}>\n      This is a flash message with an icon and an action.\n      <Link href=\"/\"> Learn more.</Link>\n    </div>\n    <div className={classes.ActionsResponsive}>\n      <Button>Join waitlist</Button>\n    </div>\n    <div className={classes.Close}>\n      <IconButton variant=\"invisible\" icon={XIcon} aria-label=\"Dismiss\" />\n    </div>\n  </Flash>\n)"
         }
       ],
-      "importPath": "@primer/react",
+      "importPath": "@primer/react/deprecated",
       "props": [
         {
           "name": "full",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.37.0-rc.0b6dd7e38",
+  "version": "38.37.0-rc.5b155816b",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",