@carbon/styles 1.22.0-rc.0 → 1.23.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "1.22.0-rc.0",
+  "version": "1.23.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -59,5 +59,5 @@
     "scss/**/*.css",
     "css/**/*.css"
   ],
-  "gitHead": "3e7357ecc2ee754a8d5a2c23c1082d5cdd425faa"
+  "gitHead": "feebe20f22ecfef4356695ae127e22ebe4225e8e"
 }

package/scss/components/breadcrumb/_breadcrumb.scss

@@ -150,4 +150,11 @@
     width: rem(100px);
     height: 1rem;
   }
+
+  .#{$prefix}--breadcrumb
+    .#{$prefix}--overflow-menu.#{$prefix}--btn--icon-only {
+    min-height: 1.125rem;
+    padding-right: 0;
+    padding-left: 0;
+  }
 }

package/scss/components/combo-box/_combo-box.scss

@@ -8,6 +8,7 @@
 @use '../list-box';
 @use '../../config' as *;
 @use '../../theme' as *;
+@use '../../utilities/focus-outline' as *;
 
 /// Combo box styles
 /// @access public
@@ -31,6 +32,10 @@
     border-bottom-color: $border-subtle;
   }
 
+  .#{$prefix}--combo-box--input--focus.#{$prefix}--text-input {
+    @include focus-outline('outline');
+  }
+
   .#{$prefix}--combo-box .#{$prefix}--list-box__field,
   .#{$prefix}--combo-box.#{$prefix}--list-box[data-invalid]
     .#{$prefix}--list-box__field,

package/scss/components/form/_form.scss

@@ -59,6 +59,10 @@ $input-label-weight: 400 !default;
     vertical-align: baseline;
   }
 
+  .#{$prefix}--label .#{$prefix}--toggletip-label {
+    @include type-style('label-01');
+  }
+
   .#{$prefix}--label--no-margin {
     margin-bottom: 0;
   }

package/scss/components/overflow-menu/_overflow-menu.scss

@@ -87,6 +87,10 @@
     fill: $icon-primary;
   }
 
+  .#{$prefix}--overflow-menu__wrapper {
+    line-height: 0;
+  }
+
   .#{$prefix}--overflow-menu-options {
     @include reset;
     @include box-shadow;

package/scss/components/toggle/_toggle.scss

@@ -79,7 +79,8 @@
     .#{$prefix}--toggle__switch,
   .#{$prefix}--toggle__button:not(:disabled):active
     + .#{$prefix}--toggle__label
-    .#{$prefix}--toggle__switch {
+    .#{$prefix}--toggle__switch,
+  .#{$prefix}--toggle:active .#{$prefix}--toggle__switch {
     box-shadow: 0 0 0 1px $focus-inset, 0 0 0 3px $focus;
   }
 
@@ -193,7 +194,8 @@
     .#{$prefix}--toggle__switch,
   .#{$prefix}--toggle__button:not(:disabled):active
     + .#{$prefix}--toggle__label
-    .#{$prefix}--toggle__switch {
+    .#{$prefix}--toggle__switch,
+  .#{$prefix}--toggle:active .#{$prefix}--toggle__switch {
     @include high-contrast-mode('focus');
   }
 }

package/scss/components/toggletip/_toggletip.scss

@@ -16,7 +16,7 @@
 
 @mixin toggletip() {
   .#{$prefix}--toggletip-label {
-    @include type.type-style('label-01');
+    @include type.type-style('body-01');
 
     margin-right: spacing.$spacing-03;
     color: theme.$text-secondary;