Merge branch 'feat/carbon-for-ibm-dotcom-v2' into feat/quote-color-sc…

…heme

packages/styles/scss/components/footer/_footer-logo.scss

@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/themes' as *;
+@use '@carbon/styles/scss/utilities' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
 
@@ -22,7 +23,7 @@
 @mixin footer-logo {
   :host(#{$c4d-prefix}-footer-logo),
   .#{$prefix}--footer-logo {
-    @include theme($g90, feature-flag-enabled('enable-css-custom-properties'));
+    @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));
 
     &:focus-visible {
       outline: none;
@@ -61,4 +62,14 @@
     display: inline-block;
     width: 128px;
   }
+
+  :host(#{$c4d-prefix}-footer-logo[size='micro']) {
+    align-self: center;
+    margin: 0;
+
+    @include breakpoint-between(md, lg) {
+      position: absolute;
+      bottom: rem(58.5px);
+    }
+  }
 }

packages/styles/scss/components/footer/_footer-nav-group.scss

@@ -22,7 +22,7 @@
   :host(#{$c4d-prefix}-footer-nav-group),
   .#{$prefix}--footer-nav-group,
   .#{$prefix}--footer-nav-group.#{$prefix}--accordion__item {
-    @include theme($g90, feature-flag-enabled('enable-css-custom-properties'));
+    @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));
 
     padding-left: 0;
     display: block;
@@ -47,10 +47,6 @@
       }
     }
 
-    .#{$prefix}--accordion__title {
-      margin: 0 0 0 $spacing-05;
-    }
-
     .#{$prefix}--accordion__arrow {
       margin: 2px $spacing-05 0 0;
     }

packages/styles/scss/components/footer/_footer-nav.scss

@@ -22,7 +22,7 @@
 
 @mixin footer-nav {
   :host(#{$c4d-prefix}-footer-nav) {
-    @include theme($g90, feature-flag-enabled('enable-css-custom-properties'));
+    @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));
 
     @include accordion;
     @include make-col-ready;
@@ -31,18 +31,11 @@
     order: 1;
 
     @include breakpoint(md) {
-      border-top: 1px solid $layer-accent-01;
       padding: 0 calc($grid-gutter / 2);
     }
 
-    @include breakpoint-between(md, lg) {
-      padding-top: $spacing-04;
-    }
-
     @include breakpoint(lg) {
-      padding-top: $spacing-05;
       @include make-col(12, 16);
-      @include make-col-offset(4, 16);
     }
 
     .#{$prefix}--accordion__heading {
@@ -51,6 +44,14 @@
       min-height: $spacing-09;
       padding: 0;
     }
+
+    ::slotted([slot='locale-button']),
+    ::slotted([slot='language-selector']) {
+      display: inline-block;
+      margin-left: 0;
+      width: 100%;
+      max-width: 100%;
+    }
   }
 
   :host(#{$c4d-prefix}-footer-nav[disable-locale-button]),