From 50f0f99885b740debc52178ce34b5cf989342b6b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Fri, 6 Sep 2024 16:59:19 +0000
Subject: [PATCH] Expand the definitions of `$ouiBreakpoints` to include `xxl`
 and `xxxl` (#1387)

Signed-off-by: Miki <miki@amazon.com>
(cherry picked from commit b8a9daa3edc9e6af0b4b07ef5b6a19a5b4410cd3)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

# Conflicts:
#	CHANGELOG.md
---
 src/global_styling/variables/_responsive.scss                 | 4 +++-
 src/themes/oui-next/global_styling/variables/_responsive.scss | 4 +++-
 src/themes/v9/global_styling/variables/_responsive.scss       | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/global_styling/variables/_responsive.scss b/src/global_styling/variables/_responsive.scss
index f6f6a34139..add23b83ea 100644
--- a/src/global_styling/variables/_responsive.scss
+++ b/src/global_styling/variables/_responsive.scss
@@ -14,7 +14,9 @@ $ouiBreakpoints: (
   's':  575px,
   'm':  768px,
   'l':  992px,
-  'xl': 1200px
+  'xl': 1200px,
+  'xxl': 1680px,
+  'xxxl': 1920px
 ) !default;
 
 $ouiBreakpointKeys: map-keys($ouiBreakpoints);
diff --git a/src/themes/oui-next/global_styling/variables/_responsive.scss b/src/themes/oui-next/global_styling/variables/_responsive.scss
index f6f6a34139..add23b83ea 100644
--- a/src/themes/oui-next/global_styling/variables/_responsive.scss
+++ b/src/themes/oui-next/global_styling/variables/_responsive.scss
@@ -14,7 +14,9 @@ $ouiBreakpoints: (
   's':  575px,
   'm':  768px,
   'l':  992px,
-  'xl': 1200px
+  'xl': 1200px,
+  'xxl': 1680px,
+  'xxxl': 1920px
 ) !default;
 
 $ouiBreakpointKeys: map-keys($ouiBreakpoints);
diff --git a/src/themes/v9/global_styling/variables/_responsive.scss b/src/themes/v9/global_styling/variables/_responsive.scss
index f6f6a34139..add23b83ea 100644
--- a/src/themes/v9/global_styling/variables/_responsive.scss
+++ b/src/themes/v9/global_styling/variables/_responsive.scss
@@ -14,7 +14,9 @@ $ouiBreakpoints: (
   's':  575px,
   'm':  768px,
   'l':  992px,
-  'xl': 1200px
+  'xl': 1200px,
+  'xxl': 1680px,
+  'xxxl': 1920px
 ) !default;
 
 $ouiBreakpointKeys: map-keys($ouiBreakpoints);