Merge remote-tracking branch 'origin/master' into rkaraivanov/defaultValue-feature

Author: rkaraivanov

src/components/card/themes/card.actions.base.scss

@@ -21,6 +21,10 @@
     }
 }
 
+:host([orientation='vertical']) {
+    justify-content: space-around;
+}
+
 ::slotted([slot='start']) {
     display: flex;
     align-items: center;

src/components/dialog/themes/shared/dialog.fluent.scss

@@ -6,8 +6,12 @@
 }
 
 [part='content'] {
+    @include type-style('body-2') {
+        margin: 0;
+    }
+
     padding-inline: rem(24px);
-    padding-block-end: rem(20px);
+    padding-block: 0 rem(20px);
 }
 
 [part='footer'] {

src/components/dropdown/themes/header.ts

@@ -1,19 +1,26 @@
 import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
+import { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';
 // Shared Styles
 import { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';
 
 const light = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 const dark = {
   indigo: css`
     ${indigo}
   `,
+  fluent: css`
+    ${fluent}
+  `,
 };
 
 export const all: Themes = { light, dark };

src/components/dropdown/themes/shared/dropdown.bootstrap.scss

@@ -9,6 +9,5 @@ $theme: $bootstrap;
 }
 
 [part='base'] {
-    padding: rem(8px) 0;
     border: rem(1px) solid var-get($theme, 'border-color');
 }

src/components/dropdown/themes/shared/header/dropdown-header.fluent.scss

@@ -0,0 +1,5 @@
+@use 'styles/utilities' as *;
+
+:host {
+    @include type-style('subtitle-2');
+}