@carbon-labs/react-ui-shell 0.56.0 → 0.57.0

package/lib/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js

@@ -42,8 +42,8 @@ function _objectWithoutProperties(e, t) {
     r,
     i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
   return i;
 }
@@ -51,7 +51,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-ui-shell",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -42,5 +42,5 @@
   "dependencies": {
     "@ibm/telemetry-js": "^1.9.1"
   },
-  "gitHead": "b6e3f1eee062300399bfeb201ff5254bce2eb573"
+  "gitHead": "e6f4e6a5ce706a8be19dc22f663839a34b85f02b"
 }

package/scss/styles/_header.scss

@@ -22,11 +22,15 @@ $prefix: 'cds' !default;
 }
 
 .#{$prefix}--header__action:focus {
-  box-shadow: inset 0 0 0 1px $focus, inset 0 0 0 2px $background;
+  outline-offset: -2px;
 }
 
 .#{$prefix}--header-action__button {
   block-size: convert.rem(48px);
+
+  &:focus {
+    outline-offset: -2px;
+  }
 }
 
 .#{$prefix}--header-action__button.#{$prefix}--btn--ghost:not([disabled]) svg {
@@ -41,11 +45,6 @@ $prefix: 'cds' !default;
   fill: $icon-primary;
 }
 
-// TODO: remove when https://github.com/carbon-design-system/carbon/pull/18725 is released
-.#{$prefix}--header-action .#{$prefix}--tooltip-content {
-  color: $text-primary;
-}
-
 .#{$prefix}--header-action.#{$prefix}--popover--open
   .#{$prefix}--header-action__button {
   background-color: $layer;
@@ -63,12 +62,6 @@ $prefix: 'cds' !default;
     $link-visited
   );
   @include custom-property.declaration('link-focus-text-color', $focus);
-
-  padding: 0;
-
-  > * {
-    padding: 0 $spacing-05 $spacing-05 $spacing-05;
-  }
 }
 
 //----------------------------------------------------------------------------

package/scss/styles/_profile.scss

@@ -14,16 +14,30 @@
 
 $prefix: 'cds' !default;
 
-// user-info
-.#{$prefix}--header-action .#{$prefix}--profile-user-info {
-  display: flex;
-  padding-block-start: $spacing-05;
+// profile
+.#{$prefix}--profile.#{$prefix}--popover--open {
+  background-color: $background;
+}
 
-  &:not(:last-child) {
+.#{$prefix}--profile .#{$prefix}--toggletip-content {
+  padding: 0;
+  background-color: $background;
+  border-inline-start: 1px solid $border-subtle;
+  gap: 0;
+  max-block-size: 100vh;
+  overflow-y: scroll;
+
+  > * {
+    padding: $spacing-05;
     border-block-end: convert.to-rem(1px) solid $border-subtle;
   }
 }
 
+// user-info
+.#{$prefix}--profile .#{$prefix}--profile-user-info {
+  display: flex;
+}
+
 .#{$prefix}--profile-user-info__text-wrapper {
   margin-inline-start: $spacing-05;
 }
@@ -37,14 +51,6 @@ $prefix: 'cds' !default;
 }
 
 // read only
-.#{$prefix}--profile-read-only {
-  padding-block-start: 0;
-
-  &:not(:last-child) {
-    border-block-end: convert.to-rem(1px) solid $border-subtle;
-  }
-}
-
 .#{$prefix}--profile-read-only__items:not(:last-child) {
   padding-block-end: $spacing-05;
 }
@@ -65,10 +71,9 @@ $prefix: 'cds' !default;
 // contained-list links
 .#{$prefix}--header-action__content .#{$prefix}--contained-list--on-page {
   padding: 0;
-  margin-block-start: -$spacing-05;
 }
 
-// TODO: remove if we make the contained-list header optional
+// TODO: remove when https://github.com/carbon-design-system/carbon/pull/19813 is released
 .#{$prefix}--header-action__content .#{$prefix}--contained-list__header {
   display: none;
 }