@carbon/ibm-products 2.0.0-rc.8 → 2.0.0-rc.9

package/scss/components/AddSelect/_add-select.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021
+// Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -64,7 +64,9 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     justify-content: center;
   }
 
-  &-cell:hover .#{$block-class}__selections-hidden-hover {
+  &-cell:hover .#{$block-class}__selections-hidden-hover,
+  .#{$carbon-prefix}--structured-list-row:focus-within
+    .#{$block-class}__selections-hidden-hover {
     visibility: visible;
   }
 
@@ -72,7 +74,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     visibility: hidden;
   }
 
-  &-row-selected#{$carbon-prefix}--structured-list-row {
+  &-row--selected.#{$carbon-prefix}--structured-list-row {
     border-bottom: 1px solid $layer-selected-01;
     background-color: $layer-selected-01;
   }
@@ -112,7 +114,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     border-left: 0.125rem solid transparent;
   }
 
-  &-row-meta-selected {
+  &-row-meta--selected {
     border-left: 0.125rem solid $interactive;
     background-color: $layer-hover-01;
   }
@@ -134,13 +136,6 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
   }
 }
 
-.#{$block-class}
-  #{$carbon-prefix}--structured-list--selection
-  .#{$block-class}__selections-row-selected#{$carbon-prefix}--structured-list-row:hover:not(#{$carbon-prefix}--structured-list-row--header-row):not(#{$carbon-prefix}--structured-list-row--selected) {
-  border-bottom: 1px solid $layer-accent-hover-01;
-  background-color: $layer-selected-hover-01;
-}
-
 .#{$block-class}__sub-header {
   display: flex;
   align-items: flex-end;
@@ -151,13 +146,13 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
   }
 }
 
-.#{$block-class} #{$carbon-prefix}--structured-list-row {
+.#{$block-class} .#{$carbon-prefix}--structured-list-row {
   border-bottom: 0;
 }
 
 .#{$block-class}
-  #{$carbon-prefix}--structured-list--selection
-  #{$carbon-prefix}--structured-list-row:hover:not(#{$carbon-prefix}--structured-list-row--header-row):not(#{$carbon-prefix}--structured-list-row--selected) {
+  .#{$carbon-prefix}--structured-list--selection
+  .#{$carbon-prefix}--structured-list-row:hover:not(.#{$carbon-prefix}--structured-list-row--header-row):not(.#{$carbon-prefix}--structured-list-row--selected) {
   border-bottom: 0;
 }
 
@@ -228,7 +223,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     margin-left: $spacing-03;
   }
 
-  .#{$block-class}__selections-row#{$carbon-prefix}--structured-list-row {
+  .#{$block-class}__selections-row.#{$carbon-prefix}--structured-list-row {
     border-left: 0;
   }
 
@@ -241,7 +236,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     padding: 0 $spacing-03;
   }
 
-  .#{$block-class}__tag-container {
+  .#{$block-class}__tags {
     padding: 0 $spacing-03;
     margin-bottom: 0;
   }
@@ -250,7 +245,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
     padding: 0;
   }
 
-  .#{$block-class}__selections#{$carbon-prefix}--structured-list {
+  .#{$block-class}__selections.#{$carbon-prefix}--structured-list {
     border-top: 0;
   }
 }
@@ -288,7 +283,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
   }
 }
 
-.#{$block-class}__tag-container {
+.#{$block-class}__tags {
   display: flex;
   align-items: center;
   margin-top: $spacing-05;
@@ -379,7 +374,11 @@ button.#{$block-class}__global-filter-toggle {
 
 // overrides
 
-.#{$block-class}__tag-container .#{$carbon-prefix}--tag {
+.#{$block-class}__selections .#{$carbon-prefix}--list-box__menu {
+  left: auto;
+}
+
+.#{$block-class}__tags .#{$carbon-prefix}--tag {
   margin: 0;
 }
 
@@ -465,20 +464,20 @@ button.#{$block-class}__global-filter-toggle {
 }
 
 .#{$block-class}
-  #{$carbon-prefix}--accordion--start
-  #{$carbon-prefix}--accordion__arrow {
+  .#{$carbon-prefix}--accordion--start
+  .#{$carbon-prefix}--accordion__arrow {
   margin: 0 0 0 $spacing-05;
 }
 
 .#{$block-class}
-  #{$carbon-prefix}--accordion--start
-  #{$carbon-prefix}--accordion__title {
+  .#{$carbon-prefix}--accordion--start
+  .#{$carbon-prefix}--accordion__title {
   margin: 0 $spacing-05 0 $spacing-03;
 }
 
 .#{$block-class}
-  #{$carbon-prefix}--accordion__item--active
-  #{$carbon-prefix}--accordion__content {
+  .#{$carbon-prefix}--accordion__item--active
+  .#{$carbon-prefix}--accordion__content {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: $spacing-03;

package/scss/components/AddSelect/_index.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021
+// Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/components/AddSelect/_storybook-styles.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021
+// Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/components/Datagrid/_storybook-styles.scss

@@ -97,3 +97,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
 .#{$block-class}-story__hidden-column-id-snippet {
   padding-top: $spacing-07;
 }
+
+.#{$block-class}__mobile-toolbar-modal
+  .#{c4p-settings.$carbon-prefix}--dropdown__wrapper {
+  margin-bottom: $spacing-07;
+}

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -416,10 +416,20 @@
 }
 
 .#{$block-class}__carbon-row-expanded {
-  // Border applied to nested rows only on open chevron hover
-  &.#{$block-class}__carbon-row-expanded-hover-active
-    ~ .#{$block-class}__carbon-nested-row {
-    border-left: 1px solid $button-primary;
+  position: relative;
+  &.#{$block-class}__carbon-row-expanded-hover-active::before {
+    position: absolute;
+    z-index: 2;
+    /* stylelint-disable-next-line carbon/layout-token-use */
+    top: var(--#{$block-class}--row-height);
+    /* stylelint-disable-next-line carbon/layout-token-use */
+    left: calc(
+      var(--#{$block-class}--indicator-offset-amount) + #{$spacing-05}
+    );
+    width: 1px;
+    height: var(--#{$block-class}--indicator-height);
+    border-left: 1px solid $background-brand;
+    content: '';
   }
 }
 
@@ -530,3 +540,38 @@
   height: $spacing-09;
   justify-content: center;
 }
+
+.#{c4p-settings.$carbon-prefix}--body--with-modal-open
+  .#{$block-class}__grid-container {
+  overflow: hidden;
+  height: 100vh;
+}
+
+.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal {
+  width: 100%;
+}
+
+.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__toolbar-menu__trigger {
+  flex-shrink: 0;
+  background-color: $interactive;
+}
+
+.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__toolbar-menu__trigger
+  svg {
+  fill: $background;
+}
+
+.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__toolbar-menu__trigger:hover,
+.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__toolbar-menu__trigger.#{c4p-settings.$carbon-prefix}--overflow-menu--open:hover,
+.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__toolbar-menu__trigger.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
+  background-color: $button-primary-hover;
+}
+
+.#{$block-class}__toolbar-options.#{c4p-settings.$carbon-prefix}--overflow-menu-options::after {
+  background-color: transparent;
+}
+
+.#{$block-class}__mobile-toolbar-modal
+  .#{c4p-settings.$carbon-prefix}--modal-container {
+  position: absolute;
+}

package/scss/components/MultiAddSelect/_multi-add-select.scss

@@ -1 +1,8 @@
+//
+// Copyright IBM Corp. 2022, 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @use '../AddSelect/add-select';

package/scss/components/MultiAddSelect/_storybook-styles.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021
+// Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/components/SingleAddSelect/_carbon-imports.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022, 2022
+// Copyright IBM Corp. 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/components/SingleAddSelect/_index-with-carbon.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022, 2022
+// Copyright IBM Corp. 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.

package/scss/components/SingleAddSelect/_index.scss

@@ -1 +1,8 @@
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @use './single-add-select';

package/scss/components/SingleAddSelect/_single-add-select.scss

@@ -1 +1,8 @@
+//
+// Copyright IBM Corp. 2022
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 @use '../AddSelect/add-select';

package/scss/components/SingleAddSelect/_storybook-styles.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021
+// Copyright IBM Corp. 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.