@carbon/styles 1.98.0 → 1.99.0

package/scss/components/toggletip/_toggletip.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2018, 2023
+// Copyright IBM Corp. 2018, 2026
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@
 
 @mixin toggletip() {
   .#{$prefix}--toggletip-label {
-    @include type.type-style('body-01');
+    @include type.type-style('label-01');
 
     color: theme.$text-secondary;
     margin-inline-end: spacing.$spacing-03;

package/scss/components/treeview/_treeview.scss

@@ -298,7 +298,10 @@
   .#{$prefix}--tree-node__label .#{$prefix}--popover-container {
     inline-size: 100%;
   }
-  .#{$prefix}--tooltip-trigger__wrapper .#{$prefix}--btn--ghost:focus {
+  .#{$prefix}--tree
+    .#{$prefix}--tree-node__label
+    .#{$prefix}--tooltip-trigger__wrapper
+    .#{$prefix}--btn--ghost:focus {
     box-shadow: none;
     outline: 2px solid $focus;
   }

package/scss/utilities/_tooltip.scss

@@ -11,6 +11,7 @@
 @use 'z-index' as *;
 @use '../config' as *;
 @use '../motion' as *;
+@use '../spacing' as *;
 @use '../theme' as *;
 @use '../type';
 
@@ -36,11 +37,12 @@
   @include box-shadow;
 
   z-index: z('floating');
-  padding: if(
-    sass($tooltip-type == 'definition'),
-    convert.to-rem(8px) convert.to-rem(16px),
-    convert.to-rem(3px) convert.to-rem(16px)
-  );
+  @if $tooltip-type == 'definition' {
+    padding: $spacing-03 $spacing-05;
+  } @else {
+    padding: convert.to-rem(3px) $spacing-05;
+  }
+
   border-radius: convert.to-rem(2px);
   background-color: $background-inverse;
   block-size: auto;
@@ -233,11 +235,11 @@
   $align: 'center'
 ) {
   // position and alignment
-  $caret-spacing: if(
-    sass($tooltip-type == 'definition'),
-    convert.to-rem(4px),
-    convert.to-rem(8px)
-  );
+  $caret-spacing: $spacing-03;
+
+  @if $tooltip-type == 'definition' {
+    $caret-spacing: $spacing-02;
+  }
 
   // space between caret and trigger button
   $caret-height: convert.to-rem(5px);