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
carbon-design-system · Jan 25, 2024 · 19b48f3 · 19b48f3
1 parent c9c91d4
commit 19b48f3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git 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
@@ -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);
   }