From 19b48f38b017dcb00d3049c1e9285848e3032f72 Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Thu, 25 Jan 2024 10:57:42 -0500
Subject: [PATCH] fix(Slug): adjust callout width, fix revert story (#15591)

* fix(Slug): adjust callout width, fix revert story

* fix(NumberInput): remove border when input is invalid
---
 .../scss/components/number-input/_number-input.scss       | 7 ++++++-
 packages/styles/scss/components/slug/_slug.scss           | 8 +-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/styles/scss/components/number-input/_number-input.scss b/packages/styles/scss/components/number-input/_number-input.scss
index c97db1a77b0c..da6e34f64e77 100644
--- a/packages/styles/scss/components/number-input/_number-input.scss
+++ b/packages/styles/scss/components/number-input/_number-input.scss
@@ -453,7 +453,12 @@
     padding-inline-end: convert.to-rem(112px);
   }
 
-  .#{$prefix}--number__input-wrapper--slug .#{$prefix}--number__control-btn {
+  .#{$prefix}--number__input-wrapper--slug
+    input[type='number']:not([data-invalid]):not(
+      :has(~ .#{$prefix}--slug--revert)
+    )
+    ~ .#{$prefix}--number__controls
+    .#{$prefix}--number__control-btn {
     border-block-end-color: $ai-border-strong;
   }
 
diff --git a/packages/styles/scss/components/slug/_slug.scss b/packages/styles/scss/components/slug/_slug.scss
index b1db8389071e..aeb9ec8298f1 100644
--- a/packages/styles/scss/components/slug/_slug.scss
+++ b/packages/styles/scss/components/slug/_slug.scss
@@ -572,13 +572,7 @@ $sizes: (
   }
 
   .#{$prefix}--slug.#{$prefix}--slug--enabled
-    .#{$prefix}--slug-content--with-actions
-    .#{$prefix}--toggletip-content {
-    max-inline-size: convert.to-rem(334px);
-  }
-
-  .#{$prefix}--slug.#{$prefix}--slug--enabled
-    .#{$prefix}--slug-content:not(.#{$prefix}--slug-content--with-actions)
+    .#{$prefix}--slug-content
     .#{$prefix}--toggletip-content {
     max-inline-size: convert.to-rem(320px);
   }