@carbon/ibm-products 1.38.0 → 1.40.0

package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss

@@ -0,0 +1,80 @@
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2022
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+
+// stylelint-disable carbon/layout-token-use
+
+@import '../variables';
+
+$action-set-height: rem(64px);
+
+.#{$block-class}-filter-flyout__container {
+  position: relative;
+}
+
+.#{$block-class}-filter-flyout {
+  position: absolute;
+  top: $spacing-09;
+  right: 0;
+  display: none;
+  width: rem(642px);
+  background-color: $ui-02;
+  box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
+}
+
+.#{$block-class}-filter-flyout--open {
+  display: grid;
+}
+
+.#{$block-class}-filter-flyout--batch {
+  min-height: rem(346px);
+  grid-template-rows: 1fr rem(48px);
+}
+
+.#{$block-class}-filter-flyout--instant {
+  min-height: rem(282px);
+  grid-template-rows: 1fr;
+}
+
+.#{$block-class}-filter-flyout__inner-container {
+  padding: $spacing-05 $spacing-05 $spacing-09 $spacing-05;
+}
+
+.#{$block-class}-filter-flyout__inner-container::before {
+  position: absolute;
+  top: rem(-7px);
+  right: 1px;
+  display: block;
+  width: rem(46px);
+  height: rem(15px);
+  background-color: $ui-02;
+  content: '';
+}
+
+.#{$block-class}-filter-flyout__title {
+  display: block;
+  @include carbon--type-style('productive-heading-01');
+
+  margin-bottom: $spacing-06;
+}
+
+.#{$block-class}-filter-flyout__filters {
+  display: grid;
+  gap: rem(16px) rem(32px);
+  grid-template-columns: 1fr 1fr;
+}
+
+// Carbon overrides
+.#{$block-class}-filter-flyout__trigger--open.#{$carbon-prefix}--btn.#{$carbon-prefix}--btn--icon-only {
+  position: relative;
+  background-color: $ui-02;
+  box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
+}
+
+.#{$block-class}-filter-flyout .#{$carbon-prefix}--fieldset {
+  margin-bottom: 0;
+}

package/scss/components/InlineEditV1/_inline-edit-v1.scss

@@ -268,7 +268,9 @@
     }
 
     &.#{$block-class}--editing
-      .#{$block-class}__toolbar--animation:not(.#{$block-class}__toolbar--saveable)
+      .#{$block-class}__toolbar--animation:not(
+        .#{$block-class}__toolbar--saveable
+      )
       .#{$block-class}__save {
       overflow: hidden;
       width: 0;

package/scss/components/PageHeader/_page-header.scss

@@ -152,7 +152,9 @@ $right-section-alt-width: 100% - $left-section-alt-width;
       }
     }
 
-    .#{$block-class}__breadcrumb-row:not(.#{$block-class}__breadcrumb-row--has-action-bar) {
+    .#{$block-class}__breadcrumb-row:not(
+        .#{$block-class}__breadcrumb-row--has-action-bar
+      ) {
       // lifts up page title when there is no action bar
       min-height: $spacing-07;
     }
@@ -200,7 +202,9 @@ $right-section-alt-width: 100% - $left-section-alt-width;
       transition: all $duration--moderate-01 ease-out;
     }
 
-    .#{$block-class}__breadcrumb-row--next-to-tabs:not(.#{$block-class}__has-page-actions-without-action-bar)::after,
+    .#{$block-class}__breadcrumb-row--next-to-tabs:not(
+        .#{$block-class}__has-page-actions-without-action-bar
+      )::after,
     .#{$block-class}__breadcrumb-row--has-action-bar::after {
       /* creates a full width box shadow without causing scroll */
       box-shadow: 25vw 1px 0 0 $ui-03, -25vw 1px 0 0 $ui-03;