fix(dropdown): icon size in bootstrap theme (#1755)

Co-authored-by: Simeon Simeonoff <[email protected]>

Author: SisIvanova

src/components/dropdown/themes/item.ts

@@ -2,10 +2,14 @@ import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
 // Shared Styles
+import { styles as bootstrap } from './shared/item/dropdown-item.bootstrap.css.js';
 import { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';
 import { styles as indigo } from './shared/item/dropdown-item.indigo.css.js';
 
 const light = {
+  bootstrap: css`
+    ${bootstrap}
+  `,
   indigo: css`
     ${indigo}
   `,
@@ -15,6 +19,9 @@ const light = {
 };
 
 const dark = {
+  bootstrap: css`
+    ${bootstrap}
+  `,
   indigo: css`
     ${indigo}
   `,

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

@@ -0,0 +1,9 @@
+@use 'styles/utilities' as *;
+
+:host {
+    --item-icon: #{rem(18px)};
+
+    ::slotted(igc-icon) {
+        --size: var(--item-icon);
+    }
+}