@fluid-topics/ft-select 0.1.18 → 0.2.2

package/build/ft-select.js

@@ -12,7 +12,7 @@ import { designSystemVariables, FtCssVariable, FtLitElement, setVariable } from
 import { FtTypography, FtTypographyBody1CssVariables, FtTypographyBody2, FtTypographyCaption } from "@fluid-topics/ft-typography";
 import { FtInputLabel, FtInputLabelCssVariables } from "@fluid-topics/ft-input-label";
 import { FtRipple, FtRippleCssVariables } from "@fluid-topics/ft-ripple";
-import { Icon } from "@material/mwc-icon";
+import { FtIcon } from "@fluid-topics/ft-icon";
 export class FtSelectOption extends FtLitElement {
     constructor() {
         super(...arguments);
@@ -102,7 +102,7 @@ export class FtSelect extends FtLitElement {
                         <ft-typography variant="body1" class="ft-select--selected-option">
                             ${(_e = (_d = this.selectedOption) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : ""}
                         </ft-typography>
-                        <mwc-icon>${optionsDisplayed ? "expand_less" : "expand_more"}</mwc-icon>
+                        <ft-icon variant="material">${optionsDisplayed ? "expand_less" : "expand_more"}</ft-icon>
                     </div>
                     <div class="ft-select--options"
                          part="options"
@@ -240,7 +240,7 @@ FtSelect.elementDefinitions = {
     "ft-input-label": FtInputLabel,
     "ft-typography": FtTypography,
     "ft-ripple": FtRipple,
-    "mwc-icon": Icon,
+    "ft-icon": FtIcon,
 };
 // language=CSS
 FtSelect.styles = [
@@ -298,7 +298,7 @@ FtSelect.styles = [
                 ${setVariable(FtInputLabelCssVariables.verticalSpacing, FtSelectCssVariables.verticalSpacing)};
             }
 
-            .ft-select:not(.ft-select--disabled):focus-within mwc-icon {
+            .ft-select:not(.ft-select--disabled):focus-within ft-icon {
                 color: ${FtSelectCssVariables.colorPrimary};
             }
 
@@ -318,7 +318,7 @@ FtSelect.styles = [
                 ${setVariable(FtTypographyBody1CssVariables.lineHeight, FtSelectCssVariables.selectedOptionSize)};
             }
 
-            mwc-icon {
+            ft-icon {
                 flex-shrink: 0;
             }