material 3.2.7 → 3.3.1

package/src/styles/elements/_card.scss

@@ -54,4 +54,18 @@
     order: -1;
     color: t.color('on-surface-variant');
   }
+
+  // A single slotted actions region follows the padded supporting content.
+  // The factory row adds 8px above/below it and uses an 8px side inset;
+  // transfer the host's last 16px of padding to before that row.
+  &:not(:has(> [slot='actions'] ~ [slot='actions'])) {
+    > [slot='actions'] {
+      align-self: flex-end;
+      margin-block: 24px -8px;
+      margin-inline: -8px;
+    }
+    &[actions-align='start'] > [slot='actions'],
+    &[actions-align='space-between'] > [slot='actions'] { align-self: flex-start; }
+    &[actions-align='center'] > [slot='actions'] { align-self: center; }
+  }
 }

package/src/styles/elements/_extended-fab.scss

@@ -6,6 +6,7 @@
 @use '../abstract/mixins' as m;
 @use '../abstract/theme' as t;
 @use 'config' as c;
+@use '../abstract/floating-placement' as placement;
 
 // As $sizes in components/_extended-fab.scss.
 $sizes: (
@@ -30,6 +31,7 @@ $sizes: (
 }
 
 @include c.host('extended-fab') {
+  @include placement.corners;
   display: inline-flex;
   vertical-align: middle;
   align-items: center;

package/src/styles/elements/_fab.scss

@@ -5,6 +5,7 @@
 @use '../abstract/functions' as f;
 @use '../abstract/theme' as t;
 @use 'config' as c;
+@use '../abstract/floating-placement' as placement;
 
 // As the sizes in components/_fab.scss: container and shape.
 $sizes: ('default': (56px, 'large'), 'medium': (80px, 'large-increased'), 'large': (96px, 'extra-large'));
@@ -17,6 +18,7 @@ $sizes: ('default': (56px, 'large'), 'medium': (80px, 'large-increased'), 'large
 }
 
 @include c.host('fab') {
+  @include placement.corners;
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;