diff --git a/.changeset/cold-papers-say.md b/.changeset/cold-papers-say.md new file mode 100644 index 00000000000..16725d98ab7 --- /dev/null +++ b/.changeset/cold-papers-say.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +changed some CSS to improve the wrapping behavior of the banner component diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png index abdf431c55e..835f0273d32 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png index be134a8410f..efe11675b2e 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png index 2a307a9c46c..5bd4a7f640e 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png index abdf431c55e..835f0273d32 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png index abdf431c55e..835f0273d32 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png index 5b1a8abbfa5..89bb54579ed 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png index 0bd6225930b..46421cde2c9 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png index 5b1a8abbfa5..89bb54579ed 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png index 5b1a8abbfa5..89bb54579ed 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png index 9661a937a26..7ff2d99a9ab 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Default-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png index bc7df310ffc..7ab71fd61c8 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png index 3c2f2bc4789..2d0abc969f0 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png index ed1d1656056..38e5599031b 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png index bc7df310ffc..7ab71fd61c8 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png index bc7df310ffc..7ab71fd61c8 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png index af1e0e64a90..c89eb43e4bf 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png index 962113599d0..2a9a6494421 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png index af1e0e64a90..c89eb43e4bf 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png index af1e0e64a90..c89eb43e4bf 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-Dismiss-With-Actions-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png index 739d4c94cb7..9e8067d2872 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png index 423bef219c4..03125d69267 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndActions-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png index 8839290bafd..8b9a4aa17ec 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png index 98dad04dd2c..a8ff432cab4 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-DismissibleWithHiddenTitleAndSecondaryAction-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png index ed588c23a67..502e86e206c 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png index 67de8b6e273..a2e62f66b0e 100644 Binary files a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithActions-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-colorblind-linux.png new file mode 100644 index 00000000000..4b1b362314e Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-dimmed-linux.png new file mode 100644 index 00000000000..267d80fa33e Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-high-contrast-linux.png new file mode 100644 index 00000000000..6eab50dbcb0 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-linux.png new file mode 100644 index 00000000000..4b1b362314e Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-tritanopia-linux.png new file mode 100644 index 00000000000..4b1b362314e Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-colorblind-linux.png new file mode 100644 index 00000000000..c8db9d3f695 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-high-contrast-linux.png new file mode 100644 index 00000000000..07261133ba2 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-linux.png new file mode 100644 index 00000000000..c8db9d3f695 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-tritanopia-linux.png new file mode 100644 index 00000000000..c8db9d3f695 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..4fc24b355b5 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-xs-linux.png new file mode 100644 index 00000000000..2072c267c2a Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsLong-primer-breakpoint-xs-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-colorblind-linux.png new file mode 100644 index 00000000000..145d089e347 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-dimmed-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-dimmed-linux.png new file mode 100644 index 00000000000..db82a43cef9 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-high-contrast-linux.png new file mode 100644 index 00000000000..a07d5156f7b Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-linux.png new file mode 100644 index 00000000000..145d089e347 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-tritanopia-linux.png new file mode 100644 index 00000000000..145d089e347 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-colorblind-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-colorblind-linux.png new file mode 100644 index 00000000000..673a580fa0f Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-high-contrast-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-high-contrast-linux.png new file mode 100644 index 00000000000..20f82d6e805 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-linux.png new file mode 100644 index 00000000000..673a580fa0f Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-tritanopia-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-tritanopia-linux.png new file mode 100644 index 00000000000..673a580fa0f Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-sm-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-sm-linux.png new file mode 100644 index 00000000000..5b38ea16c15 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-sm-linux.png differ diff --git a/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-xs-linux.png b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-xs-linux.png new file mode 100644 index 00000000000..c522dd007c5 Binary files /dev/null and b/.playwright/snapshots/components/Banner.test.ts-snapshots/Banner-WithHiddenTitleAndActionsShort-primer-breakpoint-xs-linux.png differ diff --git a/e2e/components/Banner.test.ts b/e2e/components/Banner.test.ts index 97f10fd7f50..e93712b8598 100644 --- a/e2e/components/Banner.test.ts +++ b/e2e/components/Banner.test.ts @@ -47,8 +47,8 @@ const stories: Array<{title: string; id: string; viewports?: Array { diff --git a/packages/react/src/Banner/Banner.docs.json b/packages/react/src/Banner/Banner.docs.json index 11f6ab12bf5..8ed986a7206 100644 --- a/packages/react/src/Banner/Banner.docs.json +++ b/packages/react/src/Banner/Banner.docs.json @@ -33,7 +33,10 @@ "id": "components-banner-features--with-hidden-title" }, { - "id": "components-banner-features--with-hidden-title-and-actions" + "id": "components-banner-features--with-hidden-title-and-actions-short" + }, + { + "id": "components-banner-features--with-hidden-title-and-actions-long" }, { "id": "components-banner-features--dismissible-with-hidden-title-and-actions" diff --git a/packages/react/src/Banner/Banner.features.stories.tsx b/packages/react/src/Banner/Banner.features.stories.tsx index 3b9ffbe8829..e11ab5ce558 100644 --- a/packages/react/src/Banner/Banner.features.stories.tsx +++ b/packages/react/src/Banner/Banner.features.stories.tsx @@ -162,7 +162,7 @@ export const WithHiddenTitle = () => { ) } -export const WithHiddenTitleAndActions = () => { +export const WithHiddenTitleAndActionsLong = () => { return ( { ) } +export const WithHiddenTitleAndActionsShort = () => { + return ( + A short message that does not wrap.} + variant="warning" + primaryAction={Button} + /> + ) +} + export const DismissibleWithHiddenTitleAndSecondaryAction = () => { return (