@fluid-topics/ft-input-label 2.2.11 → 2.2.12

package/build/ft-input-label.light.js

@@ -1,4 +1,4 @@
-"use strict";(()=>{var Q=Object.create;var O=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var tt=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var v=(i,o)=>()=>{try{return o||i((o={exports:{}}).exports,o),o.exports}catch(a){throw o=0,a}};var ot=(i,o,a,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of Y(o))!et.call(i,p)&&p!==a&&O(i,p,{get:()=>o[p],enumerable:!(s=X(o,p))||s.enumerable});return i};var h=(i,o,a)=>(a=i!=null?Q(tt(i)):{},ot(o||!i||!i.__esModule?O(a,"default",{value:i,enumerable:!0}):a,i));var W=v((nt,N)=>{N.exports=ftGlobals.wcUtils});var R=v((rt,I)=>{I.exports=ftGlobals.litDecorators});var H=v((at,Z)=>{Z.exports=ftGlobals.lit});var P=v((Tt,G)=>{G.exports=ftGlobals.litClassMap});var J=h(W());var C=h(R());var y=h(H()),t=h(W()),_=t.FtCssVariableFactory.extend("--ft-typography-font-family","",t.designSystemVariables.titleFont),x=t.FtCssVariableFactory.extend("--ft-typography-font-family","",t.designSystemVariables.contentFont),e={fontFamily:x,fontSize:t.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:t.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:t.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:t.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:t.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit"),textDecoration:t.FtCssVariableFactory.create("--ft-typography-text-decoration","","UNKNOWN","inherit")},b={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-title-font-family","",_),fontSize:t.FtCssVariableFactory.extend("--ft-typography-title-font-size","",e.fontSize,"20px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",e.letterSpacing,"0.15px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-title-line-height","",e.lineHeight,"1.2"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-title-text-decoration","",e.textDecoration,"inherit")},m={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",_),fontSize:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",e.letterSpacing,"0.105px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",e.lineHeight,"1.7"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-title-dense-text-decoration","",e.textDecoration,"inherit")},u={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",e.fontSize,"16px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",e.fontWeight,"600"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",e.letterSpacing,"0.144px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",e.lineHeight,"1.5"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-decoration","",e.textDecoration,"inherit")},$={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",e.letterSpacing,"0.098px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",e.lineHeight,"1.7"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-decoration","",e.textDecoration,"inherit")},S={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",e.fontSize,"16px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",e.letterSpacing,"0.496px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",e.lineHeight,"1.5"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-body1-text-decoration","",e.textDecoration,"inherit")},z={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",e.letterSpacing,"0.252px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",e.lineHeight,"1.4"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-body2-text-decoration","",e.textDecoration,"inherit")},f={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",e.fontSize,"12px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",e.letterSpacing,"0.396px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",e.lineHeight,"1.33"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-caption-text-decoration","",e.textDecoration,"inherit")},T={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",e.fontSize,"10px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",e.letterSpacing,"0.33px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",e.lineHeight,"1.6"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-decoration","",e.textDecoration,"inherit")},F={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",e.fontSize,"10px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",e.letterSpacing,"1.5px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",e.lineHeight,"1.6"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",e.textTransform,"uppercase"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-overline-text-decoration","",e.textDecoration,"inherit")},w={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-button-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-button-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",e.fontWeight,"600"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",e.letterSpacing,"1.246px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-button-line-height","",e.lineHeight,"1.15"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",e.textTransform,"uppercase"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-button-text-decoration","",e.textDecoration,"inherit")},lt=y.css`
+"use strict";(()=>{var Q=Object.create;var R=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var tt=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var v=(i,o)=>()=>{try{return o||i((o={exports:{}}).exports,o),o.exports}catch(a){throw o=0,a}};var ot=(i,o,a,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of Y(o))!et.call(i,l)&&l!==a&&R(i,l,{get:()=>o[l],enumerable:!(s=X(o,l))||s.enumerable});return i};var h=(i,o,a)=>(a=i!=null?Q(tt(i)):{},ot(o||!i||!i.__esModule?R(a,"default",{value:i,enumerable:!0}):a,i));var W=v((nt,N)=>{N.exports=ftGlobals.wcUtils});var V=v((rt,I)=>{I.exports=ftGlobals.litDecorators});var H=v((at,Z)=>{Z.exports=ftGlobals.lit});var P=v((Tt,G)=>{G.exports=ftGlobals.litClassMap});var J=h(W());var C=h(V());var y=h(H()),t=h(W()),_=t.FtCssVariableFactory.extend("--ft-typography-font-family","",t.designSystemVariables.titleFont),x=t.FtCssVariableFactory.extend("--ft-typography-font-family","",t.designSystemVariables.contentFont),e={fontFamily:x,fontSize:t.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:t.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:t.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:t.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:t.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit"),textDecoration:t.FtCssVariableFactory.create("--ft-typography-text-decoration","","UNKNOWN","inherit")},b={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-title-font-family","",_),fontSize:t.FtCssVariableFactory.extend("--ft-typography-title-font-size","",e.fontSize,"20px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",e.letterSpacing,"0.15px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-title-line-height","",e.lineHeight,"1.2"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-title-text-decoration","",e.textDecoration,"inherit")},m={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",_),fontSize:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",e.letterSpacing,"0.105px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",e.lineHeight,"1.7"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-title-dense-text-decoration","",e.textDecoration,"inherit")},u={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",e.fontSize,"16px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",e.fontWeight,"600"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",e.letterSpacing,"0.144px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",e.lineHeight,"1.5"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-decoration","",e.textDecoration,"inherit")},$={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",e.letterSpacing,"0.098px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",e.lineHeight,"1.7"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-decoration","",e.textDecoration,"inherit")},S={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",e.fontSize,"16px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",e.letterSpacing,"0.496px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",e.lineHeight,"1.5"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-body1-text-decoration","",e.textDecoration,"inherit")},z={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",e.letterSpacing,"0.252px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",e.lineHeight,"1.4"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-body2-text-decoration","",e.textDecoration,"inherit")},f={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",e.fontSize,"12px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",e.letterSpacing,"0.396px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",e.lineHeight,"1.33"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-caption-text-decoration","",e.textDecoration,"inherit")},T={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",e.fontSize,"10px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",e.letterSpacing,"0.33px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",e.lineHeight,"1.6"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",e.textTransform,"inherit"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-decoration","",e.textDecoration,"inherit")},F={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",e.fontSize,"10px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",e.fontWeight,"normal"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",e.letterSpacing,"1.5px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",e.lineHeight,"1.6"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",e.textTransform,"uppercase"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-overline-text-decoration","",e.textDecoration,"inherit")},D={fontFamily:t.FtCssVariableFactory.extend("--ft-typography-button-font-family","",x),fontSize:t.FtCssVariableFactory.extend("--ft-typography-button-font-size","",e.fontSize,"14px"),fontWeight:t.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",e.fontWeight,"600"),letterSpacing:t.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",e.letterSpacing,"1.246px"),lineHeight:t.FtCssVariableFactory.extend("--ft-typography-button-line-height","",e.lineHeight,"1.15"),textTransform:t.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",e.textTransform,"uppercase"),textDecoration:t.FtCssVariableFactory.extend("--ft-typography-button-text-decoration","",e.textDecoration,"inherit")},pt=y.css`
     .ft-typography--title {
         font-family: ${b.fontFamily};
         font-size: ${b.fontSize};
@@ -8,7 +8,7 @@
         text-transform: ${b.textTransform};
         text-decoration: ${b.textDecoration};
     }
-`,pt=y.css`
+`,lt=y.css`
     .ft-typography--title-dense {
         font-family: ${m.fontFamily};
         font-size: ${m.fontSize};
@@ -91,50 +91,48 @@
     }
 `,dt=y.css`
     .ft-typography--button {
-        font-family: ${w.fontFamily};
-        font-size: ${w.fontSize};
-        font-weight: ${w.fontWeight};
-        letter-spacing: ${w.letterSpacing};
-        line-height: ${w.lineHeight};
-        text-transform: ${w.textTransform};
-        text-decoration: ${w.textDecoration};
+        font-family: ${D.fontFamily};
+        font-size: ${D.fontSize};
+        font-weight: ${D.fontWeight};
+        letter-spacing: ${D.letterSpacing};
+        line-height: ${D.lineHeight};
+        text-transform: ${D.textTransform};
+        text-decoration: ${D.textDecoration};
     }
 `,ct=y.css`
     .ft-typography {
         vertical-align: inherit;
     }
-`;var j=h(H()),r=h(W());var n={fontSize:r.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:r.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:r.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:r.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:r.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:r.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:r.FtCssVariableFactory.extend("--ft-input-label-border-color","",r.designSystemVariables.colorOutline),textColor:r.FtCssVariableFactory.extend("--ft-input-label-text-color","",r.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:r.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",r.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:r.FtCssVariableFactory.extend("--ft-input-label-background-color","",r.designSystemVariables.colorSurface),borderRadius:r.FtCssVariableFactory.extend("--ft-input-label-border-radius","",r.designSystemVariables.borderRadiusS),colorError:r.FtCssVariableFactory.external(r.designSystemVariables.colorError,"Design system")},U=j.css`
+`;var j=h(H()),n=h(W());var r={fontSize:n.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:n.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:n.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:n.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:n.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:n.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:n.FtCssVariableFactory.extend("--ft-input-label-border-color","",n.designSystemVariables.colorOutline),textColor:n.FtCssVariableFactory.extend("--ft-input-label-text-color","",n.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:n.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",n.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:n.FtCssVariableFactory.extend("--ft-input-label-background-color","",n.designSystemVariables.colorSurface),borderRadius:n.FtCssVariableFactory.extend("--ft-input-label-border-radius","",n.designSystemVariables.borderRadiusS),colorError:n.FtCssVariableFactory.external(n.designSystemVariables.colorError,"Design system")},U=j.css`
     .ft-input-label {
         position: absolute;
         inset: 0;
         display: flex;
-        background-color: ${n.backgroundColor};
-        border-radius: ${n.borderRadius} ${n.borderRadius} 0 0;
+        background-color: ${r.backgroundColor};
+        border-radius: ${r.borderRadius} ${r.borderRadius} 0 0;
+        border-color: ${r.borderColor};
+        border-bottom-width: 1px;
+        border-bottom-style: solid;
     }
 
     .ft-input-label--outlined {
-        border-radius: ${n.borderRadius};
-    }
-
-    .ft-input-label {
-        border-color: ${n.borderColor};
+        border-radius: ${r.borderRadius};
+        border-width: 1px;
+        border-style: solid;
     }
 
     .ft-input-label.ft-input-label--in-error {
-        border-color: ${n.colorError}
+        border-color: ${r.colorError}
     }
 
     .ft-input-label:before,
     .ft-input-label:after {
         content: "";
         display: flex;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        border-color: inherit;
     }
 
     .ft-input-label:before {
-        width: calc(${n.horizontalSpacing} - 4px);
+        width: calc(${r.horizontalSpacing} - 4px);
         flex-shrink: 0;
     }
 
@@ -147,23 +145,20 @@
         display: flex;
         flex-shrink: 1;
         position: relative;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        border-color: inherit;
-        color: ${n.textColor};
+        color: ${r.textColor};
         transition: font-size 250ms, line-height 250ms, color 250ms;
-        max-width: calc(${n.labelMaxWidth} - 2 * (${n.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
+        max-width: calc(${r.labelMaxWidth} - 2 * (${r.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
         text-overflow: ellipsis;
-        ${(0,r.setVariable)(f.fontSize,n.fontSize)};
-        ${(0,r.setVariable)(f.lineHeight,n.fontSize)};
+        ${(0,n.setVariable)(f.fontSize,r.fontSize)};
+        ${(0,n.setVariable)(f.lineHeight,r.fontSize)};
     }
 
     .ft-input-label--in-error .ft-input-label--text {
-        color: ${n.colorError}
+        color: ${r.colorError}
     }
 
     .ft-input-label--disabled .ft-input-label--text {
-        color: ${n.disabledTextColor};
+        color: ${r.disabledTextColor};
     }
 
     .ft-input-label--hidden-text {
@@ -180,61 +175,38 @@
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        padding: ${n.verticalSpacing} 4px;
-        margin: calc(${n.verticalSpacing} * -1) 0;
+        padding: ${r.verticalSpacing} 4px;
+        margin: calc(${r.verticalSpacing} * -1) 0;
         max-width: 100%;
         box-sizing: border-box;
     }
 
     .ft-input-label--raised .ft-input-label--text {
-        ${(0,r.setVariable)(f.fontSize,n.raisedFontSize)};
-        ${(0,r.setVariable)(f.lineHeight,n.raisedFontSize)};
+        ${(0,n.setVariable)(f.fontSize,r.raisedFontSize)};
+        ${(0,n.setVariable)(f.lineHeight,r.raisedFontSize)};
     }
 
     .ft-input-label--raised .ft-input-label--floating-text {
-        top: ${n.verticalSpacing};
-    }
-
-    .ft-input-label--outlined .ft-input-label--text,
-    .ft-input-label--outlined:before,
-    .ft-input-label--outlined:after {
-        border-top-width: 1px;
-        border-top-style: solid;
-    }
-
-    .ft-input-label--outlined:before {
-        border-left-width: 1px;
-        border-left-style: solid;
-        border-radius: ${n.borderRadius} 0 0 ${n.borderRadius};
-    }
-
-    .ft-input-label--outlined:after {
-        border-right-width: 1px;
-        border-right-style: solid;
-        border-radius: 0 ${n.borderRadius} ${n.borderRadius} 0;
+        top: ${r.verticalSpacing};
     }
 
     .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
         padding: 2px 4px;
-        z-index: ${n.raisedZIndex};
-        background-color: ${n.backgroundColor};
-        border-radius: ${n.borderRadius};
+        z-index: ${r.raisedZIndex};
+        background-color: ${r.backgroundColor};
+        border-radius: ${r.borderRadius};
         top: calc((${f.lineHeight} / -2) + 2px);
     }
-
-    .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
-        border-top: none;
-    }
-`;var V=h(H()),E=h(R());function L(i,o,a){return i?o(i):a?.(i)}var k=h(P()),q=h(W()),K=function(i,o,a,s){var p=arguments.length,l=p<3?o:s===null?s=Object.getOwnPropertyDescriptor(o,a):s,g;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(i,o,a,s);else for(var c=i.length-1;c>=0;c--)(g=i[c])&&(l=(p<3?g(l):p>3?g(o,a,l):g(o,a))||l);return p>3&&l&&Object.defineProperty(o,a,l),l},D=class extends q.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1}get inputLabelClasses(){return{}}render(){return V.html`
+`;var E=h(H()),B=h(V());function L(i,o,a){return i?o(i):a?.(i)}var k=h(P()),q=h(W()),K=function(i,o,a,s){var l=arguments.length,p=l<3?o:s===null?s=Object.getOwnPropertyDescriptor(o,a):s,g;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(i,o,a,s);else for(var c=i.length-1;c>=0;c--)(g=i[c])&&(p=(l<3?g(p):l>3?g(o,a,p):g(o,a))||p);return l>3&&p&&Object.defineProperty(o,a,p),p},w=class extends q.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1}get inputLabelClasses(){return{}}render(){return E.html`
             <div class="${(0,k.classMap)(this.inputLabelClasses)}">
-                ${L(this.text,()=>V.html`
+                ${L(this.text,()=>E.html`
                     <div class="ft-input-label--text ft-typography--caption">
                         <label class="ft-input-label--floating-text">${this.text}</label>
                         <span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
                     </div>
                 `)}
             </div>
-        `}};D.elementDefinitions={};K([(0,E.property)({type:String})],D.prototype,"text",void 0);K([(0,E.property)({type:Boolean})],D.prototype,"raised",void 0);var B=function(i,o,a,s){var p=arguments.length,l=p<3?o:s===null?s=Object.getOwnPropertyDescriptor(o,a):s,g;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(i,o,a,s);else for(var c=i.length-1;c>=0;c--)(g=i[c])&&(l=(p<3?g(l):p>3?g(o,a,l):g(o,a))||l);return p>3&&l&&Object.defineProperty(o,a,l),l},d=class extends D{constructor(){super(...arguments),this.outlined=!1,this.error=!1,this.disabled=!1}get inputLabelClasses(){return{"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error}}};d.elementDefinitions={};d.styles=[M,U];B([(0,C.property)({type:Boolean})],d.prototype,"outlined",void 0);B([(0,C.property)({type:Boolean})],d.prototype,"error",void 0);B([(0,C.property)({type:Boolean})],d.prototype,"disabled",void 0);var A={"ft-input-label":d};(0,J.customElements)(A);})();
+        `}};w.elementDefinitions={};K([(0,B.property)({type:String})],w.prototype,"text",void 0);K([(0,B.property)({type:Boolean})],w.prototype,"raised",void 0);var O=function(i,o,a,s){var l=arguments.length,p=l<3?o:s===null?s=Object.getOwnPropertyDescriptor(o,a):s,g;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(i,o,a,s);else for(var c=i.length-1;c>=0;c--)(g=i[c])&&(p=(l<3?g(p):l>3?g(o,a,p):g(o,a))||p);return l>3&&p&&Object.defineProperty(o,a,p),p},d=class extends w{constructor(){super(...arguments),this.outlined=!1,this.error=!1,this.disabled=!1}get inputLabelClasses(){return{"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error}}};d.elementDefinitions={};d.styles=[M,U];O([(0,C.property)({type:Boolean})],d.prototype,"outlined",void 0);O([(0,C.property)({type:Boolean})],d.prototype,"error",void 0);O([(0,C.property)({type:Boolean})],d.prototype,"disabled",void 0);var A={"ft-input-label":d};(0,J.customElements)(A);})();
 /*! Bundled license information:
 
 lit-html/directives/when.js: