@fluid-topics/ft-select 0.1.7 → 0.1.10

package/build/ft-select.js

@@ -114,7 +114,8 @@ let FtSelect = class FtSelect extends FtLitElement {
                     color: ${FtSelectCssVariables.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 

package/build/ft-select.light.js

@@ -101,7 +101,11 @@ const U=t=>({_$litStatic$:t}),P=new Map,G=(t=>(e,...i)=>{var r;const o=i.length;
         line-height: ${Gt};
         text-transform: ${Vt};
     }
-`;let ee=class extends a.FtLitElement{constructor(){super(...arguments),this.variant=V.body1}getStyles(){return[Zt,Lt,qt,Wt,Kt,Xt,Yt,Jt,Qt,te]}getTemplate(){return this.element?G`
+`;let ee=class extends a.FtLitElement{constructor(){super(...arguments),this.variant=V.body1}getStyles(){return[Zt,Lt,qt,Wt,Kt,Xt,Yt,Jt,Qt,te,e.css`
+                .ft-typography {
+                    vertical-align: inherit;
+                }
+            `]}getTemplate(){return this.element?G`
                 <${U(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
@@ -201,11 +205,11 @@ const U=t=>({_$litStatic$:t}),P=new Map,G=(t=>(e,...i)=>{var r;const o=i.length;
                 }
 
                 .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
-                    padding: 4px;
+                    padding: 2px 4px;
                     z-index: ${re.raisedZIndex};
                     background-color: ${re.colorSurface};
                     border-radius: ${re.borderRadiusS};
-                    top: calc(var(--ft-typography-caption-line-height) / -2);
+                    top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
                 }
 
                 .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
@@ -440,7 +444,8 @@ const Te=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
                     color: ${Ce.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 

package/build/ft-select.min.js

@@ -185,7 +185,11 @@ const Nt=t=>({_$litStatic$:t}),At=new Map,Mt=(t=>(e,...i)=>{var r;const o=i.leng
         line-height: ${Me};
         text-transform: ${Fe};
     }
-`;let He=class extends Et{constructor(){super(...arguments),this.variant=Ft.body1}getStyles(){return[Te,ze,Ue,je,_e,De,Be,Ie,Pe,Le]}getTemplate(){return this.element?Mt`
+`;let He=class extends Et{constructor(){super(...arguments),this.variant=Ft.body1}getStyles(){return[Te,ze,Ue,je,_e,De,Be,Ie,Pe,Le,s`
+                .ft-typography {
+                    vertical-align: inherit;
+                }
+            `]}getTemplate(){return this.element?Mt`
                 <${Nt(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
@@ -285,11 +289,11 @@ const Nt=t=>({_$litStatic$:t}),At=new Map,Mt=(t=>(e,...i)=>{var r;const o=i.leng
                 }
 
                 .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
-                    padding: 4px;
+                    padding: 2px 4px;
                     z-index: ${Ve.raisedZIndex};
                     background-color: ${Ve.colorSurface};
                     border-radius: ${Ve.borderRadiusS};
-                    top: calc(var(--ft-typography-caption-line-height) / -2);
+                    top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
                 }
 
                 .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
@@ -529,7 +533,8 @@ const vi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     color: ${xi.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-select",
-  "version": "0.1.7",
+  "version": "0.1.10",
   "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-input-label": "^0.1.7",
-    "@fluid-topics/ft-ripple": "^0.1.7",
-    "@fluid-topics/ft-typography": "^0.1.7",
-    "@fluid-topics/ft-wc-utils": "^0.1.7",
+    "@fluid-topics/ft-input-label": "^0.1.10",
+    "@fluid-topics/ft-ripple": "^0.1.10",
+    "@fluid-topics/ft-typography": "^0.1.10",
+    "@fluid-topics/ft-wc-utils": "^0.1.10",
     "@material/mwc-icon": "^0.25.3",
     "lit": "^2.0.2"
   },
-  "gitHead": "78397cca67971191c46739cfb6c87481aaa65745"
+  "gitHead": "af9249642eff7416fb4aa6371f82cb3f99086cec"
 }