@carbon/web-components 2.0.0-rc.2 → 2.0.0-rc.4

package/scss/components/tooltip/tooltip.scss

@@ -14,7 +14,7 @@
 
 // For some reason `#{prefix}-tooltip` doesn't work here, will need to investigate
 
-:host(cds-tooltip[data-table]) {
+:host(#{$prefix}-tooltip[data-table]) {
   display: contents;
 
   &:hover {
@@ -24,14 +24,14 @@
   }
 }
 
-:host(cds-tooltip[data-table][size='xs']),
-:host(cds-tooltip[data-table][size='sm']) {
+:host(#{$prefix}-tooltip[data-table][size='xs']),
+:host(#{$prefix}-tooltip[data-table][size='sm']) {
   ::slotted(button) {
     height: calc(100% + 1px) !important;
   }
 }
 
-:host(cds-tooltip[toolbar-action]) {
+:host(#{$prefix}-tooltip[toolbar-action]) {
   ::slotted(button) {
     outline: none !important;
   }

package/scss/components/ui-shell/header.scss

@@ -11,18 +11,20 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/components/button';
 @use '@carbon/styles/scss/components/popover/index';
 @use '@carbon/styles/scss/components/tooltip';
 @use '@carbon/styles/scss/components/ui-shell/header';
 @use '@carbon/styles/scss/components/ui-shell/header-panel';
 @use '@carbon/styles/scss/components/ui-shell/switcher';
-@use '@carbon/styles/scss/layer/layer-tokens';
 
 :host(#{$prefix}-header) {
   @extend .#{$prefix}--header;
 
-  @include layer-tokens.emit-layer-tokens(1);
+  ::slotted(.#{$prefix}--header__global) {
+    @extend .#{$prefix}--header__global;
+  }
 }
 
 :host(#{$prefix}-header-nav) {
@@ -93,6 +95,10 @@ $css--plex: true !default;
   &:hover ::slotted(svg) {
     fill: $icon-primary;
   }
+
+  .#{$prefix}--popover {
+    z-index: 8001;
+  }
 }
 
 :host(#{$prefix}-header-nav-item),
@@ -134,7 +140,7 @@ $css--plex: true !default;
   @extend .#{$prefix}--header-panel;
 }
 
-:host(#{$prefix}-header-panel) {
+:host(#{$prefix}-header-panel[expanded]) {
   @extend .#{$prefix}--header-panel--expanded;
 }
 
@@ -150,6 +156,10 @@ $css--plex: true !default;
   }
 }
 
+:host(#{$prefix}-switcher-item:nth-child(1)) {
+  margin-top: $spacing-05;
+}
+
 :host(#{$prefix}-switcher-divider) {
   @extend .#{$prefix}--switcher__item--divider;
 }

package/scss/components/ui-shell/side-nav.scss

@@ -12,11 +12,6 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/ui-shell/side-nav';
-@use '@carbon/styles/scss/layer/layer-tokens';
-
-:host(#{$prefix}-side-nav) {
-  @include layer-tokens.emit-layer-tokens(1);
-}
 
 :host(#{$prefix}-side-nav[expanded]) ::slotted(#{$prefix}-side-nav-items) {
   overflow-y: auto;

package/scss/globals/mixins/temp-layout.scss

@@ -0,0 +1,36 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// TODO: remove this file once https://github.com/carbon-design-system/carbon/pull/14336 is in
+@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/custom-property';
+
+@mixin emit-layout-tokens {
+  @each $group, $properties in $layout-tokens {
+    @each $property, $steps in $properties {
+      @each $step, $value in $steps {
+        @include custom-property.declaration(
+          'layout-#{$group}-#{$property}-#{$step}',
+          $value
+        );
+      }
+
+      // CSS max() doesn't accept '0' as a value without a unit
+      // stylelint-disable length-zero-no-unit
+      @include custom-property.declaration(
+        'layout-#{$group}-#{$property}-min',
+        0px
+      );
+      // stylelint-enable length-zero-no-unit
+
+      @include custom-property.declaration(
+        'layout-#{$group}-#{$property}-max',
+        999999999px
+      );
+    }
+  }
+}