@fluid-topics/ft-select 1.3.63 → 1.4.3

package/build/ft-select.styles.js

@@ -1,5 +1,5 @@
 import { css } from "lit";
-import { designSystemVariables, FtCssVariableFactory, setVariable } from "@fluid-topics/ft-wc-utils";
+import { designSystemVariables, FtCssVariableFactory, setVariable, } from "@fluid-topics/ft-wc-utils";
 import { FtInputLabelCssVariables } from "@fluid-topics/ft-input-label/build/ft-input-label.styles";
 import { FtTypographyBody1CssVariables } from "@fluid-topics/ft-typography/build/ft-typography.styles";
 import { FtRippleCssVariables } from "@fluid-topics/ft-ripple/build/ft-ripple.styles";
@@ -31,6 +31,7 @@ export const styles = css `
         display: flex;
         flex-direction: column;
         align-items: stretch;
+        max-width: 100%;
     }
 
     .ft-select--main-panel {
@@ -53,23 +54,22 @@ export const styles = css `
     }
 
     .ft-select--input-panel,
-    .ft-select--option {
+    .ft-select--options {
         ${setVariable(FtRippleCssVariables.opacityContentOnSurfaceHover, "0.08")};
         ${setVariable(FtRippleCssVariables.opacityContentOnSurfacePressed, "0.04")};
     }
 
-    .ft-select--input-panel > *:not(ft-ripple),
-    .ft-select--option > *:not(ft-ripple) {
+    .ft-select--input-panel > *:not(ft-ripple) {
         position: relative;
     }
 
     .ft-select--disabled .ft-select--input-panel,
-    .ft-select--disabled .ft-select--option {
+    .ft-select--disabled .ft-select--options {
         color: ${FtSelectCssVariables.colorOnSurfaceDisabled};
     }
 
     .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
-    .ft-select:not(.ft-select--disabled) .ft-select--option {
+    .ft-select:not(.ft-select--disabled) .ft-select--options {
         cursor: pointer;
     }
 
@@ -108,11 +108,9 @@ export const styles = css `
 
     ft-icon {
         flex-shrink: 0;
+        margin-left: auto;
     }
 
-    slot:not([name]) {
-        display: none;
-    }
 
     .ft-select--filled .ft-select--input-panel {
         border-radius: ${FtSelectCssVariables.borderRadiusS} ${FtSelectCssVariables.borderRadiusS} 0 0;
@@ -135,6 +133,7 @@ export const styles = css `
         background: ${FtSelectCssVariables.backgroundColor};
         z-index: ${FtSelectCssVariables.optionsZIndex};
         box-shadow: ${FtSelectCssVariables.elevation02};
+        width: max-content;
     }
 
     .ft-select--fixed .ft-select--options {
@@ -147,23 +146,6 @@ export const styles = css `
         overflow-y: auto;
     }
 
-    .ft-select--option {
-        position: relative;
-        padding: 4px ${FtSelectCssVariables.horizontalSpacing};
-        min-height: 32px;
-        display: flex;
-        align-items: center;
-    }
-
-    .ft-select--option:hover {
-        border-left: 2px ${FtSelectCssVariables.colorPrimary} solid;
-    }
-
-    .ft-select--option span {
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
     .ft-select--helper-text {
         padding: 0 ${FtSelectCssVariables.horizontalSpacing};
         color: ${FtSelectCssVariables.helperColor};
@@ -172,4 +154,8 @@ export const styles = css `
     .ft-select--in-error .ft-select--helper-text {
         color: ${FtSelectCssVariables.colorError};
     }
+
+    .ft-select:not(.ft-select--has-option-selected) .ft-select--selected-option {
+        opacity: 0;
+    }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-select",
-  "version": "1.3.63",
+  "version": "1.4.3",
   "description": "Value selector for a predefined list of choices",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-icon": "1.3.63",
-    "@fluid-topics/ft-input-label": "1.3.63",
-    "@fluid-topics/ft-ripple": "1.3.63",
-    "@fluid-topics/ft-typography": "1.3.63",
-    "@fluid-topics/ft-wc-utils": "1.3.63",
+    "@fluid-topics/ft-icon": "1.4.3",
+    "@fluid-topics/ft-input-label": "1.4.3",
+    "@fluid-topics/ft-ripple": "1.4.3",
+    "@fluid-topics/ft-typography": "1.4.3",
+    "@fluid-topics/ft-wc-utils": "1.4.3",
     "lit": "3.1.0"
   },
-  "gitHead": "d5a25917d4f07daff26d04ec39843e9d03c7a86e"
+  "gitHead": "f9f5324c86da35137044bc768819fcd81057791d"
 }